@lobehub/ui 5.6.2 → 5.6.4

package/es/ThemeProvider/AppElementContext.mjs

@@ -1,14 +1,11 @@
-'use client';
-
+"use client";
 import { createContext, use } from "react";
-
 //#region src/ThemeProvider/AppElementContext.tsx
 const AppElementContext = createContext(null);
 const useAppElement = () => {
 	return use(AppElementContext);
 };
-var AppElementContext_default = AppElementContext;
-
 //#endregion
-export { AppElementContext_default as default, useAppElement };
+export { AppElementContext as default, useAppElement };
+
 //# sourceMappingURL=AppElementContext.mjs.map

package/es/ThemeProvider/AppElementContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppElementContext.mjs","names":[],"sources":["../../src/ThemeProvider/AppElementContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nconst AppElementContext = createContext<HTMLDivElement | null>(null);\n\nexport const useAppElement = (): HTMLDivElement | null => {\n  return use(AppElementContext);\n};\n\nexport default AppElementContext;\n"],"mappings":";;;;;AAIA,MAAM,oBAAoB,cAAqC,KAAK;AAEpE,MAAa,sBAA6C;AACxD,QAAO,IAAI,kBAAkB;;AAG/B,gCAAe"}
+{"version":3,"file":"AppElementContext.mjs","names":[],"sources":["../../src/ThemeProvider/AppElementContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nconst AppElementContext = createContext<HTMLDivElement | null>(null);\n\nexport const useAppElement = (): HTMLDivElement | null => {\n  return use(AppElementContext);\n};\n\nexport default AppElementContext;\n"],"mappings":";;;AAIA,MAAM,oBAAoB,cAAqC,KAAK;AAEpE,MAAa,sBAA6C;AACxD,QAAO,IAAI,kBAAkB"}

package/es/ThemeProvider/ConfigProvider.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { ConfigProvider } from "antd";
 import { cssVar } from "antd-style";
-
 //#region src/ThemeProvider/ConfigProvider.tsx
 const ConfigProvider$1 = memo(({ children }) => {
 	return /* @__PURE__ */ jsx(ConfigProvider, {
@@ -34,8 +32,7 @@ const ConfigProvider$1 = memo(({ children }) => {
 		children
 	});
 });
-var ConfigProvider_default = ConfigProvider$1;
-
 //#endregion
-export { ConfigProvider_default as default };
+export { ConfigProvider$1 as default };
+
 //# sourceMappingURL=ConfigProvider.mjs.map

package/es/ThemeProvider/ConfigProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\n\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { memo, type PropsWithChildren } from 'react';\n\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\n  return (\n    <AntdConfigProvider\n      theme={{\n        components: {\n          Button: {\n            contentFontSizeSM: 12,\n          },\n          DatePicker: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Input: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          InputNumber: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Mentions: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Select: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n        },\n      }}\n    >\n      {children}\n    </AntdConfigProvider>\n  );\n});\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;AAC/D,QACE,oBAACC;EACC,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,IACpB;GACD,YAAY;IACV,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,OAAO;IACL,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,aAAa;IACX,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,UAAU;IACR,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,QAAQ;IACN,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACF,EACF;EAEA;GACkB;EAEvB;AAEF,6BAAeD"}
+{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\n\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { memo, type PropsWithChildren } from 'react';\n\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\n  return (\n    <AntdConfigProvider\n      theme={{\n        components: {\n          Button: {\n            contentFontSizeSM: 12,\n          },\n          DatePicker: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Input: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          InputNumber: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Mentions: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Select: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n        },\n      }}\n    >\n      {children}\n    </AntdConfigProvider>\n  );\n});\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;AAC/D,QACE,oBAACC,gBAAD;EACE,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,IACpB;GACD,YAAY;IACV,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,OAAO;IACL,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,aAAa;IACX,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,UAAU;IACR,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,QAAQ;IACN,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACF,EACF;EAEA;EACkB,CAAA;EAEvB"}

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs

@@ -1,7 +1,6 @@
 import { safeReadableColor } from "../../utils/safeReadableColor.mjs";
 import { css } from "antd-style";
 import { rgba } from "polished";
-
 //#region src/ThemeProvider/GlobalStyle/antdOverride.ts
 var antdOverride_default = (token) => {
 	const readColor = safeReadableColor(token.colorPrimary);
@@ -108,7 +107,7 @@ var antdOverride_default = (token) => {
     }
   `;
 };
-
 //#endregion
 export { antdOverride_default as default };
+
 //# sourceMappingURL=antdOverride.mjs.map

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip {\n      --antd-arrow-background-color: ${token.colorBgElevated};\n\n      max-width: 320px;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before {\n      background: ${token.colorBgElevated} !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::after {\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      user-select: none;\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: unset;\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border: 1px solid ${token.colorBorderSecondary} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n\n      font-size: ${token.fontSizeSM}px;\n      line-height: 1.2;\n      color: ${token.colorTextSecondary} !important;\n      word-break: break-word;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;;AAKA,4BAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,aAAa;AACvD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,aAAa,CAAC;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}
+{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip {\n      --antd-arrow-background-color: ${token.colorBgElevated};\n\n      max-width: 320px;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before {\n      background: ${token.colorBgElevated} !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::after {\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      user-select: none;\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: unset;\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border: 1px solid ${token.colorBorderSecondary} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n\n      font-size: ${token.fontSizeSM}px;\n      line-height: 1.2;\n      color: ${token.colorTextSecondary} !important;\n      word-break: break-word;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;AAKA,IAAA,wBAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,aAAa;AACvD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,aAAa,CAAC;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}

package/es/ThemeProvider/GlobalStyle/global.mjs

@@ -1,6 +1,5 @@
 import { CLASSNAMES } from "../../styles/classNames.mjs";
 import { css } from "antd-style";
-
 //#region src/ThemeProvider/GlobalStyle/global.ts
 var global_default = (token) => css`
   :root {
@@ -140,7 +139,7 @@ var global_default = (token) => css`
       fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
   }
 `;
-
 //#endregion
 export { global_default as default };
+
 //# sourceMappingURL=global.mjs.map

package/es/ThemeProvider/GlobalStyle/global.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ${token.fontFamilyCode} !important;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n\n  @layer lobe-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n      flex: var(--lobe-flex);\n      flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);\n      gap: var(--lobe-flex-gap);\n      align-items: var(--lobe-flex-align);\n      justify-content: var(--lobe-flex-justify);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n      padding: var(--lobe-flex-padding);\n      padding-block: var(--lobe-flex-padding-block);\n      padding-inline: var(--lobe-flex-padding-inline);\n    }\n\n    .lobe-flex-hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 0.05;\n    }\n\n    100% {\n      fill-opacity: 1;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;;AAIA,sBAAgB,UAAiB,GAAG;;;;;;;;;;oBAUhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;aAMnB,MAAM,cAAc;;;;;;wBAMT,MAAM,cAAc;;;;;;;mBAOzB,MAAM,eAAe;;;qBAGnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU;;;;;;;OAOhC,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}
+{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ${token.fontFamilyCode} !important;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n\n  @layer lobe-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n      flex: var(--lobe-flex);\n      flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);\n      gap: var(--lobe-flex-gap);\n      align-items: var(--lobe-flex-align);\n      justify-content: var(--lobe-flex-justify);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n      padding: var(--lobe-flex-padding);\n      padding-block: var(--lobe-flex-padding-block);\n      padding-inline: var(--lobe-flex-padding-inline);\n    }\n\n    .lobe-flex-hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 0.05;\n    }\n\n    100% {\n      fill-opacity: 1;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;AAIA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;oBAUhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;aAMnB,MAAM,cAAc;;;;;;wBAMT,MAAM,cAAc;;;;;;;mBAOzB,MAAM,eAAe;;;qBAGnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU;;;;;;;OAOhC,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}

