@lobehub/ui 4.7.1 → 4.8.1

package/es/Input/Input.d.mts

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

package/es/Input/InputNumber.d.mts

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

package/es/Input/InputOPT.d.mts

@@ -1,8 +1,8 @@
 import { InputOPTProps } from "./type.mjs";
-import * as react122 from "react";
+import * as react135 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react122.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react135.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 react123 from "react";
+import * as react134 from "react";
 
 //#region src/Input/InputPassword.d.ts
-declare const InputPassword: react123.NamedExoticComponent<InputPasswordProps>;
+declare const InputPassword: react134.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 react121 from "react";
+import * as react137 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react121.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react137.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 react28 from "react";
+import * as react47 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react28.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react47.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 react29 from "react";
+import * as react48 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react29.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react48.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 react26 from "react";
+import * as react49 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react26.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react49.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 react24 from "react";
+import * as react50 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react24.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react50.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 react25 from "react";
+import * as react51 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react25.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react51.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 react27 from "react";
+import * as react52 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react27.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react52.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 react22 from "react";
+import * as react46 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react22.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react46.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/Markdown.d.mts

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

package/es/Markdown/Typography.d.mts

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

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
 import "../../../Flex/index.mjs";
-import * as react65 from "react";
+import * as react70 from "react";
 import { Ref } from "react";
 
 //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: react65.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react70.NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
 export { SearchResultCards, SearchResultCardsProps };
 //# sourceMappingURL=index.d.mts.map

package/es/MaskShadow/MaskShadow.d.mts

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

package/es/Menu/Menu.d.mts

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

package/es/Menu/sharedStyle.mjs

@@ -8,6 +8,11 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     &:hover {
       background: ${cssVar$1.colorErrorBg} !important;
     }
+  `,
+	empty: css$1`
+    cursor: default;
+    font-style: italic;
+    color: ${cssVar$1.colorTextTertiary};
   `,
 	extra: css$1`
     margin-inline-start: auto;

package/es/Menu/sharedStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n\n    animation: context-menu-fade-in 150ms ${cssVar.motionEaseOut};\n\n    @keyframes context-menu-fade-in {\n      from {\n        transform: scale(0.96);\n        opacity: 0;\n      }\n\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;4CAEOA,SAAO,cAAc;;;;;;;;;;;;;;CAc/D,YAAY,KAAG;;;CAIf,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}
+{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n\n    animation: context-menu-fade-in 150ms ${cssVar.motionEaseOut};\n\n    @keyframes context-menu-fade-in {\n      from {\n        transform: scale(0.96);\n        opacity: 0;\n      }\n\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;4CAEOA,SAAO,cAAc;;;;;;;;;;;;;;CAc/D,YAAY,KAAG;;;CAIf,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}

package/es/Mermaid/Mermaid.d.mts

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

package/es/Mermaid/SyntaxMermaid/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxMermaidProps } from "../type.mjs";
-import * as react21 from "react";
+import * as react36 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react21.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react36.NamedExoticComponent<SyntaxMermaidProps>;
 //#endregion
 export { SyntaxMermaid };
 //# sourceMappingURL=index.d.mts.map

package/es/Modal/Modal.d.mts

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

package/es/Modal/ModalProvider.d.mts

@@ -1,9 +1,9 @@
 import { ModalContextValue } from "./type.mjs";
-import * as react13 from "react";
+import * as react39 from "react";
 import { ReactNode } from "react";
 
 //#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: react13.NamedExoticComponent<{
+declare const ModalProvider: react39.NamedExoticComponent<{
   children: ReactNode;
   value: ModalContextValue;
 }>;

package/es/MotionProvider/index.d.mts

@@ -1,4 +1,4 @@
-import * as react67 from "react";
+import * as react71 from "react";
 import { Context, ReactNode } from "react";
 import * as motion_react0 from "motion/react";
 import * as m from "motion/react-m";
@@ -6,7 +6,7 @@ import * as m from "motion/react-m";
 //#region src/MotionProvider/index.d.ts
 type MotionComponentType = typeof motion_react0.motion | typeof m;
 declare const MotionComponent: Context<MotionComponentType>;
