@lobehub/ui 4.9.1 → 4.9.2

package/es/Image/components/usePreviewGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePreviewGroup.mjs","names":["Toolbar","Icon","Preview","componentStyles"],"sources":["../../../src/Image/components/usePreviewGroup.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport type { GroupPreviewConfig } from 'antd/es/image/PreviewGroup';\nimport { X } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { styles as componentStyles, styles } from '../style';\nimport type { PreviewGroupPreviewOptions } from '../type';\nimport Preview from './Preview';\nimport Toolbar from './Toolbar';\n\nexport const usePreview = (\n  props: PreviewGroupPreviewOptions | boolean | undefined,\n): GroupPreviewConfig | boolean => {\n  const [visible, setVisible] = useState(false);\n\n  return useMemo(() => {\n    if (props === false) return props;\n\n    const {\n      onVisibleChange,\n      onOpenChange,\n      minScale = 0.32,\n      maxScale = 32,\n      toolbarAddon,\n      rootClassName,\n      imageRender,\n      toolbarRender,\n      ...rest\n    }: PreviewGroupPreviewOptions = (\n      props === true ? {} : props || {}\n    ) as PreviewGroupPreviewOptions;\n\n    return {\n      actionsRender: (_, info) => {\n        const originalNode = (\n          <Toolbar info={info} maxScale={maxScale} minScale={minScale}>\n            {toolbarAddon}\n          </Toolbar>\n        );\n        if (toolbarRender) return toolbarRender(originalNode, info);\n        return originalNode;\n      },\n      closeIcon: <Icon color={'#fff'} icon={X} />,\n      imageRender: (originalNode, info) => {\n        const node = <Preview visible={visible}>{originalNode}</Preview>;\n        if (imageRender) return imageRender(node, info);\n        return node;\n      },\n      maxScale,\n      minScale,\n      onOpenChange: (open: boolean, info: { current: number }) => {\n        setVisible(open);\n        // 支持新的 onOpenChange\n        onOpenChange?.(open, info);\n        // 向后兼容旧的 onVisibleChange (注意参数差异)\n        onVisibleChange?.(open, !open, info.current);\n      },\n      rootClassName: cx(styles.preview, rootClassName),\n      ...rest,\n    };\n  }, [props, visible, componentStyles]);\n};\n\nexport default usePreview;\n"],"mappings":";;;;;;;;;;AAYA,MAAa,cACX,UACiC;CACjC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAE7C,QAAO,cAAc;AACnB,MAAI,UAAU,MAAO,QAAO;EAE5B,MAAM,EACJ,iBACA,cACA,WAAW,KACX,WAAW,IACX,cACA,eACA,aACA,eACA,GAAG,SAEH,UAAU,OAAO,EAAE,GAAG,SAAS,EAAE;AAGnC,SAAO;GACL,gBAAgB,GAAG,SAAS;IAC1B,MAAM,eACJ,oBAACA;KAAc;KAAgB;KAAoB;eAChD;MACO;AAEZ,QAAI,cAAe,QAAO,cAAc,cAAc,KAAK;AAC3D,WAAO;;GAET,WAAW,oBAACC;IAAK,OAAO;IAAQ,MAAM;KAAK;GAC3C,cAAc,cAAc,SAAS;IACnC,MAAM,OAAO,oBAACC;KAAiB;eAAU;MAAuB;AAChE,QAAI,YAAa,QAAO,YAAY,MAAM,KAAK;AAC/C,WAAO;;GAET;GACA;GACA,eAAe,MAAe,SAA8B;AAC1D,eAAW,KAAK;AAEhB,mBAAe,MAAM,KAAK;AAE1B,sBAAkB,MAAM,CAAC,MAAM,KAAK,QAAQ;;GAE9C,eAAe,GAAG,OAAO,SAAS,cAAc;GAChD,GAAG;GACJ;IACA;EAAC;EAAO;EAASC;EAAgB,CAAC;;AAGvC,8BAAe"}
+{"version":3,"file":"usePreviewGroup.mjs","names":["Toolbar","Icon","Preview","componentStyles"],"sources":["../../../src/Image/components/usePreviewGroup.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport type { GroupPreviewConfig } from 'antd/es/image/PreviewGroup';\nimport { X } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { styles as componentStyles, styles } from '../style';\nimport type { PreviewGroupPreviewOptions } from '../type';\nimport Preview from './Preview';\nimport Toolbar from './Toolbar';\n\nexport const usePreview = (\n  props: PreviewGroupPreviewOptions | boolean | undefined,\n): GroupPreviewConfig | boolean => {\n  const [visible, setVisible] = useState(false);\n\n  return useMemo(() => {\n    if (props === false) return props;\n\n    const {\n      onVisibleChange,\n      onOpenChange,\n      minScale = 0.32,\n      maxScale = 32,\n      toolbarAddon,\n      rootClassName,\n      imageRender,\n      toolbarRender,\n      ...rest\n    }: PreviewGroupPreviewOptions = (\n      props === true ? {} : props || {}\n    ) as PreviewGroupPreviewOptions;\n\n    return {\n      actionsRender: (_, info) => {\n        const originalNode = (\n          <Toolbar info={info} maxScale={maxScale} minScale={minScale}>\n            {toolbarAddon}\n          </Toolbar>\n        );\n        if (toolbarRender) return toolbarRender(originalNode, info);\n        return originalNode;\n      },\n      closeIcon: <Icon color={'#fff'} icon={X} />,\n\n      imageRender: (originalNode, info) => {\n        const node = <Preview visible={visible}>{originalNode}</Preview>;\n        if (imageRender) return imageRender(node, info);\n        return node;\n      },\n      maxScale,\n      minScale,\n      onOpenChange: (open: boolean, info: { current: number }) => {\n        setVisible(open);\n        // 支持新的 onOpenChange\n        onOpenChange?.(open, info);\n        // 向后兼容旧的 onVisibleChange (注意参数差异)\n        onVisibleChange?.(open, !open, info.current);\n      },\n      rootClassName: cx(styles.preview, rootClassName),\n      ...rest,\n    } satisfies GroupPreviewConfig;\n  }, [props, visible, componentStyles]);\n};\n\nexport default usePreview;\n"],"mappings":";;;;;;;;;;AAYA,MAAa,cACX,UACiC;CACjC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAE7C,QAAO,cAAc;AACnB,MAAI,UAAU,MAAO,QAAO;EAE5B,MAAM,EACJ,iBACA,cACA,WAAW,KACX,WAAW,IACX,cACA,eACA,aACA,eACA,GAAG,SAEH,UAAU,OAAO,EAAE,GAAG,SAAS,EAAE;AAGnC,SAAO;GACL,gBAAgB,GAAG,SAAS;IAC1B,MAAM,eACJ,oBAACA;KAAc;KAAgB;KAAoB;eAChD;MACO;AAEZ,QAAI,cAAe,QAAO,cAAc,cAAc,KAAK;AAC3D,WAAO;;GAET,WAAW,oBAACC;IAAK,OAAO;IAAQ,MAAM;KAAK;GAE3C,cAAc,cAAc,SAAS;IACnC,MAAM,OAAO,oBAACC;KAAiB;eAAU;MAAuB;AAChE,QAAI,YAAa,QAAO,YAAY,MAAM,KAAK;AAC/C,WAAO;;GAET;GACA;GACA,eAAe,MAAe,SAA8B;AAC1D,eAAW,KAAK;AAEhB,mBAAe,MAAM,KAAK;AAE1B,sBAAkB,MAAM,CAAC,MAAM,KAAK,QAAQ;;GAE9C,eAAe,GAAG,OAAO,SAAS,cAAc;GAChD,GAAG;GACJ;IACA;EAAC;EAAO;EAASC;EAAgB,CAAC;;AAGvC,8BAAe"}

package/es/ImageSelect/ImageSelect.d.mts

@@ -1,8 +1,8 @@
 import { ImageSelectProps } from "./type.mjs";
-import * as react106 from "react";
+import * as react109 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react106.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react109.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 react134 from "react";
+import * as react136 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react134.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 react135 from "react";
+import * as react134 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react135.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react134.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 react136 from "react";
+import * as react138 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react136.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react138.NamedExoticComponent<InputOPTProps>;
 //#endregion
 export { InputOPT };
 //# sourceMappingURL=InputOPT.d.mts.map

package/es/Input/TextArea.d.mts

@@ -1,8 +1,8 @@
 import { TextAreaProps } from "./type.mjs";
-import * as react138 from "react";
+import * as react135 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react138.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react135.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 react50 from "react";
+import * as react39 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react50.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react39.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 react51 from "react";
+import * as react40 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react51.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react40.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 react52 from "react";
+import * as react41 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react52.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react41.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 react53 from "react";
+import * as react42 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react53.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react42.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 react54 from "react";
+import * as react43 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react54.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react43.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 react55 from "react";
+import * as react44 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react55.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react44.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 react49 from "react";
+import * as react35 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react49.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react35.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 react48 from "react";
+import * as react34 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react48.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react34.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 react47 from "react";
+import * as react33 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react47.NamedExoticComponent<TypographyProps>;
+declare const Typography: react33.NamedExoticComponent<TypographyProps>;
 //#endregion
 export { Typography };
 //# sourceMappingURL=Typography.d.mts.map

package/es/MaskShadow/MaskShadow.d.mts

@@ -1,8 +1,8 @@
 import { MaskShadowProps } from "./type.mjs";
-import * as react46 from "react";
+import * as react36 from "react";
 
 //#region src/MaskShadow/MaskShadow.d.ts
-declare const MaskShadow: react46.NamedExoticComponent<MaskShadowProps>;
+declare const MaskShadow: react36.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 react45 from "react";
+import * as react30 from "react";
 
 //#region src/Menu/Menu.d.ts
-declare const Menu: react45.NamedExoticComponent<MenuProps<unknown>>;
+declare const Menu: react30.NamedExoticComponent<MenuProps<unknown>>;
 //#endregion
 export { Menu };
 //# sourceMappingURL=Menu.d.mts.map

package/es/Mermaid/Mermaid.d.mts

@@ -1,8 +1,8 @@
 import { MermaidProps } from "./type.mjs";
-import * as react40 from "react";
+import * as react31 from "react";
 
 //#region src/Mermaid/Mermaid.d.ts
-declare const Mermaid: react40.NamedExoticComponent<MermaidProps>;
+declare const Mermaid: react31.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 react41 from "react";
+import * as react32 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react41.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react32.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 react42 from "react";
+import * as react26 from "react";
 
 //#region src/Modal/Modal.d.ts
-declare const Modal: react42.NamedExoticComponent<ModalProps>;
+declare const Modal: react26.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 react43 from "react";
+import * as react27 from "react";
 import { ReactNode } from "react";
 
 //#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: react43.NamedExoticComponent<{
+declare const ModalProvider: react27.NamedExoticComponent<{
   children: ReactNode;
   value: ModalContextValue;
 }>;

package/es/SearchBar/SearchBar.d.mts

@@ -1,8 +1,8 @@
 import { SearchBarProps } from "./type.mjs";
-import * as react38 from "react";
+import * as react29 from "react";
 
 //#region src/SearchBar/SearchBar.d.ts
-declare const SearchBar: react38.NamedExoticComponent<SearchBarProps>;
+declare const SearchBar: react29.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 react39 from "react";
+import * as react25 from "react";
 
 //#region src/Segmented/Segmented.d.ts
-declare const Segmented: react39.NamedExoticComponent<SegmentedProps>;
+declare const Segmented: react25.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 react36 from "react";
+import * as react73 from "react";
 
 //#region src/Select/Select.d.ts
-declare const Input: react36.NamedExoticComponent<SelectProps>;
+declare const Input: react73.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 react37 from "react";
+import * as react53 from "react";
 
 //#region src/SideNav/SideNav.d.ts
-declare const SideNav: react37.NamedExoticComponent<SideNavProps>;
+declare const SideNav: react53.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 react33 from "react";
+import * as react4 from "react";
 
 //#region src/SliderWithInput/SliderWithInput.d.ts
-declare const SliderWithInput: react33.NamedExoticComponent<SliderWithInputProps>;
+declare const SliderWithInput: react4.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 react110 from "react";
+import * as react106 from "react";
 
 //#region src/SortableList/components/DragHandle.d.ts
-declare const DragHandle: react110.NamedExoticComponent<ActionIconProps>;
+declare const DragHandle: react106.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 react107 from "react";
+import * as react104 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: react107.NamedExoticComponent<SortableItemProps>;
+declare const SortableItem: react104.NamedExoticComponent<SortableItemProps>;
 //#endregion
 export { SortableItem };
 //# sourceMappingURL=SortableItem.d.mts.map

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/ThemeSwitch/ThemeSwitch.mjs

@@ -57,6 +57,7 @@ const ThemeSwitch = ({ size = "middle", themeMode, onThemeSwitch, type = "icon",
 		variant
 	}) : /* @__PURE__ */ jsx(DropdownMenu_default, {
 		items,
+		nativeButton: false,
 		children: /* @__PURE__ */ jsx(ActionIcon_default, {
 			className,
 			icon: DEFAULT_ICON_SET[themeMode],

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 DropdownMenu from '@/DropdownMenu';\nimport type { DropdownItem } 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      onChange={onThemeSwitch}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox align={'center'} gap={8} horizontal>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      style={style}\n      variant={variant}\n    />\n  ) : (\n    <DropdownMenu items={items}>\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;EACd,UAAU;EACV,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACC;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC,gBAAK,MAAM,KAAK,OAAQ,EACxB,KAAK;KACE;GAEZ,OAAO,KAAK;GACb,EAAE;EACI;EACE;GACT,GAEF,oBAACC;EAAoB;YACnB,oBAACC;GACY;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;IACT;GACW;;AAInB,YAAY,cAAc;AAE1B,0BAAe"}
+{"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 DropdownMenu from '@/DropdownMenu';\nimport type { DropdownItem } 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      onChange={onThemeSwitch}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox align={'center'} gap={8} horizontal>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      style={style}\n      variant={variant}\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;EACd,UAAU;EACV,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACC;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC,gBAAK,MAAM,KAAK,OAAQ,EACxB,KAAK;KACE;GAEZ,OAAO,KAAK;GACb,EAAE;EACI;EACE;GACT,GAEF,oBAACC;EAAoB;EAAO,cAAc;YACxC,oBAACC;GACY;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;IACT;GACW;;AAInB,YAAY,cAAc;AAE1B,0BAAe"}

package/es/Toc/Toc.d.mts

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

package/es/awesome/AuroraBackground/AuroraBackground.d.mts

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

package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts

@@ -1,9 +1,9 @@
 import { ButtonProps } from "../../Button/type.mjs";
 import "../../Button/index.mjs";
-import * as react121 from "react";
+import * as react128 from "react";
 
 //#region src/awesome/BottomGradientButton/BottomGradientButton.d.ts
-declare const BottomGradientButton: react121.NamedExoticComponent<ButtonProps>;
+declare const BottomGradientButton: react128.NamedExoticComponent<ButtonProps>;
 //#endregion
 export { BottomGradientButton };
 //# sourceMappingURL=BottomGradientButton.d.mts.map

package/es/awesome/Features/Features.d.mts

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

package/es/awesome/Giscus/Giscus.d.mts

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

package/es/awesome/GradientButton/GradientButton.d.mts

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

package/es/awesome/GridBackground/GridBackground.d.mts

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

package/es/awesome/GridBackground/GridShowcase.d.mts

@@ -1,8 +1,8 @@
 import { GridShowcaseProps } from "./type.mjs";
-import * as react129 from "react";
+import * as react124 from "react";
 
 //#region src/awesome/GridBackground/GridShowcase.d.ts
-declare const GridShowcase: react129.NamedExoticComponent<GridShowcaseProps>;
+declare const GridShowcase: react124.NamedExoticComponent<GridShowcaseProps>;
 //#endregion
 export { GridShowcase };
 //# sourceMappingURL=GridShowcase.d.mts.map

package/es/awesome/Hero/Hero.d.mts

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

package/es/awesome/Spline/Spine.d.mts

@@ -1,9 +1,9 @@
 import { SplineProps } from "./type.mjs";
-import * as react132 from "react";
+import * as react126 from "react";
 import "@splinetool/runtime";
 
 //#region src/awesome/Spline/Spine.d.ts
-declare const Spline: react132.NamedExoticComponent<SplineProps>;
+declare const Spline: react126.NamedExoticComponent<SplineProps>;
 //#endregion
 export { Spline };
 //# sourceMappingURL=Spine.d.mts.map

package/es/awesome/Spotlight/Spotlight.d.mts

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

package/es/awesome/SpotlightCard/SpotlightCard.d.mts

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

package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts

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

package/es/brand/LobeChat/index.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react19 from "react";
+import * as react0 from "react";
 import { ReactNode } from "react";
 
 //#region src/brand/LobeChat/index.d.ts
@@ -8,7 +8,7 @@ interface LobeChatProps extends DivProps {
   size?: number;
   type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';
 }
-declare const LobeChat: react19.NamedExoticComponent<LobeChatProps>;
+declare const LobeChat: react0.NamedExoticComponent<LobeChatProps>;
 //#endregion
 export { LobeChat, LobeChatProps };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/LobeHub/index.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react20 from "react";
+import * as react1 from "react";
 import { ReactNode } from "react";
 
 //#region src/brand/LobeHub/index.d.ts
@@ -8,7 +8,7 @@ interface LobeHubProps extends DivProps {
   size?: number;
   type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';
 }
-declare const LobeHub: react20.NamedExoticComponent<LobeHubProps>;
+declare const LobeHub: react1.NamedExoticComponent<LobeHubProps>;
 //#endregion
 export { LobeHub, LobeHubProps };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/LogoThree/LogoSpline.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react21 from "react";
+import * as react3 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/LogoSpline.d.ts
@@ -10,7 +10,7 @@ interface LogoSplineProps extends Partial<SplineProps> {
   style?: CSSProperties;
   width?: number | string;
 }
-declare const LogoSpline: react21.NamedExoticComponent<LogoSplineProps>;
+declare const LogoSpline: react3.NamedExoticComponent<LogoSplineProps>;
 //#endregion
 export { LogoSpline, LogoSplineProps };
 //# sourceMappingURL=LogoSpline.d.mts.map

package/es/brand/LogoThree/index.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react22 from "react";
+import * as react2 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/index.d.ts
@@ -9,7 +9,7 @@ interface LogoThreeProps extends Partial<SplineProps> {
   size?: number;
   style?: CSSProperties;
 }
-declare const LogoThree: react22.NamedExoticComponent<LogoThreeProps>;
+declare const LogoThree: react2.NamedExoticComponent<LogoThreeProps>;
 //#endregion
 export { LogoThree, LogoThreeProps };
 //# sourceMappingURL=index.d.mts.map