@lobehub/ui 4.36.2 → 4.37.0

package/es/Form/components/FormGroup.d.mts

@@ -1,8 +1,8 @@
 import { FormGroupProps } from "../type.mjs";
-import * as react61 from "react";
+import * as react37 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react61.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react37.NamedExoticComponent<FormGroupProps>;
 //#endregion
 export { FormGroup };
 //# sourceMappingURL=FormGroup.d.mts.map

package/es/Form/components/FormItem.d.mts

@@ -1,8 +1,8 @@
 import { FormItemProps } from "../type.mjs";
-import * as react62 from "react";
+import * as react39 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react62.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react39.NamedExoticComponent<FormItemProps>;
 //#endregion
 export { FormItem };
 //# sourceMappingURL=FormItem.d.mts.map

package/es/Form/components/FormSubmitFooter.d.mts

@@ -1,8 +1,8 @@
 import { FormSubmitFooterProps } from "../type.mjs";
-import * as react63 from "react";
+import * as react38 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react63.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react38.NamedExoticComponent<FormSubmitFooterProps>;
 //#endregion
 export { FormSubmitFooter };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map

package/es/FormModal/FormModal.d.mts

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

package/es/Freeze/Freeze.d.mts

@@ -1,12 +1,12 @@
 import { FreezeProps } from "./type.mjs";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/Freeze/Freeze.d.ts
 declare const Freeze: {
   ({
     frozen,
     children
-  }: FreezeProps): react_jsx_runtime60.JSX.Element;
+  }: FreezeProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/GuideCard/GuideCard.d.mts

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

package/es/Header/Header.d.mts

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

package/es/Highlighter/Highlighter.d.mts

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

package/es/Highlighter/SyntaxHighlighter/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxHighlighterProps } from "../type.mjs";
-import * as react58 from "react";
+import * as react10 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react58.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react10.NamedExoticComponent<SyntaxHighlighterProps>;
 //#endregion
 export { SyntaxHighlighter };
 //# sourceMappingURL=index.d.mts.map

package/es/Highlighter/SyntaxHighlighter/style.mjs

@@ -1,23 +1,17 @@
-import { createStaticStyles, cx, keyframes } from "antd-style";
+import { maskLeftToRight } from "../../styles/animations.mjs";
+import { createStaticStyles, cx } from "antd-style";
 import { cva } from "class-variance-authority";
 
 //#region src/Highlighter/SyntaxHighlighter/style.ts