-declare const MotionProvider: react67.NamedExoticComponent<{
+declare const MotionProvider: react71.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/SearchBar/SearchBar.d.mts

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

package/es/Segmented/Segmented.d.mts

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

package/es/Select/Select.d.mts

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

package/es/SideNav/SideNav.d.mts

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

package/es/SliderWithInput/SliderWithInput.d.mts

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

package/es/SortableList/components/DragHandle.d.mts

@@ -1,9 +1,9 @@
 import { ActionIconProps } from "../../ActionIcon/type.mjs";
 import "../../ActionIcon/index.mjs";
-import * as react76 from "react";
+import * as react108 from "react";
 
 //#region src/SortableList/components/DragHandle.d.ts
-declare const DragHandle: react76.NamedExoticComponent<ActionIconProps>;
+declare const DragHandle: react108.NamedExoticComponent<ActionIconProps>;
 //#endregion
 export { DragHandle };
 //# sourceMappingURL=DragHandle.d.mts.map

package/es/SortableList/components/SortableItem.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react74 from "react";
+import * as react106 from "react";
 import "@dnd-kit/core";
 
 //#region src/SortableList/components/SortableItem.d.ts
@@ -9,7 +9,7 @@ interface SortableItemProps extends Omit<FlexboxProps, 'id'> {
   id: string | number;
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-declare const SortableItem: react74.NamedExoticComponent<SortableItemProps>;
+declare const SortableItem: react106.NamedExoticComponent<SortableItemProps>;
 //#endregion
 export { SortableItem };
 //# sourceMappingURL=SortableItem.d.mts.map

package/es/Tag/Tag.mjs

@@ -5,13 +5,12 @@ import { variants } from "./styles.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Tag } from "antd";
-import { cx, useTheme } from "antd-style";
+import { cssVar, cx } from "antd-style";
 
 //#region src/Tag/Tag.tsx
 const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", children, onClick, style, ...rest }) => {
-	const theme = useTheme();
 	const colors = useMemo(() => {
-		let textColor = theme.colorTextSecondary;
+		let textColor = cssVar.colorTextSecondary;
 		let backgroundColor;
 		let borderColor;
 		const isBorderless = variant === "borderless";
@@ -20,17 +19,17 @@ const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", chi
 		const isPresetSystemColors = color && presetSystemColors.has(color);
 		const isHexColor = color && color.startsWith("#");
 		if (isPresetColor) {
-			textColor = colorsPreset(theme, color);
-			backgroundColor = isBorderless ? "transparent" : colorsPreset(theme, color, "fillTertiary");
-			borderColor = colorsPreset(theme, color, isFilled ? "fillQuaternary" : "fillTertiary");
+			textColor = colorsPreset(color);
+			backgroundColor = isBorderless ? "transparent" : colorsPreset(color, "fillTertiary");
+			borderColor = colorsPreset(color, isFilled ? "fillQuaternary" : "fillTertiary");
 		}
 		if (isPresetSystemColors) {
-			textColor = colorsPresetSystem(theme, color);
-			backgroundColor = isBorderless ? "transparent" : colorsPresetSystem(theme, color, "fillTertiary");
-			borderColor = colorsPresetSystem(theme, color, isFilled ? "fillQuaternary" : "fillTertiary");
+			textColor = colorsPresetSystem(color);
+			backgroundColor = isBorderless ? "transparent" : colorsPresetSystem(color, "fillTertiary");
+			borderColor = colorsPresetSystem(color, isFilled ? "fillQuaternary" : "fillTertiary");
 		}
 		if (isHexColor) {
-			textColor = theme.colorBgLayout;
+			textColor = cssVar.colorBgLayout;
 			backgroundColor = isBorderless ? "transparent" : color;
 		}
 		return {
@@ -38,11 +37,7 @@ const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", chi
 			borderColor,
 			textColor
 		};
-	}, [
-		color,
-		theme,
-		variant
-	]);
+	}, [color, variant]);
 	return /* @__PURE__ */ jsx(Tag, {
 		className: cx(variants({
 			size,

package/es/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","names":["Tag: FC<TagProps>","AntTag","Tag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cx, useTheme } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const theme = useTheme();\n\n  const colors = useMemo(() => {\n    let textColor = theme.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      textColor = colorsPreset(theme, color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPreset(theme, color, 'fillTertiary');\n      borderColor = colorsPreset(theme, color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      textColor = colorsPresetSystem(theme, color);\n      backgroundColor = isBorderless\n        ? 'transparent'\n        : colorsPresetSystem(theme, color, 'fillTertiary');\n      borderColor = colorsPresetSystem(theme, color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = theme.colorBgLayout;\n      backgroundColor = isBorderless ? 'transparent' : color;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, theme, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ size, variant: variant as any }), className)}\n      color={color}\n      onClick={onClick}\n      ref={ref}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      variant={variant === 'borderless' ? 'outlined' : variant}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,SAAqB,EACzB,WACA,KACA,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,QAAQ,UAAU;CAExB,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,MAAM;EACtB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;AACjB,eAAY,aAAa,OAAO,MAAM;AACtC,qBAAkB,eAAe,gBAAgB,aAAa,OAAO,OAAO,eAAe;AAC3F,iBAAc,aAAa,OAAO,OAAO,WAAW,mBAAmB,eAAe;;AAExF,MAAI,sBAAsB;AACxB,eAAY,mBAAmB,OAAO,MAAM;AAC5C,qBAAkB,eACd,gBACA,mBAAmB,OAAO,OAAO,eAAe;AACpD,iBAAc,mBAAmB,OAAO,OAAO,WAAW,mBAAmB,eAAe;;AAE9F,MAAI,YAAY;AACd,eAAY,MAAM;AAClB,qBAAkB,eAAe,gBAAgB;;AAGnD,SAAO;GACL;GACA;GACA;GACD;IACA;EAAC;EAAO;EAAO;EAAQ,CAAC;AAE3B,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAe;GAAgB,CAAC,EAAE,UAAU;EAC9D;EACE;EACJ;EACL,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY;GAC9B,GAAG;GACJ;EACD,SAAS,YAAY,eAAe,aAAa;EACjD,GAAI;EAEH;GACM;;AAIb,MAAI,cAAc;AAElB,kBAAeC"}
+{"version":3,"file":"Tag.mjs","names":["Tag: FC<TagProps>","AntTag","Tag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      textColor = colorsPreset(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPreset(color, 'fillTertiary');\n      borderColor = colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      textColor = colorsPresetSystem(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = cssVar.colorBgLayout;\n      backgroundColor = isBorderless ? 'transparent' : color;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ size, variant: variant as any }), className)}\n      color={color}\n      onClick={onClick}\n      ref={ref}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      variant={variant === 'borderless' ? 'outlined' : variant}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,SAAqB,EACzB,WACA,KACA,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;AACjB,eAAY,aAAa,MAAM;AAC/B,qBAAkB,eAAe,gBAAgB,aAAa,OAAO,eAAe;AACpF,iBAAc,aAAa,OAAO,WAAW,mBAAmB,eAAe;;AAEjF,MAAI,sBAAsB;AACxB,eAAY,mBAAmB,MAAM;AACrC,qBAAkB,eAAe,gBAAgB,mBAAmB,OAAO,eAAe;AAC1F,iBAAc,mBAAmB,OAAO,WAAW,mBAAmB,eAAe;;AAEvF,MAAI,YAAY;AACd,eAAY,OAAO;AACnB,qBAAkB,eAAe,gBAAgB;;AAGnD,SAAO;GACL;GACA;GACA;GACD;IACA,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAe;GAAgB,CAAC,EAAE,UAAU;EAC9D;EACE;EACJ;EACL,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY;GAC9B,GAAG;GACJ;EACD,SAAS,YAAY,eAAe,aAAa;EACjD,GAAI;EAEH;GACM;;AAIb,MAAI,cAAc;AAElB,kBAAeC"}

package/es/Tag/utils.mjs

@@ -1,3 +1,4 @@
+import { cssVar } from "antd-style";
 import { camelCase } from "es-toolkit/compat";
 
 //#region src/Tag/utils.ts
@@ -23,13 +24,17 @@ const presetSystemColors = new Set([
 	"info",
 	"processing"
 ]);
-const colorsPreset = (theme, type, ...keys) => theme[camelCase([type, ...keys].join("-"))];
-const colorsPresetSystem = (theme, type, ...keys) => {
-	return theme[camelCase([
+const toKebabCase = (value) => value.replaceAll(/([a-z])([A-Z])/g, "$1-$2").replaceAll(/([a-z])(\d)/g, "$1-$2").replaceAll(/(\d)([A-Z])/g, "$1-$2").replaceAll(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+const getCssVar = (tokenKey) => {
+	return cssVar[tokenKey] || `var(--ant-${toKebabCase(tokenKey)})`;
+};
+const colorsPreset = (type, ...keys) => getCssVar(camelCase([type, ...keys].join("-")));
+const colorsPresetSystem = (type, ...keys) => {
+	return getCssVar(camelCase([
 		"color",
 		type === "processing" ? "info" : type,
 		...keys
-	].join("-"))];
+	].join("-")));
 };
 
 //#endregion

package/es/Tag/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Tag/utils.ts"],"sourcesContent":["import { camelCase } from 'es-toolkit/compat';\n\nexport const presetColors = [\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'yellow',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n  'magenta',\n  'gray',\n];\n\nexport const presetSystemColors = new Set(['error', 'warning', 'success', 'info', 'processing']);\n\nexport const colorsPreset = (theme: any, type: string, ...keys: string[]) =>\n  theme[camelCase([type, ...keys].join('-'))] as string;\n\nexport const colorsPresetSystem = (theme: any, type: string, ...keys: string[]) => {\n  const t = type === 'processing' ? 'info' : type;\n  return theme[camelCase(['color', t, ...keys].join('-'))] as string;\n};\n"],"mappings":";;;AAEA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,qBAAqB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAW;CAAQ;CAAa,CAAC;AAEhG,MAAa,gBAAgB,OAAY,MAAc,GAAG,SACxD,MAAM,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC;AAE5C,MAAa,sBAAsB,OAAY,MAAc,GAAG,SAAmB;AAEjF,QAAO,MAAM,UAAU;EAAC;EADd,SAAS,eAAe,SAAS;EACP,GAAG;EAAK,CAAC,KAAK,IAAI,CAAC"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Tag/utils.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\n\nexport const presetColors = [\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'yellow',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n  'magenta',\n  'gray',\n];\n\nexport const presetSystemColors = new Set(['error', 'warning', 'success', 'info', 'processing']);\n\nconst toKebabCase = (value: string) =>\n  value\n    .replaceAll(/([a-z])([A-Z])/g, '$1-$2')\n    .replaceAll(/([a-z])(\\d)/g, '$1-$2')\n    .replaceAll(/(\\d)([A-Z])/g, '$1-$2')\n    .replaceAll(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n    .toLowerCase();\n\nconst getCssVar = (tokenKey: string) => {\n  const mapped = (cssVar as Record<string, string>)[tokenKey];\n  return mapped || `var(--ant-${toKebabCase(tokenKey)})`;\n};\n\nexport const colorsPreset = (type: string, ...keys: string[]) =>\n  getCssVar(camelCase([type, ...keys].join('-')));\n\nexport const colorsPresetSystem = (type: string, ...keys: string[]) => {\n  const t = type === 'processing' ? 'info' : type;\n  return getCssVar(camelCase(['color', t, ...keys].join('-')));\n};\n"],"mappings":";;;;AAGA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,qBAAqB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAW;CAAQ;CAAa,CAAC;AAEhG,MAAM,eAAe,UACnB,MACG,WAAW,mBAAmB,QAAQ,CACtC,WAAW,gBAAgB,QAAQ,CACnC,WAAW,gBAAgB,QAAQ,CACnC,WAAW,yBAAyB,QAAQ,CAC5C,aAAa;AAElB,MAAM,aAAa,aAAqB;AAEtC,QADgB,OAAkC,aACjC,aAAa,YAAY,SAAS,CAAC;;AAGtD,MAAa,gBAAgB,MAAc,GAAG,SAC5C,UAAU,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC;AAEjD,MAAa,sBAAsB,MAAc,GAAG,SAAmB;AAErE,QAAO,UAAU,UAAU;EAAC;EADlB,SAAS,eAAe,SAAS;EACH,GAAG;EAAK,CAAC,KAAK,IAAI,CAAC,CAAC"}

package/es/ThemeProvider/GlobalMouseDirectionContext.mjs

@@ -0,0 +1,28 @@
+import { createContext, memo, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ThemeProvider/GlobalMouseDirectionContext.tsx
+const GlobalMouseDirectionContext = createContext("right");
+const GlobalMouseDirectionProvider = memo(({ children }) => {
+	const [direction, setDirection] = useState("right");
+	const prevX = useRef(0);
+	useEffect(() => {
+		const handleMouseMove = (e) => {
+			if (e.clientX > prevX.current) setDirection((prev) => prev !== "right" ? "right" : prev);
+			else if (e.clientX < prevX.current) setDirection((prev) => prev !== "left" ? "left" : prev);
+			prevX.current = e.clientX;
+		};
+		window.addEventListener("mousemove", handleMouseMove);
+		return () => {
+			window.removeEventListener("mousemove", handleMouseMove);
+		};
+	}, []);
+	return /* @__PURE__ */ jsx(GlobalMouseDirectionContext.Provider, {
+		value: direction,
+		children
+	});
+});
+
+//#endregion
+export { GlobalMouseDirectionProvider };
+//# sourceMappingURL=GlobalMouseDirectionContext.mjs.map

package/es/ThemeProvider/GlobalMouseDirectionContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalMouseDirectionContext.mjs","names":[],"sources":["../../src/ThemeProvider/GlobalMouseDirectionContext.tsx"],"sourcesContent":["import { ReactNode, createContext, memo, useEffect, useRef, useState } from 'react';\n\ntype Direction = 'left' | 'right';\n\nexport const GlobalMouseDirectionContext = createContext<Direction>('right');\n\nexport const GlobalMouseDirectionProvider = memo(({ children }: { children: ReactNode }) => {\n  const [direction, setDirection] = useState<Direction>('right');\n  const prevX = useRef(0);\n\n  useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      if (e.clientX > prevX.current) {\n        setDirection((prev) => (prev !== 'right' ? 'right' : prev));\n      } else if (e.clientX < prevX.current) {\n        setDirection((prev) => (prev !== 'left' ? 'left' : prev));\n      }\n      prevX.current = e.clientX;\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove);\n    };\n  }, []);\n\n  return (\n    <GlobalMouseDirectionContext.Provider value={direction}>\n      {children}\n    </GlobalMouseDirectionContext.Provider>\n  );\n});\n"],"mappings":";;;;AAIA,MAAa,8BAA8B,cAAyB,QAAQ;AAE5E,MAAa,+BAA+B,MAAM,EAAE,eAAwC;CAC1F,MAAM,CAAC,WAAW,gBAAgB,SAAoB,QAAQ;CAC9D,MAAM,QAAQ,OAAO,EAAE;AAEvB,iBAAgB;EACd,MAAM,mBAAmB,MAAkB;AACzC,OAAI,EAAE,UAAU,MAAM,QACpB,eAAc,SAAU,SAAS,UAAU,UAAU,KAAM;YAClD,EAAE,UAAU,MAAM,QAC3B,eAAc,SAAU,SAAS,SAAS,SAAS,KAAM;AAE3D,SAAM,UAAU,EAAE;;AAGpB,SAAO,iBAAiB,aAAa,gBAAgB;AACrD,eAAa;AACX,UAAO,oBAAoB,aAAa,gBAAgB;;IAEzD,EAAE,CAAC;AAEN,QACE,oBAAC,4BAA4B;EAAS,OAAO;EAC1C;GACoC;EAEzC"}

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/ThemeProvider/ThemeProvider.mjs

@@ -7,6 +7,7 @@ import { LOBE_THEME_APP_ID } from "./constants.mjs";
 import FontLoader_default from "../FontLoader/index.mjs";
 import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
 import ConfigProvider_default from "./ConfigProvider.mjs";
+import { GlobalMouseDirectionProvider } from "./GlobalMouseDirectionContext.mjs";
 import GlobalStyle_default from "./GlobalStyle/index.mjs";
 import { memo, useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -59,7 +60,7 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 		customToken: token,
 		theme,
 		...rest,
-		children: /* @__PURE__ */ jsxs(ConfigProvider_default, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle_default, {}), /* @__PURE__ */ jsx(App, {
+		children: /* @__PURE__ */ jsxs(ConfigProvider_default, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle_default, {}), /* @__PURE__ */ jsx(GlobalMouseDirectionProvider, { children: /* @__PURE__ */ jsx(App, {
 			className,
 			style: {
 				minHeight: "inherit",
@@ -71,7 +72,7 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 				style: { display: "contents" },
 				children
 			})
-		})] })
+		}) })] })
 	})] });
 });
 ThemeProvider$1.displayName = "LobeThemeProvider";