package/es/ThemeProvider/GlobalStyle/index.mjs

@@ -1,13 +1,10 @@
-'use client';
-
+"use client";
 import antdOverride_default from "./antdOverride.mjs";
 import global_default from "./global.mjs";
 import { createGlobalStyle } from "antd-style";
-
 //#region src/ThemeProvider/GlobalStyle/index.ts
 const GlobalStyle = createGlobalStyle(({ theme }) => [global_default(theme), antdOverride_default(theme)]);
-var GlobalStyle_default = GlobalStyle;
-
 //#endregion
-export { GlobalStyle_default as default };
+export { GlobalStyle as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/ThemeProvider/GlobalStyle/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["global","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle } from 'antd-style';\n\nimport antdOverride from './antdOverride';\nimport global from './global';\n\nconst GlobalStyle = createGlobalStyle(({ theme }) => [global(theme), antdOverride(theme)]);\n\nexport default GlobalStyle;\n"],"mappings":";;;;;;;AAOA,MAAM,cAAc,mBAAmB,EAAE,YAAY,CAACA,eAAO,MAAM,EAAEC,qBAAa,MAAM,CAAC,CAAC;AAE1F,0BAAe"}
+{"version":3,"file":"index.mjs","names":["global","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle } from 'antd-style';\n\nimport antdOverride from './antdOverride';\nimport global from './global';\n\nconst GlobalStyle = createGlobalStyle(({ theme }) => [global(theme), antdOverride(theme)]);\n\nexport default GlobalStyle;\n"],"mappings":";;;;;AAOA,MAAM,cAAc,mBAAmB,EAAE,YAAY,CAACA,eAAO,MAAM,EAAEC,qBAAa,MAAM,CAAC,CAAC"}

package/es/ThemeProvider/Meta.mjs

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { useCdnFn } from "../ConfigProvider/index.mjs";
 import { useCallback } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/ThemeProvider/Meta.tsx
 const Meta = ({ title = "LobeHub", description = "Empowering your AI dreams with LobeHub", withManifest }) => {
 	const genCdnUrl = useCdnFn();
@@ -82,8 +80,7 @@ const Meta = ({ title = "LobeHub", description = "Empowering your AI dreams with
 		})
 	] });
 };
-var Meta_default = Meta;
-
 //#endregion
-export { Meta_default as default };
+export { Meta as default };
+
 //# sourceMappingURL=Meta.mjs.map

