Update from Vibe Studio

node_modules/@ant-design/pro-layout/es/components/FooterToolbar/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '@ant-design/pro-provider';
+export interface FooterToolBarToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

node_modules/@ant-design/pro-layout/es/components/FooterToolbar/style/index.js

@@ -0,0 +1,47 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { setAlpha, useStyle as useAntdStyle } from '@ant-design/pro-provider';
+var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
+  return _defineProperty({}, token.componentCls, {
+    position: 'fixed',
+    insetInlineEnd: 0,
+    bottom: 0,
+    zIndex: 99,
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%',
+    paddingInline: 24,
+    paddingBlock: 0,
+    boxSizing: 'border-box',
+    lineHeight: '64px',
+    /* A way to reset the style of the component. */
+    backgroundColor: setAlpha(token.colorBgElevated, 0.6),
+    borderBlockStart: "1px solid ".concat(token.colorSplit),
+    '-webkit-backdrop-filter': 'blur(8px)',
+    backdropFilter: 'blur(8px)',
+    color: token.colorText,
+    transition: 'all 0.2s ease 0s',
+    '&-left': {
+      flex: 1,
+      color: token.colorText
+    },
+    '&-right': {
+      color: token.colorText,
+      '> *': {
+        marginInlineEnd: 8,
+        '&:last-child': {
+          marginBlock: 0,
+          marginInline: 0
+        }
+      }
+    }
+  });
+};
+export function useStyle(prefixCls) {
+  return useAntdStyle('ProLayoutFooterToolbar', function (token) {
+    var proCardToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genFooterToolBarStyle(proCardToken)];
+  });
+}

node_modules/@ant-design/pro-layout/es/components/FooterToolbar/style/stylish.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { GenerateStyle, ProAliasToken } from '@ant-design/pro-provider';
+export interface stylishToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStylish(prefixCls: string, { stylish, }: {
+    stylish?: GenerateStyle<stylishToken>;
+}): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

node_modules/@ant-design/pro-layout/es/components/FooterToolbar/style/stylish.js

@@ -0,0 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { useStyle as useAntdStyle } from '@ant-design/pro-provider';
+export function useStylish(prefixCls, _ref) {
+  var stylish = _ref.stylish;
+  return useAntdStyle('ProLayoutFooterToolbarStylish', function (token) {
+    var stylishToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    if (!stylish) return [];
+    return [_defineProperty({}, "".concat(stylishToken.componentCls), stylish === null || stylish === void 0 ? void 0 : stylish(stylishToken))];
+  });
+}