@lobehub/ui 1.170.8 → 2.0.0

package/es/Input/InputPassword.js

@@ -0,0 +1,58 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["ref", "variant", "shadow", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Input as AntInput } from 'antd';
+import { cva } from 'class-variance-authority';
+import { memo, useMemo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var InputPassword = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    variant = _ref.variant,
+    shadow = _ref.shadow,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        shadow: false
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: styles.filled,
+          outlined: styles.outlined,
+          borderless: styles.borderless,
+          underlined: null
+        },
+        shadow: {
+          false: null,
+          true: styles.shadow
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  return /*#__PURE__*/_jsx(AntInput.Password, _objectSpread({
+    className: cx(variants({
+      shadow: shadow,
+      variant: variant || (theme.isDarkMode ? 'filled' : 'outlined')
+    }), className),
+    ref: ref,
+    variant: variant || (theme.isDarkMode ? 'filled' : 'outlined')
+  }, rest));
+});
+InputPassword.displayName = 'InputPassword';
+export default InputPassword;

package/es/Input/TextArea.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TextAreaProps } from './type';
+declare const TextArea: import("react").NamedExoticComponent<TextAreaProps>;
+export default TextArea;

package/es/Input/TextArea.js

@@ -0,0 +1,64 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["ref", "variant", "shadow", "className", "resize", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Input as AntInput } from 'antd';
+import { cva } from 'class-variance-authority';
+import { memo, useMemo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var TextArea = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    variant = _ref.variant,
+    shadow = _ref.shadow,
+    className = _ref.className,
+    _ref$resize = _ref.resize,
+    resize = _ref$resize === void 0 ? false : _ref$resize,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        shadow: false
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: styles.filled,
+          outlined: styles.outlined,
+          borderless: styles.borderless,
+          underlined: null
+        },
+        shadow: {
+          false: null,
+          true: styles.shadow
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  return /*#__PURE__*/_jsx(AntInput.TextArea, _objectSpread({
+    className: cx(variants({
+      shadow: shadow,
+      variant: variant || (theme.isDarkMode ? 'filled' : 'outlined')
+    }), className),
+    ref: ref,
+    style: _objectSpread({
+      resize: resize ? undefined : 'none'
+    }, style),
+    variant: variant || (theme.isDarkMode ? 'filled' : 'outlined')
+  }, rest));
+});
+TextArea.displayName = 'TextArea';
+export default TextArea;

package/es/Input/index.d.ts

@@ -1,24 +1,6 @@
-/// <reference types="react" />
-import { type InputProps as AntdInputProps, type InputRef } from 'antd';
-import { TextAreaProps as AntdTextAreaProps, type TextAreaRef } from 'antd/es/input/TextArea';
-export interface InputProps extends AntdInputProps {
-    /**
-     * @description Type of the input
-     * @default 'ghost'
-     */
-    type?: 'ghost' | 'block' | 'pure';
-}
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<InputRef>>;
-export interface TextAreaProps extends AntdTextAreaProps {
-    /**
-     * @description Whether to enable resizing of the textarea
-     * @default true
-     */
-    resize?: boolean;
-    /**
-     * @description Type of the textarea
-     * @default 'ghost'
-     */
-    type?: 'ghost' | 'block' | 'pure';
-}
-export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<TextAreaRef>>;
+export { default } from './Input';
+export { default as InputNumber } from './InputNumber';
+export { default as InputOPT } from './InputOPT';
+export { default as InputPassword } from './InputPassword';
+export { default as TextArea } from './TextArea';
+export type * from './type';

package/es/Input/index.js