package/es/ThemeProvider/Meta.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Meta.mjs","names":["Meta: FC<MetaProps>"],"sources":["../../src/ThemeProvider/Meta.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useCallback } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\n\nimport type { MetaProps } from './type';\n\nconst Meta: FC<MetaProps> = ({\n  title = 'LobeHub',\n  description = 'Empowering your AI dreams with LobeHub',\n  withManifest,\n}) => {\n  const genCdnUrl = useCdnFn();\n  const genAssets = useCallback(\n    (path: string) =>\n      genCdnUrl({\n        path,\n        pkg: '@lobehub/assets-favicons',\n        version: 'latest',\n      }),\n    [],\n  );\n  return (\n    <>\n      <link href={genAssets('assets/favicon.ico')} rel=\"shortcut icon\" />\n      <link\n        href={genAssets('assets/apple-touch-icon.png')}\n        rel=\"apple-touch-icon\"\n        sizes=\"180x180\"\n      />\n      <link\n        href={genAssets('assets/favicon-32x32.png')}\n        rel=\"icon\"\n        sizes=\"32x32\"\n        type=\"image/png\"\n      />\n      <link\n        href={genAssets('assets/favicon-16x16.png')}\n        rel=\"icon\"\n        sizes=\"16x16\"\n        type=\"image/png\"\n      />\n      <meta\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"\n        name=\"viewport\"\n      />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content={title} name=\"application-name\" />\n      <meta content={description} name=\"description\" />\n      <meta content=\"#000000\" name=\"msapplication-TileColor\" />\n      <meta content=\"#fff\" media=\"(prefers-color-scheme: light)\" name=\"theme-color\" />\n      <meta content=\"#000\" media=\"(prefers-color-scheme: dark)\" name=\"theme-color\" />\n      <meta content=\"yes\" name=\"apple-mobile-web-app-capable\" />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content=\"black-translucent\" name=\"apple-mobile-web-app-status-bar-style\" />\n      {withManifest && <link href={genAssets('assets/site.webmanifest')} rel=\"manifest\" />}\n    </>\n  );\n};\n\nexport default Meta;\n"],"mappings":";;;;;;;AAQA,MAAMA,QAAuB,EAC3B,QAAQ,WACR,cAAc,0CACd,mBACI;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,YAAY,aACf,SACC,UAAU;EACR;EACA,KAAK;EACL,SAAS;EACV,CAAC,EACJ,EAAE,CACH;AACD,QACE;EACE,oBAAC;GAAK,MAAM,UAAU,qBAAqB;GAAE,KAAI;IAAkB;EACnE,oBAAC;GACC,MAAM,UAAU,8BAA8B;GAC9C,KAAI;GACJ,OAAM;IACN;EACF,oBAAC;GACC,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;IACL;EACF,oBAAC;GACC,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;IACL;EACF,oBAAC;GACC,SAAQ;GACR,MAAK;IACL;EACF,oBAAC;GAAK,SAAS;GAAO,MAAK;IAA+B;EAC1D,oBAAC;GAAK,SAAS;GAAO,MAAK;IAAqB;EAChD,oBAAC;GAAK,SAAS;GAAa,MAAK;IAAgB;EACjD,oBAAC;GAAK,SAAQ;GAAU,MAAK;IAA4B;EACzD,oBAAC;GAAK,SAAQ;GAAO,OAAM;GAAgC,MAAK;IAAgB;EAChF,oBAAC;GAAK,SAAQ;GAAO,OAAM;GAA+B,MAAK;IAAgB;EAC/E,oBAAC;GAAK,SAAQ;GAAM,MAAK;IAAiC;EAC1D,oBAAC;GAAK,SAAS;GAAO,MAAK;IAA+B;EAC1D,oBAAC;GAAK,SAAQ;GAAoB,MAAK;IAA0C;EAChF,gBAAgB,oBAAC;GAAK,MAAM,UAAU,0BAA0B;GAAE,KAAI;IAAa;KACnF;;AAIP,mBAAe"}
+{"version":3,"file":"Meta.mjs","names":[],"sources":["../../src/ThemeProvider/Meta.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useCallback } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\n\nimport type { MetaProps } from './type';\n\nconst Meta: FC<MetaProps> = ({\n  title = 'LobeHub',\n  description = 'Empowering your AI dreams with LobeHub',\n  withManifest,\n}) => {\n  const genCdnUrl = useCdnFn();\n  const genAssets = useCallback(\n    (path: string) =>\n      genCdnUrl({\n        path,\n        pkg: '@lobehub/assets-favicons',\n        version: 'latest',\n      }),\n    [],\n  );\n  return (\n    <>\n      <link href={genAssets('assets/favicon.ico')} rel=\"shortcut icon\" />\n      <link\n        href={genAssets('assets/apple-touch-icon.png')}\n        rel=\"apple-touch-icon\"\n        sizes=\"180x180\"\n      />\n      <link\n        href={genAssets('assets/favicon-32x32.png')}\n        rel=\"icon\"\n        sizes=\"32x32\"\n        type=\"image/png\"\n      />\n      <link\n        href={genAssets('assets/favicon-16x16.png')}\n        rel=\"icon\"\n        sizes=\"16x16\"\n        type=\"image/png\"\n      />\n      <meta\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"\n        name=\"viewport\"\n      />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content={title} name=\"application-name\" />\n      <meta content={description} name=\"description\" />\n      <meta content=\"#000000\" name=\"msapplication-TileColor\" />\n      <meta content=\"#fff\" media=\"(prefers-color-scheme: light)\" name=\"theme-color\" />\n      <meta content=\"#000\" media=\"(prefers-color-scheme: dark)\" name=\"theme-color\" />\n      <meta content=\"yes\" name=\"apple-mobile-web-app-capable\" />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content=\"black-translucent\" name=\"apple-mobile-web-app-status-bar-style\" />\n      {withManifest && <link href={genAssets('assets/site.webmanifest')} rel=\"manifest\" />}\n    </>\n  );\n};\n\nexport default Meta;\n"],"mappings":";;;;;AAQA,MAAM,QAAuB,EAC3B,QAAQ,WACR,cAAc,0CACd,mBACI;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,YAAY,aACf,SACC,UAAU;EACR;EACA,KAAK;EACL,SAAS;EACV,CAAC,EACJ,EAAE,CACH;AACD,QACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAM,MAAM,UAAU,qBAAqB;GAAE,KAAI;GAAkB,CAAA;EACnE,oBAAC,QAAD;GACE,MAAM,UAAU,8BAA8B;GAC9C,KAAI;GACJ,OAAM;GACN,CAAA;EACF,oBAAC,QAAD;GACE,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GACE,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAA+B,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAAqB,CAAA;EAChD,oBAAC,QAAD;GAAM,SAAS;GAAa,MAAK;GAAgB,CAAA;EACjD,oBAAC,QAAD;GAAM,SAAQ;GAAU,MAAK;GAA4B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAAgC,MAAK;GAAgB,CAAA;EAChF,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAA+B,MAAK;GAAgB,CAAA;EAC/E,oBAAC,QAAD;GAAM,SAAQ;GAAM,MAAK;GAAiC,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAA+B,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAQ;GAAoB,MAAK;GAA0C,CAAA;EAChF,gBAAgB,oBAAC,QAAD;GAAM,MAAM,UAAU,0BAA0B;GAAE,KAAI;GAAa,CAAA;EACnF,EAAA,CAAA"}

package/es/ThemeProvider/ThemeProvider.d.mts

@@ -1,8 +1,8 @@
 import { ThemeProviderProps } from "./type.mjs";
-import * as react9 from "react";
+import * as _$react from "react";
 
 //#region src/ThemeProvider/ThemeProvider.d.ts
-declare const ThemeProvider: react9.NamedExoticComponent<ThemeProviderProps>;
+declare const ThemeProvider: _$react.NamedExoticComponent<ThemeProviderProps>;
 //#endregion
 export { ThemeProvider };
 //# sourceMappingURL=ThemeProvider.d.mts.map

package/es/ThemeProvider/ThemeProvider.mjs

@@ -1,20 +1,18 @@
-'use client';
-
+"use client";
 import { useCdnFn } from "../ConfigProvider/index.mjs";
 import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
 import { generateCustomToken } from "../styles/theme/customToken.mjs";
-import AppElementContext_default from "./AppElementContext.mjs";
+import AppElementContext from "./AppElementContext.mjs";
 import { LOBE_THEME_APP_ID } from "./constants.mjs";
-import FontLoader_default from "../FontLoader/index.mjs";
+import FontLoader from "../FontLoader/index.mjs";
 import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
