@lobehub/ui 5.6.3 → 5.6.4

package/es/Segmented/Segmented.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Segmented.mjs","names":["Segmented","AntdSegmented"],"sources":["../../src/Segmented/Segmented.tsx"],"sourcesContent":["'use client';\n\nimport { Segmented as AntdSegmented } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { SegmentedProps } from './type';\n\nconst Segmented = memo<SegmentedProps>(\n  ({ ref, padding, style, className, variant = 'filled', shadow, glass, ...rest }) => {\n    return (\n      <AntdSegmented\n        className={cx(variants({ glass, shadow, variant }), className)}\n        ref={ref}\n        style={{\n          padding,\n          ...style,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nSegmented.displayName = 'Segmented';\n\nexport default Segmented;\n"],"mappings":";;;;;;;;;AASA,MAAMA,cAAY,MACf,EAAE,KAAK,SAAS,OAAO,WAAW,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAW;AAClF,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EACzD;EACL,OAAO;GACL;GACA,GAAG;GACJ;EACD,GAAI;GACJ;EAGP;AAED,YAAU,cAAc;AAExB,wBAAeD"}
+{"version":3,"file":"Segmented.mjs","names":["Segmented","AntdSegmented"],"sources":["../../src/Segmented/Segmented.tsx"],"sourcesContent":["'use client';\n\nimport { Segmented as AntdSegmented } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { SegmentedProps } from './type';\n\nconst Segmented = memo<SegmentedProps>(\n  ({ ref, padding, style, className, variant = 'filled', shadow, glass, ...rest }) => {\n    return (\n      <AntdSegmented\n        className={cx(variants({ glass, shadow, variant }), className)}\n        ref={ref}\n        style={{\n          padding,\n          ...style,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nSegmented.displayName = 'Segmented';\n\nexport default Segmented;\n"],"mappings":";;;;;;;AASA,MAAMA,cAAY,MACf,EAAE,KAAK,SAAS,OAAO,WAAW,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAW;AAClF,QACE,oBAACC,WAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EACzD;EACL,OAAO;GACL;GACA,GAAG;GACJ;EACD,GAAI;EACJ,CAAA;EAGP;AAED,YAAU,cAAc"}

package/es/Segmented/index.mjs

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

package/es/Segmented/style.mjs

@@ -1,21 +1,20 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Segmented/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		borderless: staticStylish.variantBorderlessWithoutHover,
-		filled: css$1`
-      border: 1px solid ${cssVar$1.colorFillQuaternary};
-      background: ${cssVar$1.colorBgLayout};
+		filled: css`
+      border: 1px solid ${cssVar.colorFillQuaternary};
+      background: ${cssVar.colorBgLayout};
     `,
 		glass: staticStylish.blur,
-		outlined: css$1`
-      border: 1px solid ${cssVar$1.colorBorderSecondary};
+		outlined: css`
+      border: 1px solid ${cssVar.colorBorderSecondary};
       background: transparent;
     `,
-		root: css$1``,
+		root: css``,
 		shadow: staticStylish.shadow
 	};
 });
@@ -41,7 +40,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Segmented/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Segmented/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: css`\n      border: 1px solid ${cssVar.colorFillQuaternary};\n      background: ${cssVar.colorBgLayout};\n    `,\n    glass: lobeStaticStylish.blur,\n    outlined: css`\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      background: transparent;\n    `,\n    root: css``,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQ,KAAG;0BACWC,SAAO,oBAAoB;oBACjCA,SAAO,cAAc;;EAErC,OAAOD,cAAkB;EACzB,UAAU,KAAG;0BACSC,SAAO,qBAAqB;;;EAGlD,MAAM,KAAG;EACT,QAAQD,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Segmented/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: css`\n      border: 1px solid ${cssVar.colorFillQuaternary};\n      background: ${cssVar.colorBgLayout};\n    `,\n    glass: lobeStaticStylish.blur,\n    outlined: css`\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      background: transparent;\n    `,\n    root: css``,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQ,GAAG;0BACW,OAAO,oBAAoB;oBACjC,OAAO,cAAc;;EAErC,OAAOA,cAAkB;EACzB,UAAU,GAAG;0BACS,OAAO,qBAAqB;;;EAGlD,MAAM,GAAG;EACT,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}

package/es/Segmented/type.d.mts

@@ -1,5 +1,4 @@
 import { IconProps } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
 import { Ref } from "react";
 import { SegmentedProps } from "antd";
 

package/es/Select/Select.d.mts

@@ -1,11 +1,11 @@
 import { SelectProps } from "./type.mjs";
-import * as react53 from "react";
+import * as _$react from "react";
 
 //#region src/Select/Select.d.ts
 /**
  * @deprecated Use `Select` from `@lobehub/ui/base-ui` instead.
  */
-declare const Select: react53.NamedExoticComponent<SelectProps>;
+declare const Select: _$react.NamedExoticComponent<SelectProps>;
 //#endregion
 export { Select };
 //# sourceMappingURL=Select.d.mts.map

package/es/Select/Select.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Icon_default from "../Icon/Icon.mjs";
+"use client";
+import Icon from "../Icon/Icon.mjs";
 import { variants } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Select } from "antd";
 import { cx, useThemeMode } from "antd-style";
 import { ChevronDownIcon } from "lucide-react";