@@ -1,54 +1,5 @@
-'use client';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "type"],
-  _excluded2 = ["className", "type", "resize", "style"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Input as AntInput } from 'antd';
-import { forwardRef } from 'react';
-import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'ghost' : _ref$type,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles({
-      type: type
-    }),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(AntInput, _objectSpread({
-    className: cx(styles.input, className),
-    ref: ref,
-    variant: type === 'pure' ? 'borderless' : undefined
-  }, rest));
-});
-export var TextArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var className = _ref2.className,
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? 'ghost' : _ref2$type,
-    _ref2$resize = _ref2.resize,
-    resize = _ref2$resize === void 0 ? true : _ref2$resize,
-    style = _ref2.style,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  var _useStyles2 = useStyles({
-      type: type
-    }),
-    styles = _useStyles2.styles,
-    cx = _useStyles2.cx;
-  return /*#__PURE__*/_jsx(AntInput.TextArea, _objectSpread({
-    className: cx(styles.textarea, className),
-    ref: ref,
-    style: resize ? style : _objectSpread({
-      resize: 'none'
-    }, style),
-    variant: type === 'pure' ? 'borderless' : undefined
-  }, rest));
-});
+export { default } from "./Input";
+export { default as InputNumber } from "./InputNumber";
+export { default as InputOPT } from "./InputOPT";
+export { default as InputPassword } from "./InputPassword";
+export { default as TextArea } from "./TextArea";

package/es/Input/style.d.ts

@@ -1,6 +1,12 @@
-export declare const useStyles: (props?: {
-    type: 'ghost' | 'block' | 'pure';
-} | undefined) => import("antd-style").ReturnStyles<{
-    input: string;
-    textarea: string;
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    borderless: import("antd-style").SerializedStyles;
+    borderlessOPT: import("antd-style").SerializedStyles;
+    filled: string;
+    filledOPT: import("antd-style").SerializedStyles;
+    outlined: string;
+    outlinedOPT: import("antd-style").SerializedStyles;
+    root: import("antd-style").SerializedStyles;
+    rootOPT: import("antd-style").SerializedStyles;
+    shadow: string;
+    shadowOPT: import("antd-style").SerializedStyles;
 }>;

package/es/Input/style.js

@@ -1,15 +1,22 @@
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref, _ref2) {
+export var useStyles = createStyles(function (_ref) {
   var cx = _ref.cx,
-    css = _ref.css,
     token = _ref.token,
+    css = _ref.css,
+    stylish = _ref.stylish,
     prefixCls = _ref.prefixCls;
-  var type = _ref2.type;
-  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n      transition:\n        background-color 100ms ", ",\n        border-color 200ms ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n\n      &:focus {\n        border-color: ", ";\n      }\n\n      &.", "-input-affix-wrapper-focused {\n        border-color: ", ";\n      }\n    "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder, token.motionEaseOut, token.motionEaseOut, token.colorFillTertiary, token.colorTextQuaternary, prefixCls, token.colorTextQuaternary);
   return {
-    input: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: relative;\n          max-width: 100%;\n          height: ", ";\n          padding: ", ";\n\n          input {\n            background: transparent;\n          }\n        "])), type === 'pure' ? 'unset' : '36px', type === 'pure' ? '0' : '0 12px')),
-    textarea: cx(type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n          max-width: 100%;\n          padding: ", ";\n          border-radius: ", ";\n\n          textarea {\n            background: transparent;\n          }\n        "])), type === 'pure' ? '0' : '8px 12px', type === 'pure' ? '0' : "".concat(token.borderRadius, "px")))
+    borderless: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &.", "-input {\n        ", "\n        &:hover {\n          ", "\n        }\n      }\n    "])), prefixCls, stylish.variantBorderless, stylish.variantBorderlessWithoutHover),
+    borderlessOPT: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          ", ";\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.variantBorderless),
+    filled: cx(stylish.variantFilled, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        &:focus-within {\n          ", "\n        }\n      "])), stylish.variantFilledWithoutHover)),
+    filledOPT: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          ", ";\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.variantFilled),
+    outlined: stylish.variantOutlined,
+    outlinedOPT: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          ", ";\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.variantOutlined),
+    root: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      overflow: hidden;\n    "]))),
+    rootOPT: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          &:focus-within {\n            border-color: ", ";\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, token.colorBorder),
+    shadow: stylish.shadow,
+    shadowOPT: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      &.", "-otp {\n        .", "-otp-input {\n          ", ";\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.shadow)
   };
 });

package/es/Input/type.d.ts

@@ -0,0 +1,26 @@
+import type { InputNumberProps as AntdInputNumberProps, InputProps as AntdInputProps, InputRef } from 'antd';
+import type { OTPProps as AntdOPTProps, OTPRef } from 'antd/es/input/OTP';
+import type { PasswordProps as AntdPasswordProps } from 'antd/es/input/Password';
+import type { TextAreaProps as AntdTextAreaProps, TextAreaRef } from 'antd/es/input/TextArea';
+import type { Ref } from 'react';
+export interface InputProps extends AntdInputProps {
+    ref?: Ref<InputRef>;
+    shadow?: boolean;
+}
+export interface TextAreaProps extends AntdTextAreaProps {
+    ref?: Ref<TextAreaRef>;
+    resize?: boolean;
+    shadow?: boolean;
+}
+export interface InputNumberProps extends AntdInputNumberProps {
+    ref?: Ref<HTMLInputElement>;
+    shadow?: boolean;
+}
+export interface InputPasswordProps extends AntdPasswordProps {
+    ref?: Ref<InputRef>;
+    shadow?: boolean;
+}
+export interface InputOPTProps extends AntdOPTProps {
+    ref?: Ref<OTPRef>;
+    shadow?: boolean;
+}

package/es/Input/type.js

@@ -0,0 +1 @@
+export {};

package/es/Layout/Layout.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LayoutProps } from './type';
+declare const Layout: import("react").NamedExoticComponent<LayoutProps>;
+export default Layout;

