@jinmi/ui 6.0.1 → 6.1.0

package/es/Segmented/Segmented.d.mts

@@ -1,9 +1,7 @@
 import { SegmentedProps } from "./type.mjs";
-//#region src/Segmented/Segmented.d.ts
 /**
  * @deprecated Use `Segmented` from `@jinmi/ui/base-ui` instead.
  */
 declare const Segmented: import("react").NamedExoticComponent<SegmentedProps>;
-//#endregion
 export { Segmented as default };
 //# sourceMappingURL=Segmented.d.mts.map

package/es/Segmented/Segmented.mjs

@@ -4,7 +4,7 @@ import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Segmented } from "antd";
-//#region src/Segmented/Segmented.tsx
+// src/Segmented/Segmented.tsx
 /**
 * @deprecated Use `Segmented` from `@jinmi/ui/base-ui` instead.
 */
@@ -24,7 +24,6 @@ const Segmented$1 = memo(({ ref, padding, style, className, variant = "filled",
 	});
 });
 Segmented$1.displayName = "Segmented";
-//#endregion
 export { Segmented$1 as default };
 
 //# sourceMappingURL=Segmented.mjs.map

package/es/Segmented/Segmented.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Segmented.mjs","names":["Segmented","AntdSegmented"],"sources":["../../src/Segmented/Segmented.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Segmented as AntdSegmented } from 'antd';\r\nimport { cx } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { variants } from './style';\r\nimport type { SegmentedProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Segmented` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Segmented = memo<SegmentedProps>(\r\n  ({ ref, padding, style, className, variant = 'filled', shadow, glass, ...rest }) => {\r\n    return (\r\n      <AntdSegmented\r\n        className={cx(variants({ glass, shadow, variant }), className)}\r\n        ref={ref}\r\n        style={{\r\n          padding,\r\n          ...style,\r\n        }}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nSegmented.displayName = 'Segmented';\r\n\r\nexport default Segmented;\r\n"],"mappings":";;;;;;;;;;AAYA,MAAMA,cAAY,MACf,EAAE,KAAK,SAAS,OAAO,WAAW,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAW;CAClF,OACE,oBAACC,WAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACxD;EACL,OAAO;GACL;GACA,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL,CACF;AAEA,YAAU,cAAc"}
+{"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\n/**\n * @deprecated Use `Segmented` from `@jinmi/ui/base-ui` instead.\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":";;;;;;;;;;AAYA,MAAMA,cAAY,MACf,EAAE,KAAK,SAAS,OAAO,WAAW,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAW;CAClF,OACE,oBAACC,WAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACxD;EACL,OAAO;GACL;GACA,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL,CACF;AAEA,YAAU,cAAc"}

package/es/Segmented/index.mjs

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

package/es/Segmented/style.mjs

@@ -1,7 +1,7 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/Segmented/style.ts
+// src/Segmented/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		borderless: staticStylish.variantBorderlessWithoutHover,
@@ -40,7 +40,6 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-//#endregion
 export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/Segmented/type.d.mts

@@ -2,7 +2,6 @@ import { IconProps } from "../Icon/type.mjs";
 import "../Icon/index.mjs";
 import { Ref } from "react";
 import { SegmentedProps } from "antd";
-//#region src/Segmented/type.d.ts
 interface SegmentedProps$1 extends SegmentedProps {
   glass?: boolean;
   iconProps?: Omit<IconProps, 'icon'>;
@@ -11,6 +10,5 @@ interface SegmentedProps$1 extends SegmentedProps {
   shadow?: boolean;
   variant?: 'filled' | 'outlined' | 'borderless';
 }
-//#endregion
 export { SegmentedProps$1 as SegmentedProps };
 //# sourceMappingURL=type.d.mts.map

package/es/Select/Select.d.mts

@@ -1,9 +1,7 @@
 import { SelectProps } from "./type.mjs";
-//#region src/Select/Select.d.ts
 /**
  * @deprecated Use `Select` from `@jinmi/ui/base-ui` instead.
  */
 declare const Select: import("react").NamedExoticComponent<SelectProps>;
-//#endregion
 export { Select as default };
 //# sourceMappingURL=Select.d.mts.map

package/es/Select/Select.mjs

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import { cx, useThemeMode } from "antd-style";
 import { ChevronDownIcon } from "lucide-react";
 import { Select } from "antd";
-//#region src/Select/Select.tsx
+// src/Select/Select.tsx
 /**
 * @deprecated Use `Select` from `@jinmi/ui/base-ui` instead.
 */
@@ -32,7 +32,6 @@ const Select$1 = memo(({ ref, variant, suffixIconProps, suffixIcon, shadow, clas
 	});
 });
 Select$1.displayName = "Select";
-//#endregion
 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"],"sources":["../../src/Select/Select.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Select as AntSelect } from 'antd';\r\nimport { cx, useThemeMode } from 'antd-style';\r\nimport { ChevronDownIcon } from 'lucide-react';\r\nimport { memo } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { variants } from './style';\r\nimport type { SelectProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Select` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Select = memo<SelectProps>(\r\n  ({ ref, variant, suffixIconProps, suffixIcon, shadow, className, ...rest }) => {\r\n    const { isDarkMode } = useThemeMode();\r\n\r\n    return (\r\n      <AntSelect\r\n        ref={ref}\r\n        variant={variant || (isDarkMode ? 'filled' : 'outlined')}\r\n        className={cx(\r\n          variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\r\n          className,\r\n        )}\r\n        suffixIcon={\r\n          <Icon\r\n            icon={suffixIcon || ChevronDownIcon}\r\n            size={'small'}\r\n            {...suffixIconProps}\r\n            style={{\r\n              pointerEvents: 'none',\r\n              ...suffixIconProps?.style,\r\n            }}\r\n          />\r\n        }\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nSelect.displayName = 'Select';\r\n\r\nexport default Select;\r\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,WAAS,MACZ,EAAE,KAAK,SAAS,iBAAiB,YAAY,QAAQ,WAAW,GAAG,WAAW;CAC7E,MAAM,EAAE,eAAe,aAAa;CAEpC,OACE,oBAACC,QAAD;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;EAAY,CAAC,GAC7E,SACF;EACA,YACE,oBAAC,MAAD;GACE,MAAM,cAAc;GACpB,MAAM;GACN,GAAI;GACJ,OAAO;IACL,eAAe;IACf,GAAG,iBAAiB;GACtB;EACD,CAAA;EAEH,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAO,cAAc"}
+{"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 `@jinmi/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,aAAa;CAEpC,OACE,oBAACC,QAAD;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;EAAY,CAAC,GAC7E,SACF;EACA,YACE,oBAAC,MAAD;GACE,MAAM,cAAc;GACpB,MAAM;GACN,GAAI;GACJ,OAAO;IACL,eAAe;IACf,GAAG,iBAAiB;GACtB;EACD,CAAA;EAEH,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAO,cAAc"}

package/es/Select/index.mjs

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

package/es/Select/style.mjs

@@ -1,7 +1,7 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/Select/style.ts
+// src/Select/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		borderless: css`
@@ -58,7 +58,6 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-//#endregion
 export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/Select/type.d.mts

@@ -2,13 +2,11 @@ import { IconProps } from "../Icon/type.mjs";
 import "../Icon/index.mjs";
 import { Ref } from "react";
 import { RefSelectProps, SelectProps } from "antd";
-//#region src/Select/type.d.ts
 interface SelectProps$1 extends Omit<SelectProps, 'suffixIcon'> {
   ref?: Ref<RefSelectProps>;
   shadow?: boolean;
   suffixIcon?: IconProps['icon'];
   suffixIconProps?: Omit<IconProps, 'icon'>;
 }
-//#endregion
 export { SelectProps$1 as SelectProps };
 //# sourceMappingURL=type.d.mts.map

package/es/SideNav/SideNav.d.mts

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

package/es/SideNav/SideNav.mjs

@@ -4,7 +4,7 @@ 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
+// src/SideNav/SideNav.tsx
 const SideNav = memo(({ className, avatar, topActions, bottomActions, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		align: "center",
@@ -31,7 +31,6 @@ const SideNav = memo(({ className, avatar, topActions, bottomActions, ...rest })
 	});
 });
 SideNav.displayName = "SideNav";
-//#endregion
 export { SideNav as default };
 
 //# sourceMappingURL=SideNav.mjs.map

package/es/SideNav/index.mjs

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

package/es/SideNav/style.mjs

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/SideNav/style.ts
+// src/SideNav/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => css`
     width: 58px;
     height: 100%;
@@ -10,7 +10,6 @@ const styles = createStaticStyles(({ css, cssVar }) => css`
 
     background: ${cssVar.colorBgContainer};
   `);
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/SideNav/type.d.mts

@@ -1,12 +1,10 @@
 import { FlexboxProps } from "../Flex/type.mjs";
 import "../Flex/index.mjs";
 import { ReactNode } from "react";
-//#region src/SideNav/type.d.ts
 interface SideNavProps extends FlexboxProps {
   avatar?: ReactNode;
   bottomActions: ReactNode;
   topActions?: ReactNode;
 }
-//#endregion
 export { SideNavProps };
 //# sourceMappingURL=type.d.mts.map

package/es/Skeleton/Skeleton.mjs

@@ -6,7 +6,7 @@ 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
+// src/Skeleton/Skeleton.tsx
 /**
 * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.
 */
@@ -66,7 +66,6 @@ const Skeleton = ({ active, avatar = false, title = true, paragraph = true, clas
 	});
 };
 Skeleton.displayName = "Skeleton";
-//#endregion
 export { Skeleton as default };
 
 //# sourceMappingURL=Skeleton.mjs.map

package/es/Skeleton/Skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport SkeletonAvatar from './SkeletonAvatar';\r\nimport SkeletonParagraph from './SkeletonParagraph';\r\nimport SkeletonTitle from './SkeletonTitle';\r\nimport { styles } from './style';\r\nimport type { SkeletonProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Skeleton: FC<SkeletonProps> = ({\r\n  active,\r\n  avatar = false,\r\n  title = true,\r\n  paragraph = true,\r\n  className,\r\n  classNames,\r\n  styles: customStyles,\r\n  style,\r\n  width,\r\n  height,\r\n  gap = 16,\r\n  ...rest\r\n}) => {\r\n  const showAvatar = Boolean(avatar);\r\n  const showTitle = Boolean(title);\r\n  const showParagraph = Boolean(paragraph);\r\n  const avatarProps = typeof avatar === 'object' ? avatar : undefined;\r\n  const titleProps = typeof title === 'object' ? title : undefined;\r\n  const paragraphProps = typeof paragraph === 'object' ? paragraph : undefined;\r\n  const rootStyle = {\r\n    ...style,\r\n    ...customStyles?.root,\r\n    ...(width !== undefined ? { width } : {}),\r\n    ...(height !== undefined ? { height } : {}),\r\n  };\r\n\r\n  const avatarActive = avatarProps?.active ?? active;\r\n  const titleActive = titleProps?.active ?? active;\r\n  const paragraphActive = paragraphProps?.active ?? active;\r\n\r\n  return (\r\n    <Flexbox\r\n      horizontal\r\n      align={showParagraph ? 'flex-start' : 'center'}\r\n      className={cx(className, classNames?.root)}\r\n      gap={gap}\r\n      style={rootStyle}\r\n      width={'100%'}\r\n      {...rest}\r\n    >\r\n      {showAvatar && (\r\n        <SkeletonAvatar\r\n          {...avatarProps}\r\n          active={avatarActive}\r\n          className={cx(styles.avatar, classNames?.avatar, avatarProps?.className)}\r\n          style={{\r\n            ...avatarProps?.style,\r\n            ...customStyles?.avatar,\r\n          }}\r\n        />\r\n      )}\r\n      <Flexbox gap={gap} width={'100%'}>\r\n        {showTitle && (\r\n          <SkeletonTitle\r\n            {...titleProps}\r\n            active={titleActive}\r\n            className={cx(classNames?.title, titleProps?.className)}\r\n            style={{\r\n              ...titleProps?.style,\r\n              ...customStyles?.title,\r\n            }}\r\n          />\r\n        )}\r\n        {showParagraph && (\r\n          <SkeletonParagraph\r\n            {...paragraphProps}\r\n            active={paragraphActive}\r\n            className={cx(classNames?.paragraph, paragraphProps?.className)}\r\n            style={{\r\n              ...paragraphProps?.style,\r\n              ...customStyles?.paragraph,\r\n            }}\r\n          />\r\n        )}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nSkeleton.displayName = 'Skeleton';\r\n\r\nexport default Skeleton;\r\n"],"mappings":";;;;;;;;;;;;AAgBA,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,MAAM;CACjC,MAAM,YAAY,QAAQ,KAAK;CAC/B,MAAM,gBAAgB,QAAQ,SAAS;CACvC,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,MAAM,IAAI,CAAC;EACvC,GAAI,WAAW,KAAA,IAAY,EAAE,OAAO,IAAI,CAAC;CAC3C;CAEA,MAAM,eAAe,aAAa,UAAU;CAC5C,MAAM,cAAc,YAAY,UAAU;CAC1C,MAAM,kBAAkB,gBAAgB,UAAU;CAElD,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO,gBAAgB,eAAe;EACtC,WAAW,GAAG,WAAW,YAAY,IAAI;EACpC;EACL,OAAO;EACP,OAAO;EACP,GAAI;EAPN,UAAA,CASG,cACC,oBAAC,gBAAD;GACE,GAAI;GACJ,QAAQ;GACR,WAAW,GAAG,OAAO,QAAQ,YAAY,QAAQ,aAAa,SAAS;GACvE,OAAO;IACL,GAAG,aAAa;IAChB,GAAG,cAAc;GACnB;EACD,CAAA,GAEH,qBAACA,mBAAD;GAAc;GAAK,OAAO;GAA1B,UAAA,CACG,aACC,oBAAC,eAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,OAAO,YAAY,SAAS;IACtD,OAAO;KACL,GAAG,YAAY;KACf,GAAG,cAAc;IACnB;GACD,CAAA,GAEF,iBACC,oBAAC,mBAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,WAAW,gBAAgB,SAAS;IAC9D,OAAO;KACL,GAAG,gBAAgB;KACnB,GAAG,cAAc;IACnB;GACD,CAAA,CAEI;EACF,CAAA,CAAA;;AAEb;AAEA,SAAS,cAAc"}
+{"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\n/**\n * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.\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":";;;;;;;;;;;;AAgBA,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,MAAM;CACjC,MAAM,YAAY,QAAQ,KAAK;CAC/B,MAAM,gBAAgB,QAAQ,SAAS;CACvC,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,MAAM,IAAI,CAAC;EACvC,GAAI,WAAW,KAAA,IAAY,EAAE,OAAO,IAAI,CAAC;CAC3C;CAEA,MAAM,eAAe,aAAa,UAAU;CAC5C,MAAM,cAAc,YAAY,UAAU;CAC1C,MAAM,kBAAkB,gBAAgB,UAAU;CAElD,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO,gBAAgB,eAAe;EACtC,WAAW,GAAG,WAAW,YAAY,IAAI;EACpC;EACL,OAAO;EACP,OAAO;EACP,GAAI;EAPN,UAAA,CASG,cACC,oBAAC,gBAAD;GACE,GAAI;GACJ,QAAQ;GACR,WAAW,GAAG,OAAO,QAAQ,YAAY,QAAQ,aAAa,SAAS;GACvE,OAAO;IACL,GAAG,aAAa;IAChB,GAAG,cAAc;GACnB;EACD,CAAA,GAEH,qBAACA,mBAAD;GAAc;GAAK,OAAO;GAA1B,UAAA,CACG,aACC,oBAAC,eAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,OAAO,YAAY,SAAS;IACtD,OAAO;KACL,GAAG,YAAY;KACf,GAAG,cAAc;IACnB;GACD,CAAA,GAEF,iBACC,oBAAC,mBAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,WAAW,gBAAgB,SAAS;IAC9D,OAAO;KACL,GAAG,gBAAgB;KACnB,GAAG,cAAc;IACnB;GACD,CAAA,CAEI;EACF,CAAA,CAAA;;AAEb;AAEA,SAAS,cAAc"}

package/es/Skeleton/SkeletonAvatar.d.mts

@@ -1,10 +1,8 @@
 import { SkeletonAvatarProps } from "./type.mjs";
 import { FC } from "react";
-//#region src/Skeleton/SkeletonAvatar.d.ts
 /**
  * @deprecated Use `Skeleton.Avatar` from `@jinmi/ui/base-ui` instead.
  */
 declare const SkeletonAvatar: FC<SkeletonAvatarProps>;
-//#endregion
 export { SkeletonAvatar as default };
 //# sourceMappingURL=SkeletonAvatar.d.mts.map

package/es/Skeleton/SkeletonAvatar.mjs

@@ -3,7 +3,7 @@ import { styles } from "./style.mjs";
 import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
-//#region src/Skeleton/SkeletonAvatar.tsx
+// src/Skeleton/SkeletonAvatar.tsx
 const DEFAULT_SIZE = 40;
 /**
 * @deprecated Use `Skeleton.Avatar` from `@jinmi/ui/base-ui` instead.
@@ -26,7 +26,6 @@ const SkeletonAvatar = ({ active, shape = "square", size, width, height, style,
 	});
 };
 SkeletonAvatar.displayName = "SkeletonAvatar";
-//#endregion
 export { SkeletonAvatar as default };
 
 //# sourceMappingURL=SkeletonAvatar.mjs.map

package/es/Skeleton/SkeletonAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonAvatar.mjs","names":[],"sources":["../../src/Skeleton/SkeletonAvatar.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport { styles } from './style';\r\nimport type { SkeletonAvatarProps } from './type';\r\n\r\nconst DEFAULT_SIZE = 40;\r\n\r\n/**\r\n * @deprecated Use `Skeleton.Avatar` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonAvatar: FC<SkeletonAvatarProps> = ({\r\n  active,\r\n  shape = 'square',\r\n  size,\r\n  width,\r\n  height,\r\n  style,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const defaultSize = size ?? DEFAULT_SIZE;\r\n  const finalWidth = width ?? defaultSize;\r\n  const finalHeight = height ?? defaultSize;\r\n  const borderRadius = shape === 'circle' ? '50%' : cssVar.borderRadius;\r\n\r\n  return (\r\n    <SkeletonBlock\r\n      active={active}\r\n      className={cx(styles.avatar, className)}\r\n      height={finalHeight}\r\n      style={{ borderRadius, ...style }}\r\n      width={finalWidth}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSkeletonAvatar.displayName = 'SkeletonAvatar';\r\n\r\nexport default SkeletonAvatar;\r\n"],"mappings":";;;;;;AASA,MAAM,eAAe;;;;AAKrB,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;CAEzD,OACE,oBAAC,eAAD;EACU;EACR,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"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\n/**\n * @deprecated Use `Skeleton.Avatar` from `@jinmi/ui/base-ui` instead.\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;;;;AAKrB,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;CAEzD,OACE,oBAAC,eAAD;EACU;EACR,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/es/Skeleton/SkeletonBlock.d.mts

@@ -1,10 +1,8 @@
 import { SkeletonBlockProps } from "./type.mjs";
 import { FC } from "react";
-//#region src/Skeleton/SkeletonBlock.d.ts
 /**
  * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.
  */
 declare const SkeletonBlock: FC<SkeletonBlockProps>;
-//#endregion
 export { SkeletonBlock as default };
 //# sourceMappingURL=SkeletonBlock.d.mts.map

package/es/Skeleton/SkeletonBlock.mjs

@@ -3,7 +3,7 @@ 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
+// src/Skeleton/SkeletonBlock.tsx
 /**
 * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.
 */
@@ -17,7 +17,6 @@ const SkeletonBlock = ({ width = "100%", height = "1em", active, style, classNam
 	});
 };
 SkeletonBlock.displayName = "SkeletonBlock";
-//#endregion
 export { SkeletonBlock as default };
 
 //# sourceMappingURL=SkeletonBlock.mjs.map

package/es/Skeleton/SkeletonBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonBlock.mjs","names":[],"sources":["../../src/Skeleton/SkeletonBlock.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport Block from '@/Block';\r\nimport type { SkeletonBlockProps } from '@/Skeleton/type';\r\n\r\nimport { styles } from './style';\r\n\r\n/**\r\n * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonBlock: FC<SkeletonBlockProps> = ({\r\n  width = '100%',\r\n  height = '1em',\r\n  active,\r\n  style,\r\n  className,\r\n}) => {\r\n  return (\r\n    <Block\r\n      className={cx(styles.base, active && styles.active, className)}\r\n      height={height}\r\n      style={style}\r\n      variant={'filled'}\r\n      width={width}\r\n    />\r\n  );\r\n};\r\n\r\nSkeletonBlock.displayName = 'SkeletonBlock';\r\n\r\nexport default SkeletonBlock;\r\n"],"mappings":";;;;;;;;;AAaA,MAAM,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;CACJ,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,SAAS;EACrD;EACD;EACP,SAAS;EACF;CACR,CAAA;AAEL;AAEA,cAAc,cAAc"}
+{"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\n/**\n * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.\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":";;;;;;;;;AAaA,MAAM,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;CACJ,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,SAAS;EACrD;EACD;EACP,SAAS;EACF;CACR,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/es/Skeleton/SkeletonButton.d.mts

@@ -1,10 +1,8 @@
 import { SkeletonButtonProps } from "./type.mjs";
 import { FC } from "react";
-//#region src/Skeleton/SkeletonButton.d.ts
 /**
  * @deprecated Use `Skeleton` with an explicit `height` from `@jinmi/ui/base-ui` instead.
  */
 declare const SkeletonButton: FC<SkeletonButtonProps>;
-//#endregion
 export { SkeletonButton as default };
 //# sourceMappingURL=SkeletonButton.d.mts.map

package/es/Skeleton/SkeletonButton.mjs

@@ -2,7 +2,7 @@
 import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cssVar } from "antd-style";
-//#region src/Skeleton/SkeletonButton.tsx
+// src/Skeleton/SkeletonButton.tsx
 const HEIGHT_MAP = {
 	default: 36,
 	large: 46,
@@ -34,7 +34,6 @@ const SkeletonButton = ({ active, block = false, shape = "default", size = "defa
 	});
 };
 SkeletonButton.displayName = "SkeletonButton";
-//#endregion
 export { SkeletonButton as default };
 
 //# sourceMappingURL=SkeletonButton.mjs.map

package/es/Skeleton/SkeletonButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.mjs","names":[],"sources":["../../src/Skeleton/SkeletonButton.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport type { SkeletonButtonProps } from './type';\r\n\r\nconst HEIGHT_MAP: Record<'large' | 'small' | 'default', number> = {\r\n  default: 36,\r\n  large: 46,\r\n  small: 28,\r\n};\r\n\r\n/**\r\n * @deprecated Use `Skeleton` with an explicit `height` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonButton: FC<SkeletonButtonProps> = ({\r\n  active,\r\n  block = false,\r\n  shape = 'default',\r\n  size = 'default',\r\n  width,\r\n  height,\r\n  style,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const resolvedSize = size ?? 'default';\r\n  const baseHeight = height ?? HEIGHT_MAP[resolvedSize];\r\n  const defaultWidth = block ? '100%' : shape === 'circle' ? baseHeight : 80;\r\n  const finalWidth = width ?? defaultWidth;\r\n\r\n  const RADIUS_MAP: Record<'large' | 'small' | 'default', string> = {\r\n    default: cssVar.borderRadius,\r\n    large: cssVar.borderRadiusLG,\r\n    small: cssVar.borderRadiusSM,\r\n  };\r\n\r\n  const borderRadius =\r\n    shape === 'circle'\r\n      ? '50%'\r\n      : shape === 'round'\r\n        ? `calc(${cssVar.borderRadius} * 2)`\r\n        : RADIUS_MAP[resolvedSize];\r\n\r\n  return (\r\n    <SkeletonBlock\r\n      active={active}\r\n      className={className}\r\n      height={baseHeight}\r\n      style={{ borderRadius, ...style }}\r\n      width={finalWidth}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSkeletonButton.displayName = 'SkeletonButton';\r\n\r\nexport default SkeletonButton;\r\n"],"mappings":";;;;;AAQA,MAAM,aAA4D;CAChE,SAAS;CACT,OAAO;CACP,OAAO;AACT;;;;AAKA,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;CAChB;CAEA,MAAM,eACJ,UAAU,WACN,QACA,UAAU,UACR,QAAQ,OAAO,aAAa,SAC5B,WAAW;CAEnB,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"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\n/**\n * @deprecated Use `Skeleton` with an explicit `height` from `@jinmi/ui/base-ui` instead.\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;AACT;;;;AAKA,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;CAChB;CAEA,MAAM,eACJ,UAAU,WACN,QACA,UAAU,UACR,QAAQ,OAAO,aAAa,SAC5B,WAAW;CAEnB,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/es/Skeleton/SkeletonParagraph.d.mts

@@ -1,10 +1,8 @@
 import { SkeletonParagraphProps } from "./type.mjs";
 import { FC } from "react";
-//#region src/Skeleton/SkeletonParagraph.d.ts
 /**
  * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.
  */
 declare const SkeletonParagraph: FC<SkeletonParagraphProps>;
-//#endregion
 export { SkeletonParagraph as default };
 //# sourceMappingURL=SkeletonParagraph.d.mts.map

package/es/Skeleton/SkeletonParagraph.mjs

@@ -2,7 +2,7 @@
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/Skeleton/SkeletonParagraph.tsx
+// src/Skeleton/SkeletonParagraph.tsx
 const DEFAULT_ROWS = 3;
 /**
 * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.
@@ -37,7 +37,6 @@ const SkeletonParagraph = ({ active, rows = DEFAULT_ROWS, gap, width, height, fo
 	});
 };
 SkeletonParagraph.displayName = "SkeletonParagraph";
-//#endregion
 export { SkeletonParagraph as default };
 
 //# sourceMappingURL=SkeletonParagraph.mjs.map

package/es/Skeleton/SkeletonParagraph.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonParagraph.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { type FC } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport type { SkeletonParagraphProps } from './type';\r\n\r\nconst DEFAULT_ROWS = 3;\r\n\r\n/**\r\n * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonParagraph: FC<SkeletonParagraphProps> = ({\r\n  active,\r\n  rows = DEFAULT_ROWS,\r\n  gap,\r\n  width,\r\n  height,\r\n  fontSize,\r\n  lineHeight,\r\n  style,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const rowGap = gap;\r\n  const rowCount = Math.max(rows, 1);\r\n  const baseFontSize = fontSize ?? 14;\r\n  const resolvedLineHeight = lineHeight ?? 1.6;\r\n  const computedHeight = height ? height : Math.round(baseFontSize * resolvedLineHeight);\r\n  const marginBlock = computedHeight - baseFontSize;\r\n  const widthList = Array.isArray(width) ? width : null;\r\n\r\n  const getRowWidth = (index: number): string | number => {\r\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? '100%';\r\n    if (width !== undefined) return width as string | number;\r\n    if (index === rowCount - 1) return '66%';\r\n    return '100%';\r\n  };\r\n\r\n  const containerStyle = { gap: rowGap, ...style };\r\n\r\n  return (\r\n    <Flexbox\r\n      className={className}\r\n      gap={gap || marginBlock}\r\n      style={containerStyle}\r\n      width={'100%'}\r\n      {...rest}\r\n    >\r\n      {Array.from({ length: rowCount }).map((_, index) => (\r\n        <SkeletonBlock\r\n          active={active}\r\n          height={baseFontSize}\r\n          key={index}\r\n          width={getRowWidth(index)}\r\n        />\r\n      ))}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nSkeletonParagraph.displayName = 'SkeletonParagraph';\r\n\r\nexport default SkeletonParagraph;\r\n"],"mappings":";;;;;AASA,MAAM,eAAe;;;;AAKrB,MAAM,qBAAiD,EACrD,QACA,OAAO,cACP,KACA,OACA,QACA,UACA,YACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS;CACf,MAAM,WAAW,KAAK,IAAI,MAAM,CAAC;CACjC,MAAM,eAAe,YAAY;CAGjC,MAAM,eADiB,SAAS,SAAS,KAAK,MAAM,gBADzB,cAAc,IAC4C,KAChD;CACrC,MAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,QAAQ;CAEjD,MAAM,eAAe,UAAmC;EACtD,IAAI,WAAW,OAAO,UAAU,UAAU,UAAU,GAAG,EAAE,KAAK;EAC9D,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,IAAI,UAAU,WAAW,GAAG,OAAO;EACnC,OAAO;CACT;CAEA,MAAM,iBAAiB;EAAE,KAAK;EAAQ,GAAG;CAAM;CAE/C,OACE,oBAACA,mBAAD;EACa;EACX,KAAK,OAAO;EACZ,OAAO;EACP,OAAO;EACP,GAAI;EAEH,UAAA,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,UACxC,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,YAAY,KAAK;EACzB,GAFM,KAEN,CACF;CACM,CAAA;AAEb;AAEA,kBAAkB,cAAc"}
+{"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\n/**\n * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.\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;;;;AAKrB,MAAM,qBAAiD,EACrD,QACA,OAAO,cACP,KACA,OACA,QACA,UACA,YACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS;CACf,MAAM,WAAW,KAAK,IAAI,MAAM,CAAC;CACjC,MAAM,eAAe,YAAY;CAGjC,MAAM,eADiB,SAAS,SAAS,KAAK,MAAM,gBADzB,cAAc,IAC4C,KAChD;CACrC,MAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,QAAQ;CAEjD,MAAM,eAAe,UAAmC;EACtD,IAAI,WAAW,OAAO,UAAU,UAAU,UAAU,GAAG,EAAE,KAAK;EAC9D,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,IAAI,UAAU,WAAW,GAAG,OAAO;EACnC,OAAO;CACT;CAEA,MAAM,iBAAiB;EAAE,KAAK;EAAQ,GAAG;CAAM;CAE/C,OACE,oBAACA,mBAAD;EACa;EACX,KAAK,OAAO;EACZ,OAAO;EACP,OAAO;EACP,GAAI;EAEH,UAAA,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,UACxC,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,YAAY,KAAK;EACzB,GAFM,KAEN,CACF;CACM,CAAA;AAEb;AAEA,kBAAkB,cAAc"}

package/es/Skeleton/SkeletonTags.d.mts

@@ -1,10 +1,8 @@
 import { SkeletonTagsProps } from "./type.mjs";
 import { FC } from "react";
-//#region src/Skeleton/SkeletonTags.d.ts
 /**
  * @deprecated Use `Skeleton` blocks in a `Flexbox horizontal` instead.
  */
 declare const SkeletonTags: FC<SkeletonTagsProps>;
-//#endregion
 export { SkeletonTags as default };
 //# sourceMappingURL=SkeletonTags.d.mts.map

package/es/Skeleton/SkeletonTags.mjs

@@ -3,7 +3,7 @@ import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cssVar } from "antd-style";
-//#region src/Skeleton/SkeletonTags.tsx
+// src/Skeleton/SkeletonTags.tsx
 const DEFAULT_COUNT = 1;
 const HEIGHT_MAP = {
 	large: 28,
@@ -51,7 +51,6 @@ const SkeletonTags = ({ active, className, count = DEFAULT_COUNT, gap, height, s
 	});
 };
 SkeletonTags.displayName = "SkeletonTags";
-//#endregion
 export { SkeletonTags as default };
 
 //# sourceMappingURL=SkeletonTags.mjs.map

package/es/Skeleton/SkeletonTitle.d.mts

@@ -1,10 +1,8 @@
 import { SkeletonTitleProps } from "./type.mjs";
 import { FC } from "react";
-//#region src/Skeleton/SkeletonTitle.d.ts
 /**
  * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.
  */
 declare const SkeletonTitle: FC<SkeletonTitleProps>;
-//#endregion
 export { SkeletonTitle as default };
 //# sourceMappingURL=SkeletonTitle.d.mts.map

package/es/Skeleton/SkeletonTitle.mjs

@@ -2,7 +2,7 @@
 import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cssVar } from "antd-style";
-//#region src/Skeleton/SkeletonTitle.tsx
+// src/Skeleton/SkeletonTitle.tsx
 /**
 * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.
 */
@@ -24,7 +24,6 @@ const SkeletonTitle = ({ active, fontSize, lineHeight, height, width = "60%", st
 	});
 };
 SkeletonTitle.displayName = "SkeletonTitle";
-//#endregion
 export { SkeletonTitle as default };
 
 //# sourceMappingURL=SkeletonTitle.mjs.map

package/es/Skeleton/SkeletonTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTitle.mjs","names":[],"sources":["../../src/Skeleton/SkeletonTitle.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport type { SkeletonTitleProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonTitle: FC<SkeletonTitleProps> = ({\r\n  active,\r\n  fontSize,\r\n  lineHeight,\r\n  height,\r\n  width = '60%',\r\n  style,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const resolvedLineHeight = lineHeight ?? 1.6;\r\n  const baseFontSize = fontSize !== undefined ? `${fontSize}px` : cssVar.fontSize;\r\n\r\n  // height = baseFontSize * (1 + (lineHeight - 1) * 0.5)\r\n  const heightMultiplier = 1 + (resolvedLineHeight - 1) * 0.5;\r\n  // marginBlock = baseFontSize * (lineHeight - 1) * 0.25\r\n  const marginMultiplier = (resolvedLineHeight - 1) * 0.25;\r\n\r\n  return (\r\n    <SkeletonBlock\r\n      active={active}\r\n      className={className}\r\n      height={height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`}\r\n      width={width}\r\n      style={{\r\n        marginBlock: `round(calc(${baseFontSize} * ${marginMultiplier}), 1px)`,\r\n        ...style,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSkeletonTitle.displayName = 'SkeletonTitle';\r\n\r\nexport default SkeletonTitle;\r\n"],"mappings":";;;;;;;;AAWA,MAAM,iBAAyC,EAC7C,QACA,UACA,YACA,QACA,QAAQ,OACR,OACA,WACA,GAAG,WACC;CACJ,MAAM,qBAAqB,cAAc;CACzC,MAAM,eAAe,aAAa,KAAA,IAAY,GAAG,SAAS,MAAM,OAAO;CAGvE,MAAM,mBAAmB,KAAK,qBAAqB,KAAK;CAExD,MAAM,oBAAoB,qBAAqB,KAAK;CAEpD,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ,UAAU,cAAc,aAAa,KAAK,iBAAiB;EAC5D;EACP,OAAO;GACL,aAAa,cAAc,aAAa,KAAK,iBAAiB;GAC9D,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}
+{"version":3,"file":"SkeletonTitle.mjs","names":[],"sources":["../../src/Skeleton/SkeletonTitle.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonTitleProps } from './type';\n\n/**\n * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.\n */\nconst SkeletonTitle: FC<SkeletonTitleProps> = ({\n  active,\n  fontSize,\n  lineHeight,\n  height,\n  width = '60%',\n  style,\n  className,\n  ...rest\n}) => {\n  const resolvedLineHeight = lineHeight ?? 1.6;\n  const baseFontSize = fontSize !== undefined ? `${fontSize}px` : cssVar.fontSize;\n\n  // height = baseFontSize * (1 + (lineHeight - 1) * 0.5)\n  const heightMultiplier = 1 + (resolvedLineHeight - 1) * 0.5;\n  // marginBlock = baseFontSize * (lineHeight - 1) * 0.25\n  const marginMultiplier = (resolvedLineHeight - 1) * 0.25;\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={className}\n      height={height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`}\n      width={width}\n      style={{\n        marginBlock: `round(calc(${baseFontSize} * ${marginMultiplier}), 1px)`,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nSkeletonTitle.displayName = 'SkeletonTitle';\n\nexport default SkeletonTitle;\n"],"mappings":";;;;;;;;AAWA,MAAM,iBAAyC,EAC7C,QACA,UACA,YACA,QACA,QAAQ,OACR,OACA,WACA,GAAG,WACC;CACJ,MAAM,qBAAqB,cAAc;CACzC,MAAM,eAAe,aAAa,KAAA,IAAY,GAAG,SAAS,MAAM,OAAO;CAGvE,MAAM,mBAAmB,KAAK,qBAAqB,KAAK;CAExD,MAAM,oBAAoB,qBAAqB,KAAK;CAEpD,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ,UAAU,cAAc,aAAa,KAAK,iBAAiB;EAC5D;EACP,OAAO;GACL,aAAa,cAAc,aAAa,KAAK,iBAAiB;GAC9D,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/es/Skeleton/index.d.mts

@@ -6,7 +6,6 @@ import SkeletonParagraph from "./SkeletonParagraph.mjs";
 import SkeletonTags from "./SkeletonTags.mjs";
 import SkeletonTitle from "./SkeletonTitle.mjs";
 import { ReactNode } from "react";
-//#region src/Skeleton/index.d.ts
 interface ISkeleton {
   (props: SkeletonProps): ReactNode;
   Avatar: typeof SkeletonAvatar;
@@ -17,6 +16,5 @@ interface ISkeleton {
   Title: typeof SkeletonTitle;
 }
 declare const Skeleton: ISkeleton;
-//#endregion
 export { SkeletonAvatar, type SkeletonAvatarProps, SkeletonBlock, type SkeletonBlockProps, SkeletonButton, type SkeletonButtonProps, SkeletonParagraph, type SkeletonParagraphProps, type SkeletonProps, SkeletonTags, type SkeletonTagsProps, SkeletonTitle, type SkeletonTitleProps, Skeleton as default };
 //# sourceMappingURL=index.d.mts.map

package/es/Skeleton/index.mjs

@@ -5,7 +5,7 @@ import SkeletonTitle from "./SkeletonTitle.mjs";
 import Skeleton$1 from "./Skeleton.mjs";
 import SkeletonButton from "./SkeletonButton.mjs";
 import SkeletonTags from "./SkeletonTags.mjs";
-//#region src/Skeleton/index.ts
+// src/Skeleton/index.ts
 const Skeleton = Skeleton$1;
 Skeleton.Block = SkeletonBlock;
 Skeleton.Avatar = SkeletonAvatar;
@@ -13,7 +13,6 @@ Skeleton.Title = SkeletonTitle;
 Skeleton.Paragraph = SkeletonParagraph;
 Skeleton.Button = SkeletonButton;
 Skeleton.Tags = SkeletonTags;
-//#endregion
 export { SkeletonAvatar, SkeletonBlock, SkeletonButton, SkeletonParagraph, SkeletonTags, SkeletonTitle, Skeleton as default };
 
 //# sourceMappingURL=index.mjs.map

package/es/Skeleton/style.mjs

@@ -1,5 +1,5 @@
 import { createStaticStyles, keyframes } from "antd-style";
-//#region src/Skeleton/style.ts
+// src/Skeleton/style.ts
 const shimmer = keyframes`
   0% {
     opacity: 1;
@@ -41,7 +41,6 @@ const styles = createStaticStyles(({ css, cssVar }) => {
     `
 	};
 });
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/Skeleton/type.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties } from "react";
-//#region src/Skeleton/type.d.ts
 interface SkeletonBlockProps {
   active?: boolean;
   className?: string;
@@ -54,6 +53,5 @@ interface SkeletonProps extends SkeletonBlockProps {
   };
   title?: SkeletonTitleProps | boolean;
 }
-//#endregion
 export { SkeletonAvatarProps, SkeletonBlockProps, SkeletonButtonProps, SkeletonParagraphProps, SkeletonProps, SkeletonTagsProps, SkeletonTitleProps };
 //# sourceMappingURL=type.d.mts.map

package/es/SliderWithInput/SliderWithInput.d.mts

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

package/es/SliderWithInput/SliderWithInput.mjs

@@ -5,7 +5,7 @@ import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isNull } from "es-toolkit/compat";
 import { Slider } from "antd";
-//#region src/SliderWithInput/SliderWithInput.tsx
+// src/SliderWithInput/SliderWithInput.tsx
 const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, size, controls, gap = 16, style, className, classNames, styles, disabled, unlimitedInput = false, changeOnWheel, ...rest }) => {
 	const handleOnchange = (value) => {
 		if (Number.isNaN(value) || isNull(value)) return;
@@ -59,7 +59,6 @@ const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, s
 	});
 });
 SliderWithInput.displayName = "SliderWithInput";
-//#endregion
 export { SliderWithInput as default };
 
 //# sourceMappingURL=SliderWithInput.mjs.map

package/es/SliderWithInput/index.mjs

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

package/es/SliderWithInput/type.d.mts

@@ -4,7 +4,6 @@ import { InputNumberProps as InputNumberProps$1 } from "../Input/type.mjs";
 import "../Input/index.mjs";
 import { CSSProperties } from "react";
 import { SliderSingleProps } from "antd";
-//#region src/SliderWithInput/type.d.ts
 interface SliderWithInputProps extends Omit<SliderSingleProps, 'classNames' | 'styles'> {
   changeOnWheel?: boolean;
   classNames?: {
@@ -21,6 +20,5 @@ interface SliderWithInputProps extends Omit<SliderSingleProps, 'classNames' | 's
   unlimitedInput?: boolean;
   variant?: InputNumberProps$1['variant'];
 }
-//#endregion
 export { SliderWithInputProps };
 //# sourceMappingURL=type.d.mts.map