-
 //#region src/Select/Select.tsx
 /**
 * @deprecated Use `Select` from `@lobehub/ui/base-ui` instead.
@@ -21,7 +19,7 @@ const Select$1 = memo(({ ref, variant, suffixIconProps, suffixIcon, shadow, clas
 			shadow,
 			variant: variant || (isDarkMode ? "filled" : "outlined")
 		}), className),
-		suffixIcon: /* @__PURE__ */ jsx(Icon_default, {
+		suffixIcon: /* @__PURE__ */ jsx(Icon, {
 			icon: suffixIcon || ChevronDownIcon,
 			size: "small",
 			...suffixIconProps,
@@ -34,8 +32,7 @@ const Select$1 = memo(({ ref, variant, suffixIconProps, suffixIcon, shadow, clas
 	});
 });
 Select$1.displayName = "Select";
-var Select_default = Select$1;
-
 //#endregion
-export { Select_default as default };
+export { Select$1 as default };
+
 //# sourceMappingURL=Select.mjs.map

package/es/Select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","names":["Select","AntSelect","Icon"],"sources":["../../src/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as AntSelect } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { SelectProps } from './type';\n\n/**\n * @deprecated Use `Select` from `@lobehub/ui/base-ui` instead.\n */\nconst Select = memo<SelectProps>(\n  ({ ref, variant, suffixIconProps, suffixIcon, shadow, className, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    return (\n      <AntSelect\n        ref={ref}\n        variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n        className={cx(\n          variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n          className,\n        )}\n        suffixIcon={\n          <Icon\n            icon={suffixIcon || ChevronDownIcon}\n            size={'small'}\n            {...suffixIconProps}\n            style={{\n              pointerEvents: 'none',\n              ...suffixIconProps?.style,\n            }}\n          />\n        }\n        {...rest}\n      />\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAMA,WAAS,MACZ,EAAE,KAAK,SAAS,iBAAiB,YAAY,QAAQ,WAAW,GAAG,WAAW;CAC7E,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC;EACM;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,YACE,oBAACC;GACC,MAAM,cAAc;GACpB,MAAM;GACN,GAAI;GACJ,OAAO;IACL,eAAe;IACf,GAAG,iBAAiB;IACrB;IACD;EAEJ,GAAI;GACJ;EAGP;AAED,SAAO,cAAc;AAErB,qBAAeF"}
+{"version":3,"file":"Select.mjs","names":["Select","AntSelect"],"sources":["../../src/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as AntSelect } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { SelectProps } from './type';\n\n/**\n * @deprecated Use `Select` from `@lobehub/ui/base-ui` instead.\n */\nconst Select = memo<SelectProps>(\n  ({ ref, variant, suffixIconProps, suffixIcon, shadow, className, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    return (\n      <AntSelect\n        ref={ref}\n        variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n        className={cx(\n          variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n          className,\n        )}\n        suffixIcon={\n          <Icon\n            icon={suffixIcon || ChevronDownIcon}\n            size={'small'}\n            {...suffixIconProps}\n            style={{\n              pointerEvents: 'none',\n              ...suffixIconProps?.style,\n            }}\n          />\n        }\n        {...rest}\n      />\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,WAAS,MACZ,EAAE,KAAK,SAAS,iBAAiB,YAAY,QAAQ,WAAW,GAAG,WAAW;CAC7E,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC,QAAD;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,YACE,oBAAC,MAAD;GACE,MAAM,cAAc;GACpB,MAAM;GACN,GAAI;GACJ,OAAO;IACL,eAAe;IACf,GAAG,iBAAiB;IACrB;GACD,CAAA;EAEJ,GAAI;EACJ,CAAA;EAGP;AAED,SAAO,cAAc"}

package/es/Select/index.mjs

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

package/es/Select/style.mjs

@@ -1,41 +1,40 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Select/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		borderless: css$1`
+		borderless: css`
       &[class*='ant-select'] {
         > [class*='ant-select-selector'] {
           ${staticStylish.variantBorderless}
         }
       }
     `,
-		filled: css$1`
+		filled: css`
       &[class*='ant-select'] {
         > [class*='ant-select-selector'] {
           ${staticStylish.variantFilled}
         }
       }
     `,
-		outlined: css$1`
+		outlined: css`
       &[class*='ant-select'] {
         > [class*='ant-select-selector'] {
           ${staticStylish.variantOutlined}
         }
       }
     `,
-		root: css$1`
+		root: css`
       &[class*='ant-select'] {
         &[class*='ant-select-focused'] {
           > [class*='ant-select-selector'] {
-            background: ${cssVar$1.colorFillTertiary} !important;
+            background: ${cssVar.colorFillTertiary} !important;
           }
         }
       }
     `,
-		shadow: css$1`
+		shadow: css`
       &[class*='ant-select'] {
         > [class*='ant-select-selector'] {
           ${staticStylish.shadow}
@@ -59,7 +58,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Select/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Select/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantBorderless}\n        }\n      }\n    `,\n    filled: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantFilled}\n        }\n      }\n    `,\n    outlined: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantOutlined}\n        }\n      }\n    `,\n    root: css`\n      &[class*='ant-select'] {\n        &[class*='ant-select-focused'] {\n          > [class*='ant-select-selector'] {\n            background: ${cssVar.colorFillTertiary} !important;\n          }\n        }\n      }\n    `,\n    shadow: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.shadow}\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      underlined: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAY,KAAG;;;YAGPA,cAAkB,kBAAkB;;;;EAI5C,QAAQ,KAAG;;;YAGHA,cAAkB,cAAc;;;;EAIxC,UAAU,KAAG;;;YAGLA,cAAkB,gBAAgB;;;;EAI1C,MAAM,KAAG;;;;0BAIaC,SAAO,kBAAkB;;;;;EAK/C,QAAQ,KAAG;;;YAGHD,cAAkB,OAAO;;;;EAIlC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,OACT;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;GACb;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Select/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantBorderless}\n        }\n      }\n    `,\n    filled: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantFilled}\n        }\n      }\n    `,\n    outlined: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantOutlined}\n        }\n      }\n    `,\n    root: css`\n      &[class*='ant-select'] {\n        &[class*='ant-select-focused'] {\n          > [class*='ant-select-selector'] {\n            background: ${cssVar.colorFillTertiary} !important;\n          }\n        }\n      }\n    `,\n    shadow: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.shadow}\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      underlined: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAY,GAAG;;;YAGPA,cAAkB,kBAAkB;;;;EAI5C,QAAQ,GAAG;;;YAGHA,cAAkB,cAAc;;;;EAIxC,UAAU,GAAG;;;YAGLA,cAAkB,gBAAgB;;;;EAI1C,MAAM,GAAG;;;;0BAIa,OAAO,kBAAkB;;;;;EAK/C,QAAQ,GAAG;;;YAGHA,cAAkB,OAAO;;;;EAIlC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,OACT;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;GACb;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}

package/es/Select/type.d.mts

@@ -1,5 +1,4 @@
 import { IconProps } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
 import { Ref } from "react";
 import { RefSelectProps, SelectProps } from "antd";
 

package/es/SideNav/SideNav.d.mts

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

package/es/SideNav/SideNav.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/SideNav/SideNav.tsx
 const SideNav = memo(({ className, avatar, topActions, bottomActions, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -33,8 +31,7 @@ const SideNav = memo(({ className, avatar, topActions, bottomActions, ...rest })
 	});
 });
 SideNav.displayName = "SideNav";
-var SideNav_default = SideNav;
-
 //#endregion
-export { SideNav_default as default };
+export { SideNav as default };
+
 //# sourceMappingURL=SideNav.mjs.map