package/es/Layout/Layout.js

@@ -0,0 +1,80 @@
+'use client';
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useResponsive } from 'antd-style';
+import { memo, useEffect, useState } from 'react';
+import DraggablePanel from "../DraggablePanel";
+import LayoutFooter from "./components/LayoutFooter";
+import LayoutHeader from "./components/LayoutHeader";
+import LayoutMain from "./components/LayoutMain";
+import LayoutSidebar from "./components/LayoutSidebar";
+import LayoutSidebarInner from "./components/LayoutSidebarInner";
+import LayoutToc from "./components/LayoutToc";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var Layout = /*#__PURE__*/memo(function (_ref) {
+  var helmet = _ref.helmet,
+    _ref$headerHeight = _ref.headerHeight,
+    headerHeight = _ref$headerHeight === void 0 ? 64 : _ref$headerHeight,
+    header = _ref.header,
+    footer = _ref.footer,
+    sidebar = _ref.sidebar,
+    asideWidth = _ref.asideWidth,
+    toc = _ref.toc,
+    children = _ref.children,
+    tocWidth = _ref.tocWidth;
+  var _useStyles = useStyles(headerHeight),
+    styles = _useStyles.styles;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile,
+    laptop = _useResponsive.laptop;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    expand = _useState2[0],
+    setExpand = _useState2[1];
+  useEffect(function () {
+    setExpand(Boolean(laptop));
+  }, [laptop]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [helmet, header && /*#__PURE__*/_jsxs(LayoutHeader, {
+      headerHeight: headerHeight,
+      children: [header, mobile && toc && /*#__PURE__*/_jsx(LayoutToc, {
+        children: toc
+      })]
+    }), /*#__PURE__*/_jsxs(LayoutMain, {
+      children: [!mobile && !sidebar && /*#__PURE__*/_jsx("nav", {
+        style: {
+          width: tocWidth
+        }
+      }), !mobile && sidebar && /*#__PURE__*/_jsx(LayoutSidebar, {
+        headerHeight: headerHeight,
+        children: /*#__PURE__*/_jsx(DraggablePanel, {
+          expand: expand,
+          maxWidth: asideWidth,
+          onExpandChange: setExpand,
+          placement: "left",
+          children: /*#__PURE__*/_jsx(LayoutSidebarInner, {
+            headerHeight: headerHeight,
+            children: sidebar
+          })
+        })
+      }), /*#__PURE__*/_jsx("section", {
+        className: styles.content,
+        children: children
+      }), !mobile && toc && /*#__PURE__*/_jsx(LayoutToc, {
+        tocWidth: tocWidth,
+        children: toc
+      })]
+    }), footer && /*#__PURE__*/_jsx(LayoutFooter, {
+      children: footer
+    })]
+  });
+});
+export default Layout;

