@pnkx-lib/ui 1.9.467 → 1.9.469

package/es/ui/Heading.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../chunks/index-xdC7i8zM.js';
+import { c as classNames } from '../chunks/index-BLRvgOFN.js';
 import { WrapperBreadcrumb } from './WrapperBreadcrumb.js';
 
 const Heading = (props) => {

package/es/ui/ImportFile.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Upload } from 'antd';
-import { R as RefIcon } from '../chunks/InboxOutlined-W7xl_mLq.js';
-import { R as RefIcon$1, a as RefIcon$2 } from '../chunks/CloseCircleFilled-4jnV3XJV.js';
+import { R as RefIcon } from '../chunks/InboxOutlined-BSPALM_S.js';
+import { R as RefIcon$1, a as RefIcon$2 } from '../chunks/CloseCircleFilled-CFf9JuKT.js';
 
 const { Dragger } = Upload;
 const ImportFile = ({

package/es/ui/Layout.js

@@ -1,598 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { g as genStyleHooks, u as unit, C as ConfigContext, o as omit, t as toArray, a as useComponentConfig, _ as _toConsumableArray } from '../chunks/toArray-GtzhUyP3.js';
-import * as React from 'react';
-import { useContext, useState, useEffect, useRef } from 'react';
-import { c as classNames } from '../chunks/index-xdC7i8zM.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-KP2HuB_x.js';
-
-// This icon file is generated automatically.
-var BarsOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "bars", "theme": "outlined" };
-
-var BarsOutlined = function BarsOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: BarsOutlined$1
-  }));
-};
-
-/**![bars](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkxMiAxOTJIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHptMCAyODRIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHptMCAyODRIMzI4Yy00LjQgMC04IDMuNi04IDh2NTZjMCA0LjQgMy42IDggOCA4aDU4NGM0LjQgMCA4LTMuNiA4LTh2LTU2YzAtNC40LTMuNi04LTgtOHpNMTA0IDIyOGE1NiA1NiAwIDEwMTEyIDAgNTYgNTYgMCAxMC0xMTIgMHptMCAyODRhNTYgNTYgMCAxMDExMiAwIDU2IDU2IDAgMTAtMTEyIDB6bTAgMjg0YTU2IDU2IDAgMTAxMTIgMCA1NiA1NiAwIDEwLTExMiAweiIgLz48L3N2Zz4=) */
-var RefIcon$2 = /*#__PURE__*/React.forwardRef(BarsOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$2.displayName = 'BarsOutlined';
-}
-
-// This icon file is generated automatically.
-var LeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
-
-var LeftOutlined = function LeftOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: LeftOutlined$1
-  }));
-};
-
-/**![left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcyNCAyMTguM1YxNDFjMC02LjctNy43LTEwLjQtMTIuOS02LjNMMjYwLjMgNDg2LjhhMzEuODYgMzEuODYgMCAwMDAgNTAuM2w0NTAuOCAzNTIuMWM1LjMgNC4xIDEyLjkuNCAxMi45LTYuM3YtNzcuM2MwLTQuOS0yLjMtOS42LTYuMS0xMi42bC0zNjAtMjgxIDM2MC0yODEuMWMzLjgtMyA2LjEtNy43IDYuMS0xMi42eiIgLz48L3N2Zz4=) */
-var RefIcon$1 = /*#__PURE__*/React.forwardRef(LeftOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$1.displayName = 'LeftOutlined';
-}
-
-// This icon file is generated automatically.
-var RightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
-
-var RightOutlined = function RightOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: RightOutlined$1
-  }));
-};
-
-/**![right](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTc2NS43IDQ4Ni44TDMxNC45IDEzNC43QTcuOTcgNy45NyAwIDAwMzAyIDE0MXY3Ny4zYzAgNC45IDIuMyA5LjYgNi4xIDEyLjZsMzYwIDI4MS4xLTM2MCAyODEuMWMtMy45IDMtNi4xIDcuNy02LjEgMTIuNlY4ODNjMCA2LjcgNy43IDEwLjQgMTIuOSA2LjNsNDUwLjgtMzUyLjFhMzEuOTYgMzEuOTYgMCAwMDAtNTAuNHoiIC8+PC9zdmc+) */
-var RefIcon = /*#__PURE__*/React.forwardRef(RightOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon.displayName = 'RightOutlined';
-}
-
-const LayoutContext = /*#__PURE__*/React.createContext({
-  siderHook: {
-    addSider: () => null,
-    removeSider: () => null
-  }
-});
-
-const addMediaQueryListener = (mql, handler) => {
-  // Don't delete here, please keep the code compatible
-  if (typeof (mql === null || mql === void 0 ? void 0 : mql.addEventListener) !== 'undefined') {
-    mql.addEventListener('change', handler);
-  } else if (typeof (mql === null || mql === void 0 ? void 0 : mql.addListener) !== 'undefined') {
-    mql.addListener(handler);
-  }
-};
-const removeMediaQueryListener = (mql, handler) => {
-  // Don't delete here, please keep the code compatible
-  if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeEventListener) !== 'undefined') {
-    mql.removeEventListener('change', handler);
-  } else if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeListener) !== 'undefined') {
-    mql.removeListener(handler);
-  }
-};
-
-const genLayoutStyle = token => {
-  const {
-    antCls,
-    // .ant
-    componentCls,
-    // .ant-layout
-    colorText,
-    footerBg,
-    headerHeight,
-    headerPadding,
-    headerColor,
-    footerPadding,
-    fontSize,
-    bodyBg,
-    headerBg
-  } = token;
-  return {
-    [componentCls]: {
-      display: 'flex',
-      flex: 'auto',
-      flexDirection: 'column',
-      /* fix firefox can't set height smaller than content on flex item */
-      minHeight: 0,
-      background: bodyBg,
-      '&, *': {
-        boxSizing: 'border-box'
-      },
-      [`&${componentCls}-has-sider`]: {
-        flexDirection: 'row',
-        [`> ${componentCls}, > ${componentCls}-content`]: {
-          // https://segmentfault.com/a/1190000019498300
-          width: 0
-        }
-      },
-      [`${componentCls}-header, &${componentCls}-footer`]: {
-        flex: '0 0 auto'
-      },
-      // RTL
-      '&-rtl': {
-        direction: 'rtl'
-      }
-    },
-    // ==================== Header ====================
-    [`${componentCls}-header`]: {
-      height: headerHeight,
-      padding: headerPadding,
-      color: headerColor,
-      lineHeight: unit(headerHeight),
-      background: headerBg,
-      // Other components/menu/style/index.less line:686
-      // Integration with header element so menu items have the same height
-      [`${antCls}-menu`]: {
-        lineHeight: 'inherit'
-      }
-    },
-    // ==================== Footer ====================
-    [`${componentCls}-footer`]: {
-      padding: footerPadding,
-      color: colorText,
-      fontSize,
-      background: footerBg
-    },
-    // =================== Content ====================
-    [`${componentCls}-content`]: {
-      flex: 'auto',
-      color: colorText,
-      // fix firefox can't set height smaller than content on flex item
-      minHeight: 0
-    }
-  };
-};
-const prepareComponentToken = token => {
-  const {
-    colorBgLayout,
-    controlHeight,
-    controlHeightLG,
-    colorText,
-    controlHeightSM,
-    marginXXS,
-    colorTextLightSolid,
-    colorBgContainer
-  } = token;
-  const paddingInline = controlHeightLG * 1.25;
-  return {
-    // Deprecated
-    colorBgHeader: '#001529',
-    colorBgBody: colorBgLayout,
-    colorBgTrigger: '#002140',
-    bodyBg: colorBgLayout,
-    headerBg: '#001529',
-    headerHeight: controlHeight * 2,
-    headerPadding: `0 ${paddingInline}px`,
-    headerColor: colorText,
-    footerPadding: `${controlHeightSM}px ${paddingInline}px`,
-    footerBg: colorBgLayout,
-    siderBg: '#001529',
-    triggerHeight: controlHeightLG + marginXXS * 2,
-    triggerBg: '#002140',
-    triggerColor: colorTextLightSolid,
-    zeroTriggerWidth: controlHeightLG,
-    zeroTriggerHeight: controlHeightLG,
-    lightSiderBg: colorBgContainer,
-    lightTriggerBg: colorBgContainer,
-    lightTriggerColor: colorText
-  };
-};
-// ============================== Export ==============================
-const DEPRECATED_TOKENS = [['colorBgBody', 'bodyBg'], ['colorBgHeader', 'headerBg'], ['colorBgTrigger', 'triggerBg']];
-const useStyle$1 = genStyleHooks('Layout', genLayoutStyle, prepareComponentToken, {
-  deprecatedTokens: DEPRECATED_TOKENS
-});
-
-const genSiderStyle = token => {
-  const {
-    componentCls,
-    siderBg,
-    motionDurationMid,
-    motionDurationSlow,
-    antCls,
-    triggerHeight,
-    triggerColor,
-    triggerBg,
-    headerHeight,
-    zeroTriggerWidth,
-    zeroTriggerHeight,
-    borderRadiusLG,
-    lightSiderBg,
-    lightTriggerColor,
-    lightTriggerBg,
-    bodyBg
-  } = token;
-  return {
-    [componentCls]: {
-      position: 'relative',
-      // fix firefox can't set width smaller than content on flex item
-      minWidth: 0,
-      background: siderBg,
-      transition: `all ${motionDurationMid}, background 0s`,
-      '&-has-trigger': {
-        paddingBottom: triggerHeight
-      },
-      '&-right': {
-        order: 1
-      },
-      [`${componentCls}-children`]: {
-        height: '100%',
-        // Hack for fixing margin collapse bug
-        // https://github.com/ant-design/ant-design/issues/7967
-        // solution from https://stackoverflow.com/a/33132624/3040605
-        marginTop: -0.1,
-        paddingTop: 0.1,
-        [`${antCls}-menu${antCls}-menu-inline-collapsed`]: {
-          width: 'auto'
-        }
-      },
-      [`&-zero-width ${componentCls}-children`]: {
-        overflow: 'hidden'
-      },
-      [`${componentCls}-trigger`]: {
-        position: 'fixed',
-        bottom: 0,
-        zIndex: 1,
-        height: triggerHeight,
-        color: triggerColor,
-        lineHeight: unit(triggerHeight),
-        textAlign: 'center',
-        background: triggerBg,
-        cursor: 'pointer',
-        transition: `all ${motionDurationMid}`
-      },
-      [`${componentCls}-zero-width-trigger`]: {
-        position: 'absolute',
-        top: headerHeight,
-        insetInlineEnd: token.calc(zeroTriggerWidth).mul(-1).equal(),
-        zIndex: 1,
-        width: zeroTriggerWidth,
-        height: zeroTriggerHeight,
-        color: triggerColor,
-        fontSize: token.fontSizeXL,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        background: siderBg,
-        borderRadius: `0 ${unit(borderRadiusLG)} ${unit(borderRadiusLG)} 0`,
-        cursor: 'pointer',
-        transition: `background ${motionDurationSlow} ease`,
-        '&::after': {
-          position: 'absolute',
-          inset: 0,
-          background: 'transparent',
-          transition: `all ${motionDurationSlow}`,
-          content: '""'
-        },
-        '&:hover::after': {
-          background: `rgba(255, 255, 255, 0.2)`
-        },
-        '&-right': {
-          insetInlineStart: token.calc(zeroTriggerWidth).mul(-1).equal(),
-          borderRadius: `${unit(borderRadiusLG)} 0 0 ${unit(borderRadiusLG)}`
-        }
-      },
-      // Light
-      '&-light': {
-        background: lightSiderBg,
-        [`${componentCls}-trigger`]: {
-          color: lightTriggerColor,
-          background: lightTriggerBg
-        },
-        [`${componentCls}-zero-width-trigger`]: {
-          color: lightTriggerColor,
-          background: lightTriggerBg,
-          border: `1px solid ${bodyBg}`,
-          // Safe to modify to any other color
-          borderInlineStart: 0
-        }
-      }
-    }
-  };
-};
-const useStyle = genStyleHooks(['Layout', 'Sider'], genSiderStyle, prepareComponentToken, {
-  deprecatedTokens: DEPRECATED_TOKENS
-});
-
-var __rest$1 = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-const dimensionMaxMap = {
-  xs: '479.98px',
-  sm: '575.98px',
-  md: '767.98px',
-  lg: '991.98px',
-  xl: '1199.98px',
-  xxl: '1599.98px'
-};
-const isNumeric = value => !Number.isNaN(Number.parseFloat(value)) && isFinite(value);
-const SiderContext = /*#__PURE__*/React.createContext({});
-const generateId = (() => {
-  let i = 0;
-  return (prefix = '') => {
-    i += 1;
-    return `${prefix}${i}`;
-  };
-})();
-const Sider = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-      prefixCls: customizePrefixCls,
-      className,
-      trigger,
-      children,
-      defaultCollapsed = false,
-      theme = 'dark',
-      style = {},
-      collapsible = false,
-      reverseArrow = false,
-      width = 200,
-      collapsedWidth = 80,
-      zeroWidthTriggerStyle,
-      breakpoint,
-      onCollapse,
-      onBreakpoint
-    } = props,
-    otherProps = __rest$1(props, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
-  const {
-    siderHook
-  } = useContext(LayoutContext);
-  const [collapsed, setCollapsed] = useState('collapsed' in props ? props.collapsed : defaultCollapsed);
-  const [below, setBelow] = useState(false);
-  useEffect(() => {
-    if ('collapsed' in props) {
-      setCollapsed(props.collapsed);
-    }
-  }, [props.collapsed]);
-  const handleSetCollapsed = (value, type) => {
-    if (!('collapsed' in props)) {
-      setCollapsed(value);
-    }
-    onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(value, type);
-  };
-  // =========================== Prefix ===========================
-  const {
-    getPrefixCls,
-    direction
-  } = useContext(ConfigContext);
-  const prefixCls = getPrefixCls('layout-sider', customizePrefixCls);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
-  // ========================= Responsive =========================
-  const responsiveHandlerRef = useRef(null);
-  responsiveHandlerRef.current = mql => {
-    setBelow(mql.matches);
-    onBreakpoint === null || onBreakpoint === void 0 ? void 0 : onBreakpoint(mql.matches);
-    if (collapsed !== mql.matches) {
-      handleSetCollapsed(mql.matches, 'responsive');
-    }
-  };
-  useEffect(() => {
-    function responsiveHandler(mql) {
-      var _a;
-      return (_a = responsiveHandlerRef.current) === null || _a === void 0 ? void 0 : _a.call(responsiveHandlerRef, mql);
-    }
-    let mql;
-    if (typeof (window === null || window === void 0 ? void 0 : window.matchMedia) !== 'undefined' && breakpoint && breakpoint in dimensionMaxMap) {
-      mql = window.matchMedia(`screen and (max-width: ${dimensionMaxMap[breakpoint]})`);
-      addMediaQueryListener(mql, responsiveHandler);
-      responsiveHandler(mql);
-    }
-    return () => {
-      removeMediaQueryListener(mql, responsiveHandler);
-    };
-  }, [breakpoint]); // in order to accept dynamic 'breakpoint' property, we need to add 'breakpoint' into dependency array.
-  useEffect(() => {
-    const uniqueId = generateId('ant-sider-');
-    siderHook.addSider(uniqueId);
-    return () => siderHook.removeSider(uniqueId);
-  }, []);
-  const toggle = () => {
-    handleSetCollapsed(!collapsed, 'clickTrigger');
-  };
-  const divProps = omit(otherProps, ['collapsed']);
-  const rawWidth = collapsed ? collapsedWidth : width;
-  // use "px" as fallback unit for width
-  const siderWidth = isNumeric(rawWidth) ? `${rawWidth}px` : String(rawWidth);
-  // special trigger when collapsedWidth == 0
-  const zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? (/*#__PURE__*/React.createElement("span", {
-    onClick: toggle,
-    className: classNames(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`),
-    style: zeroWidthTriggerStyle
-  }, trigger || /*#__PURE__*/React.createElement(RefIcon$2, null))) : null;
-  const reverseIcon = direction === 'rtl' === !reverseArrow;
-  const iconObj = {
-    expanded: reverseIcon ? /*#__PURE__*/React.createElement(RefIcon, null) : /*#__PURE__*/React.createElement(RefIcon$1, null),
-    collapsed: reverseIcon ? /*#__PURE__*/React.createElement(RefIcon$1, null) : /*#__PURE__*/React.createElement(RefIcon, null)
-  };
-  const status = collapsed ? 'collapsed' : 'expanded';
-  const defaultTrigger = iconObj[status];
-  const triggerDom = trigger !== null ? zeroWidthTrigger || (/*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-trigger`,
-    onClick: toggle,
-    style: {
-      width: siderWidth
-    }
-  }, trigger || defaultTrigger)) : null;
-  const divStyle = Object.assign(Object.assign({}, style), {
-    flex: `0 0 ${siderWidth}`,
-    maxWidth: siderWidth,
-    minWidth: siderWidth,
-    width: siderWidth
-  });
-  const siderCls = classNames(prefixCls, `${prefixCls}-${theme}`, {
-    [`${prefixCls}-collapsed`]: !!collapsed,
-    [`${prefixCls}-has-trigger`]: collapsible && trigger !== null && !zeroWidthTrigger,
-    [`${prefixCls}-below`]: !!below,
-    [`${prefixCls}-zero-width`]: parseFloat(siderWidth) === 0
-  }, className, hashId, cssVarCls);
-  const contextValue = React.useMemo(() => ({
-    siderCollapsed: collapsed
-  }), [collapsed]);
-  return wrapCSSVar(/*#__PURE__*/React.createElement(SiderContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement("aside", Object.assign({
-    className: siderCls
-  }, divProps, {
-    style: divStyle,
-    ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-children`
-  }, children), collapsible || below && zeroWidthTrigger ? triggerDom : null)));
-});
-if (process.env.NODE_ENV !== 'production') {
-  Sider.displayName = 'Sider';
-}
-
-function useHasSider(siders, children, hasSider) {
-  if (typeof hasSider === 'boolean') {
-    return hasSider;
-  }
-  if (siders.length) {
-    return true;
-  }
-  const childNodes = toArray(children);
-  return childNodes.some(node => node.type === Sider);
-}
-
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-function generator({
-  suffixCls,
-  tagName,
-  displayName
-}) {
-  return BasicComponent => {
-    const Adapter = /*#__PURE__*/React.forwardRef((props, ref) => (/*#__PURE__*/React.createElement(BasicComponent, Object.assign({
-      ref: ref,
-      suffixCls: suffixCls,
-      tagName: tagName
-    }, props))));
-    if (process.env.NODE_ENV !== 'production') {
-      Adapter.displayName = displayName;
-    }
-    return Adapter;
-  };
-}
-const Basic = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-      prefixCls: customizePrefixCls,
-      suffixCls,
-      className,
-      tagName: TagName
-    } = props,
-    others = __rest(props, ["prefixCls", "suffixCls", "className", "tagName"]);
-  const {
-    getPrefixCls
-  } = React.useContext(ConfigContext);
-  const prefixCls = getPrefixCls('layout', customizePrefixCls);
-  const [wrapSSR, hashId, cssVarCls] = useStyle$1(prefixCls);
-  const prefixWithSuffixCls = suffixCls ? `${prefixCls}-${suffixCls}` : prefixCls;
-  return wrapSSR(/*#__PURE__*/React.createElement(TagName, Object.assign({
-    className: classNames(customizePrefixCls || prefixWithSuffixCls, className, hashId, cssVarCls),
-    ref: ref
-  }, others)));
-});
-const BasicLayout = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    direction
-  } = React.useContext(ConfigContext);
-  const [siders, setSiders] = React.useState([]);
-  const {
-      prefixCls: customizePrefixCls,
-      className,
-      rootClassName,
-      children,
-      hasSider,
-      tagName: Tag,
-      style
-    } = props,
-    others = __rest(props, ["prefixCls", "className", "rootClassName", "children", "hasSider", "tagName", "style"]);
-  const passedProps = omit(others, ['suffixCls']);
-  const {
-    getPrefixCls,
-    className: contextClassName,
-    style: contextStyle
-  } = useComponentConfig('layout');
-  const prefixCls = getPrefixCls('layout', customizePrefixCls);
-  const mergedHasSider = useHasSider(siders, children, hasSider);
-  const [wrapCSSVar, hashId, cssVarCls] = useStyle$1(prefixCls);
-  const classString = classNames(prefixCls, {
-    [`${prefixCls}-has-sider`]: mergedHasSider,
-    [`${prefixCls}-rtl`]: direction === 'rtl'
-  }, contextClassName, className, rootClassName, hashId, cssVarCls);
-  const contextValue = React.useMemo(() => ({
-    siderHook: {
-      addSider: id => {
-        setSiders(prev => [].concat(_toConsumableArray(prev), [id]));
-      },
-      removeSider: id => {
-        setSiders(prev => prev.filter(currentId => currentId !== id));
-      }
-    }
-  }), []);
-  return wrapCSSVar(/*#__PURE__*/React.createElement(LayoutContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(Tag, Object.assign({
-    ref: ref,
-    className: classString,
-    style: Object.assign(Object.assign({}, contextStyle), style)
-  }, passedProps), children)));
-});
-const Layout$1 = generator({
-  tagName: 'div',
-  displayName: 'Layout'
-})(BasicLayout);
-const Header = generator({
-  suffixCls: 'header',
-  tagName: 'header',
-  displayName: 'Header'
-})(Basic);
-const Footer = generator({
-  suffixCls: 'footer',
-  tagName: 'footer',
-  displayName: 'Footer'
-})(Basic);
-const Content = generator({
-  suffixCls: 'content',
-  tagName: 'main',
-  displayName: 'Content'
-})(Basic);
-
-const LayoutComponent = ({
-  layoutClassName,
-  className,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(
-    Layout$1,
-    {
-      className: [layoutClassName, className].filter(Boolean).join(" "),
-      ...rest
-    }
-  );
-};
-const Layout = Object.assign(LayoutComponent, {
-  Header,
-  Footer,
-  Content,
-  Sider,
-  _InternalSiderContext: SiderContext
-});
-
-export { Layout };
+import 'react/jsx-runtime';
+export { L as Layout } from '../chunks/Layout-CRPluSOs.js';