@jinmi/ui 0.0.0-stage → 6.0.1

package/es/Select/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Select/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    borderless: css`\r\n      &[class*='ant-select'] {\r\n        > [class*='ant-select-selector'] {\r\n          ${lobeStaticStylish.variantBorderless}\r\n        }\r\n      }\r\n    `,\r\n    filled: css`\r\n      &[class*='ant-select'] {\r\n        > [class*='ant-select-selector'] {\r\n          ${lobeStaticStylish.variantFilled}\r\n        }\r\n      }\r\n    `,\r\n    outlined: css`\r\n      &[class*='ant-select'] {\r\n        > [class*='ant-select-selector'] {\r\n          ${lobeStaticStylish.variantOutlined}\r\n        }\r\n      }\r\n    `,\r\n    root: css`\r\n      &[class*='ant-select'] {\r\n        &[class*='ant-select-focused'] {\r\n          > [class*='ant-select-selector'] {\r\n            background: ${cssVar.colorFillTertiary} !important;\r\n          }\r\n        }\r\n      }\r\n    `,\r\n    shadow: css`\r\n      &[class*='ant-select'] {\r\n        > [class*='ant-select-selector'] {\r\n          ${lobeStaticStylish.shadow}\r\n        }\r\n      }\r\n    `,\r\n  };\r\n});\r\n\r\nexport const variants = cva(styles.root, {\r\n  defaultVariants: {\r\n    shadow: false,\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n      borderless: styles.borderless,\r\n      underlined: null,\r\n    },\r\n    shadow: {\r\n      false: null,\r\n      true: styles.shadow,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;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;;;;CAInC;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,MACV;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;EACd;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Select/type.d.mts

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,37 @@
+"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, {
+		align: "center",
+		className: cx(styles, className),
+		flex: "none",
+		justify: "space-between",
+		...rest,
+		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+			align: "center",
+			direction: "vertical",
+			gap: 12,
+			children: [avatar, /* @__PURE__ */ jsx(FlexBasic_default, {
+				align: "center",
+				direction: "vertical",
+				gap: 8,
+				children: topActions
+			})]
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			align: "center",
+			direction: "vertical",
+			gap: 4,
+			children: bottomActions
+		})]
+	});
+});
+SideNav.displayName = "SideNav";
+//#endregion
+export { SideNav as default };
+
+//# sourceMappingURL=SideNav.mjs.map

