@lobehub/ui 4.38.0 → 4.38.2

package/es/HotkeyInput/HotkeyInput.d.mts

@@ -1,8 +1,8 @@
 import { HotkeyInputProps } from "./type.mjs";
-import * as react0 from "react";
+import * as react40 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react0.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react40.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 react67 from "react";
+import * as react37 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react67.NamedExoticComponent<IconProps>;
+declare const Icon: react37.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 react65 from "react";
+import * as react35 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react65.Context<IconContentConfig>;
-declare const IconProvider: react65.NamedExoticComponent<{
+declare const IconContext: react35.Context<IconContentConfig>;
+declare const IconProvider: react35.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react68 from "react";
+import * as react38 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react68.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react38.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 react88 from "react";
+import * as react124 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react88.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react124.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 react96 from "react";
+import * as react152 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react96.NamedExoticComponent<InputProps>;
+declare const Input: react152.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 react97 from "react";
+import * as react154 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react97.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react154.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 react98 from "react";
+import * as react155 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react98.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react155.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 react99 from "react";
+import * as react153 from "react";
 
 //#region src/Input/InputPassword.d.ts
-declare const InputPassword: react99.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 react100 from "react";
+import * as react156 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react100.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react156.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 react69 from "react";
+import * as react29 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react69.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react29.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 react70 from "react";
+import * as react32 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react70.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react32.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 react71 from "react";
+import * as react28 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react71.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react28.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 react72 from "react";
+import * as react30 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react72.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react30.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 react73 from "react";
+import * as react31 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react73.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react31.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 react74 from "react";
+import * as react33 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react74.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react33.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 react64 from "react";
+import * as react27 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react64.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react27.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 react62 from "react";
+import * as react21 from "react";
 
 //#region src/LobeSelect/LobeSelect.d.ts
-declare const LobeSelect: react62.NamedExoticComponent<LobeSelectProps<any>>;
+declare const LobeSelect: react21.NamedExoticComponent<LobeSelectProps<any>>;
 //#endregion
 export { LobeSelect };
 //# sourceMappingURL=LobeSelect.d.mts.map

package/es/LobeSelect/atoms.d.mts

@@ -1,15 +1,15 @@
 import { LobeSelectSize, LobeSelectVariant } from "./type.mjs";
-import * as react58 from "react";
+import * as react22 from "react";
 import { ComponentProps, ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import * as _base_ui_react_select0 from "@base-ui/react/select";
 import { Select } from "@base-ui/react/select";
 import * as node_modules__base_ui_react_esm_separator_Separator0 from "node_modules/@base-ui/react/esm/separator/Separator";
 
 //#region src/LobeSelect/atoms.d.ts
 declare const LobeSelectRoot: typeof Select.Root;
-declare const LobeSelectBackdrop: react58.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react58.RefAttributes<HTMLDivElement>>;
-declare const LobeSelectSeparator: react58.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react58.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectBackdrop: react22.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react22.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectSeparator: react22.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react22.RefAttributes<HTMLDivElement>>;
 type LobeSelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
   children: ComponentProps<typeof Select.Trigger>['children'];
   shadow?: boolean;
@@ -26,7 +26,7 @@ declare const LobeSelectTrigger: {
     variant,
     ref: refProp,
     ...rest
-  }: LobeSelectTriggerProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectTriggerProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectIconProps = ComponentProps<typeof Select.Icon>;
@@ -34,7 +34,7 @@ declare const LobeSelectIcon: {
   ({
     className,
     ...rest
-  }: LobeSelectIconProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectIconProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectValueProps = ComponentProps<typeof Select.Value>;
@@ -42,7 +42,7 @@ declare const LobeSelectValue: {
   ({
     className,
     ...rest
-  }: LobeSelectValueProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectValueProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectPortalProps = ComponentProps<typeof Select.Portal> & {
@@ -55,7 +55,7 @@ declare const LobeSelectPortal: {
   ({
     container,
     ...rest
-  }: LobeSelectPortalProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectPortalProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectPositionerProps = ComponentProps<typeof Select.Positioner>;
@@ -67,7 +67,7 @@ declare const LobeSelectPositioner: {
     side,
     sideOffset,
     ...rest
-  }: LobeSelectPositionerProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectPositionerProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectPopupProps = ComponentProps<typeof Select.Popup>;
@@ -75,7 +75,7 @@ declare const LobeSelectPopup: {
   ({
     className,
     ...rest
-  }: LobeSelectPopupProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectPopupProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectListProps = ComponentProps<typeof Select.List>;
@@ -83,7 +83,7 @@ declare const LobeSelectList: {
   ({
     className,
     ...rest
-  }: LobeSelectListProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectListProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemProps = ComponentProps<typeof Select.Item>;
@@ -91,7 +91,7 @@ declare const LobeSelectItem: {
   ({
     className,
     ...rest
-  }: LobeSelectItemProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectItemProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemTextProps = ComponentProps<typeof Select.ItemText>;
@@ -99,7 +99,7 @@ declare const LobeSelectItemText: {
   ({
     className,
     ...rest
-  }: LobeSelectItemTextProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectItemTextProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemIndicatorProps = ComponentProps<typeof Select.ItemIndicator>;
@@ -107,7 +107,7 @@ declare const LobeSelectItemIndicator: {
   ({
     className,
     ...rest
-  }: LobeSelectItemIndicatorProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectItemIndicatorProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupProps = ComponentProps<typeof Select.Group>;
@@ -115,7 +115,7 @@ declare const LobeSelectGroup: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectGroupProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupLabelProps = ComponentProps<typeof Select.GroupLabel>;
@@ -123,7 +123,7 @@ declare const LobeSelectGroupLabel: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupLabelProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectGroupLabelProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollUpArrowProps = ComponentProps<typeof Select.ScrollUpArrow>;
@@ -131,7 +131,7 @@ declare const LobeSelectScrollUpArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollUpArrowProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectScrollUpArrowProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollDownArrowProps = ComponentProps<typeof Select.ScrollDownArrow>;
@@ -139,7 +139,7 @@ declare const LobeSelectScrollDownArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollDownArrowProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectScrollDownArrowProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 type LobeSelectArrowProps = ComponentProps<typeof Select.Arrow>;
@@ -147,7 +147,7 @@ declare const LobeSelectArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectArrowProps): react_jsx_runtime45.JSX.Element;
+  }: LobeSelectArrowProps): react_jsx_runtime35.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/LobeSelect/style.mjs

@@ -69,6 +69,9 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 	itemText: css$1``,
 	list: css$1`
     overflow-y: auto;
+    flex: 1;
+
+    min-height: 0;
     max-height: var(--lobe-select-available-height, var(--available-height));
     padding-block: 0;
   `,
@@ -84,7 +87,12 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     );
 
     transform-origin: var(--transform-origin);
+
+    display: flex;
+    flex-direction: column;
+
     box-sizing: border-box;
+
     transition:
       opacity 150ms ${cssVar$1.motionEaseOut},
       transform 150ms ${cssVar$1.motionEaseOut};
@@ -197,10 +205,10 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 
     transition: all 150ms ${cssVar$1.motionEaseOut};
 
-    &:not([data-disabled]):not([data-readonly])[data-popup-open],
-    &:not([data-disabled]):not([data-readonly])[data-open],
-    &:not([data-disabled]):not([data-readonly])[data-state='open'],
-    &:not([data-disabled]):not([data-readonly])[aria-expanded='true'] {
+    &:not([data-disabled], [data-readonly])[data-popup-open],
+    &:not([data-disabled], [data-readonly])[data-open],
+    &:not([data-disabled], [data-readonly])[data-state='open'],
+    &:not([data-disabled], [data-readonly])[aria-expanded='true'] {
       background: var(--lobe-select-open-bg, ${cssVar$1.colorFillTertiary});
     }
 

package/es/LobeSelect/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/LobeSelect/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    display: flex;\n    width: 12px;\n    height: 6px;\n\n    & > svg {\n      width: 100%;\n      height: 100%;\n    }\n  `,\n  borderless: cx(\n    lobeStaticStylish.variantBorderless,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);\n    `,\n  ),\n  clear: css`\n    display: inline-flex;\n    align-items: center;\n\n    color: ${cssVar.colorTextTertiary};\n\n    opacity: 0;\n\n    transition: opacity 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      color: ${cssVar.colorTextSecondary};\n    }\n  `,\n  empty: css``,\n  filled: cx(\n    lobeStaticStylish.variantFilled,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillSecondary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);\n    `,\n  ),\n  group: css``,\n  groupLabel: css``,\n  icon: css`\n    display: inline-flex;\n    align-items: center;\n    transition: transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-popup-open] {\n      transform: rotate(180deg);\n    }\n  `,\n  item: css``,\n  itemBoldSelected: css`\n    &[data-selected] {\n      font-weight: 600;\n    }\n  `,\n  itemIndicator: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n\n    color: ${cssVar.colorPrimary};\n  `,\n  itemText: css``,\n  list: css`\n    overflow-y: auto;\n    max-height: var(--lobe-select-available-height, var(--available-height));\n    padding-block: 0;\n  `,\n  outlined: cx(\n    lobeStaticStylish.variantOutlined,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 75%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n    `,\n  ),\n  popup: css`\n    --lobe-select-available-height: min(\n      var(--available-height),\n      var(--lobe-select-popup-max-height, var(--available-height))\n    );\n\n    transform-origin: var(--transform-origin);\n    box-sizing: border-box;\n    transition:\n      opacity 150ms ${cssVar.motionEaseOut},\n      transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: scaleY(0.92);\n      opacity: 0;\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n    outline: none;\n  `,\n  prefix: css`\n    display: inline-flex;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  scrollArrow: css`\n    cursor: default;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: 16px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: ${cssVar.colorBgElevated};\n  `,\n  search: css`\n    cursor: text;\n\n    display: flex;\n    align-items: center;\n\n    min-height: 36px;\n    margin-inline: -4px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-end: 1px solid ${cssVar.colorFillSecondary};\n  `,\n  searchInput: css`\n    flex: 1;\n\n    min-width: 0;\n    padding-block: 0;\n    padding-inline: 4px;\n    border: 0;\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    &::placeholder {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  shadow: lobeStaticStylish.shadow,\n  suffix: css`\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  tag: css`\n    display: inline-flex;\n    align-items: center;\n\n    max-width: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 12px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorFillTertiary};\n  `,\n  tags: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n  `,\n  trigger: css`\n    cursor: pointer;\n    user-select: none;\n\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n\n    box-sizing: border-box;\n    width: 100%;\n    border: 1px solid transparent;\n    border-radius: ${cssVar.borderRadius};\n\n    font-family: inherit;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:not([data-disabled]):not([data-readonly])[data-popup-open],\n    &:not([data-disabled]):not([data-readonly])[data-open],\n    &:not([data-disabled]):not([data-readonly])[data-state='open'],\n    &:not([data-disabled]):not([data-readonly])[aria-expanded='true'] {\n      background: var(--lobe-select-open-bg, ${cssVar.colorFillTertiary});\n    }\n\n    &:focus-visible {\n      outline: 2px solid ${cssVar.colorPrimaryBorder};\n      outline-offset: 1px;\n    }\n\n    &:hover [data-role='lobe-select-clear'] {\n      opacity: 1;\n    }\n\n    &[data-placeholder] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      background: var(--lobe-select-disabled-bg, transparent);\n\n      &:hover {\n        background: var(--lobe-select-disabled-bg, transparent);\n      }\n    }\n\n    &[data-readonly] {\n      cursor: default;\n      color: ${cssVar.colorTextSecondary};\n      background: var(--lobe-select-readonly-bg, transparent);\n\n      &:hover {\n        background: var(--lobe-select-readonly-bg, transparent);\n      }\n    }\n\n    &[data-disabled] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n  `,\n  triggerLarge: css`\n    min-height: 40px;\n    padding-block: 6px;\n    padding-inline: 12px;\n\n    font-size: 16px;\n    line-height: 24px;\n  `,\n  triggerMiddle: css`\n    min-height: 32px;\n    padding-block: 4px;\n    padding-inline: 11px;\n\n    font-size: 14px;\n    line-height: 20px;\n  `,\n  triggerSmall: css`\n    min-height: 24px;\n    padding-block: 0;\n    padding-inline: 8px;\n\n    font-size: 12px;\n    line-height: 18px;\n  `,\n  value: css`\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n\n    min-width: 0;\n\n    color: inherit;\n\n    &[data-placeholder] {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  valueText: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n\nexport const triggerVariants = cva(styles.trigger, {\n  defaultVariants: {\n    shadow: false,\n    size: 'middle',\n    variant: 'outlined',\n  },\n  variants: {\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    size: {\n      large: styles.triggerLarge,\n      middle: styles.triggerMiddle,\n      small: styles.triggerSmall,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,OAAO,KAAG;;;;;;;;;;CAUV,YAAY,GACVA,cAAkB,mBAClB,KAAG;+BACwBC,SAAO,kBAAkB;sDACFA,SAAO,kBAAkB;sDACzBA,SAAO,kBAAkB;MAE5E;CACD,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;;;gCAINA,SAAO,cAAc;;;eAGtCA,SAAO,mBAAmB;;;CAGvC,OAAO,KAAG;CACV,QAAQ,GACND,cAAkB,eAClB,KAAG;+BACwBC,SAAO,mBAAmB;sDACHA,SAAO,kBAAkB;sDACzBA,SAAO,kBAAkB;MAE5E;CACD,OAAO,KAAG;CACV,YAAY,KAAG;CACf,MAAM,KAAG;;;kCAGuBA,SAAO,cAAc;;;;;;CAMrD,MAAM,KAAG;CACT,kBAAkB,KAAG;;;;;CAKrB,eAAe,KAAG;;;;;;;;aAQPA,SAAO,aAAa;;CAE/B,UAAU,KAAG;CACb,MAAM,KAAG;;;;;CAKT,UAAU,GACRD,cAAkB,iBAClB,KAAG;+BACwBC,SAAO,kBAAkB;sDACFA,SAAO,iBAAiB;sDACxBA,SAAO,iBAAiB;MAE3E;CACD,OAAO,KAAG;;;;;;;;;sBASUA,SAAO,cAAc;wBACnBA,SAAO,cAAc;;;;;;;;CAQ3C,YAAY,KAAG;;;;CAIf,QAAQ,KAAG;;;aAGAA,SAAO,mBAAmB;;CAErC,aAAa,KAAG;;;;;;;;;aASLA,SAAO,mBAAmB;;kBAErBA,SAAO,gBAAgB;;CAEvC,QAAQ,KAAG;;;;;;;;;;kCAUqBA,SAAO,mBAAmB;;CAE1D,aAAa,KAAG;;;;;;;;;;aAULA,SAAO,UAAU;;;;;;eAMfA,SAAO,qBAAqB;;;CAGzC,QAAQD,cAAkB;CAC1B,QAAQ,KAAG;;;;aAIAC,SAAO,mBAAmB;;CAErC,KAAK,KAAG;;;;;;;qBAOWA,SAAO,eAAe;;;;aAI9BA,SAAO,UAAU;;kBAEZA,SAAO,kBAAkB;;CAEzC,MAAM,KAAG;;;;;;CAMT,SAAS,KAAG;;;;;;;;;;;qBAWOA,SAAO,aAAa;;;aAG5BA,SAAO,UAAU;;;;;4BAKFA,SAAO,cAAc;;;;;;+CAMFA,SAAO,kBAAkB;;;;2BAI7CA,SAAO,mBAAmB;;;;;;;;;;;;;;;eAetCA,SAAO,kBAAkB;;;;;;;;;;eAUzBA,SAAO,mBAAmB;;;;;;;;;;;;;CAavC,cAAc,KAAG;;;;;;;;CAQjB,eAAe,KAAG;;;;;;;;CAQlB,cAAc,KAAG;;;;;;;;CAQjB,OAAO,KAAG;;;;;;;;;;;;eAYGA,SAAO,qBAAqB;;;CAGzC,WAAW,KAAG;;;;;CAKf,EAAE;AAEH,MAAa,kBAAkB,IAAI,OAAO,SAAS;CACjD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;GACf;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;GAClB;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/LobeSelect/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    display: flex;\n    width: 12px;\n    height: 6px;\n\n    & > svg {\n      width: 100%;\n      height: 100%;\n    }\n  `,\n  borderless: cx(\n    lobeStaticStylish.variantBorderless,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);\n    `,\n  ),\n  clear: css`\n    display: inline-flex;\n    align-items: center;\n\n    color: ${cssVar.colorTextTertiary};\n\n    opacity: 0;\n\n    transition: opacity 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      color: ${cssVar.colorTextSecondary};\n    }\n  `,\n  empty: css``,\n  filled: cx(\n    lobeStaticStylish.variantFilled,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillSecondary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);\n    `,\n  ),\n  group: css``,\n  groupLabel: css``,\n  icon: css`\n    display: inline-flex;\n    align-items: center;\n    transition: transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-popup-open] {\n      transform: rotate(180deg);\n    }\n  `,\n  item: css``,\n  itemBoldSelected: css`\n    &[data-selected] {\n      font-weight: 600;\n    }\n  `,\n  itemIndicator: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n\n    color: ${cssVar.colorPrimary};\n  `,\n  itemText: css``,\n  list: css`\n    overflow-y: auto;\n    flex: 1;\n\n    min-height: 0;\n    max-height: var(--lobe-select-available-height, var(--available-height));\n    padding-block: 0;\n  `,\n  outlined: cx(\n    lobeStaticStylish.variantOutlined,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 75%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n    `,\n  ),\n  popup: css`\n    --lobe-select-available-height: min(\n      var(--available-height),\n      var(--lobe-select-popup-max-height, var(--available-height))\n    );\n\n    transform-origin: var(--transform-origin);\n\n    display: flex;\n    flex-direction: column;\n\n    box-sizing: border-box;\n\n    transition:\n      opacity 150ms ${cssVar.motionEaseOut},\n      transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: scaleY(0.92);\n      opacity: 0;\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n    outline: none;\n  `,\n  prefix: css`\n    display: inline-flex;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  scrollArrow: css`\n    cursor: default;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: 16px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: ${cssVar.colorBgElevated};\n  `,\n  search: css`\n    cursor: text;\n\n    display: flex;\n    align-items: center;\n\n    min-height: 36px;\n    margin-inline: -4px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-end: 1px solid ${cssVar.colorFillSecondary};\n  `,\n  searchInput: css`\n    flex: 1;\n\n    min-width: 0;\n    padding-block: 0;\n    padding-inline: 4px;\n    border: 0;\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    &::placeholder {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  shadow: lobeStaticStylish.shadow,\n  suffix: css`\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  tag: css`\n    display: inline-flex;\n    align-items: center;\n\n    max-width: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 12px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorFillTertiary};\n  `,\n  tags: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n  `,\n  trigger: css`\n    cursor: pointer;\n    user-select: none;\n\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n\n    box-sizing: border-box;\n    width: 100%;\n    border: 1px solid transparent;\n    border-radius: ${cssVar.borderRadius};\n\n    font-family: inherit;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:not([data-disabled], [data-readonly])[data-popup-open],\n    &:not([data-disabled], [data-readonly])[data-open],\n    &:not([data-disabled], [data-readonly])[data-state='open'],\n    &:not([data-disabled], [data-readonly])[aria-expanded='true'] {\n      background: var(--lobe-select-open-bg, ${cssVar.colorFillTertiary});\n    }\n\n    &:focus-visible {\n      outline: 2px solid ${cssVar.colorPrimaryBorder};\n      outline-offset: 1px;\n    }\n\n    &:hover [data-role='lobe-select-clear'] {\n      opacity: 1;\n    }\n\n    &[data-placeholder] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      background: var(--lobe-select-disabled-bg, transparent);\n\n      &:hover {\n        background: var(--lobe-select-disabled-bg, transparent);\n      }\n    }\n\n    &[data-readonly] {\n      cursor: default;\n      color: ${cssVar.colorTextSecondary};\n      background: var(--lobe-select-readonly-bg, transparent);\n\n      &:hover {\n        background: var(--lobe-select-readonly-bg, transparent);\n      }\n    }\n\n    &[data-disabled] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n  `,\n  triggerLarge: css`\n    min-height: 40px;\n    padding-block: 6px;\n    padding-inline: 12px;\n\n    font-size: 16px;\n    line-height: 24px;\n  `,\n  triggerMiddle: css`\n    min-height: 32px;\n    padding-block: 4px;\n    padding-inline: 11px;\n\n    font-size: 14px;\n    line-height: 20px;\n  `,\n  triggerSmall: css`\n    min-height: 24px;\n    padding-block: 0;\n    padding-inline: 8px;\n\n    font-size: 12px;\n    line-height: 18px;\n  `,\n  value: css`\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n\n    min-width: 0;\n\n    color: inherit;\n\n    &[data-placeholder] {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  valueText: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n\nexport const triggerVariants = cva(styles.trigger, {\n  defaultVariants: {\n    shadow: false,\n    size: 'middle',\n    variant: 'outlined',\n  },\n  variants: {\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    size: {\n      large: styles.triggerLarge,\n      middle: styles.triggerMiddle,\n      small: styles.triggerSmall,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,OAAO,KAAG;;;;;;;;;;CAUV,YAAY,GACVA,cAAkB,mBAClB,KAAG;+BACwBC,SAAO,kBAAkB;sDACFA,SAAO,kBAAkB;sDACzBA,SAAO,kBAAkB;MAE5E;CACD,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;;;gCAINA,SAAO,cAAc;;;eAGtCA,SAAO,mBAAmB;;;CAGvC,OAAO,KAAG;CACV,QAAQ,GACND,cAAkB,eAClB,KAAG;+BACwBC,SAAO,mBAAmB;sDACHA,SAAO,kBAAkB;sDACzBA,SAAO,kBAAkB;MAE5E;CACD,OAAO,KAAG;CACV,YAAY,KAAG;CACf,MAAM,KAAG;;;kCAGuBA,SAAO,cAAc;;;;;;CAMrD,MAAM,KAAG;CACT,kBAAkB,KAAG;;;;;CAKrB,eAAe,KAAG;;;;;;;;aAQPA,SAAO,aAAa;;CAE/B,UAAU,KAAG;CACb,MAAM,KAAG;;;;;;;;CAQT,UAAU,GACRD,cAAkB,iBAClB,KAAG;+BACwBC,SAAO,kBAAkB;sDACFA,SAAO,iBAAiB;sDACxBA,SAAO,iBAAiB;MAE3E;CACD,OAAO,KAAG;;;;;;;;;;;;;;sBAcUA,SAAO,cAAc;wBACnBA,SAAO,cAAc;;;;;;;;CAQ3C,YAAY,KAAG;;;;CAIf,QAAQ,KAAG;;;aAGAA,SAAO,mBAAmB;;CAErC,aAAa,KAAG;;;;;;;;;aASLA,SAAO,mBAAmB;;kBAErBA,SAAO,gBAAgB;;CAEvC,QAAQ,KAAG;;;;;;;;;;kCAUqBA,SAAO,mBAAmB;;CAE1D,aAAa,KAAG;;;;;;;;;;aAULA,SAAO,UAAU;;;;;;eAMfA,SAAO,qBAAqB;;;CAGzC,QAAQD,cAAkB;CAC1B,QAAQ,KAAG;;;;aAIAC,SAAO,mBAAmB;;CAErC,KAAK,KAAG;;;;;;;qBAOWA,SAAO,eAAe;;;;aAI9BA,SAAO,UAAU;;kBAEZA,SAAO,kBAAkB;;CAEzC,MAAM,KAAG;;;;;;CAMT,SAAS,KAAG;;;;;;;;;;;qBAWOA,SAAO,aAAa;;;aAG5BA,SAAO,UAAU;;;;;4BAKFA,SAAO,cAAc;;;;;;+CAMFA,SAAO,kBAAkB;;;;2BAI7CA,SAAO,mBAAmB;;;;;;;;;;;;;;;eAetCA,SAAO,kBAAkB;;;;;;;;;;eAUzBA,SAAO,mBAAmB;;;;;;;;;;;;;CAavC,cAAc,KAAG;;;;;;;;CAQjB,eAAe,KAAG;;;;;;;;CAQlB,cAAc,KAAG;;;;;;;;CAQjB,OAAO,KAAG;;;;;;;;;;;;eAYGA,SAAO,qBAAqB;;;CAGzC,WAAW,KAAG;;;;;CAKf,EAAE;AAEH,MAAa,kBAAkB,IAAI,OAAO,SAAS;CACjD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;GACf;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;GAClB;EACF;CACF,CAAC"}

package/es/LobeSwitch/LobeSwitch.d.mts

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

package/es/LobeSwitch/atoms.d.mts

@@ -1,6 +1,6 @@
 import { LobeSwitchChangeEventHandler, LobeSwitchContextType, LobeSwitchIconProps, LobeSwitchRootProps, LobeSwitchThumbProps } from "./type.mjs";
 import { styles } from "./style.mjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 
 //#region src/LobeSwitch/atoms.d.ts
 declare const useLobeSwitchContext: () => LobeSwitchContextType;
@@ -24,7 +24,7 @@ declare const LobeSwitchRoot: {
     id,
     name,
     ...rest
-  }: LobeSwitchRootInternalProps): react_jsx_runtime11.JSX.Element;
+  }: LobeSwitchRootInternalProps): react_jsx_runtime50.JSX.Element;
   displayName: string;
 };
 declare const LobeSwitchThumb: {
@@ -35,7 +35,7 @@ declare const LobeSwitchThumb: {
     transition,
     children,
     ...rest
-  }: LobeSwitchThumbProps): react_jsx_runtime11.JSX.Element;
+  }: LobeSwitchThumbProps): react_jsx_runtime50.JSX.Element;
   displayName: string;
 };
 declare const LobeSwitchIcon: {
@@ -48,7 +48,7 @@ declare const LobeSwitchIcon: {
   }: LobeSwitchIconProps & {
     children?: React.ReactNode;
     size?: "default" | "small";
-  }): react_jsx_runtime11.JSX.Element;
+  }): react_jsx_runtime50.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/Markdown/Markdown.d.mts

@@ -1,8 +1,8 @@
 import { MarkdownProps } from "./type.mjs";
-import * as react31 from "react";
+import * as react18 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react31.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react18.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 react32 from "react";
+import * as react19 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react32.NamedExoticComponent<TypographyProps>;
+declare const Typography: react19.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 react8 from "react";
+import * as react81 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: react8.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react81.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 react30 from "react";
+import * as react20 from "react";
 
 //#region src/MaskShadow/MaskShadow.d.ts
-declare const MaskShadow: react30.NamedExoticComponent<MaskShadowProps>;
+declare const MaskShadow: react20.NamedExoticComponent<MaskShadowProps>;
 //#endregion
 export { MaskShadow };
 //# sourceMappingURL=MaskShadow.d.mts.map

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.mjs

@@ -33,6 +33,7 @@ const MaterialFileTypeIcon = ({ fallbackUnknownType = true, filename, size = 48,
 		open
 	]);
 	if (!iconUrl) return /* @__PURE__ */ jsx(FileTypeIcon_default, {
+		className: rest.className,
 		filetype: filename.split(".")[1],
 		size,
 		type,

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialFileTypeIcon.mjs","names":["MaterialFileTypeIcon: FC<MaterialFileTypeIconProps>","iconUrl: string","FileTypeIcon","Img","Center"],"sources":["../../src/MaterialFileTypeIcon/MaterialFileTypeIcon.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useMemo } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FileTypeIcon from '@/FileTypeIcon';\nimport { Center } from '@/Flex';\nimport Img from '@/Img';\n\nimport type { MaterialFileTypeIconProps } from './type';\nimport { getIconUrlForDirectoryPath, getIconUrlForFilePath } from './utils';\n\nconst MaterialFileTypeIcon: FC<MaterialFileTypeIconProps> = ({\n  fallbackUnknownType = true,\n  filename,\n  size = 48,\n  variant = 'raw',\n  type,\n  style,\n  open,\n  ...rest\n}) => {\n  const genCdnUrl = useCdnFn();\n  const ICONS_URL = genCdnUrl({\n    path: 'assets',\n    pkg: '@lobehub/assets-fileicon',\n    version: '1.0.0',\n  });\n\n  const iconUrl: string = useMemo(() => {\n    return type === 'file'\n      ? getIconUrlForFilePath({ fallbackUnknownType, iconsUrl: ICONS_URL, path: filename })\n      : getIconUrlForDirectoryPath({\n          fallbackUnknownType,\n          iconsUrl: ICONS_URL,\n          open,\n          path: filename,\n        });\n  }, [ICONS_URL, type, filename, open]);\n\n  if (!iconUrl)\n    return (\n      <FileTypeIcon filetype={filename.split('.')[1]} size={size} type={type} variant={'mono'} />\n    );\n\n  if (variant === 'raw')\n    return <Img alt={filename} height={size} src={iconUrl} style={style} width={size} {...rest} />;\n\n  return (\n    <Center\n      flex={'none'}\n      height={size}\n      style={{ position: 'relative', ...style }}\n      width={size}\n      {...rest}\n    >\n      <FileTypeIcon size={size} type={variant} variant={'mono'} />\n      <Img\n        alt={filename}\n        height={size / 2}\n        src={iconUrl}\n        style={{ position: 'absolute', top: size / 3 }}\n        width={size / 2}\n        {...rest}\n      />\n    </Center>\n  );\n};\n\nMaterialFileTypeIcon.displayName = 'MaterialFileTypeIcon';\n\nexport default MaterialFileTypeIcon;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,wBAAuD,EAC3D,sBAAsB,MACtB,UACA,OAAO,IACP,UAAU,OACV,MACA,OACA,MACA,GAAG,WACC;CAEJ,MAAM,YADY,UAAU,CACA;EAC1B,MAAM;EACN,KAAK;EACL,SAAS;EACV,CAAC;CAEF,MAAMC,UAAkB,cAAc;AACpC,SAAO,SAAS,SACZ,sBAAsB;GAAE;GAAqB,UAAU;GAAW,MAAM;GAAU,CAAC,GACnF,2BAA2B;GACzB;GACA,UAAU;GACV;GACA,MAAM;GACP,CAAC;IACL;EAAC;EAAW;EAAM;EAAU;EAAK,CAAC;AAErC,KAAI,CAAC,QACH,QACE,oBAACC;EAAa,UAAU,SAAS,MAAM,IAAI,CAAC;EAAU;EAAY;EAAM,SAAS;GAAU;AAG/F,KAAI,YAAY,MACd,QAAO,oBAACC;EAAI,KAAK;EAAU,QAAQ;EAAM,KAAK;EAAgB;EAAO,OAAO;EAAM,GAAI;GAAQ;AAEhG,QACE,qBAACC;EACC,MAAM;EACN,QAAQ;EACR,OAAO;GAAE,UAAU;GAAY,GAAG;GAAO;EACzC,OAAO;EACP,GAAI;aAEJ,oBAACF;GAAmB;GAAM,MAAM;GAAS,SAAS;IAAU,EAC5D,oBAACC;GACC,KAAK;GACL,QAAQ,OAAO;GACf,KAAK;GACL,OAAO;IAAE,UAAU;IAAY,KAAK,OAAO;IAAG;GAC9C,OAAO,OAAO;GACd,GAAI;IACJ;GACK;;AAIb,qBAAqB,cAAc;AAEnC,mCAAe"}
+{"version":3,"file":"MaterialFileTypeIcon.mjs","names":["MaterialFileTypeIcon: FC<MaterialFileTypeIconProps>","iconUrl: string","FileTypeIcon","Img","Center"],"sources":["../../src/MaterialFileTypeIcon/MaterialFileTypeIcon.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useMemo } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FileTypeIcon from '@/FileTypeIcon';\nimport { Center } from '@/Flex';\nimport Img from '@/Img';\n\nimport type { MaterialFileTypeIconProps } from './type';\nimport { getIconUrlForDirectoryPath, getIconUrlForFilePath } from './utils';\n\nconst MaterialFileTypeIcon: FC<MaterialFileTypeIconProps> = ({\n  fallbackUnknownType = true,\n  filename,\n  size = 48,\n  variant = 'raw',\n  type,\n  style,\n  open,\n  ...rest\n}) => {\n  const genCdnUrl = useCdnFn();\n  const ICONS_URL = genCdnUrl({\n    path: 'assets',\n    pkg: '@lobehub/assets-fileicon',\n    version: '1.0.0',\n  });\n\n  const iconUrl: string = useMemo(() => {\n    return type === 'file'\n      ? getIconUrlForFilePath({ fallbackUnknownType, iconsUrl: ICONS_URL, path: filename })\n      : getIconUrlForDirectoryPath({\n          fallbackUnknownType,\n          iconsUrl: ICONS_URL,\n          open,\n          path: filename,\n        });\n  }, [ICONS_URL, type, filename, open]);\n\n  if (!iconUrl)\n    return (\n      <FileTypeIcon\n        className={rest.className}\n        filetype={filename.split('.')[1]}\n        size={size}\n        type={type}\n        variant={'mono'}\n      />\n    );\n\n  if (variant === 'raw')\n    return <Img alt={filename} height={size} src={iconUrl} style={style} width={size} {...rest} />;\n\n  return (\n    <Center\n      flex={'none'}\n      height={size}\n      style={{ position: 'relative', ...style }}\n      width={size}\n      {...rest}\n    >\n      <FileTypeIcon size={size} type={variant} variant={'mono'} />\n      <Img\n        alt={filename}\n        height={size / 2}\n        src={iconUrl}\n        style={{ position: 'absolute', top: size / 3 }}\n        width={size / 2}\n        {...rest}\n      />\n    </Center>\n  );\n};\n\nMaterialFileTypeIcon.displayName = 'MaterialFileTypeIcon';\n\nexport default MaterialFileTypeIcon;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,wBAAuD,EAC3D,sBAAsB,MACtB,UACA,OAAO,IACP,UAAU,OACV,MACA,OACA,MACA,GAAG,WACC;CAEJ,MAAM,YADY,UAAU,CACA;EAC1B,MAAM;EACN,KAAK;EACL,SAAS;EACV,CAAC;CAEF,MAAMC,UAAkB,cAAc;AACpC,SAAO,SAAS,SACZ,sBAAsB;GAAE;GAAqB,UAAU;GAAW,MAAM;GAAU,CAAC,GACnF,2BAA2B;GACzB;GACA,UAAU;GACV;GACA,MAAM;GACP,CAAC;IACL;EAAC;EAAW;EAAM;EAAU;EAAK,CAAC;AAErC,KAAI,CAAC,QACH,QACE,oBAACC;EACC,WAAW,KAAK;EAChB,UAAU,SAAS,MAAM,IAAI,CAAC;EACxB;EACA;EACN,SAAS;GACT;AAGN,KAAI,YAAY,MACd,QAAO,oBAACC;EAAI,KAAK;EAAU,QAAQ;EAAM,KAAK;EAAgB;EAAO,OAAO;EAAM,GAAI;GAAQ;AAEhG,QACE,qBAACC;EACC,MAAM;EACN,QAAQ;EACR,OAAO;GAAE,UAAU;GAAY,GAAG;GAAO;EACzC,OAAO;EACP,GAAI;aAEJ,oBAACF;GAAmB;GAAM,MAAM;GAAS,SAAS;IAAU,EAC5D,oBAACC;GACC,KAAK;GACL,QAAQ,OAAO;GACf,KAAK;GACL,OAAO;IAAE,UAAU;IAAY,KAAK,OAAO;IAAG;GAC9C,OAAO,OAAO;GACd,GAAI;IACJ;GACK;;AAIb,qBAAqB,cAAc;AAEnC,mCAAe"}

package/es/Menu/Menu.d.mts

@@ -1,8 +1,8 @@
 import { MenuProps } from "./type.mjs";
-import * as react53 from "react";
+import * as react17 from "react";
 
 //#region src/Menu/Menu.d.ts
-declare const Menu: react53.NamedExoticComponent<MenuProps<unknown>>;
+declare const Menu: react17.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 react51 from "react";
+import * as react12 from "react";
 
 //#region src/Mermaid/Mermaid.d.ts
-declare const Mermaid: react51.NamedExoticComponent<MermaidProps>;
+declare const Mermaid: react12.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 react52 from "react";
+import * as react13 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react52.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react13.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 react48 from "react";
+import * as react14 from "react";
 
 //#region src/Modal/Modal.d.ts
-declare const Modal: react48.NamedExoticComponent<ModalProps>;
+declare const Modal: react14.NamedExoticComponent<ModalProps>;
 //#endregion
 export { Modal };
 //# sourceMappingURL=Modal.d.mts.map