Update from Vibe Studio

node_modules/@ant-design/pro-layout/lib/components/CollapsedIcon/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CollapsedIcon: React.FC<any>;

node_modules/@ant-design/pro-layout/lib/components/CollapsedIcon/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapsedIcon = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Arrow = require("../SiderMenu/Arrow");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["isMobile", "collapsed"];
+var CollapsedIcon = exports.CollapsedIcon = function CollapsedIcon(props) {
+  var isMobile = props.isMobile,
+    collapsed = props.collapsed,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useStyle = (0, _style.useStyle)(props.className),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  if (isMobile && collapsed) return null;
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+    className: (0, _classnames.default)(props.className, hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(props.className, "-collapsed"), collapsed), "".concat(props.className, "-is-mobile"), isMobile)),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Arrow.ArrowSvgIcon, {})
+  })));
+};

node_modules/@ant-design/pro-layout/lib/components/CollapsedIcon/style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '@ant-design/pro-provider';
+export interface SiderMenuToken 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/CollapsedIcon/style.js

@@ -0,0 +1,56 @@
+"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 genSiderMenuStyle = function genSiderMenuStyle(token) {
+  var _token$layout, _token$layout2, _token$layout3;
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    position: 'absolute',
+    insetBlockStart: '18px',
+    zIndex: '101',
+    width: '24px',
+    height: '24px',
+    fontSize: ['14px', '16px'],
+    textAlign: 'center',
+    borderRadius: '40px',
+    insetInlineEnd: '-13px',
+    transition: 'transform 0.3s',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    color: (_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.sider) === null || _token$layout === void 0 ? void 0 : _token$layout.colorTextCollapsedButton,
+    backgroundColor: (_token$layout2 = token.layout) === null || _token$layout2 === void 0 || (_token$layout2 = _token$layout2.sider) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.colorBgCollapsedButton,
+    boxShadow: '0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08)',
+    '&:hover': {
+      color: (_token$layout3 = token.layout) === null || _token$layout3 === void 0 || (_token$layout3 = _token$layout3.sider) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.colorTextCollapsedButtonHover,
+      boxShadow: '0 4px 16px -4px rgba(0,0,0,0.05), 0 2px 8px -2px rgba(25,15,15,0.07), 0 1px 2px 0 rgba(0,0,0,0.08)'
+    },
+    '.anticon': {
+      fontSize: '14px'
+    },
+    '& > svg': {
+      transition: 'transform  0.3s',
+      transform: 'rotate(90deg)'
+    },
+    '&-collapsed': {
+      '& > svg': {
+        transform: 'rotate(-90deg)'
+      }
+    }
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _proProvider.useStyle)('SiderMenuCollapsedIcon', function (token) {
+    var siderMenuToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genSiderMenuStyle(siderMenuToken)];
+  });
+}