package/es/Layout/components/LayoutFooter.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const LayoutFooter: import("react").NamedExoticComponent<import("../..").DivProps>;
+export default LayoutFooter;

package/es/Layout/components/LayoutFooter.js

@@ -0,0 +1,29 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { useStyles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var LayoutFooter = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("footer", _objectSpread(_objectSpread({
+    className: cx(styles.footer, className)
+  }, rest), {}, {
+    children: children
+  }));
+});
+LayoutFooter.displayName = 'LayoutFooter';
+export default LayoutFooter;

package/es/Layout/components/LayoutHeader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LayoutHeaderProps } from '../type';
+export declare const LayoutHeader: import("react").NamedExoticComponent<LayoutHeaderProps>;
+export default LayoutHeader;

package/es/Layout/components/LayoutHeader.js

@@ -0,0 +1,34 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["headerHeight", "children", "className", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { useStyles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var LayoutHeader = /*#__PURE__*/memo(function (_ref) {
+  var headerHeight = _ref.headerHeight,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(headerHeight),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("header", _objectSpread(_objectSpread({
+    className: cx(styles.header, className),
+    style: _objectSpread({
+      height: headerHeight
+    }, style)
+  }, rest), {}, {
+    children: children
+  }));
+});
+LayoutHeader.displayName = 'LayoutHeader';
+export default LayoutHeader;

package/es/Layout/components/LayoutMain.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const LayoutMain: import("react").NamedExoticComponent<import("../..").DivProps>;
+export default LayoutMain;

package/es/{TabsNav/index.js → Layout/components/LayoutMain.js}

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "variant"];
+var _excluded = ["children", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -9,19 +9,21 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Tabs } from 'antd';
 import { memo } from 'react';
-import { useStyles } from "./style";
+import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var TabsNav = /*#__PURE__*/memo(function (_ref) {
-  var className = _ref.className,
-    variant = _ref.variant,
+export var LayoutMain = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(Tabs, _objectSpread({
-    className: cx(styles.tabs, variant === 'compact' && styles.compact, className)
-  }, rest));
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("main", _objectSpread(_objectSpread({
+    className: cx(styles.main, className)
+  }, rest), {}, {
+    children: children
+  }));
 });
-export default TabsNav;
+LayoutMain.displayName = 'LayoutMain';
+export default LayoutMain;

package/es/Layout/components/LayoutSidebar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LayoutSidebarProps } from '../type';
+export declare const LayoutSidebar: import("react").NamedExoticComponent<LayoutSidebarProps>;
+export default LayoutSidebar;

package/es/Layout/components/LayoutSidebar.js

@@ -0,0 +1,34 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["headerHeight", "children", "className", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { useStyles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var LayoutSidebar = /*#__PURE__*/memo(function (_ref) {
+  var headerHeight = _ref.headerHeight,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(headerHeight),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("aside", _objectSpread(_objectSpread({
+    className: cx(styles.aside, className),
+    style: _objectSpread({
+      top: headerHeight
+    }, style)
+  }, rest), {}, {
+    children: children
+  }));
+});
+LayoutSidebar.displayName = 'LayoutSidebar';
+export default LayoutSidebar;

package/es/Layout/components/LayoutSidebarInner.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LayoutSidebarInnerProps } from '../type';
+export declare const LayoutSidebarInner: import("react").NamedExoticComponent<LayoutSidebarInnerProps>;
+export default LayoutSidebarInner;

package/es/Layout/components/LayoutSidebarInner.js

@@ -0,0 +1,30 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["headerHeight", "children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { useStyles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var LayoutSidebarInner = /*#__PURE__*/memo(function (_ref) {
+  var headerHeight = _ref.headerHeight,
+    children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(headerHeight),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.asideInner, className)
+  }, rest), {}, {
+    children: children
+  }));
+});
+LayoutSidebarInner.displayName = 'LayoutSidebarInner';
+export default LayoutSidebarInner;

package/es/Layout/components/LayoutToc.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LayoutTocProps } from '../type';
+export declare const LayoutToc: import("react").NamedExoticComponent<LayoutTocProps>;
+export default LayoutToc;