Update from Vibe Studio

node_modules/@ant-design/pro-layout/lib/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/lib/components/FooterToolbar/style/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _proProvider = require("@ant-design/pro-provider");
+var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
+  return (0, _defineProperty2.default)({}, 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: (0, _proProvider.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
+        }
+      }
+    }
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _proProvider.useStyle)('ProLayoutFooterToolbar', function (token) {
+    var proCardToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genFooterToolBarStyle(proCardToken)];
+  });
+}

node_modules/@ant-design/pro-layout/lib/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/lib/components/FooterToolbar/style/stylish.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStylish = useStylish;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _proProvider = require("@ant-design/pro-provider");
+function useStylish(prefixCls, _ref) {
+  var stylish = _ref.stylish;
+  return (0, _proProvider.useStyle)('ProLayoutFooterToolbarStylish', function (token) {
+    var stylishToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    if (!stylish) return [];
+    return [(0, _defineProperty2.default)({}, "".concat(stylishToken.componentCls), stylish === null || stylish === void 0 ? void 0 : stylish(stylishToken))];
+  });
+}