-import ConfigProvider_default from "./ConfigProvider.mjs";
-import GlobalStyle_default from "./GlobalStyle/index.mjs";
+import ConfigProvider$1 from "./ConfigProvider.mjs";
+import GlobalStyle from "./GlobalStyle/index.mjs";
 import { memo, useCallback, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { App } from "antd";
 import { ThemeProvider } from "antd-style";
 import { merge } from "es-toolkit/compat";
-
 //#region src/ThemeProvider/ThemeProvider.tsx
 const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
 	const genCdnUrl = useCdnFn();
@@ -37,13 +35,13 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 			pkg: "katex"
 		})
 	], [customFonts, genCdnUrl]);
-	const stylish = useCallback((theme$1) => ({
-		...generateCustomStylish(theme$1),
-		...customStylish?.(theme$1)
+	const stylish = useCallback((theme) => ({
+		...generateCustomStylish(theme),
+		...customStylish?.(theme)
 	}), [customStylish]);
-	const token = useCallback((theme$1) => ({
-		...generateCustomToken(theme$1),
-		...customToken?.(theme$1)
+	const token = useCallback((theme) => ({
+		...generateCustomToken(theme),
+		...customToken?.(theme)
 	}), [customToken]);
 	const theme = useCallback((appearance) => {
 		return merge(createLobeAntdTheme({
@@ -56,12 +54,12 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 		customTheme.neutralColor,
 		antdTheme
 	]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [enableCustomFonts && webfontUrls?.length > 0 && webfontUrls.map((webfont) => /* @__PURE__ */ jsx(FontLoader_default, { url: webfont }, webfont)), /* @__PURE__ */ jsx(ThemeProvider, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [enableCustomFonts && webfontUrls?.length > 0 && webfontUrls.map((webfont) => /* @__PURE__ */ jsx(FontLoader, { url: webfont }, webfont)), /* @__PURE__ */ jsx(ThemeProvider, {
 		customStylish: stylish,
 		customToken: token,
 		theme,
 		...rest,
-		children: /* @__PURE__ */ jsxs(ConfigProvider_default, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle_default, {}), /* @__PURE__ */ jsx(App, {
+		children: /* @__PURE__ */ jsxs(ConfigProvider$1, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle, {}), /* @__PURE__ */ jsx(App, {
 			className,
 			style: {
 				isolation: "isolate",
@@ -73,7 +71,7 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 				id: LOBE_THEME_APP_ID,
 				ref: setAppRef,
 				style: { display: "contents" },
-				children: /* @__PURE__ */ jsx(AppElementContext_default, {
+				children: /* @__PURE__ */ jsx(AppElementContext, {
 					value: appRef,
 					children
 				})
@@ -82,8 +80,7 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 	})] });
 });
 ThemeProvider$1.displayName = "LobeThemeProvider";
-var ThemeProvider_default = ThemeProvider$1;
-
 //#endregion
-export { ThemeProvider_default as default };
+export { ThemeProvider$1 as default };
+
 //# sourceMappingURL=ThemeProvider.mjs.map

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","theme","lobeCustomToken","FontLoader","AntdThemeProvider","AntdConfigProvider","GlobalStyle","AppElementContext"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  type CustomStylishParams,\n  type CustomTokenParams,\n  type GetAntdTheme,\n  ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n    const [appRef, setAppRef] = useState<HTMLDivElement | null>(null);\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({ path: 'css/index.css', pkg: '@lobehub/webfont-mono' }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n          }),\n          genCdnUrl({ path: 'dist/katex.min.css', pkg: 'katex' }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <AntdConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n\n            <App\n              className={className}\n              style={{ isolation: 'isolate', minHeight: 'inherit', width: 'inherit', ...style }}\n            >\n              <div id={LOBE_THEME_APP_ID} ref={setAppRef} style={{ display: 'contents' }}>\n                <AppElementContext value={appRef}>{children}</AppElementContext>\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAgC,KAAK;CAEjE,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GAAE,MAAM;GAAiB,KAAK;GAAyB,CAAC;EAClE,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GAAE,MAAM;GAAsB,KAAK;GAAS,CAAC;EACxD,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,aAAgC;EAAE,GAAGC,sBAAkBC,QAAM;EAAE,GAAG,gBAAgBA,QAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,aAA8B;EAAE,GAAGC,oBAAgBD,QAAM;EAAE,GAAG,cAAcA,QAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CAAC,EACsB,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,8CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAACE,sBAAyB,KAAK,WAAd,QAAyB,CAAC,EAC1E,oBAACC;EACC,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,qCACE,qBAAqB,oBAACC,wBAAc,EAErC,oBAAC;GACY;GACX,OAAO;IAAE,WAAW;IAAW,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;aAEjF,oBAAC;IAAI,IAAI;IAAmB,KAAK;IAAW,OAAO,EAAE,SAAS,YAAY;cACxE,oBAACC;KAAkB,OAAO;KAAS;MAA6B;KAC5D;IACF,IACa;GACH,IACnB;EAGR;AAED,gBAAc,cAAc;AAE5B,4BAAeR"}
+{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","lobeCustomToken","AntdThemeProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  type CustomStylishParams,\n  type CustomTokenParams,\n  type GetAntdTheme,\n  ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n    const [appRef, setAppRef] = useState<HTMLDivElement | null>(null);\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({ path: 'css/index.css', pkg: '@lobehub/webfont-mono' }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n          }),\n          genCdnUrl({ path: 'dist/katex.min.css', pkg: 'katex' }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <AntdConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n\n            <App\n              className={className}\n              style={{ isolation: 'isolate', minHeight: 'inherit', width: 'inherit', ...style }}\n            >\n              <div id={LOBE_THEME_APP_ID} ref={setAppRef} style={{ display: 'contents' }}>\n                <AppElementContext value={appRef}>{children}</AppElementContext>\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAgC,KAAK;CAEjE,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GAAE,MAAM;GAAiB,KAAK;GAAyB,CAAC;EAClE,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GAAE,MAAM;GAAsB,KAAK;GAAS,CAAC;EACxD,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,WAAgC;EAAE,GAAGC,sBAAkB,MAAM;EAAE,GAAG,gBAAgB,MAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,WAA8B;EAAE,GAAGC,oBAAgB,MAAM;EAAE,GAAG,cAAc,MAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CAAC,EACsB,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAAC,YAAD,EAA0B,KAAK,SAAW,EAAzB,QAAyB,CAAC,EAC1E,oBAACC,eAAD;EACE,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,kBAAD,EAAA,UAAA,CACG,qBAAqB,oBAAC,aAAD,EAAe,CAAA,EAErC,oBAAC,KAAD;GACa;GACX,OAAO;IAAE,WAAW;IAAW,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;aAEjF,oBAAC,OAAD;IAAK,IAAI;IAAmB,KAAK;IAAW,OAAO,EAAE,SAAS,YAAY;cACxE,oBAAC,mBAAD;KAAmB,OAAO;KAAS;KAA6B,CAAA;IAC5D,CAAA;GACF,CAAA,CACa,EAAA,CAAA;EACH,CAAA,CACnB,EAAA,CAAA;EAGR;AAED,gBAAc,cAAc"}

package/es/ThemeProvider/constants.mjs

@@ -1,6 +1,6 @@
 //#region src/ThemeProvider/constants.ts
 const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
-
 //#endregion
 export { LOBE_THEME_APP_ID };
+
 //# sourceMappingURL=constants.mjs.map

package/es/ThemeProvider/index.mjs

@@ -1,6 +1,5 @@
 import { useAppElement } from "./AppElementContext.mjs";
 import { LOBE_THEME_APP_ID } from "./constants.mjs";
-import Meta_default from "./Meta.mjs";
-import ThemeProvider_default from "./ThemeProvider.mjs";
-
-export { LOBE_THEME_APP_ID, Meta_default as Meta, ThemeProvider_default as default, useAppElement };
+import Meta from "./Meta.mjs";
+import ThemeProvider from "./ThemeProvider.mjs";
+export { LOBE_THEME_APP_ID, Meta, ThemeProvider as default, useAppElement };

package/es/ThemeProvider/type.d.mts

@@ -1,5 +1,4 @@
 import { NeutralColors, PrimaryColors } from "../styles/customTheme.mjs";
-import "../styles/index.mjs";
 import { CSSProperties } from "react";
 import { CustomStylishParams, CustomTokenParams, ThemeProviderProps } from "antd-style";
 

package/es/ThemeSwitch/ThemeSwitch.mjs

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Icon_default from "../Icon/Icon.mjs";
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
-import DropdownMenu_default from "../base-ui/DropdownMenu/DropdownMenu.mjs";
+import Icon from "../Icon/Icon.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
+import DropdownMenu from "../base-ui/DropdownMenu/DropdownMenu.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "antd";
 import { Monitor, Moon, Sun } from "lucide-react";
-
 //#region src/ThemeSwitch/ThemeSwitch.tsx
 const DEFAULT_ICON_SET = {
 	auto: Monitor,
@@ -50,15 +48,15 @@ const ThemeSwitch = ({ size = "middle", themeMode, onThemeSwitch, type = "icon",
 				horizontal: true,
 				align: "center",
 				gap: 8,
-				children: [/* @__PURE__ */ jsx(Icon_default, { icon: item.icon }), item.label]
+				children: [/* @__PURE__ */ jsx(Icon, { icon: item.icon }), item.label]
 			}),
 			value: item.key
 		})),
 		onChange: onThemeSwitch
-	}) : /* @__PURE__ */ jsx(DropdownMenu_default, {
+	}) : /* @__PURE__ */ jsx(DropdownMenu, {
 		items,
 		nativeButton: false,
-		children: /* @__PURE__ */ jsx(ActionIcon_default, {
+		children: /* @__PURE__ */ jsx(ActionIcon, {
 			className,
 			icon: DEFAULT_ICON_SET[themeMode],
 			size,
@@ -68,8 +66,7 @@ const ThemeSwitch = ({ size = "middle", themeMode, onThemeSwitch, type = "icon",
 	});
 };
 ThemeSwitch.displayName = "ThemeSwitch";
-var ThemeSwitch_default = ThemeSwitch;
-
 //#endregion
-export { ThemeSwitch_default as default };
+export { ThemeSwitch as default };
+
 //# sourceMappingURL=ThemeSwitch.mjs.map

package/es/ThemeSwitch/ThemeSwitch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitch.mjs","names":["ThemeSwitch: FC<ThemeSwitchProps>","items: DropdownItem[]","Flexbox","Icon","DropdownMenu","ActionIcon"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from 'antd';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { type DropdownItem } from '@/DropdownMenu';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { type ThemeSwitchProps } from './type';\n\nconst DEFAULT_ICON_SET = {\n  auto: Monitor,\n  dark: Moon,\n  light: Sun,\n};\n\nconst ThemeSwitch: FC<ThemeSwitchProps> = ({\n  size = 'middle',\n  themeMode,\n  onThemeSwitch,\n  type = 'icon',\n  labels = {\n    auto: 'System',\n    dark: 'Dark',\n    light: 'Light',\n  },\n  className,\n  variant,\n  style,\n}) => {\n  const items: DropdownItem[] = useMemo(\n    () => [\n      {\n        icon: DEFAULT_ICON_SET.auto,\n        key: 'auto',\n        label: labels.auto,\n        onClick: () => onThemeSwitch('auto'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.light,\n        key: 'light',\n        label: labels.light,\n        onClick: () => onThemeSwitch('light'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.dark,\n        key: 'dark',\n        label: labels.dark,\n        onClick: () => onThemeSwitch('dark'),\n      },\n    ],\n    [labels, onThemeSwitch],\n  );\n\n  return type === 'select' ? (\n    <Select\n      className={className}\n      defaultValue={themeMode}\n      style={style}\n      variant={variant}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox horizontal align={'center'} gap={8}>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      onChange={onThemeSwitch}\n    />\n  ) : (\n    <DropdownMenu items={items} nativeButton={false}>\n      <ActionIcon\n        className={className}\n        icon={DEFAULT_ICON_SET[themeMode]}\n        size={size}\n        style={style}\n        variant={variant}\n      />\n    </DropdownMenu>\n  );\n};\n\nThemeSwitch.displayName = 'ThemeSwitch';\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,MAAMA,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR,EACD,WACA,SACA,YACI;CACJ,MAAMC,QAAwB,cACtB;EACJ;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,QAAQ;GACtC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACF,EACD,CAAC,QAAQ,cAAc,CACxB;AAED,QAAO,SAAS,WACd,oBAAC;EACY;EACX,cAAc;EACP;EACE;EACT,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACC;IAAQ;IAAW,OAAO;IAAU,KAAK;eACxC,oBAACC,gBAAK,MAAM,KAAK,OAAQ,EACxB,KAAK;KACE;GAEZ,OAAO,KAAK;GACb,EAAE;EACH,UAAU;GACV,GAEF,oBAACC;EAAoB;EAAO,cAAc;YACxC,oBAACC;GACY;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;IACT;GACW;;AAInB,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"ThemeSwitch.mjs","names":["Flexbox"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from 'antd';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { type DropdownItem } from '@/DropdownMenu';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { type ThemeSwitchProps } from './type';\n\nconst DEFAULT_ICON_SET = {\n  auto: Monitor,\n  dark: Moon,\n  light: Sun,\n};\n\nconst ThemeSwitch: FC<ThemeSwitchProps> = ({\n  size = 'middle',\n  themeMode,\n  onThemeSwitch,\n  type = 'icon',\n  labels = {\n    auto: 'System',\n    dark: 'Dark',\n    light: 'Light',\n  },\n  className,\n  variant,\n  style,\n}) => {\n  const items: DropdownItem[] = useMemo(\n    () => [\n      {\n        icon: DEFAULT_ICON_SET.auto,\n        key: 'auto',\n        label: labels.auto,\n        onClick: () => onThemeSwitch('auto'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.light,\n        key: 'light',\n        label: labels.light,\n        onClick: () => onThemeSwitch('light'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.dark,\n        key: 'dark',\n        label: labels.dark,\n        onClick: () => onThemeSwitch('dark'),\n      },\n    ],\n    [labels, onThemeSwitch],\n  );\n\n  return type === 'select' ? (\n    <Select\n      className={className}\n      defaultValue={themeMode}\n      style={style}\n      variant={variant}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox horizontal align={'center'} gap={8}>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      onChange={onThemeSwitch}\n    />\n  ) : (\n    <DropdownMenu items={items} nativeButton={false}>\n      <ActionIcon\n        className={className}\n        icon={DEFAULT_ICON_SET[themeMode]}\n        size={size}\n        style={style}\n        variant={variant}\n      />\n    </DropdownMenu>\n  );\n};\n\nThemeSwitch.displayName = 'ThemeSwitch';\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;AAcA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,MAAM,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR,EACD,WACA,SACA,YACI;CACJ,MAAM,QAAwB,cACtB;EACJ;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,QAAQ;GACtC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACF,EACD,CAAC,QAAQ,cAAc,CACxB;AAED,QAAO,SAAS,WACd,oBAAC,QAAD;EACa;EACX,cAAc;EACP;EACE;EACT,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,MAAD,EAAM,MAAM,KAAK,MAAQ,CAAA,EACxB,KAAK,MACE;;GAEZ,OAAO,KAAK;GACb,EAAE;EACH,UAAU;EACV,CAAA,GAEF,oBAAC,cAAD;EAAqB;EAAO,cAAc;YACxC,oBAAC,YAAD;GACa;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;GACT,CAAA;EACW,CAAA;;AAInB,YAAY,cAAc"}

package/es/ThemeSwitch/index.mjs

@@ -1,3 +1,2 @@
-import ThemeSwitch_default from "./ThemeSwitch.mjs";
-
-export { ThemeSwitch_default as default };
+import ThemeSwitch from "./ThemeSwitch.mjs";
+export { ThemeSwitch as default };

package/es/ThemeSwitch/type.d.mts

@@ -1,6 +1,5 @@
 import { DivProps } from "../types/index.mjs";
 import { ActionIconProps } from "../ActionIcon/type.mjs";
-import "../ActionIcon/index.mjs";
 import { ThemeMode } from "antd-style";
 
 //#region src/ThemeSwitch/type.d.ts

package/es/Toast/index.d.mts

@@ -1,4 +1,3 @@
 import { ToastAPI, ToastAction, ToastActionVariant, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType } from "../base-ui/Toast/type.mjs";
 import { ToastHost, ToastHostProps, toast, useToast } from "../base-ui/Toast/imperative.mjs";
-import "../base-ui/Toast/index.mjs";
 export { ToastAPI, ToastAction, ToastActionVariant, ToastHost, ToastHostProps, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType, toast, useToast };

package/es/Toast/index.mjs

@@ -1,3 +1,2 @@
 import { ToastHost, toast, useToast } from "../base-ui/Toast/imperative.mjs";
-
-export { ToastHost, toast, useToast };
+export { ToastHost, toast, useToast };

package/es/Toc/Toc.d.mts

@@ -1,8 +1,8 @@
 import { TocProps } from "./type.mjs";
-import * as react7 from "react";
+import * as _$react from "react";
 
 //#region src/Toc/Toc.d.ts
-declare const Toc: react7.NamedExoticComponent<TocProps>;
+declare const Toc: _$react.NamedExoticComponent<TocProps>;
 //#endregion
 export { Toc };
 //# sourceMappingURL=Toc.d.mts.map

package/es/Toc/Toc.mjs

@@ -1,20 +1,18 @@
-'use client';
-
+"use client";
 import { styles } from "./style.mjs";
 import { mapItems } from "./utils.mjs";
-import TocMobile_default from "./TocMobile.mjs";
+import TocMobile from "./TocMobile.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Anchor } from "antd";
 import { cx } from "antd-style";
-
 //#region src/Toc/Toc.tsx
 const Toc = memo(({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {
 	const cssVariables = useMemo(() => ({
 		"--toc-header-height": `${headerHeight}px`,
 		"--toc-width": `${tocWidth}px`
 	}), [headerHeight, tocWidth]);
-	if (isMobile) return /* @__PURE__ */ jsx(TocMobile_default, {
+	if (isMobile) return /* @__PURE__ */ jsx(TocMobile, {
 		activeKey,
 		getContainer,
 		headerHeight,
@@ -31,8 +29,7 @@ const Toc = memo(({ activeKey, items, getContainer, isMobile, headerHeight = 64,
 	});
 });
 Toc.displayName = "Toc";
-var Toc_default = Toc;
-
 //#endregion
-export { Toc_default as default };
+export { Toc as default };
+
 //# sourceMappingURL=Toc.mjs.map

package/es/Toc/Toc.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toc.mjs","names":["TocMobile"],"sources":["../../src/Toc/Toc.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { styles } from './style';\nimport { default as TocMobile } from './TocMobile';\nimport { type TocProps } from './type';\nimport { mapItems } from './utils';\n\nconst Toc = memo<TocProps>(\n  ({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--toc-header-height': `${headerHeight}px`,\n        '--toc-width': `${tocWidth}px`,\n      }),\n      [headerHeight, tocWidth],\n    );\n\n    if (isMobile)\n      return (\n        <TocMobile\n          activeKey={activeKey}\n          getContainer={getContainer}\n          headerHeight={headerHeight}\n          items={items}\n        />\n      );\n\n    return (\n      <section className={cx(styles.container, styles.anchor)} style={cssVariables}>\n        <h4>Table of Contents</h4>\n        <Anchor\n          getContainer={getContainer}\n          items={mapItems(items)}\n          targetOffset={headerHeight + 12}\n        />\n      </section>\n    );\n  },\n);\n\nToc.displayName = 'Toc';\n\nexport default Toc;\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,MAAM,MACT,EAAE,WAAW,OAAO,cAAc,UAAU,eAAe,IAAI,WAAW,UAAU;CAEnF,MAAM,eAAe,eACZ;EACL,uBAAuB,GAAG,aAAa;EACvC,eAAe,GAAG,SAAS;EAC5B,GACD,CAAC,cAAc,SAAS,CACzB;AAED,KAAI,SACF,QACE,oBAACA;EACY;EACG;EACA;EACP;GACP;AAGN,QACE,qBAAC;EAAQ,WAAW,GAAG,OAAO,WAAW,OAAO,OAAO;EAAE,OAAO;aAC9D,oBAAC,kBAAG,sBAAsB,EAC1B,oBAAC;GACe;GACd,OAAO,SAAS,MAAM;GACtB,cAAc,eAAe;IAC7B;GACM;EAGf;AAED,IAAI,cAAc;AAElB,kBAAe"}
+{"version":3,"file":"Toc.mjs","names":[],"sources":["../../src/Toc/Toc.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { styles } from './style';\nimport { default as TocMobile } from './TocMobile';\nimport { type TocProps } from './type';\nimport { mapItems } from './utils';\n\nconst Toc = memo<TocProps>(\n  ({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--toc-header-height': `${headerHeight}px`,\n        '--toc-width': `${tocWidth}px`,\n      }),\n      [headerHeight, tocWidth],\n    );\n\n    if (isMobile)\n      return (\n        <TocMobile\n          activeKey={activeKey}\n          getContainer={getContainer}\n          headerHeight={headerHeight}\n          items={items}\n        />\n      );\n\n    return (\n      <section className={cx(styles.container, styles.anchor)} style={cssVariables}>\n        <h4>Table of Contents</h4>\n        <Anchor\n          getContainer={getContainer}\n          items={mapItems(items)}\n          targetOffset={headerHeight + 12}\n        />\n      </section>\n    );\n  },\n);\n\nToc.displayName = 'Toc';\n\nexport default Toc;\n"],"mappings":";;;;;;;;;AAWA,MAAM,MAAM,MACT,EAAE,WAAW,OAAO,cAAc,UAAU,eAAe,IAAI,WAAW,UAAU;CAEnF,MAAM,eAAe,eACZ;EACL,uBAAuB,GAAG,aAAa;EACvC,eAAe,GAAG,SAAS;EAC5B,GACD,CAAC,cAAc,SAAS,CACzB;AAED,KAAI,SACF,QACE,oBAAC,WAAD;EACa;EACG;EACA;EACP;EACP,CAAA;AAGN,QACE,qBAAC,WAAD;EAAS,WAAW,GAAG,OAAO,WAAW,OAAO,OAAO;EAAE,OAAO;YAAhE,CACE,oBAAC,MAAD,EAAA,UAAI,qBAAsB,CAAA,EAC1B,oBAAC,QAAD;GACgB;GACd,OAAO,SAAS,MAAM;GACtB,cAAc,eAAe;GAC7B,CAAA,CACM;;EAGf;AAED,IAAI,cAAc"}

package/es/Toc/TocMobile.mjs

@@ -1,6 +1,5 @@
-'use client';
-
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+"use client";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
 import { styles } from "./style.mjs";
 import { mapItems } from "./utils.mjs";
 import { memo, useMemo } from "react";
@@ -8,7 +7,6 @@ import { jsx } from "react/jsx-runtime";
 import { Anchor, Collapse, ConfigProvider } from "antd";
 import useMergeState from "use-merge-value";
 import { PanelTopClose, PanelTopOpen } from "lucide-react";
-
 //#region src/Toc/TocMobile.tsx
 const TocMobile = memo(({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {
 	const [activeLink, setActiveLink] = useMergeState("", {
@@ -28,7 +26,7 @@ const TocMobile = memo(({ items, activeKey, onChange, getContainer, headerHeight
 				ghost: true,
 				className: styles.expand,
 				expandIconPlacement: "end",
-				expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(ActionIcon_default, {
+				expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(ActionIcon, {
 					icon: isActive ? PanelTopClose : PanelTopOpen,
 					size: "small"
 				}),
@@ -55,8 +53,7 @@ const TocMobile = memo(({ items, activeKey, onChange, getContainer, headerHeight
 	});
 });
 TocMobile.displayName = "TocMobile";
-var TocMobile_default = TocMobile;
-
 //#endregion
-export { TocMobile_default as default };
+export { TocMobile as default };
+
 //# sourceMappingURL=TocMobile.mjs.map

package/es/Toc/TocMobile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TocMobile.mjs","names":["useControlledState","ActionIcon"],"sources":["../../src/Toc/TocMobile.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor, Collapse, ConfigProvider } from 'antd';\nimport { PanelTopClose, PanelTopOpen } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles } from './style';\nimport type { TocMobileProps } from './type';\nimport { mapItems } from './utils';\n\nconst TocMobile = memo<TocMobileProps>(\n  ({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {\n    // tocWidth is part of the interface but not used in this component\n    void tocWidth;\n    const [activeLink, setActiveLink] = useControlledState<string>('', {\n      onChange,\n      value: activeKey,\n    });\n\n    const activeAnchor = items.find((item) => item.id === activeLink);\n\n    const tocItems = useMemo(() => mapItems(items), [items]);\n\n    return (\n      <ConfigProvider theme={{ token: { fontSize: 12, sizeStep: 3 } }}>\n        <section className={styles.mobileCtn}>\n          <Collapse\n            ghost\n            className={styles.expand}\n            expandIconPlacement={'end'}\n            expandIcon={({ isActive }) => (\n              <ActionIcon icon={isActive ? PanelTopClose : PanelTopOpen} size={'small'} />\n            )}\n          >\n            <Collapse.Panel\n              forceRender\n              header={activeAnchor ? activeAnchor.title : 'TOC'}\n              key={'toc'}\n            >\n              <ConfigProvider theme={{ token: { fontSize: 14, sizeStep: 4 } }}>\n                <Anchor\n                  getContainer={getContainer}\n                  items={tocItems}\n                  targetOffset={headerHeight + 48}\n                  onChange={(currentLink) => {\n                    setActiveLink(currentLink.replace('#', ''));\n                  }}\n                />\n              </ConfigProvider>\n            </Collapse.Panel>\n          </Collapse>\n        </section>\n      </ConfigProvider>\n    );\n  },\n);\n\nTocMobile.displayName = 'TocMobile';\n\nexport default TocMobile;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,MACf,EAAE,OAAO,WAAW,UAAU,cAAc,eAAe,IAAI,WAAW,UAAU;CAGnF,MAAM,CAAC,YAAY,iBAAiBA,cAA2B,IAAI;EACjE;EACA,OAAO;EACR,CAAC;CAEF,MAAM,eAAe,MAAM,MAAM,SAAS,KAAK,OAAO,WAAW;CAEjE,MAAM,WAAW,cAAc,SAAS,MAAM,EAAE,CAAC,MAAM,CAAC;AAExD,QACE,oBAAC;EAAe,OAAO,EAAE,OAAO;GAAE,UAAU;GAAI,UAAU;GAAG,EAAE;YAC7D,oBAAC;GAAQ,WAAW,OAAO;aACzB,oBAAC;IACC;IACA,WAAW,OAAO;IAClB,qBAAqB;IACrB,aAAa,EAAE,eACb,oBAACC;KAAW,MAAM,WAAW,gBAAgB;KAAc,MAAM;MAAW;cAG9E,oBAAC,SAAS;KACR;KACA,QAAQ,eAAe,aAAa,QAAQ;eAG5C,oBAAC;MAAe,OAAO,EAAE,OAAO;OAAE,UAAU;OAAI,UAAU;OAAG,EAAE;gBAC7D,oBAAC;OACe;OACd,OAAO;OACP,cAAc,eAAe;OAC7B,WAAW,gBAAgB;AACzB,sBAAc,YAAY,QAAQ,KAAK,GAAG,CAAC;;QAE7C;OACa;OAXZ,MAYU;KACR;IACH;GACK;EAGtB;AAED,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"TocMobile.mjs","names":["useControlledState"],"sources":["../../src/Toc/TocMobile.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor, Collapse, ConfigProvider } from 'antd';\nimport { PanelTopClose, PanelTopOpen } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles } from './style';\nimport type { TocMobileProps } from './type';\nimport { mapItems } from './utils';\n\nconst TocMobile = memo<TocMobileProps>(\n  ({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {\n    // tocWidth is part of the interface but not used in this component\n    void tocWidth;\n    const [activeLink, setActiveLink] = useControlledState<string>('', {\n      onChange,\n      value: activeKey,\n    });\n\n    const activeAnchor = items.find((item) => item.id === activeLink);\n\n    const tocItems = useMemo(() => mapItems(items), [items]);\n\n    return (\n      <ConfigProvider theme={{ token: { fontSize: 12, sizeStep: 3 } }}>\n        <section className={styles.mobileCtn}>\n          <Collapse\n            ghost\n            className={styles.expand}\n            expandIconPlacement={'end'}\n            expandIcon={({ isActive }) => (\n              <ActionIcon icon={isActive ? PanelTopClose : PanelTopOpen} size={'small'} />\n            )}\n          >\n            <Collapse.Panel\n              forceRender\n              header={activeAnchor ? activeAnchor.title : 'TOC'}\n              key={'toc'}\n            >\n              <ConfigProvider theme={{ token: { fontSize: 14, sizeStep: 4 } }}>\n                <Anchor\n                  getContainer={getContainer}\n                  items={tocItems}\n                  targetOffset={headerHeight + 48}\n                  onChange={(currentLink) => {\n                    setActiveLink(currentLink.replace('#', ''));\n                  }}\n                />\n              </ConfigProvider>\n            </Collapse.Panel>\n          </Collapse>\n        </section>\n      </ConfigProvider>\n    );\n  },\n);\n\nTocMobile.displayName = 'TocMobile';\n\nexport default TocMobile;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAY,MACf,EAAE,OAAO,WAAW,UAAU,cAAc,eAAe,IAAI,WAAW,UAAU;CAGnF,MAAM,CAAC,YAAY,iBAAiBA,cAA2B,IAAI;EACjE;EACA,OAAO;EACR,CAAC;CAEF,MAAM,eAAe,MAAM,MAAM,SAAS,KAAK,OAAO,WAAW;CAEjE,MAAM,WAAW,cAAc,SAAS,MAAM,EAAE,CAAC,MAAM,CAAC;AAExD,QACE,oBAAC,gBAAD;EAAgB,OAAO,EAAE,OAAO;GAAE,UAAU;GAAI,UAAU;GAAG,EAAE;YAC7D,oBAAC,WAAD;GAAS,WAAW,OAAO;aACzB,oBAAC,UAAD;IACE,OAAA;IACA,WAAW,OAAO;IAClB,qBAAqB;IACrB,aAAa,EAAE,eACb,oBAAC,YAAD;KAAY,MAAM,WAAW,gBAAgB;KAAc,MAAM;KAAW,CAAA;cAG9E,oBAAC,SAAS,OAAV;KACE,aAAA;KACA,QAAQ,eAAe,aAAa,QAAQ;eAG5C,oBAAC,gBAAD;MAAgB,OAAO,EAAE,OAAO;OAAE,UAAU;OAAI,UAAU;OAAG,EAAE;gBAC7D,oBAAC,QAAD;OACgB;OACd,OAAO;OACP,cAAc,eAAe;OAC7B,WAAW,gBAAgB;AACzB,sBAAc,YAAY,QAAQ,KAAK,GAAG,CAAC;;OAE7C,CAAA;MACa,CAAA;KACF,EAZV,MAYU;IACR,CAAA;GACH,CAAA;EACK,CAAA;EAGtB;AAED,UAAU,cAAc"}

package/es/Toc/index.mjs

@@ -1,3 +1,2 @@
-import Toc_default from "./Toc.mjs";
-
-export { Toc_default as default };
+import Toc from "./Toc.mjs";
+export { Toc as default };