package/es/SideNav/SideNav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.mjs","names":["Flexbox"],"sources":["../../src/SideNav/SideNav.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport { styles } from './style';\r\nimport type { SideNavProps } from './type';\r\n\r\nconst SideNav = memo<SideNavProps>(({ className, avatar, topActions, bottomActions, ...rest }) => {\r\n  return (\r\n    <Flexbox\r\n      align={'center'}\r\n      className={cx(styles, className)}\r\n      flex={'none'}\r\n      justify={'space-between'}\r\n      {...rest}\r\n    >\r\n      <Flexbox align=\"center\" direction=\"vertical\" gap={12}>\r\n        {avatar}\r\n        <Flexbox align=\"center\" direction=\"vertical\" gap={8}>\r\n          {topActions}\r\n        </Flexbox>\r\n      </Flexbox>\r\n      <Flexbox align=\"center\" direction=\"vertical\" gap={4}>\r\n        {bottomActions}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n});\r\n\r\nSideNav.displayName = 'SideNav';\r\n\r\nexport default SideNav;\r\n"],"mappings":";;;;;;;AAUA,MAAM,UAAU,MAAoB,EAAE,WAAW,QAAQ,YAAY,eAAe,GAAG,WAAW;CAChG,OACE,qBAACA,mBAAD;EACE,OAAO;EACP,WAAW,GAAG,QAAQ,SAAS;EAC/B,MAAM;EACN,SAAS;EACT,GAAI;EALN,UAAA,CAOE,qBAACA,mBAAD;GAAS,OAAM;GAAS,WAAU;GAAW,KAAK;GAAlD,UAAA,CACG,QACD,oBAACA,mBAAD;IAAS,OAAM;IAAS,WAAU;IAAW,KAAK;IAC/C,UAAA;GACM,CAAA,CACF;EACT,CAAA,GAAA,oBAACA,mBAAD;GAAS,OAAM;GAAS,WAAU;GAAW,KAAK;GAC/C,UAAA;EACM,CAAA,CACF;;AAEb,CAAC;AAED,QAAQ,cAAc"}

package/es/SideNav/index.d.mts

@@ -0,0 +1,3 @@
+import { SideNavProps } from "./type.mjs";
+import SideNav from "./SideNav.mjs";
+export { type SideNavProps, SideNav as default };

package/es/SideNav/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/SideNav/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/SideNav/index.mjs

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

package/es/SideNav/style.mjs

@@ -0,0 +1,16 @@
+import { createStaticStyles } from "antd-style";
+//#region src/SideNav/style.ts
+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.colorBorderSecondary};
+
+    background: ${cssVar.colorBgContainer};
+  `);
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/SideNav/style.mjs.map

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

package/es/SideNav/type.d.mts

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,72 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import { styles } from "./style.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
+/**
+* @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.
+*/
+const Skeleton = ({ active, avatar = false, title = true, paragraph = true, className, classNames, styles: customStyles, style, width, height, gap = 16, ...rest }) => {
+	const showAvatar = Boolean(avatar);
+	const showTitle = Boolean(title);
+	const showParagraph = Boolean(paragraph);
+	const avatarProps = typeof avatar === "object" ? avatar : void 0;
+	const titleProps = typeof title === "object" ? title : void 0;
+	const paragraphProps = typeof paragraph === "object" ? paragraph : void 0;
+	const rootStyle = {
+		...style,
+		...customStyles?.root,
+		...width !== void 0 ? { width } : {},
+		...height !== void 0 ? { height } : {}
+	};
+	const avatarActive = avatarProps?.active ?? active;
+	const titleActive = titleProps?.active ?? active;
+	const paragraphActive = paragraphProps?.active ?? active;
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: showParagraph ? "flex-start" : "center",
+		className: cx(className, classNames?.root),
+		gap,
+		style: rootStyle,
+		width: "100%",
+		...rest,
+		children: [showAvatar && /* @__PURE__ */ jsx(SkeletonAvatar, {
+			...avatarProps,
+			active: avatarActive,
+			className: cx(styles.avatar, classNames?.avatar, avatarProps?.className),
+			style: {
+				...avatarProps?.style,
+				...customStyles?.avatar
+			}
+		}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+			gap,
+			width: "100%",
+			children: [showTitle && /* @__PURE__ */ jsx(SkeletonTitle, {
+				...titleProps,
+				active: titleActive,
+				className: cx(classNames?.title, titleProps?.className),
+				style: {
+					...titleProps?.style,
+					...customStyles?.title
+				}
+			}), showParagraph && /* @__PURE__ */ jsx(SkeletonParagraph, {
+				...paragraphProps,
+				active: paragraphActive,
+				className: cx(classNames?.paragraph, paragraphProps?.className),
+				style: {
+					...paragraphProps?.style,
+					...customStyles?.paragraph
+				}
+			})]
+		})]
+	});
+};
+Skeleton.displayName = "Skeleton";
+//#endregion
+export { Skeleton as default };
+
+//# sourceMappingURL=Skeleton.mjs.map

package/es/Skeleton/Skeleton.mjs.map

@@ -0,0 +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"}

package/es/Skeleton/SkeletonAvatar.d.mts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,32 @@
+"use client";
+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
+const DEFAULT_SIZE = 40;
+/**
+* @deprecated Use `Skeleton.Avatar` from `@jinmi/ui/base-ui` instead.
+*/
+const SkeletonAvatar = ({ active, shape = "square", size, width, height, style, className, ...rest }) => {
+	const defaultSize = size ?? DEFAULT_SIZE;
+	const finalWidth = width ?? defaultSize;
+	const finalHeight = height ?? defaultSize;
+	const borderRadius = shape === "circle" ? "50%" : cssVar.borderRadius;
+	return /* @__PURE__ */ jsx(SkeletonBlock, {
+		active,
+		className: cx(styles.avatar, className),
+		height: finalHeight,
+		style: {
+			borderRadius,
+			...style
+		},
+		width: finalWidth,
+		...rest
+	});
+};
+SkeletonAvatar.displayName = "SkeletonAvatar";
+//#endregion
+export { SkeletonAvatar as default };
+
+//# sourceMappingURL=SkeletonAvatar.mjs.map

package/es/Skeleton/SkeletonAvatar.mjs.map

@@ -0,0 +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"}

package/es/Skeleton/SkeletonBlock.d.mts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,23 @@
+"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
+/**
+* @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.
+*/
+const SkeletonBlock = ({ width = "100%", height = "1em", active, style, className }) => {
+	return /* @__PURE__ */ jsx(Block, {
+		className: cx(styles.base, active && styles.active, className),
+		height,
+		style,
+		variant: "filled",
+		width
+	});
+};
+SkeletonBlock.displayName = "SkeletonBlock";
+//#endregion
+export { SkeletonBlock as default };
+
+//# sourceMappingURL=SkeletonBlock.mjs.map

package/es/Skeleton/SkeletonBlock.mjs.map

@@ -0,0 +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"}

package/es/Skeleton/SkeletonButton.d.mts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,40 @@
+"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,
+	large: 46,
+	small: 28
+};
+/**
+* @deprecated Use `Skeleton` with an explicit `height` from `@jinmi/ui/base-ui` instead.
+*/
+const SkeletonButton = ({ active, block = false, shape = "default", size = "default", width, height, style, className, ...rest }) => {
+	const resolvedSize = size ?? "default";
+	const baseHeight = height ?? HEIGHT_MAP[resolvedSize];
+	const finalWidth = width ?? (block ? "100%" : shape === "circle" ? baseHeight : 80);
+	const RADIUS_MAP = {
+		default: cssVar.borderRadius,
+		large: cssVar.borderRadiusLG,
+		small: cssVar.borderRadiusSM
+	};
+	const borderRadius = shape === "circle" ? "50%" : shape === "round" ? `calc(${cssVar.borderRadius} * 2)` : RADIUS_MAP[resolvedSize];
+	return /* @__PURE__ */ jsx(SkeletonBlock, {
+		active,
+		className,
+		height: baseHeight,
+		style: {
+			borderRadius,
+			...style
+		},
+		width: finalWidth,
+		...rest
+	});
+};
+SkeletonButton.displayName = "SkeletonButton";
+//#endregion
+export { SkeletonButton as default };
+
+//# sourceMappingURL=SkeletonButton.mjs.map

package/es/Skeleton/SkeletonButton.mjs.map

@@ -0,0 +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"}

package/es/Skeleton/SkeletonParagraph.d.mts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,43 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import SkeletonBlock from "./SkeletonBlock.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/Skeleton/SkeletonParagraph.tsx
+const DEFAULT_ROWS = 3;
+/**
+* @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.
+*/
+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 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%";
+		if (width !== void 0) return width;
+		if (index === rowCount - 1) return "66%";
+		return "100%";
+	};
+	const containerStyle = {
+		gap: rowGap,
+		...style
+	};
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		className,
+		gap: gap || marginBlock,
+		style: containerStyle,
+		width: "100%",
+		...rest,
+		children: Array.from({ length: rowCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonBlock, {
+			active,
+			height: baseFontSize,
+			width: getRowWidth(index)
+		}, index))
+	});
+};
+SkeletonParagraph.displayName = "SkeletonParagraph";
+//#endregion
+export { SkeletonParagraph as default };
+
+//# sourceMappingURL=SkeletonParagraph.mjs.map

package/es/Skeleton/SkeletonParagraph.mjs.map

@@ -0,0 +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"}

package/es/Skeleton/SkeletonTags.d.mts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,57 @@
+"use client";
+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
+const DEFAULT_COUNT = 1;
+const HEIGHT_MAP = {
+	large: 28,
+	middle: 22,
+	small: 20
+};
+const DEFAULT_WIDTH_MAP = {
+	large: 64,
+	middle: 48,
+	small: 36
+};
+/**
+* @deprecated Use `Skeleton` blocks in a `Flexbox horizontal` instead.
+*/
+const SkeletonTags = ({ active, className, count = DEFAULT_COUNT, gap, height, size = "middle", style, width, ...rest }) => {
+	const resolvedGap = gap !== void 0 ? `${gap}px` : cssVar.paddingXS;
+	const resolvedCount = Math.max(count, 1);
+	const resolvedHeight = height ?? HEIGHT_MAP[size];
+	const widthList = Array.isArray(width) ? width : null;
+	const defaultWidth = DEFAULT_WIDTH_MAP[size];
+	const RADIUS_MAP = {
+		large: cssVar.borderRadius,
+		middle: cssVar.borderRadiusSM,
+		small: cssVar.borderRadiusXS
+	};
+	const getWidth = (index) => {
+		if (widthList) return widthList[index] ?? widthList.at(-1) ?? defaultWidth;
+		if (width !== void 0) return width;
+		return defaultWidth;
+	};
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		horizontal: true,
+		className,
+		style: {
+			gap: resolvedGap,
+			...style
+		},
+		...rest,
+		children: Array.from({ length: resolvedCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonBlock, {
+			active,
+			height: resolvedHeight,
+			width: getWidth(index),
+			style: { borderRadius: RADIUS_MAP[size] }
+		}, index))
+	});
+};
+SkeletonTags.displayName = "SkeletonTags";
+//#endregion
+export { SkeletonTags as default };
+
+//# sourceMappingURL=SkeletonTags.mjs.map

package/es/Skeleton/SkeletonTags.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonTags.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonTags.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport type { SkeletonTagsProps } from './type';\r\n\r\nconst DEFAULT_COUNT = 1;\r\n\r\nconst HEIGHT_MAP: Record<'small' | 'middle' | 'large', number> = {\r\n  large: 28,\r\n  middle: 22,\r\n  small: 20,\r\n};\r\n\r\nconst DEFAULT_WIDTH_MAP: Record<'small' | 'middle' | 'large', number> = {\r\n  large: 64,\r\n  middle: 48,\r\n  small: 36,\r\n};\r\n\r\n/**\r\n * @deprecated Use `Skeleton` blocks in a `Flexbox horizontal` instead.\r\n */\r\nconst SkeletonTags: FC<SkeletonTagsProps> = ({\r\n  active,\r\n  className,\r\n  count = DEFAULT_COUNT,\r\n  gap,\r\n  height,\r\n  size = 'middle',\r\n  style,\r\n  width,\r\n  ...rest\r\n}) => {\r\n  const resolvedGap = gap !== undefined ? `${gap}px` : cssVar.paddingXS;\r\n  const resolvedCount = Math.max(count, 1);\r\n  const resolvedHeight = height ?? HEIGHT_MAP[size];\r\n  const widthList = Array.isArray(width) ? width : null;\r\n  const defaultWidth = DEFAULT_WIDTH_MAP[size];\r\n\r\n  const RADIUS_MAP: Record<'large' | 'small' | 'middle', string> = {\r\n    large: cssVar.borderRadius,\r\n    middle: cssVar.borderRadiusSM,\r\n    small: cssVar.borderRadiusXS,\r\n  };\r\n\r\n  const getWidth = (index: number) => {\r\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? defaultWidth;\r\n    if (width !== undefined) return width as string | number;\r\n    return defaultWidth;\r\n  };\r\n\r\n  return (\r\n    <Flexbox horizontal className={className} style={{ gap: resolvedGap, ...style }} {...rest}>\r\n      {Array.from({ length: resolvedCount }).map((_, index) => (\r\n        <SkeletonBlock\r\n          active={active}\r\n          height={resolvedHeight}\r\n          key={index}\r\n          width={getWidth(index)}\r\n          style={{\r\n            borderRadius: RADIUS_MAP[size],\r\n          }}\r\n        />\r\n      ))}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nSkeletonTags.displayName = 'SkeletonTags';\r\n\r\nexport default SkeletonTags;\r\n"],"mappings":";;;;;;AAUA,MAAM,gBAAgB;AAEtB,MAAM,aAA2D;CAC/D,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAEA,MAAM,oBAAkE;CACtE,OAAO;CACP,QAAQ;CACR,OAAO;AACT;;;;AAKA,MAAM,gBAAuC,EAC3C,QACA,WACA,QAAQ,eACR,KACA,QACA,OAAO,UACP,OACA,OACA,GAAG,WACC;CACJ,MAAM,cAAc,QAAQ,KAAA,IAAY,GAAG,IAAI,MAAM,OAAO;CAC5D,MAAM,gBAAgB,KAAK,IAAI,OAAO,CAAC;CACvC,MAAM,iBAAiB,UAAU,WAAW;CAC5C,MAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,QAAQ;CACjD,MAAM,eAAe,kBAAkB;CAEvC,MAAM,aAA2D;EAC/D,OAAO,OAAO;EACd,QAAQ,OAAO;EACf,OAAO,OAAO;CAChB;CAEA,MAAM,YAAY,UAAkB;EAClC,IAAI,WAAW,OAAO,UAAU,UAAU,UAAU,GAAG,EAAE,KAAK;EAC9D,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,OAAO;CACT;CAEA,OACE,oBAACA,mBAAD;EAAS,YAAA;EAAsB;EAAW,OAAO;GAAE,KAAK;GAAa,GAAG;EAAM;EAAG,GAAI;EAClF,UAAA,MAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,CAAC,CAAC,KAAK,GAAG,UAC7C,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,SAAS,KAAK;GACrB,OAAO,EACL,cAAc,WAAW,MAC3B;EACD,GALM,KAKN,CACF;CACM,CAAA;AAEb;AAEA,aAAa,cAAc"}

package/es/Skeleton/SkeletonTitle.d.mts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,30 @@
+"use client";
+import SkeletonBlock from "./SkeletonBlock.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
+//#region src/Skeleton/SkeletonTitle.tsx
+/**
+* @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.
+*/
+const SkeletonTitle = ({ active, fontSize, lineHeight, height, width = "60%", style, className, ...rest }) => {
+	const resolvedLineHeight = lineHeight ?? 1.6;
+	const baseFontSize = fontSize !== void 0 ? `${fontSize}px` : cssVar.fontSize;
+	const heightMultiplier = 1 + (resolvedLineHeight - 1) * .5;
+	const marginMultiplier = (resolvedLineHeight - 1) * .25;
+	return /* @__PURE__ */ jsx(SkeletonBlock, {
+		active,
+		className,
+		height: height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`,
+		width,
+		style: {
+			marginBlock: `round(calc(${baseFontSize} * ${marginMultiplier}), 1px)`,
+			...style
+		},
+		...rest
+	});
+};
+SkeletonTitle.displayName = "SkeletonTitle";
+//#endregion
+export { SkeletonTitle as default };
+
+//# sourceMappingURL=SkeletonTitle.mjs.map