package/es/SideNav/SideNav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.mjs","names":["Flexbox"],"sources":["../../src/SideNav/SideNav.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { SideNavProps } from './type';\n\nconst SideNav = memo<SideNavProps>(({ className, avatar, topActions, bottomActions, ...rest }) => {\n  return (\n    <Flexbox\n      align={'center'}\n      className={cx(styles, className)}\n      flex={'none'}\n      justify={'space-between'}\n      {...rest}\n    >\n      <Flexbox align=\"center\" direction=\"vertical\" gap={12}>\n        {avatar}\n        <Flexbox align=\"center\" direction=\"vertical\" gap={8}>\n          {topActions}\n        </Flexbox>\n      </Flexbox>\n      <Flexbox align=\"center\" direction=\"vertical\" gap={4}>\n        {bottomActions}\n      </Flexbox>\n    </Flexbox>\n  );\n});\n\nSideNav.displayName = 'SideNav';\n\nexport default SideNav;\n"],"mappings":";;;;;;;;;AAUA,MAAM,UAAU,MAAoB,EAAE,WAAW,QAAQ,YAAY,eAAe,GAAG,WAAW;AAChG,QACE,qBAACA;EACC,OAAO;EACP,WAAW,GAAG,QAAQ,UAAU;EAChC,MAAM;EACN,SAAS;EACT,GAAI;aAEJ,qBAACA;GAAQ,OAAM;GAAS,WAAU;GAAW,KAAK;cAC/C,QACD,oBAACA;IAAQ,OAAM;IAAS,WAAU;IAAW,KAAK;cAC/C;KACO;IACF,EACV,oBAACA;GAAQ,OAAM;GAAS,WAAU;GAAW,KAAK;aAC/C;IACO;GACF;EAEZ;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"SideNav.mjs","names":["Flexbox"],"sources":["../../src/SideNav/SideNav.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { SideNavProps } from './type';\n\nconst SideNav = memo<SideNavProps>(({ className, avatar, topActions, bottomActions, ...rest }) => {\n  return (\n    <Flexbox\n      align={'center'}\n      className={cx(styles, className)}\n      flex={'none'}\n      justify={'space-between'}\n      {...rest}\n    >\n      <Flexbox align=\"center\" direction=\"vertical\" gap={12}>\n        {avatar}\n        <Flexbox align=\"center\" direction=\"vertical\" gap={8}>\n          {topActions}\n        </Flexbox>\n      </Flexbox>\n      <Flexbox align=\"center\" direction=\"vertical\" gap={4}>\n        {bottomActions}\n      </Flexbox>\n    </Flexbox>\n  );\n});\n\nSideNav.displayName = 'SideNav';\n\nexport default SideNav;\n"],"mappings":";;;;;;;AAUA,MAAM,UAAU,MAAoB,EAAE,WAAW,QAAQ,YAAY,eAAe,GAAG,WAAW;AAChG,QACE,qBAACA,mBAAD;EACE,OAAO;EACP,WAAW,GAAG,QAAQ,UAAU;EAChC,MAAM;EACN,SAAS;EACT,GAAI;YALN,CAOE,qBAACA,mBAAD;GAAS,OAAM;GAAS,WAAU;GAAW,KAAK;aAAlD,CACG,QACD,oBAACA,mBAAD;IAAS,OAAM;IAAS,WAAU;IAAW,KAAK;cAC/C;IACO,CAAA,CACF;MACV,oBAACA,mBAAD;GAAS,OAAM;GAAS,WAAU;GAAW,KAAK;aAC/C;GACO,CAAA,CACF;;EAEZ;AAEF,QAAQ,cAAc"}

package/es/SideNav/index.mjs

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

package/es/SideNav/style.mjs

@@ -1,17 +1,16 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/SideNav/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => css$1`
+const styles = createStaticStyles(({ css, cssVar }) => css`
     width: 58px;
     height: 100%;
     min-height: 640px;
     padding-block: 12px;
     padding-inline: 0;
-    border-inline-end: 1px solid ${cssVar$1.colorBorderSecondary};
+    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};
 
-    background: ${cssVar$1.colorBgContainer};
+    background: ${cssVar.colorBgContainer};
   `);
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/SideNav/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/SideNav/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(\n  ({ css, cssVar }) => css`\n    width: 58px;\n    height: 100%;\n    min-height: 640px;\n    padding-block: 12px;\n    padding-inline: 0;\n    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background: ${cssVar.colorBgContainer};\n  `,\n);\n"],"mappings":";;;AAEA,MAAa,SAAS,oBACnB,EAAE,YAAK,uBAAa,KAAG;;;;;;mCAMSA,SAAO,qBAAqB;;kBAE7CA,SAAO,iBAAiB;IAEzC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/SideNav/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(\n  ({ css, cssVar }) => css`\n    width: 58px;\n    height: 100%;\n    min-height: 640px;\n    padding-block: 12px;\n    padding-inline: 0;\n    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background: ${cssVar.colorBgContainer};\n  `,\n);\n"],"mappings":";;AAEA,MAAa,SAAS,oBACnB,EAAE,KAAK,aAAa,GAAG;;;;;;mCAMS,OAAO,qBAAqB;;kBAE7C,OAAO,iBAAiB;IAEzC"}

package/es/SideNav/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { ReactNode } from "react";
 
 //#region src/SideNav/type.d.ts

package/es/Skeleton/Skeleton.mjs

@@ -1,13 +1,11 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import { styles } from "./style.mjs";
-import SkeletonAvatar_default from "./SkeletonAvatar.mjs";
-import SkeletonParagraph_default from "./SkeletonParagraph.mjs";
-import SkeletonTitle_default from "./SkeletonTitle.mjs";
+import SkeletonAvatar from "./SkeletonAvatar.mjs";
+import SkeletonParagraph from "./SkeletonParagraph.mjs";
+import SkeletonTitle from "./SkeletonTitle.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/Skeleton/Skeleton.tsx
 const Skeleton = ({ active, avatar = false, title = true, paragraph = true, className, classNames, styles: customStyles, style, width, height, gap = 16, ...rest }) => {
 	const showAvatar = Boolean(avatar);
@@ -33,7 +31,7 @@ const Skeleton = ({ active, avatar = false, title = true, paragraph = true, clas
 		style: rootStyle,
 		width: "100%",
 		...rest,
-		children: [showAvatar && /* @__PURE__ */ jsx(SkeletonAvatar_default, {
+		children: [showAvatar && /* @__PURE__ */ jsx(SkeletonAvatar, {
 			...avatarProps,
 			active: avatarActive,
 			className: cx(styles.avatar, classNames?.avatar, avatarProps?.className),
@@ -44,7 +42,7 @@ const Skeleton = ({ active, avatar = false, title = true, paragraph = true, clas
 		}), /* @__PURE__ */ jsxs(FlexBasic_default, {
 			gap,
 			width: "100%",
-			children: [showTitle && /* @__PURE__ */ jsx(SkeletonTitle_default, {
+			children: [showTitle && /* @__PURE__ */ jsx(SkeletonTitle, {
 				...titleProps,
 				active: titleActive,
 				className: cx(classNames?.title, titleProps?.className),
@@ -52,7 +50,7 @@ const Skeleton = ({ active, avatar = false, title = true, paragraph = true, clas
 					...titleProps?.style,
 					...customStyles?.title
 				}
-			}), showParagraph && /* @__PURE__ */ jsx(SkeletonParagraph_default, {
+			}), showParagraph && /* @__PURE__ */ jsx(SkeletonParagraph, {
 				...paragraphProps,
 				active: paragraphActive,
 				className: cx(classNames?.paragraph, paragraphProps?.className),
@@ -65,8 +63,7 @@ const Skeleton = ({ active, avatar = false, title = true, paragraph = true, clas
 	});
 };
 Skeleton.displayName = "Skeleton";
-var Skeleton_default = Skeleton;
-
 //#endregion
-export { Skeleton_default as default };
+export { Skeleton as default };
+
 //# sourceMappingURL=Skeleton.mjs.map

package/es/Skeleton/Skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","names":["Skeleton: FC<SkeletonProps>","Flexbox","SkeletonAvatar","SkeletonTitle","SkeletonParagraph"],"sources":["../../src/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonAvatar from './SkeletonAvatar';\nimport SkeletonParagraph from './SkeletonParagraph';\nimport SkeletonTitle from './SkeletonTitle';\nimport { styles } from './style';\nimport type { SkeletonProps } from './type';\n\nconst Skeleton: FC<SkeletonProps> = ({\n  active,\n  avatar = false,\n  title = true,\n  paragraph = true,\n  className,\n  classNames,\n  styles: customStyles,\n  style,\n  width,\n  height,\n  gap = 16,\n  ...rest\n}) => {\n  const showAvatar = Boolean(avatar);\n  const showTitle = Boolean(title);\n  const showParagraph = Boolean(paragraph);\n  const avatarProps = typeof avatar === 'object' ? avatar : undefined;\n  const titleProps = typeof title === 'object' ? title : undefined;\n  const paragraphProps = typeof paragraph === 'object' ? paragraph : undefined;\n  const rootStyle = {\n    ...style,\n    ...customStyles?.root,\n    ...(width !== undefined ? { width } : {}),\n    ...(height !== undefined ? { height } : {}),\n  };\n\n  const avatarActive = avatarProps?.active ?? active;\n  const titleActive = titleProps?.active ?? active;\n  const paragraphActive = paragraphProps?.active ?? active;\n\n  return (\n    <Flexbox\n      horizontal\n      align={showParagraph ? 'flex-start' : 'center'}\n      className={cx(className, classNames?.root)}\n      gap={gap}\n      style={rootStyle}\n      width={'100%'}\n      {...rest}\n    >\n      {showAvatar && (\n        <SkeletonAvatar\n          {...avatarProps}\n          active={avatarActive}\n          className={cx(styles.avatar, classNames?.avatar, avatarProps?.className)}\n          style={{\n            ...avatarProps?.style,\n            ...customStyles?.avatar,\n          }}\n        />\n      )}\n      <Flexbox gap={gap} width={'100%'}>\n        {showTitle && (\n          <SkeletonTitle\n            {...titleProps}\n            active={titleActive}\n            className={cx(classNames?.title, titleProps?.className)}\n            style={{\n              ...titleProps?.style,\n              ...customStyles?.title,\n            }}\n          />\n        )}\n        {showParagraph && (\n          <SkeletonParagraph\n            {...paragraphProps}\n            active={paragraphActive}\n            className={cx(classNames?.paragraph, paragraphProps?.className)}\n            style={{\n              ...paragraphProps?.style,\n              ...customStyles?.paragraph,\n            }}\n          />\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nSkeleton.displayName = 'Skeleton';\n\nexport default Skeleton;\n"],"mappings":";;;;;;;;;;;AAaA,MAAMA,YAA+B,EACnC,QACA,SAAS,OACT,QAAQ,MACR,YAAY,MACZ,WACA,YACA,QAAQ,cACR,OACA,OACA,QACA,MAAM,IACN,GAAG,WACC;CACJ,MAAM,aAAa,QAAQ,OAAO;CAClC,MAAM,YAAY,QAAQ,MAAM;CAChC,MAAM,gBAAgB,QAAQ,UAAU;CACxC,MAAM,cAAc,OAAO,WAAW,WAAW,SAAS;CAC1D,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ;CACvD,MAAM,iBAAiB,OAAO,cAAc,WAAW,YAAY;CACnE,MAAM,YAAY;EAChB,GAAG;EACH,GAAG,cAAc;EACjB,GAAI,UAAU,SAAY,EAAE,OAAO,GAAG,EAAE;EACxC,GAAI,WAAW,SAAY,EAAE,QAAQ,GAAG,EAAE;EAC3C;CAED,MAAM,eAAe,aAAa,UAAU;CAC5C,MAAM,cAAc,YAAY,UAAU;CAC1C,MAAM,kBAAkB,gBAAgB,UAAU;AAElD,QACE,qBAACC;EACC;EACA,OAAO,gBAAgB,eAAe;EACtC,WAAW,GAAG,WAAW,YAAY,KAAK;EACrC;EACL,OAAO;EACP,OAAO;EACP,GAAI;aAEH,cACC,oBAACC;GACC,GAAI;GACJ,QAAQ;GACR,WAAW,GAAG,OAAO,QAAQ,YAAY,QAAQ,aAAa,UAAU;GACxE,OAAO;IACL,GAAG,aAAa;IAChB,GAAG,cAAc;IAClB;IACD,EAEJ,qBAACD;GAAa;GAAK,OAAO;cACvB,aACC,oBAACE;IACC,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,OAAO,YAAY,UAAU;IACvD,OAAO;KACL,GAAG,YAAY;KACf,GAAG,cAAc;KAClB;KACD,EAEH,iBACC,oBAACC;IACC,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,WAAW,gBAAgB,UAAU;IAC/D,OAAO;KACL,GAAG,gBAAgB;KACnB,GAAG,cAAc;KAClB;KACD;IAEI;GACF;;AAId,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"Skeleton.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonAvatar from './SkeletonAvatar';\nimport SkeletonParagraph from './SkeletonParagraph';\nimport SkeletonTitle from './SkeletonTitle';\nimport { styles } from './style';\nimport type { SkeletonProps } from './type';\n\nconst Skeleton: FC<SkeletonProps> = ({\n  active,\n  avatar = false,\n  title = true,\n  paragraph = true,\n  className,\n  classNames,\n  styles: customStyles,\n  style,\n  width,\n  height,\n  gap = 16,\n  ...rest\n}) => {\n  const showAvatar = Boolean(avatar);\n  const showTitle = Boolean(title);\n  const showParagraph = Boolean(paragraph);\n  const avatarProps = typeof avatar === 'object' ? avatar : undefined;\n  const titleProps = typeof title === 'object' ? title : undefined;\n  const paragraphProps = typeof paragraph === 'object' ? paragraph : undefined;\n  const rootStyle = {\n    ...style,\n    ...customStyles?.root,\n    ...(width !== undefined ? { width } : {}),\n    ...(height !== undefined ? { height } : {}),\n  };\n\n  const avatarActive = avatarProps?.active ?? active;\n  const titleActive = titleProps?.active ?? active;\n  const paragraphActive = paragraphProps?.active ?? active;\n\n  return (\n    <Flexbox\n      horizontal\n      align={showParagraph ? 'flex-start' : 'center'}\n      className={cx(className, classNames?.root)}\n      gap={gap}\n      style={rootStyle}\n      width={'100%'}\n      {...rest}\n    >\n      {showAvatar && (\n        <SkeletonAvatar\n          {...avatarProps}\n          active={avatarActive}\n          className={cx(styles.avatar, classNames?.avatar, avatarProps?.className)}\n          style={{\n            ...avatarProps?.style,\n            ...customStyles?.avatar,\n          }}\n        />\n      )}\n      <Flexbox gap={gap} width={'100%'}>\n        {showTitle && (\n          <SkeletonTitle\n            {...titleProps}\n            active={titleActive}\n            className={cx(classNames?.title, titleProps?.className)}\n            style={{\n              ...titleProps?.style,\n              ...customStyles?.title,\n            }}\n          />\n        )}\n        {showParagraph && (\n          <SkeletonParagraph\n            {...paragraphProps}\n            active={paragraphActive}\n            className={cx(classNames?.paragraph, paragraphProps?.className)}\n            style={{\n              ...paragraphProps?.style,\n              ...customStyles?.paragraph,\n            }}\n          />\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nSkeleton.displayName = 'Skeleton';\n\nexport default Skeleton;\n"],"mappings":";;;;;;;;;AAaA,MAAM,YAA+B,EACnC,QACA,SAAS,OACT,QAAQ,MACR,YAAY,MACZ,WACA,YACA,QAAQ,cACR,OACA,OACA,QACA,MAAM,IACN,GAAG,WACC;CACJ,MAAM,aAAa,QAAQ,OAAO;CAClC,MAAM,YAAY,QAAQ,MAAM;CAChC,MAAM,gBAAgB,QAAQ,UAAU;CACxC,MAAM,cAAc,OAAO,WAAW,WAAW,SAAS,KAAA;CAC1D,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ,KAAA;CACvD,MAAM,iBAAiB,OAAO,cAAc,WAAW,YAAY,KAAA;CACnE,MAAM,YAAY;EAChB,GAAG;EACH,GAAG,cAAc;EACjB,GAAI,UAAU,KAAA,IAAY,EAAE,OAAO,GAAG,EAAE;EACxC,GAAI,WAAW,KAAA,IAAY,EAAE,QAAQ,GAAG,EAAE;EAC3C;CAED,MAAM,eAAe,aAAa,UAAU;CAC5C,MAAM,cAAc,YAAY,UAAU;CAC1C,MAAM,kBAAkB,gBAAgB,UAAU;AAElD,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO,gBAAgB,eAAe;EACtC,WAAW,GAAG,WAAW,YAAY,KAAK;EACrC;EACL,OAAO;EACP,OAAO;EACP,GAAI;YAPN,CASG,cACC,oBAAC,gBAAD;GACE,GAAI;GACJ,QAAQ;GACR,WAAW,GAAG,OAAO,QAAQ,YAAY,QAAQ,aAAa,UAAU;GACxE,OAAO;IACL,GAAG,aAAa;IAChB,GAAG,cAAc;IAClB;GACD,CAAA,EAEJ,qBAACA,mBAAD;GAAc;GAAK,OAAO;aAA1B,CACG,aACC,oBAAC,eAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,OAAO,YAAY,UAAU;IACvD,OAAO;KACL,GAAG,YAAY;KACf,GAAG,cAAc;KAClB;IACD,CAAA,EAEH,iBACC,oBAAC,mBAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,WAAW,gBAAgB,UAAU;IAC/D,OAAO;KACL,GAAG,gBAAgB;KACnB,GAAG,cAAc;KAClB;IACD,CAAA,CAEI;KACF;;;AAId,SAAS,cAAc"}

package/es/Skeleton/SkeletonAvatar.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import { styles } from "./style.mjs";
-import SkeletonBlock_default from "./SkeletonBlock.mjs";
+import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
-
 //#region src/Skeleton/SkeletonAvatar.tsx
 const DEFAULT_SIZE = 40;
 const SkeletonAvatar = ({ active, shape = "square", size, width, height, style, className, ...rest }) => {
@@ -12,7 +10,7 @@ const SkeletonAvatar = ({ active, shape = "square", size, width, height, style,
 	const finalWidth = width ?? defaultSize;
 	const finalHeight = height ?? defaultSize;
 	const borderRadius = shape === "circle" ? "50%" : cssVar.borderRadius;
-	return /* @__PURE__ */ jsx(SkeletonBlock_default, {
+	return /* @__PURE__ */ jsx(SkeletonBlock, {
 		active,
 		className: cx(styles.avatar, className),
 		height: finalHeight,
@@ -25,8 +23,7 @@ const SkeletonAvatar = ({ active, shape = "square", size, width, height, style,
 	});
 };
 SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonAvatar_default = SkeletonAvatar;
-
 //#endregion
-export { SkeletonAvatar_default as default };
+export { SkeletonAvatar as default };
+
 //# sourceMappingURL=SkeletonAvatar.mjs.map

package/es/Skeleton/SkeletonAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonAvatar.mjs","names":["SkeletonAvatar: FC<SkeletonAvatarProps>","SkeletonBlock"],"sources":["../../src/Skeleton/SkeletonAvatar.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport { styles } from './style';\nimport type { SkeletonAvatarProps } from './type';\n\nconst DEFAULT_SIZE = 40;\n\nconst SkeletonAvatar: FC<SkeletonAvatarProps> = ({\n  active,\n  shape = 'square',\n  size,\n  width,\n  height,\n  style,\n  className,\n  ...rest\n}) => {\n  const defaultSize = size ?? DEFAULT_SIZE;\n  const finalWidth = width ?? defaultSize;\n  const finalHeight = height ?? defaultSize;\n  const borderRadius = shape === 'circle' ? '50%' : cssVar.borderRadius;\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={cx(styles.avatar, className)}\n      height={finalHeight}\n      style={{ borderRadius, ...style }}\n      width={finalWidth}\n      {...rest}\n    />\n  );\n};\n\nSkeletonAvatar.displayName = 'SkeletonAvatar';\n\nexport default SkeletonAvatar;\n"],"mappings":";;;;;;;;AASA,MAAM,eAAe;AAErB,MAAMA,kBAA2C,EAC/C,QACA,QAAQ,UACR,MACA,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,cAAc,QAAQ;CAC5B,MAAM,aAAa,SAAS;CAC5B,MAAM,cAAc,UAAU;CAC9B,MAAM,eAAe,UAAU,WAAW,QAAQ,OAAO;AAEzD,QACE,oBAACC;EACS;EACR,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;GAAO;EACjC,OAAO;EACP,GAAI;GACJ;;AAIN,eAAe,cAAc;AAE7B,6BAAe"}
+{"version":3,"file":"SkeletonAvatar.mjs","names":[],"sources":["../../src/Skeleton/SkeletonAvatar.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport { styles } from './style';\nimport type { SkeletonAvatarProps } from './type';\n\nconst DEFAULT_SIZE = 40;\n\nconst SkeletonAvatar: FC<SkeletonAvatarProps> = ({\n  active,\n  shape = 'square',\n  size,\n  width,\n  height,\n  style,\n  className,\n  ...rest\n}) => {\n  const defaultSize = size ?? DEFAULT_SIZE;\n  const finalWidth = width ?? defaultSize;\n  const finalHeight = height ?? defaultSize;\n  const borderRadius = shape === 'circle' ? '50%' : cssVar.borderRadius;\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={cx(styles.avatar, className)}\n      height={finalHeight}\n      style={{ borderRadius, ...style }}\n      width={finalWidth}\n      {...rest}\n    />\n  );\n};\n\nSkeletonAvatar.displayName = 'SkeletonAvatar';\n\nexport default SkeletonAvatar;\n"],"mappings":";;;;;;AASA,MAAM,eAAe;AAErB,MAAM,kBAA2C,EAC/C,QACA,QAAQ,UACR,MACA,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,cAAc,QAAQ;CAC5B,MAAM,aAAa,SAAS;CAC5B,MAAM,cAAc,UAAU;CAC9B,MAAM,eAAe,UAAU,WAAW,QAAQ,OAAO;AAEzD,QACE,oBAAC,eAAD;EACU;EACR,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;GAAO;EACjC,OAAO;EACP,GAAI;EACJ,CAAA;;AAIN,eAAe,cAAc"}

package/es/Skeleton/SkeletonBlock.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Block_default from "../Block/Block.mjs";
+"use client";
+import Block from "../Block/Block.mjs";
 import { styles } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/Skeleton/SkeletonBlock.tsx
 const SkeletonBlock = ({ width = "100%", height = "1em", active, style, className }) => {
-	return /* @__PURE__ */ jsx(Block_default, {
+	return /* @__PURE__ */ jsx(Block, {
 		className: cx(styles.base, active && styles.active, className),
 		height,
 		style,
@@ -16,8 +14,7 @@ const SkeletonBlock = ({ width = "100%", height = "1em", active, style, classNam
 	});
 };
 SkeletonBlock.displayName = "SkeletonBlock";
-var SkeletonBlock_default = SkeletonBlock;
-
 //#endregion
-export { SkeletonBlock_default as default };
+export { SkeletonBlock as default };
+
 //# sourceMappingURL=SkeletonBlock.mjs.map

package/es/Skeleton/SkeletonBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonBlock.mjs","names":["SkeletonBlock: FC<SkeletonBlockProps>","Block"],"sources":["../../src/Skeleton/SkeletonBlock.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Block from '@/Block';\nimport type { SkeletonBlockProps } from '@/Skeleton/type';\n\nimport { styles } from './style';\n\nconst SkeletonBlock: FC<SkeletonBlockProps> = ({\n  width = '100%',\n  height = '1em',\n  active,\n  style,\n  className,\n}) => {\n  return (\n    <Block\n      className={cx(styles.base, active && styles.active, className)}\n      height={height}\n      style={style}\n      variant={'filled'}\n      width={width}\n    />\n  );\n};\n\nSkeletonBlock.displayName = 'SkeletonBlock';\n\nexport default SkeletonBlock;\n"],"mappings":";;;;;;;;AAUA,MAAMA,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;AACJ,QACE,oBAACC;EACC,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,UAAU;EACtD;EACD;EACP,SAAS;EACF;GACP;;AAIN,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"SkeletonBlock.mjs","names":[],"sources":["../../src/Skeleton/SkeletonBlock.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Block from '@/Block';\nimport type { SkeletonBlockProps } from '@/Skeleton/type';\n\nimport { styles } from './style';\n\nconst SkeletonBlock: FC<SkeletonBlockProps> = ({\n  width = '100%',\n  height = '1em',\n  active,\n  style,\n  className,\n}) => {\n  return (\n    <Block\n      className={cx(styles.base, active && styles.active, className)}\n      height={height}\n      style={style}\n      variant={'filled'}\n      width={width}\n    />\n  );\n};\n\nSkeletonBlock.displayName = 'SkeletonBlock';\n\nexport default SkeletonBlock;\n"],"mappings":";;;;;;AAUA,MAAM,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;AACJ,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,UAAU;EACtD;EACD;EACP,SAAS;EACF;EACP,CAAA;;AAIN,cAAc,cAAc"}

package/es/Skeleton/SkeletonButton.mjs

@@ -1,9 +1,7 @@
-'use client';
-
-import SkeletonBlock_default from "./SkeletonBlock.mjs";
+"use client";
+import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cssVar } from "antd-style";
-
 //#region src/Skeleton/SkeletonButton.tsx
 const HEIGHT_MAP = {
 	default: 36,
@@ -19,7 +17,7 @@ const SkeletonButton = ({ active, block = false, shape = "default", size = "defa
 		large: cssVar.borderRadiusLG,
 		small: cssVar.borderRadiusSM
 	};
-	return /* @__PURE__ */ jsx(SkeletonBlock_default, {
+	return /* @__PURE__ */ jsx(SkeletonBlock, {
 		active,
 		className,
 		height: baseHeight,
@@ -32,8 +30,7 @@ const SkeletonButton = ({ active, block = false, shape = "default", size = "defa
 	});
 };
 SkeletonButton.displayName = "SkeletonButton";
-var SkeletonButton_default = SkeletonButton;
-
 //#endregion
-export { SkeletonButton_default as default };
+export { SkeletonButton as default };
+
 //# sourceMappingURL=SkeletonButton.mjs.map

package/es/Skeleton/SkeletonButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.mjs","names":["HEIGHT_MAP: Record<'large' | 'small' | 'default', number>","SkeletonButton: FC<SkeletonButtonProps>","RADIUS_MAP: Record<'large' | 'small' | 'default', string>","SkeletonBlock"],"sources":["../../src/Skeleton/SkeletonButton.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonButtonProps } from './type';\n\nconst HEIGHT_MAP: Record<'large' | 'small' | 'default', number> = {\n  default: 36,\n  large: 46,\n  small: 28,\n};\n\nconst SkeletonButton: FC<SkeletonButtonProps> = ({\n  active,\n  block = false,\n  shape = 'default',\n  size = 'default',\n  width,\n  height,\n  style,\n  className,\n  ...rest\n}) => {\n  const resolvedSize = size ?? 'default';\n  const baseHeight = height ?? HEIGHT_MAP[resolvedSize];\n  const defaultWidth = block ? '100%' : shape === 'circle' ? baseHeight : 80;\n  const finalWidth = width ?? defaultWidth;\n\n  const RADIUS_MAP: Record<'large' | 'small' | 'default', string> = {\n    default: cssVar.borderRadius,\n    large: cssVar.borderRadiusLG,\n    small: cssVar.borderRadiusSM,\n  };\n\n  const borderRadius =\n    shape === 'circle'\n      ? '50%'\n      : shape === 'round'\n        ? `calc(${cssVar.borderRadius} * 2)`\n        : RADIUS_MAP[resolvedSize];\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={className}\n      height={baseHeight}\n      style={{ borderRadius, ...style }}\n      width={finalWidth}\n      {...rest}\n    />\n  );\n};\n\nSkeletonButton.displayName = 'SkeletonButton';\n\nexport default SkeletonButton;\n"],"mappings":";;;;;;;AAQA,MAAMA,aAA4D;CAChE,SAAS;CACT,OAAO;CACP,OAAO;CACR;AAED,MAAMC,kBAA2C,EAC/C,QACA,QAAQ,OACR,QAAQ,WACR,OAAO,WACP,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,eAAe,QAAQ;CAC7B,MAAM,aAAa,UAAU,WAAW;CAExC,MAAM,aAAa,UADE,QAAQ,SAAS,UAAU,WAAW,aAAa;CAGxE,MAAMC,aAA4D;EAChE,SAAS,OAAO;EAChB,OAAO,OAAO;EACd,OAAO,OAAO;EACf;AASD,QACE,oBAACC;EACS;EACG;EACX,QAAQ;EACR,OAAO;GAAE,cAXX,UAAU,WACN,QACA,UAAU,UACR,QAAQ,OAAO,aAAa,SAC5B,WAAW;GAOQ,GAAG;GAAO;EACjC,OAAO;EACP,GAAI;GACJ;;AAIN,eAAe,cAAc;AAE7B,6BAAe"}
+{"version":3,"file":"SkeletonButton.mjs","names":[],"sources":["../../src/Skeleton/SkeletonButton.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonButtonProps } from './type';\n\nconst HEIGHT_MAP: Record<'large' | 'small' | 'default', number> = {\n  default: 36,\n  large: 46,\n  small: 28,\n};\n\nconst SkeletonButton: FC<SkeletonButtonProps> = ({\n  active,\n  block = false,\n  shape = 'default',\n  size = 'default',\n  width,\n  height,\n  style,\n  className,\n  ...rest\n}) => {\n  const resolvedSize = size ?? 'default';\n  const baseHeight = height ?? HEIGHT_MAP[resolvedSize];\n  const defaultWidth = block ? '100%' : shape === 'circle' ? baseHeight : 80;\n  const finalWidth = width ?? defaultWidth;\n\n  const RADIUS_MAP: Record<'large' | 'small' | 'default', string> = {\n    default: cssVar.borderRadius,\n    large: cssVar.borderRadiusLG,\n    small: cssVar.borderRadiusSM,\n  };\n\n  const borderRadius =\n    shape === 'circle'\n      ? '50%'\n      : shape === 'round'\n        ? `calc(${cssVar.borderRadius} * 2)`\n        : RADIUS_MAP[resolvedSize];\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={className}\n      height={baseHeight}\n      style={{ borderRadius, ...style }}\n      width={finalWidth}\n      {...rest}\n    />\n  );\n};\n\nSkeletonButton.displayName = 'SkeletonButton';\n\nexport default SkeletonButton;\n"],"mappings":";;;;;AAQA,MAAM,aAA4D;CAChE,SAAS;CACT,OAAO;CACP,OAAO;CACR;AAED,MAAM,kBAA2C,EAC/C,QACA,QAAQ,OACR,QAAQ,WACR,OAAO,WACP,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,eAAe,QAAQ;CAC7B,MAAM,aAAa,UAAU,WAAW;CAExC,MAAM,aAAa,UADE,QAAQ,SAAS,UAAU,WAAW,aAAa;CAGxE,MAAM,aAA4D;EAChE,SAAS,OAAO;EAChB,OAAO,OAAO;EACd,OAAO,OAAO;EACf;AASD,QACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ;EACR,OAAO;GAAE,cAXX,UAAU,WACN,QACA,UAAU,UACR,QAAQ,OAAO,aAAa,SAC5B,WAAW;GAOQ,GAAG;GAAO;EACjC,OAAO;EACP,GAAI;EACJ,CAAA;;AAIN,eAAe,cAAc"}

package/es/Skeleton/SkeletonParagraph.mjs

@@ -1,17 +1,14 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import SkeletonBlock_default from "./SkeletonBlock.mjs";
+import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Skeleton/SkeletonParagraph.tsx
 const DEFAULT_ROWS = 3;
 const SkeletonParagraph = ({ active, rows = DEFAULT_ROWS, gap, width, height, fontSize, lineHeight, style, className, ...rest }) => {
 	const rowGap = gap;
 	const rowCount = Math.max(rows, 1);
 	const baseFontSize = fontSize ?? 14;
-	const resolvedLineHeight = lineHeight ?? 1.6;
-	const marginBlock = (height ? height : Math.round(baseFontSize * resolvedLineHeight)) - baseFontSize;
+	const marginBlock = (height ? height : Math.round(baseFontSize * (lineHeight ?? 1.6))) - baseFontSize;
 	const widthList = Array.isArray(width) ? width : null;
 	const getRowWidth = (index) => {
 		if (widthList) return widthList[index] ?? widthList.at(-1) ?? "100%";
@@ -29,7 +26,7 @@ const SkeletonParagraph = ({ active, rows = DEFAULT_ROWS, gap, width, height, fo
 		style: containerStyle,
 		width: "100%",
 		...rest,
-		children: Array.from({ length: rowCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonBlock_default, {
+		children: Array.from({ length: rowCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonBlock, {
 			active,
 			height: baseFontSize,
 			width: getRowWidth(index)
@@ -37,8 +34,7 @@ const SkeletonParagraph = ({ active, rows = DEFAULT_ROWS, gap, width, height, fo
 	});
 };
 SkeletonParagraph.displayName = "SkeletonParagraph";
-var SkeletonParagraph_default = SkeletonParagraph;
-
 //#endregion
-export { SkeletonParagraph_default as default };
+export { SkeletonParagraph as default };
+
 //# sourceMappingURL=SkeletonParagraph.mjs.map

package/es/Skeleton/SkeletonParagraph.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonParagraph.mjs","names":["SkeletonParagraph: FC<SkeletonParagraphProps>","Flexbox","SkeletonBlock"],"sources":["../../src/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonParagraphProps } from './type';\n\nconst DEFAULT_ROWS = 3;\n\nconst SkeletonParagraph: FC<SkeletonParagraphProps> = ({\n  active,\n  rows = DEFAULT_ROWS,\n  gap,\n  width,\n  height,\n  fontSize,\n  lineHeight,\n  style,\n  className,\n  ...rest\n}) => {\n  const rowGap = gap;\n  const rowCount = Math.max(rows, 1);\n  const baseFontSize = fontSize ?? 14;\n  const resolvedLineHeight = lineHeight ?? 1.6;\n  const computedHeight = height ? height : Math.round(baseFontSize * resolvedLineHeight);\n  const marginBlock = computedHeight - baseFontSize;\n  const widthList = Array.isArray(width) ? width : null;\n\n  const getRowWidth = (index: number): string | number => {\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? '100%';\n    if (width !== undefined) return width as string | number;\n    if (index === rowCount - 1) return '66%';\n    return '100%';\n  };\n\n  const containerStyle = { gap: rowGap, ...style };\n\n  return (\n    <Flexbox\n      className={className}\n      gap={gap || marginBlock}\n      style={containerStyle}\n      width={'100%'}\n      {...rest}\n    >\n      {Array.from({ length: rowCount }).map((_, index) => (\n        <SkeletonBlock\n          active={active}\n          height={baseFontSize}\n          key={index}\n          width={getRowWidth(index)}\n        />\n      ))}\n    </Flexbox>\n  );\n};\n\nSkeletonParagraph.displayName = 'SkeletonParagraph';\n\nexport default SkeletonParagraph;\n"],"mappings":";;;;;;;AASA,MAAM,eAAe;AAErB,MAAMA,qBAAiD,EACrD,QACA,OAAO,cACP,KACA,OACA,QACA,UACA,YACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS;CACf,MAAM,WAAW,KAAK,IAAI,MAAM,EAAE;CAClC,MAAM,eAAe,YAAY;CACjC,MAAM,qBAAqB,cAAc;CAEzC,MAAM,eADiB,SAAS,SAAS,KAAK,MAAM,eAAe,mBAAmB,IACjD;CACrC,MAAM,YAAY,MAAM,QAAQ,MAAM,GAAG,QAAQ;CAEjD,MAAM,eAAe,UAAmC;AACtD,MAAI,UAAW,QAAO,UAAU,UAAU,UAAU,GAAG,GAAG,IAAI;AAC9D,MAAI,UAAU,OAAW,QAAO;AAChC,MAAI,UAAU,WAAW,EAAG,QAAO;AACnC,SAAO;;CAGT,MAAM,iBAAiB;EAAE,KAAK;EAAQ,GAAG;EAAO;AAEhD,QACE,oBAACC;EACY;EACX,KAAK,OAAO;EACZ,OAAO;EACP,OAAO;EACP,GAAI;YAEH,MAAM,KAAK,EAAE,QAAQ,UAAU,CAAC,CAAC,KAAK,GAAG,UACxC,oBAACC;GACS;GACR,QAAQ;GAER,OAAO,YAAY,MAAM;KADpB,MAEL,CACF;GACM;;AAId,kBAAkB,cAAc;AAEhC,gCAAe"}
+{"version":3,"file":"SkeletonParagraph.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonParagraphProps } from './type';\n\nconst DEFAULT_ROWS = 3;\n\nconst SkeletonParagraph: FC<SkeletonParagraphProps> = ({\n  active,\n  rows = DEFAULT_ROWS,\n  gap,\n  width,\n  height,\n  fontSize,\n  lineHeight,\n  style,\n  className,\n  ...rest\n}) => {\n  const rowGap = gap;\n  const rowCount = Math.max(rows, 1);\n  const baseFontSize = fontSize ?? 14;\n  const resolvedLineHeight = lineHeight ?? 1.6;\n  const computedHeight = height ? height : Math.round(baseFontSize * resolvedLineHeight);\n  const marginBlock = computedHeight - baseFontSize;\n  const widthList = Array.isArray(width) ? width : null;\n\n  const getRowWidth = (index: number): string | number => {\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? '100%';\n    if (width !== undefined) return width as string | number;\n    if (index === rowCount - 1) return '66%';\n    return '100%';\n  };\n\n  const containerStyle = { gap: rowGap, ...style };\n\n  return (\n    <Flexbox\n      className={className}\n      gap={gap || marginBlock}\n      style={containerStyle}\n      width={'100%'}\n      {...rest}\n    >\n      {Array.from({ length: rowCount }).map((_, index) => (\n        <SkeletonBlock\n          active={active}\n          height={baseFontSize}\n          key={index}\n          width={getRowWidth(index)}\n        />\n      ))}\n    </Flexbox>\n  );\n};\n\nSkeletonParagraph.displayName = 'SkeletonParagraph';\n\nexport default SkeletonParagraph;\n"],"mappings":";;;;;AASA,MAAM,eAAe;AAErB,MAAM,qBAAiD,EACrD,QACA,OAAO,cACP,KACA,OACA,QACA,UACA,YACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS;CACf,MAAM,WAAW,KAAK,IAAI,MAAM,EAAE;CAClC,MAAM,eAAe,YAAY;CAGjC,MAAM,eADiB,SAAS,SAAS,KAAK,MAAM,gBADzB,cAAc,KAC6C,IACjD;CACrC,MAAM,YAAY,MAAM,QAAQ,MAAM,GAAG,QAAQ;CAEjD,MAAM,eAAe,UAAmC;AACtD,MAAI,UAAW,QAAO,UAAU,UAAU,UAAU,GAAG,GAAG,IAAI;AAC9D,MAAI,UAAU,KAAA,EAAW,QAAO;AAChC,MAAI,UAAU,WAAW,EAAG,QAAO;AACnC,SAAO;;CAGT,MAAM,iBAAiB;EAAE,KAAK;EAAQ,GAAG;EAAO;AAEhD,QACE,oBAACA,mBAAD;EACa;EACX,KAAK,OAAO;EACZ,OAAO;EACP,OAAO;EACP,GAAI;YAEH,MAAM,KAAK,EAAE,QAAQ,UAAU,CAAC,CAAC,KAAK,GAAG,UACxC,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,YAAY,MAAM;GACzB,EAFK,MAEL,CACF;EACM,CAAA;;AAId,kBAAkB,cAAc"}

package/es/Skeleton/SkeletonTags.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import SkeletonBlock_default from "./SkeletonBlock.mjs";
+import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cssVar } from "antd-style";
-
 //#region src/Skeleton/SkeletonTags.tsx
 const DEFAULT_COUNT = 1;
 const HEIGHT_MAP = {
@@ -41,7 +39,7 @@ const SkeletonTags = ({ active, className, count = DEFAULT_COUNT, gap, height, s
 			...style
 		},
 		...rest,
-		children: Array.from({ length: resolvedCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonBlock_default, {
+		children: Array.from({ length: resolvedCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonBlock, {
 			active,
 			height: resolvedHeight,
 			width: getWidth(index),
@@ -50,8 +48,7 @@ const SkeletonTags = ({ active, className, count = DEFAULT_COUNT, gap, height, s
 	});
 };
 SkeletonTags.displayName = "SkeletonTags";
-var SkeletonTags_default = SkeletonTags;
-
 //#endregion
-export { SkeletonTags_default as default };
+export { SkeletonTags as default };
+
 //# sourceMappingURL=SkeletonTags.mjs.map