-const fadeIn = keyframes`
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  `;
 const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 	return {
 		animated: css$1`
-      .animate-fade-in,
+      --lobe-markdown-stream-animation: ${maskLeftToRight} 0.5s ease-in-out forwards;
+
+      .animate-mask-left-to-right,
       span.line > span,
       code:not(:has(span.line)) {
-        opacity: 1;
-        animation: ${fadeIn} 1s ease-in-out;
+        animation: var(--lobe-markdown-stream-animation);
       }
     `,
 		noBackground: css$1`

package/es/Highlighter/SyntaxHighlighter/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/Highlighter/SyntaxHighlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx, keyframes } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    animated: css`\n      .animate-fade-in,\n      span.line > span,\n      code:not(:has(span.line)) {\n        opacity: 1;\n        animation: ${fadeIn} 1s ease-in-out;\n      }\n    `,\n\n    noBackground: css`\n      pre {\n        background: transparent !important;\n      }\n    `,\n\n    noPadding: css`\n      pre {\n        padding: 0;\n      }\n    `,\n\n    padding: css`\n      pre {\n        padding: 16px;\n      }\n    `,\n    root: css`\n      direction: ltr;\n      margin: 0;\n      padding: 0;\n      text-align: start;\n\n      pre {\n        overflow-x: auto;\n        margin: 0;\n      }\n    `,\n    shiki: cx(\n      'ant-highlighter-highlighter-shiki',\n      css`\n        pre {\n          user-select: none;\n\n          code {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n\n            .line {\n              user-select: text;\n\n              display: block;\n\n              width: calc(100% + 32px);\n              margin-block: 0;\n              margin-inline: -16px;\n              padding-block: 0;\n              padding-inline: 16px;\n            }\n          }\n\n          &.has-focused {\n            .line:not(.focused) {\n              opacity: 0.5;\n            }\n          }\n\n          .highlighted {\n            background: ${cssVar.colorFillTertiary};\n\n            &.warning {\n              background: ${cssVar.colorWarningBg};\n            }\n\n            &.error {\n              background: ${cssVar.colorErrorBg};\n            }\n          }\n\n          .highlighted-word {\n            padding-block: 0.1em;\n            padding-inline: 0.2em;\n            border: 1px solid ${cssVar.colorBorderSecondary};\n            border-radius: ${cssVar.borderRadius};\n\n            background: ${cssVar.colorFillTertiary};\n          }\n\n          .diff {\n            &.remove {\n              background: ${cssVar.colorErrorBg};\n\n              &::before {\n                content: '-';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ${cssVar.colorErrorText};\n              }\n            }\n\n            &.add {\n              background: ${cssVar.colorSuccessBg};\n\n              &::before {\n                content: '+';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ${cssVar.colorSuccessText};\n              }\n            }\n          }\n        }\n      `,\n    ),\n    unshiki: css`\n      color: ${cssVar.colorTextDescription};\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    animated: false,\n    shiki: true,\n    showBackground: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    shiki: {\n      false: styles.unshiki,\n      true: styles.shiki,\n    },\n    showBackground: {\n      false: styles.noBackground,\n      true: null,\n    },\n    animated: {\n      true: styles.animated,\n      false: null,\n    },\n    variant: {\n      filled: styles.padding,\n      outlined: styles.padding,\n      borderless: styles.noPadding,\n    },\n  },\n});\n"],"mappings":";;;;AAGA,MAAM,SAAS,SAAS;;;;;;;;AASxB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,UAAU,KAAG;;;;;qBAKI,OAAO;;;EAIxB,cAAc,KAAG;;;;;EAMjB,WAAW,KAAG;;;;;EAMd,SAAS,KAAG;;;;;EAKZ,MAAM,KAAG;;;;;;;;;;;EAWT,OAAO,GACL,qCACA,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA6BiBA,SAAO,kBAAkB;;;4BAGvBA,SAAO,eAAe;;;;4BAItBA,SAAO,aAAa;;;;;;;gCAOhBA,SAAO,qBAAqB;6BAC/BA,SAAO,aAAa;;0BAEvBA,SAAO,kBAAkB;;;;;4BAKvBA,SAAO,aAAa;;;;;;;;;;yBAUvBA,SAAO,eAAe;;;;;4BAKnBA,SAAO,eAAe;;;;;;;;;;yBAUzBA,SAAO,iBAAiB;;;;;QAM5C;EACD,SAAS,KAAG;eACDA,SAAO,qBAAqB;;EAExC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,gBAAgB;EAChB,SAAS;EACV;CAED,UAAU;EACR,OAAO;GACL,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,gBAAgB;GACd,OAAO,OAAO;GACd,MAAM;GACP;EACD,UAAU;GACR,MAAM,OAAO;GACb,OAAO;GACR;EACD,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/Highlighter/SyntaxHighlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { maskLeftToRight } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    animated: css`\n      --lobe-markdown-stream-animation: ${maskLeftToRight} 0.5s ease-in-out forwards;\n\n      .animate-mask-left-to-right,\n      span.line > span,\n      code:not(:has(span.line)) {\n        animation: var(--lobe-markdown-stream-animation);\n      }\n    `,\n\n    noBackground: css`\n      pre {\n        background: transparent !important;\n      }\n    `,\n\n    noPadding: css`\n      pre {\n        padding: 0;\n      }\n    `,\n\n    padding: css`\n      pre {\n        padding: 16px;\n      }\n    `,\n    root: css`\n      direction: ltr;\n      margin: 0;\n      padding: 0;\n      text-align: start;\n\n      pre {\n        overflow-x: auto;\n        margin: 0;\n      }\n    `,\n    shiki: cx(\n      'ant-highlighter-highlighter-shiki',\n      css`\n        pre {\n          user-select: none;\n\n          code {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n\n            .line {\n              user-select: text;\n\n              display: block;\n\n              width: calc(100% + 32px);\n              margin-block: 0;\n              margin-inline: -16px;\n              padding-block: 0;\n              padding-inline: 16px;\n            }\n          }\n\n          &.has-focused {\n            .line:not(.focused) {\n              opacity: 0.5;\n            }\n          }\n\n          .highlighted {\n            background: ${cssVar.colorFillTertiary};\n\n            &.warning {\n              background: ${cssVar.colorWarningBg};\n            }\n\n            &.error {\n              background: ${cssVar.colorErrorBg};\n            }\n          }\n\n          .highlighted-word {\n            padding-block: 0.1em;\n            padding-inline: 0.2em;\n            border: 1px solid ${cssVar.colorBorderSecondary};\n            border-radius: ${cssVar.borderRadius};\n\n            background: ${cssVar.colorFillTertiary};\n          }\n\n          .diff {\n            &.remove {\n              background: ${cssVar.colorErrorBg};\n\n              &::before {\n                content: '-';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ${cssVar.colorErrorText};\n              }\n            }\n\n            &.add {\n              background: ${cssVar.colorSuccessBg};\n\n              &::before {\n                content: '+';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ${cssVar.colorSuccessText};\n              }\n            }\n          }\n        }\n      `,\n    ),\n    unshiki: css`\n      color: ${cssVar.colorTextDescription};\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    animated: false,\n    shiki: true,\n    showBackground: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    shiki: {\n      false: styles.unshiki,\n      true: styles.shiki,\n    },\n    showBackground: {\n      false: styles.noBackground,\n      true: null,\n    },\n    animated: {\n      true: styles.animated,\n      false: null,\n    },\n    variant: {\n      filled: styles.padding,\n      outlined: styles.padding,\n      borderless: styles.noPadding,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,UAAU,KAAG;0CACyB,gBAAgB;;;;;;;;EAStD,cAAc,KAAG;;;;;EAMjB,WAAW,KAAG;;;;;EAMd,SAAS,KAAG;;;;;EAKZ,MAAM,KAAG;;;;;;;;;;;EAWT,OAAO,GACL,qCACA,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA6BiBA,SAAO,kBAAkB;;;4BAGvBA,SAAO,eAAe;;;;4BAItBA,SAAO,aAAa;;;;;;;gCAOhBA,SAAO,qBAAqB;6BAC/BA,SAAO,aAAa;;0BAEvBA,SAAO,kBAAkB;;;;;4BAKvBA,SAAO,aAAa;;;;;;;;;;yBAUvBA,SAAO,eAAe;;;;;4BAKnBA,SAAO,eAAe;;;;;;;;;;yBAUzBA,SAAO,iBAAiB;;;;;QAM5C;EACD,SAAS,KAAG;eACDA,SAAO,qBAAqB;;EAExC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,gBAAgB;EAChB,SAAS;EACV;CAED,UAAU;EACR,OAAO;GACL,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,gBAAgB;GACd,OAAO,OAAO;GACd,MAAM;GACP;EACD,UAAU;GACR,MAAM,OAAO;GACb,OAAO;GACR;EACD,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACF;CACF,CAAC"}

package/es/Hotkey/Hotkey.d.mts

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

package/es/HotkeyInput/HotkeyInput.d.mts

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

package/es/Icon/Icon.d.mts

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

package/es/Icon/components/IconProvider.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../type.mjs";
-import * as react52 from "react";
+import * as react76 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react52.Context<IconContentConfig>;
-declare const IconProvider: react52.NamedExoticComponent<{
+declare const IconContext: react76.Context<IconContentConfig>;
+declare const IconProvider: react76.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react45 from "react";
+import * as react73 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react45.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react73.NamedExoticComponent<PreviewGroupProps>;
 //#endregion
 export { PreviewGroup };
 //# sourceMappingURL=PreviewGroup.d.mts.map

package/es/ImageSelect/ImageSelect.d.mts

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

package/es/Input/Input.d.mts

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

package/es/Input/InputOPT.d.mts

@@ -1,8 +1,8 @@
 import { InputOPTProps } from "./type.mjs";
-import * as react153 from "react";
+import * as react152 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react153.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react152.NamedExoticComponent<InputOPTProps>;
 //#endregion
 export { InputOPT };
 //# sourceMappingURL=InputOPT.d.mts.map

package/es/Input/InputPassword.d.mts

@@ -1,8 +1,8 @@
 import { InputPasswordProps } from "./type.mjs";
-import * as react154 from "react";
+import * as react153 from "react";
 
 //#region src/Input/InputPassword.d.ts
-declare const InputPassword: react154.NamedExoticComponent<InputPasswordProps>;
+declare const InputPassword: react153.NamedExoticComponent<InputPasswordProps>;
 //#endregion
 export { InputPassword };
 //# sourceMappingURL=InputPassword.d.mts.map

package/es/Input/TextArea.d.mts

@@ -1,8 +1,8 @@
 import { TextAreaProps } from "./type.mjs";
-import * as react155 from "react";
+import * as react154 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react155.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react154.NamedExoticComponent<TextAreaProps>;
 //#endregion
 export { TextArea };
 //# sourceMappingURL=TextArea.d.mts.map

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

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react47 from "react";
+import * as react0 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react47.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react0.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

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

@@ -1,8 +1,8 @@
 import { LayoutHeaderProps } from "../type.mjs";
-import * as react49 from "react";
+import * as react2 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react49.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react2.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map

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

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react46 from "react";
+import * as react1 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react46.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react1.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutMain };
 //# sourceMappingURL=LayoutMain.d.mts.map

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

@@ -1,8 +1,8 @@
 import { LayoutSidebarProps } from "../type.mjs";
-import * as react50 from "react";
+import * as react3 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react50.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react3.NamedExoticComponent<LayoutSidebarProps>;
 //#endregion
 export { LayoutSidebar };
 //# sourceMappingURL=LayoutSidebar.d.mts.map

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

@@ -1,8 +1,8 @@
 import { LayoutSidebarInnerProps } from "../type.mjs";
-import * as react51 from "react";
+import * as react4 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react51.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react4.NamedExoticComponent<LayoutSidebarInnerProps>;
 //#endregion
 export { LayoutSidebarInner };
 //# sourceMappingURL=LayoutSidebarInner.d.mts.map

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

@@ -1,8 +1,8 @@
 import { LayoutTocProps } from "../type.mjs";
-import * as react48 from "react";
+import * as react5 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react48.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react5.NamedExoticComponent<LayoutTocProps>;
 //#endregion
 export { LayoutToc };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react44 from "react";
+import * as react6 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react44.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react6.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/LobeSelect/LobeSelect.d.mts

@@ -1,8 +1,8 @@
 import { LobeSelectProps } from "./type.mjs";
-import * as react41 from "react";
+import * as react29 from "react";
 
 //#region src/LobeSelect/LobeSelect.d.ts
-declare const LobeSelect: react41.NamedExoticComponent<LobeSelectProps<any>>;
+declare const LobeSelect: react29.NamedExoticComponent<LobeSelectProps<any>>;
 //#endregion
 export { LobeSelect };
 //# sourceMappingURL=LobeSelect.d.mts.map

package/es/LobeSelect/LobeSelect.mjs

@@ -1,5 +1,6 @@
 'use client';
 
+import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
 import Icon_default from "../Icon/Icon.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
 import { styles as styles$1, triggerVariants } from "./style.mjs";
@@ -453,6 +454,7 @@ const LobeSelect = memo(({ allowClear, autoFocus, className, classNames, default
 			})]
 		}, `${String(item.value)}-${currentIndex}`);
 	});
+	const appElement = useAppElement();
 	return /* @__PURE__ */ jsxs(Select.Root, {
 		disabled,
 		id,
@@ -495,53 +497,56 @@ const LobeSelect = memo(({ allowClear, autoFocus, className, classNames, default
 					})]
 				})
 			]
-		}), /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
-			align: "start",
-			alignItemWithTrigger: isItemAligned,
-			className: styles$1.positioner,
-			side: "bottom",
-			sideOffset: 6,
-			children: /* @__PURE__ */ jsxs(Select.Popup, {
-				style: popupStyle,
-				className: cx(styles.popup, styles$1.popup, popupClassName, classNames?.popup, classNames?.dropdown),
-				children: [shouldShowSearch && /* @__PURE__ */ jsx("div", {
-					className: cx(styles$1.search, classNames?.search),
-					children: /* @__PURE__ */ jsx("input", {
-						className: styles$1.searchInput,
-						placeholder: typeof placeholder === "string" ? placeholder : void 0,
-						value: searchValue,
-						onChange: handleSearchChange,
-						onKeyDown: handleSearchKeyDown
-					})
-				}), (() => {
-					const content = filteredOptions.length > 0 ? renderOptions(filteredOptions) : /* @__PURE__ */ jsx("div", {
-						className: cx(styles.item, styles.empty, styles$1.empty, classNames?.empty),
-						children: "No data"
-					});
-					if (!virtual || filteredOptions.length === 0) return /* @__PURE__ */ jsx(Select.List, {
-						className: cx(styles$1.list, classNames?.list),
-						"data-virtual": virtual || void 0,
-						children: content
-					});
-					return /* @__PURE__ */ jsx(Select.List, {
-						className: cx(styles$1.list, classNames?.list),
-						"data-virtual": virtual || void 0,
-						ref: listRef,
-						style: virtualListStyle,
-						tabIndex: virtual ? -1 : void 0,
-						onPointerDown: virtual ? markPointerScroll : void 0,
-						onScroll: virtual ? handleListScroll : void 0,
-						onTouchMove: virtual ? markPointerScroll : void 0,
-						onWheel: virtual ? markPointerScroll : void 0,
-						children: /* @__PURE__ */ jsx(Virtualizer, {
-							itemSize: listItemHeight,
-							keepMounted: keepMountedIndices,
-							children: content
+		}), /* @__PURE__ */ jsx(Select.Portal, {
+			container: appElement,
+			children: /* @__PURE__ */ jsx(Select.Positioner, {
+				align: "start",
+				alignItemWithTrigger: isItemAligned,
+				className: styles$1.positioner,
+				side: "bottom",
+				sideOffset: 6,
+				children: /* @__PURE__ */ jsxs(Select.Popup, {
+					style: popupStyle,
+					className: cx(styles.popup, styles$1.popup, popupClassName, classNames?.popup, classNames?.dropdown),
+					children: [shouldShowSearch && /* @__PURE__ */ jsx("div", {
+						className: cx(styles$1.search, classNames?.search),
+						children: /* @__PURE__ */ jsx("input", {
+							className: styles$1.searchInput,
+							placeholder: typeof placeholder === "string" ? placeholder : void 0,
+							value: searchValue,
+							onChange: handleSearchChange,
+							onKeyDown: handleSearchKeyDown
 						})
-					});
-				})()]
+					}), (() => {
+						const content = filteredOptions.length > 0 ? renderOptions(filteredOptions) : /* @__PURE__ */ jsx("div", {
+							className: cx(styles.item, styles.empty, styles$1.empty, classNames?.empty),
+							children: "No data"
+						});
+						if (!virtual || filteredOptions.length === 0) return /* @__PURE__ */ jsx(Select.List, {
+							className: cx(styles$1.list, classNames?.list),
+							"data-virtual": virtual || void 0,
+							children: content
+						});
+						return /* @__PURE__ */ jsx(Select.List, {
+							className: cx(styles$1.list, classNames?.list),
+							"data-virtual": virtual || void 0,
+							ref: listRef,
+							style: virtualListStyle,
+							tabIndex: virtual ? -1 : void 0,
+							onPointerDown: virtual ? markPointerScroll : void 0,
+							onScroll: virtual ? handleListScroll : void 0,
+							onTouchMove: virtual ? markPointerScroll : void 0,
+							onWheel: virtual ? markPointerScroll : void 0,
+							children: /* @__PURE__ */ jsx(Virtualizer, {
+								itemSize: listItemHeight,
+								keepMounted: keepMountedIndices,
+								children: content
+							})
+						});
+					})()]
+				})
 			})
-		}) })]
+		})]
 	});
 });
 LobeSelect.displayName = "LobeSelect";