package/es/Skeleton/SkeletonTitle.mjs.map

@@ -0,0 +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"}

package/es/Skeleton/index.d.mts

@@ -0,0 +1,22 @@
+import { SkeletonAvatarProps, SkeletonBlockProps, SkeletonButtonProps, SkeletonParagraphProps, SkeletonProps, SkeletonTagsProps, SkeletonTitleProps } from "./type.mjs";
+import SkeletonAvatar from "./SkeletonAvatar.mjs";
+import SkeletonBlock from "./SkeletonBlock.mjs";
+import SkeletonButton from "./SkeletonButton.mjs";
+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;
+  Block: typeof SkeletonBlock;
+  Button: typeof SkeletonButton;
+  Paragraph: typeof SkeletonParagraph;
+  Tags: typeof SkeletonTags;
+  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.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Skeleton/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Skeleton/index.mjs

@@ -0,0 +1,19 @@
+import SkeletonBlock from "./SkeletonBlock.mjs";
+import SkeletonAvatar from "./SkeletonAvatar.mjs";
+import SkeletonParagraph from "./SkeletonParagraph.mjs";
+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
+const Skeleton = Skeleton$1;
+Skeleton.Block = SkeletonBlock;
+Skeleton.Avatar = SkeletonAvatar;
+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/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["SkeletonParent"],"sources":["../../src/Skeleton/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\r\n\r\nimport type { SkeletonProps } from '@/Skeleton/type';\r\n\r\nimport SkeletonParent from './Skeleton';\r\nimport SkeletonAvatar from './SkeletonAvatar';\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport SkeletonButton from './SkeletonButton';\r\nimport SkeletonParagraph from './SkeletonParagraph';\r\nimport SkeletonTags from './SkeletonTags';\r\nimport SkeletonTitle from './SkeletonTitle';\r\n\r\ninterface ISkeleton {\r\n  (props: SkeletonProps): ReactNode;\r\n  Avatar: typeof SkeletonAvatar;\r\n  Block: typeof SkeletonBlock;\r\n  Button: typeof SkeletonButton;\r\n  Paragraph: typeof SkeletonParagraph;\r\n  Tags: typeof SkeletonTags;\r\n  Title: typeof SkeletonTitle;\r\n}\r\n\r\nconst Skeleton = SkeletonParent as unknown as ISkeleton;\r\nSkeleton.Block = SkeletonBlock;\r\nSkeleton.Avatar = SkeletonAvatar;\r\nSkeleton.Title = SkeletonTitle;\r\nSkeleton.Paragraph = SkeletonParagraph;\r\nSkeleton.Button = SkeletonButton;\r\nSkeleton.Tags = SkeletonTags;\r\n\r\nexport default Skeleton;\r\n\r\nexport { default as SkeletonAvatar } from './SkeletonAvatar';\r\nexport { default as SkeletonBlock } from './SkeletonBlock';\r\nexport { default as SkeletonButton } from './SkeletonButton';\r\nexport { default as SkeletonParagraph } from './SkeletonParagraph';\r\nexport { default as SkeletonTags } from './SkeletonTags';\r\nexport { default as SkeletonTitle } from './SkeletonTitle';\r\nexport type * from './type';\r\n"],"mappings":";;;;;;;;AAsBA,MAAM,WAAWA;AACjB,SAAS,QAAQ;AACjB,SAAS,SAAS;AAClB,SAAS,QAAQ;AACjB,SAAS,YAAY;AACrB,SAAS,SAAS;AAClB,SAAS,OAAO"}