@lobehub/ui 5.20.2 → 5.21.0

package/es/Skeleton/Skeleton.mjs.map

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

package/es/Skeleton/SkeletonAvatar.d.mts

@@ -1,8 +1,7 @@
 import { SkeletonAvatarProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/Skeleton/SkeletonAvatar.d.ts
 declare const SkeletonAvatar: FC<SkeletonAvatarProps>;
 //#endregion
-export { SkeletonAvatar };
+export { SkeletonAvatar as default };
 //# sourceMappingURL=SkeletonAvatar.d.mts.map

package/es/Skeleton/SkeletonAvatar.mjs.map

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

package/es/Skeleton/SkeletonBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonBlock.mjs","names":[],"sources":["../../src/Skeleton/SkeletonBlock.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Block from '@/Block';\nimport type { SkeletonBlockProps } from '@/Skeleton/type';\n\nimport { styles } from './style';\n\nconst SkeletonBlock: FC<SkeletonBlockProps> = ({\n  width = '100%',\n  height = '1em',\n  active,\n  style,\n  className,\n}) => {\n  return (\n    <Block\n      className={cx(styles.base, active && styles.active, className)}\n      height={height}\n      style={style}\n      variant={'filled'}\n      width={width}\n    />\n  );\n};\n\nSkeletonBlock.displayName = 'SkeletonBlock';\n\nexport default SkeletonBlock;\n"],"mappings":";;;;;;AAUA,MAAM,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;AACJ,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,UAAU;EACtD;EACD;EACP,SAAS;EACF;EACP,CAAA;;AAIN,cAAc,cAAc"}
+{"version":3,"file":"SkeletonBlock.mjs","names":[],"sources":["../../src/Skeleton/SkeletonBlock.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Block from '@/Block';\nimport type { SkeletonBlockProps } from '@/Skeleton/type';\n\nimport { styles } from './style';\n\nconst SkeletonBlock: FC<SkeletonBlockProps> = ({\n  width = '100%',\n  height = '1em',\n  active,\n  style,\n  className,\n}) => {\n  return (\n    <Block\n      className={cx(styles.base, active && styles.active, className)}\n      height={height}\n      style={style}\n      variant={'filled'}\n      width={width}\n    />\n  );\n};\n\nSkeletonBlock.displayName = 'SkeletonBlock';\n\nexport default SkeletonBlock;\n"],"mappings":";;;;;;AAUA,MAAM,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;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,8 +1,7 @@
 import { SkeletonButtonProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/Skeleton/SkeletonButton.d.ts
 declare const SkeletonButton: FC<SkeletonButtonProps>;
 //#endregion
-export { SkeletonButton };
+export { SkeletonButton as default };
 //# sourceMappingURL=SkeletonButton.d.mts.map

package/es/Skeleton/SkeletonButton.mjs.map

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

package/es/Skeleton/SkeletonParagraph.d.mts

@@ -1,8 +1,7 @@
 import { SkeletonParagraphProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/Skeleton/SkeletonParagraph.d.ts
 declare const SkeletonParagraph: FC<SkeletonParagraphProps>;
 //#endregion
-export { SkeletonParagraph };
+export { SkeletonParagraph as default };
 //# sourceMappingURL=SkeletonParagraph.d.mts.map

package/es/Skeleton/SkeletonParagraph.mjs.map

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

package/es/Skeleton/SkeletonTags.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTags.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonTags.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonTagsProps } from './type';\n\nconst DEFAULT_COUNT = 1;\n\nconst HEIGHT_MAP: Record<'small' | 'middle' | 'large', number> = {\n  large: 28,\n  middle: 22,\n  small: 20,\n};\n\nconst DEFAULT_WIDTH_MAP: Record<'small' | 'middle' | 'large', number> = {\n  large: 64,\n  middle: 48,\n  small: 36,\n};\n\nconst SkeletonTags: FC<SkeletonTagsProps> = ({\n  active,\n  className,\n  count = DEFAULT_COUNT,\n  gap,\n  height,\n  size = 'middle',\n  style,\n  width,\n  ...rest\n}) => {\n  const resolvedGap = gap !== undefined ? `${gap}px` : cssVar.paddingXS;\n  const resolvedCount = Math.max(count, 1);\n  const resolvedHeight = height ?? HEIGHT_MAP[size];\n  const widthList = Array.isArray(width) ? width : null;\n  const defaultWidth = DEFAULT_WIDTH_MAP[size];\n\n  const RADIUS_MAP: Record<'large' | 'small' | 'middle', string> = {\n    large: cssVar.borderRadius,\n    middle: cssVar.borderRadiusSM,\n    small: cssVar.borderRadiusXS,\n  };\n\n  const getWidth = (index: number) => {\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? defaultWidth;\n    if (width !== undefined) return width as string | number;\n    return defaultWidth;\n  };\n\n  return (\n    <Flexbox horizontal className={className} style={{ gap: resolvedGap, ...style }} {...rest}>\n      {Array.from({ length: resolvedCount }).map((_, index) => (\n        <SkeletonBlock\n          active={active}\n          height={resolvedHeight}\n          key={index}\n          width={getWidth(index)}\n          style={{\n            borderRadius: RADIUS_MAP[size],\n          }}\n        />\n      ))}\n    </Flexbox>\n  );\n};\n\nSkeletonTags.displayName = 'SkeletonTags';\n\nexport default SkeletonTags;\n"],"mappings":";;;;;;AAUA,MAAM,gBAAgB;AAEtB,MAAM,aAA2D;CAC/D,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAM,oBAAkE;CACtE,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,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,EAAE;CACxC,MAAM,iBAAiB,UAAU,WAAW;CAC5C,MAAM,YAAY,MAAM,QAAQ,MAAM,GAAG,QAAQ;CACjD,MAAM,eAAe,kBAAkB;CAEvC,MAAM,aAA2D;EAC/D,OAAO,OAAO;EACd,QAAQ,OAAO;EACf,OAAO,OAAO;EACf;CAED,MAAM,YAAY,UAAkB;AAClC,MAAI,UAAW,QAAO,UAAU,UAAU,UAAU,GAAG,GAAG,IAAI;AAC9D,MAAI,UAAU,KAAA,EAAW,QAAO;AAChC,SAAO;;AAGT,QACE,oBAACA,mBAAD;EAAS,YAAA;EAAsB;EAAW,OAAO;GAAE,KAAK;GAAa,GAAG;GAAO;EAAE,GAAI;YAClF,MAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,CAAC,KAAK,GAAG,UAC7C,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,SAAS,MAAM;GACtB,OAAO,EACL,cAAc,WAAW,OAC1B;GACD,EALK,MAKL,CACF;EACM,CAAA;;AAId,aAAa,cAAc"}
+{"version":3,"file":"SkeletonTags.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonTags.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonTagsProps } from './type';\n\nconst DEFAULT_COUNT = 1;\n\nconst HEIGHT_MAP: Record<'small' | 'middle' | 'large', number> = {\n  large: 28,\n  middle: 22,\n  small: 20,\n};\n\nconst DEFAULT_WIDTH_MAP: Record<'small' | 'middle' | 'large', number> = {\n  large: 64,\n  middle: 48,\n  small: 36,\n};\n\nconst SkeletonTags: FC<SkeletonTagsProps> = ({\n  active,\n  className,\n  count = DEFAULT_COUNT,\n  gap,\n  height,\n  size = 'middle',\n  style,\n  width,\n  ...rest\n}) => {\n  const resolvedGap = gap !== undefined ? `${gap}px` : cssVar.paddingXS;\n  const resolvedCount = Math.max(count, 1);\n  const resolvedHeight = height ?? HEIGHT_MAP[size];\n  const widthList = Array.isArray(width) ? width : null;\n  const defaultWidth = DEFAULT_WIDTH_MAP[size];\n\n  const RADIUS_MAP: Record<'large' | 'small' | 'middle', string> = {\n    large: cssVar.borderRadius,\n    middle: cssVar.borderRadiusSM,\n    small: cssVar.borderRadiusXS,\n  };\n\n  const getWidth = (index: number) => {\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? defaultWidth;\n    if (width !== undefined) return width as string | number;\n    return defaultWidth;\n  };\n\n  return (\n    <Flexbox horizontal className={className} style={{ gap: resolvedGap, ...style }} {...rest}>\n      {Array.from({ length: resolvedCount }).map((_, index) => (\n        <SkeletonBlock\n          active={active}\n          height={resolvedHeight}\n          key={index}\n          width={getWidth(index)}\n          style={{\n            borderRadius: RADIUS_MAP[size],\n          }}\n        />\n      ))}\n    </Flexbox>\n  );\n};\n\nSkeletonTags.displayName = 'SkeletonTags';\n\nexport default SkeletonTags;\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;AAEA,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;YAClF,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

@@ -1,8 +1,7 @@
 import { SkeletonTitleProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/Skeleton/SkeletonTitle.d.ts
 declare const SkeletonTitle: FC<SkeletonTitleProps>;
 //#endregion
-export { SkeletonTitle };
+export { SkeletonTitle as default };
 //# sourceMappingURL=SkeletonTitle.d.mts.map

package/es/Skeleton/SkeletonTitle.mjs.map

@@ -1 +1 @@
-{"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\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":";;;;;AAQA,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;AAEpD,QACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ,UAAU,cAAc,aAAa,KAAK,iBAAiB;EAC5D;EACP,OAAO;GACL,aAAa,cAAc,aAAa,KAAK,iBAAiB;GAC9D,GAAG;GACJ;EACD,GAAI;EACJ,CAAA;;AAIN,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\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":";;;;;AAQA,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

@@ -1,12 +1,11 @@
 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 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;
@@ -19,5 +18,5 @@ interface ISkeleton {
 }
 declare const Skeleton: ISkeleton;
 //#endregion
-export { SkeletonAvatar, SkeletonAvatarProps, SkeletonBlock, SkeletonBlockProps, SkeletonButton, SkeletonButtonProps, SkeletonParagraph, SkeletonParagraphProps, SkeletonProps, SkeletonTags, SkeletonTagsProps, SkeletonTitle, SkeletonTitleProps, Skeleton as default };
+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/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Skeleton/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst shimmer = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: .5;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      background: ${cssVar.colorFillSecondary};\n      animation: ${shimmer} 2s linear infinite;\n    `,\n\n    avatar: css`\n      flex-shrink: 0;\n    `,\n\n    base: css`\n      user-select: none;\n\n      position: relative;\n\n      overflow: hidden;\n\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillTertiary};\n    `,\n\n    text: css`\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      gap: ${cssVar.paddingXS};\n\n      width: 100%;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,UAAU,SAAS;;;;;;;;;;;AAYzB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;oBACK,OAAO,mBAAmB;mBAC3B,QAAQ;;EAGvB,QAAQ,GAAG;;;EAIX,MAAM,GAAG;;;;;;;uBAOU,OAAO,aAAa;;oBAEvB,OAAO,kBAAkB;;EAGzC,MAAM,GAAG;;;;aAIA,OAAO,UAAU;;;;EAI3B;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Skeleton/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst shimmer = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: .5;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      background: ${cssVar.colorFillSecondary};\n      animation: ${shimmer} 2s linear infinite;\n    `,\n\n    avatar: css`\n      flex-shrink: 0;\n    `,\n\n    base: css`\n      user-select: none;\n\n      position: relative;\n\n      overflow: hidden;\n\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillTertiary};\n    `,\n\n    text: css`\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      gap: ${cssVar.paddingXS};\n\n      width: 100%;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,UAAU,SAAS;;;;;;;;;;;AAYzB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;oBACK,OAAO,mBAAmB;mBAC3B,QAAQ;;EAGvB,QAAQ,GAAG;;;EAIX,MAAM,GAAG;;;;;;;uBAOU,OAAO,aAAa;;oBAEvB,OAAO,kBAAkB;;EAGzC,MAAM,GAAG;;;;aAIA,OAAO,UAAU;;;;CAI5B;AACF,CAAC"}

package/es/Skeleton/type.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties } from "react";
-
 //#region src/Skeleton/type.d.ts
 interface SkeletonBlockProps {
   active?: boolean;

package/es/SliderWithInput/SliderWithInput.d.mts

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

package/es/SliderWithInput/SliderWithInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderWithInput.mjs","names":["Flexbox","InputNumber"],"sources":["../../src/SliderWithInput/SliderWithInput.tsx"],"sourcesContent":["'use client';\n\nimport { Slider } from 'antd';\nimport { isNull } from 'es-toolkit/compat';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport InputNumber from '@/Input/InputNumber';\n\nimport type { SliderWithInputProps } from './type';\n\nconst SliderWithInput = memo<SliderWithInputProps>(\n  ({\n    step,\n    value,\n    onChange,\n    max,\n    min,\n    defaultValue,\n    size,\n    controls,\n    gap = 16,\n    style,\n    className,\n    classNames,\n    styles,\n    disabled,\n    unlimitedInput = false,\n    changeOnWheel,\n    ...rest\n  }) => {\n    const handleOnchange = (value: number | null) => {\n      if (Number.isNaN(value) || isNull(value)) return;\n      onChange?.(value);\n    };\n    const inputDisabled = Array.isArray(disabled) ? disabled.some(Boolean) : disabled;\n\n    const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};\n    const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={className}\n        direction={'horizontal'}\n        gap={gap}\n        style={style}\n      >\n        <Slider\n          className={sliderClassName}\n          classNames={restClassNames}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={max}\n          min={min}\n          step={step}\n          style={{ flex: 1, margin: size === 'small' ? 0 : undefined, ...sliderStyle }}\n          styles={restStyles}\n          tooltip={{ open: false }}\n          value={typeof value === 'number' ? value : 0}\n          onChange={handleOnchange}\n          {...rest}\n        />\n        <InputNumber\n          changeOnWheel={changeOnWheel}\n          className={inputClassName}\n          controls={size !== 'small' || controls}\n          defaultValue={defaultValue}\n          disabled={inputDisabled}\n          max={unlimitedInput ? undefined : max}\n          min={min}\n          size={size}\n          step={Number.isNaN(step) || isNull(step) ? undefined : step}\n          style={{ flex: 1, maxWidth: size === 'small' ? 40 : 64, ...inputStyle }}\n          value={typeof value === 'number' ? value : 0}\n          onChange={(v) => handleOnchange(Number(v))}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nSliderWithInput.displayName = 'SliderWithInput';\n\nexport default SliderWithInput;\n"],"mappings":";;;;;;;;AAWA,MAAM,kBAAkB,MACrB,EACC,MACA,OACA,UACA,KACA,KACA,cACA,MACA,UACA,MAAM,IACN,OACA,WACA,YACA,QACA,UACA,iBAAiB,OACjB,eACA,GAAG,WACC;CACJ,MAAM,kBAAkB,UAAyB;AAC/C,MAAI,OAAO,MAAM,MAAM,IAAI,OAAO,MAAM,CAAE;AAC1C,aAAW,MAAM;;CAEnB,MAAM,gBAAgB,MAAM,QAAQ,SAAS,GAAG,SAAS,KAAK,QAAQ,GAAG;CAEzE,MAAM,EAAE,QAAQ,iBAAiB,OAAO,gBAAgB,GAAG,mBAAmB,cAAc,EAAE;CAC9F,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY,GAAG,eAAe,UAAU,EAAE;AAE9E,QACE,qBAACA,mBAAD;EACE,OAAO;EACI;EACX,WAAW;EACN;EACE;YALT,CAOE,oBAAC,QAAD;GACE,WAAW;GACX,YAAY;GACE;GACJ;GACL;GACA;GACC;GACN,OAAO;IAAE,MAAM;IAAG,QAAQ,SAAS,UAAU,IAAI,KAAA;IAAW,GAAG;IAAa;GAC5E,QAAQ;GACR,SAAS,EAAE,MAAM,OAAO;GACxB,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,UAAU;GACV,GAAI;GACJ,CAAA,EACF,oBAACC,eAAD;GACiB;GACf,WAAW;GACX,UAAU,SAAS,WAAW;GAChB;GACd,UAAU;GACV,KAAK,iBAAiB,KAAA,IAAY;GAC7B;GACC;GACN,MAAM,OAAO,MAAM,KAAK,IAAI,OAAO,KAAK,GAAG,KAAA,IAAY;GACvD,OAAO;IAAE,MAAM;IAAG,UAAU,SAAS,UAAU,KAAK;IAAI,GAAG;IAAY;GACvE,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,WAAW,MAAM,eAAe,OAAO,EAAE,CAAC;GAC1C,CAAA,CACM;;EAGf;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"SliderWithInput.mjs","names":["Flexbox","InputNumber"],"sources":["../../src/SliderWithInput/SliderWithInput.tsx"],"sourcesContent":["'use client';\n\nimport { Slider } from 'antd';\nimport { isNull } from 'es-toolkit/compat';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport InputNumber from '@/Input/InputNumber';\n\nimport type { SliderWithInputProps } from './type';\n\nconst SliderWithInput = memo<SliderWithInputProps>(\n  ({\n    step,\n    value,\n    onChange,\n    max,\n    min,\n    defaultValue,\n    size,\n    controls,\n    gap = 16,\n    style,\n    className,\n    classNames,\n    styles,\n    disabled,\n    unlimitedInput = false,\n    changeOnWheel,\n    ...rest\n  }) => {\n    const handleOnchange = (value: number | null) => {\n      if (Number.isNaN(value) || isNull(value)) return;\n      onChange?.(value);\n    };\n    const inputDisabled = Array.isArray(disabled) ? disabled.some(Boolean) : disabled;\n\n    const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};\n    const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={className}\n        direction={'horizontal'}\n        gap={gap}\n        style={style}\n      >\n        <Slider\n          className={sliderClassName}\n          classNames={restClassNames}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={max}\n          min={min}\n          step={step}\n          style={{ flex: 1, margin: size === 'small' ? 0 : undefined, ...sliderStyle }}\n          styles={restStyles}\n          tooltip={{ open: false }}\n          value={typeof value === 'number' ? value : 0}\n          onChange={handleOnchange}\n          {...rest}\n        />\n        <InputNumber\n          changeOnWheel={changeOnWheel}\n          className={inputClassName}\n          controls={size !== 'small' || controls}\n          defaultValue={defaultValue}\n          disabled={inputDisabled}\n          max={unlimitedInput ? undefined : max}\n          min={min}\n          size={size}\n          step={Number.isNaN(step) || isNull(step) ? undefined : step}\n          style={{ flex: 1, maxWidth: size === 'small' ? 40 : 64, ...inputStyle }}\n          value={typeof value === 'number' ? value : 0}\n          onChange={(v) => handleOnchange(Number(v))}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nSliderWithInput.displayName = 'SliderWithInput';\n\nexport default SliderWithInput;\n"],"mappings":";;;;;;;;AAWA,MAAM,kBAAkB,MACrB,EACC,MACA,OACA,UACA,KACA,KACA,cACA,MACA,UACA,MAAM,IACN,OACA,WACA,YACA,QACA,UACA,iBAAiB,OACjB,eACA,GAAG,WACC;CACJ,MAAM,kBAAkB,UAAyB;EAC/C,IAAI,OAAO,MAAM,KAAK,KAAK,OAAO,KAAK,GAAG;EAC1C,WAAW,KAAK;CAClB;CACA,MAAM,gBAAgB,MAAM,QAAQ,QAAQ,IAAI,SAAS,KAAK,OAAO,IAAI;CAEzE,MAAM,EAAE,QAAQ,iBAAiB,OAAO,gBAAgB,GAAG,mBAAmB,cAAc,CAAC;CAC7F,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY,GAAG,eAAe,UAAU,CAAC;CAE7E,OACE,qBAACA,mBAAD;EACE,OAAO;EACI;EACX,WAAW;EACN;EACE;YALT,CAOE,oBAAC,QAAD;GACE,WAAW;GACX,YAAY;GACE;GACJ;GACL;GACA;GACC;GACN,OAAO;IAAE,MAAM;IAAG,QAAQ,SAAS,UAAU,IAAI,KAAA;IAAW,GAAG;GAAY;GAC3E,QAAQ;GACR,SAAS,EAAE,MAAM,MAAM;GACvB,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,UAAU;GACV,GAAI;EACL,CAAA,GACD,oBAACC,eAAD;GACiB;GACf,WAAW;GACX,UAAU,SAAS,WAAW;GAChB;GACd,UAAU;GACV,KAAK,iBAAiB,KAAA,IAAY;GAC7B;GACC;GACN,MAAM,OAAO,MAAM,IAAI,KAAK,OAAO,IAAI,IAAI,KAAA,IAAY;GACvD,OAAO;IAAE,MAAM;IAAG,UAAU,SAAS,UAAU,KAAK;IAAI,GAAG;GAAW;GACtE,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,WAAW,MAAM,eAAe,OAAO,CAAC,CAAC;EAC1C,CAAA,CACM;;AAEb,CACF;AAEA,gBAAgB,cAAc"}

package/es/SliderWithInput/index.d.mts

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

package/es/SliderWithInput/type.d.mts

@@ -1,8 +1,9 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 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;

package/es/Snippet/Snippet.d.mts

@@ -1,8 +1,7 @@
 import { SnippetProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/Snippet/Snippet.d.ts
 declare const Snippet: FC<SnippetProps>;
 //#endregion
-export { Snippet };
+export { Snippet as default };
 //# sourceMappingURL=Snippet.d.mts.map

package/es/Snippet/Snippet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snippet.mjs","names":["Flexbox"],"sources":["../../src/Snippet/Snippet.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport Spotlight from '@/awesome/Spotlight';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';\n\nimport { styles, variants } from './style';\nimport { type SnippetProps } from './type';\n\nconst Snippet: FC<SnippetProps> = ({\n  ref,\n  prefix,\n  language = 'tsx',\n  children,\n  copyable = true,\n  variant = 'filled',\n  spotlight,\n  shadow,\n  className,\n  ...rest\n}) => {\n  const tirmedChildren = children.trim();\n\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(variants({ shadow, variant }), className)}\n      data-code-type=\"highlighter\"\n      gap={8}\n      ref={ref}\n      {...rest}\n    >\n      {spotlight && <Spotlight />}\n      <SyntaxHighlighter className={styles.hightlight} language={language}>\n        {[prefix, tirmedChildren].filter(Boolean).join(' ')}\n      </SyntaxHighlighter>\n      {copyable && <CopyButton content={tirmedChildren} size={'small'} />}\n    </Flexbox>\n  );\n};\n\nSnippet.displayName = 'Snippet';\n\nexport default Snippet;\n"],"mappings":";;;;;;;;;AAaA,MAAM,WAA6B,EACjC,KACA,QACA,WAAW,OACX,UACA,WAAW,MACX,UAAU,UACV,WACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,iBAAiB,SAAS,MAAM;AAEtC,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACf,KAAK;EACA;EACL,GAAI;YAPN;GASG,aAAa,oBAAC,WAAD,EAAa,CAAA;GAC3B,oBAAC,mBAAD;IAAmB,WAAW,OAAO;IAAsB;cACxD,CAAC,QAAQ,eAAe,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;IACjC,CAAA;GACnB,YAAY,oBAAC,YAAD;IAAY,SAAS;IAAgB,MAAM;IAAW,CAAA;GAC3D;;;AAId,QAAQ,cAAc"}
+{"version":3,"file":"Snippet.mjs","names":["Flexbox"],"sources":["../../src/Snippet/Snippet.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport Spotlight from '@/awesome/Spotlight';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';\n\nimport { styles, variants } from './style';\nimport { type SnippetProps } from './type';\n\nconst Snippet: FC<SnippetProps> = ({\n  ref,\n  prefix,\n  language = 'tsx',\n  children,\n  copyable = true,\n  variant = 'filled',\n  spotlight,\n  shadow,\n  className,\n  ...rest\n}) => {\n  const tirmedChildren = children.trim();\n\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(variants({ shadow, variant }), className)}\n      data-code-type=\"highlighter\"\n      gap={8}\n      ref={ref}\n      {...rest}\n    >\n      {spotlight && <Spotlight />}\n      <SyntaxHighlighter className={styles.hightlight} language={language}>\n        {[prefix, tirmedChildren].filter(Boolean).join(' ')}\n      </SyntaxHighlighter>\n      {copyable && <CopyButton content={tirmedChildren} size={'small'} />}\n    </Flexbox>\n  );\n};\n\nSnippet.displayName = 'Snippet';\n\nexport default Snippet;\n"],"mappings":";;;;;;;;;AAaA,MAAM,WAA6B,EACjC,KACA,QACA,WAAW,OACX,UACA,WAAW,MACX,UAAU,UACV,WACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,iBAAiB,SAAS,KAAK;CAErC,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,SAAS;GAAE;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACtD,kBAAe;EACf,KAAK;EACA;EACL,GAAI;YAPN;GASG,aAAa,oBAAC,WAAD,CAAY,CAAA;GAC1B,oBAAC,mBAAD;IAAmB,WAAW,OAAO;IAAsB;cACxD,CAAC,QAAQ,cAAc,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GACjC,CAAA;GAClB,YAAY,oBAAC,YAAD;IAAY,SAAS;IAAgB,MAAM;GAAU,CAAA;EAC3D;;AAEb;AAEA,QAAQ,cAAc"}

package/es/Snippet/index.d.mts

@@ -1,3 +1,3 @@
 import { SnippetProps } from "./type.mjs";
-import { Snippet } from "./Snippet.mjs";
-export { SnippetProps, Snippet as default };
+import Snippet from "./Snippet.mjs";
+export { type SnippetProps, Snippet as default };

package/es/Snippet/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Snippet/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    hightlight: css`\n      overflow: auto hidden;\n      flex: 1;\n      height: 100%;\n      padding: 0;\n\n      pre {\n        display: flex;\n        align-items: center;\n        height: 100%;\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      height: 38px;\n      padding-block: 0;\n      padding-inline: 12px 8px;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,YAAY,GAAG;;;;;;;;;;;;EAYf,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;uBASU,OAAO,aAAa;;EAEvC,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Snippet/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    hightlight: css`\n      overflow: auto hidden;\n      flex: 1;\n      height: 100%;\n      padding: 0;\n\n      pre {\n        display: flex;\n        align-items: center;\n        height: 100%;\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      height: 38px;\n      padding-block: 0;\n      padding-inline: 12px 8px;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,YAAY,GAAG;;;;;;;;;;;;EAYf,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;uBASU,OAAO,aAAa;;EAEvC,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Snippet/type.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { Ref } from "react";
-
 //#region src/Snippet/type.d.ts
 interface SnippetProps extends FlexboxProps {
   children: string;

package/es/SortableList/SortableList.d.mts

@@ -1,8 +1,7 @@
-import { DragHandle } from "./components/DragHandle.mjs";
-import { SortableItem } from "./components/SortableItem.mjs";
+import DragHandle from "./components/DragHandle.mjs";
+import SortableItem from "./components/SortableItem.mjs";
 import { SortableListItem, SortableListProps } from "./type.mjs";
 import { ReactNode } from "react";
-
 //#region src/SortableList/SortableList.d.ts
 interface ISortableList {
   <T extends SortableListItem = SortableListItem>(props: SortableListProps<T>): ReactNode;
@@ -11,5 +10,5 @@ interface ISortableList {
 }
 declare const SortableList: ISortableList;
 //#endregion
-export { SortableList };
+export { ISortableList, SortableList as default };
 //# sourceMappingURL=SortableList.d.mts.map

package/es/SortableList/SortableList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortableList.mjs","names":["Flexbox"],"sources":["../../src/SortableList/SortableList.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Active,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  MeasuringStrategy,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis, restrictToWindowEdges } from '@dnd-kit/modifiers';\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { Fragment, memo, type ReactNode, useMemo, useState } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport DragHandle from './components/DragHandle';\nimport SortableItem from './components/SortableItem';\nimport SortableOverlay from './components/SortableOverlay';\nimport { styles } from './style';\nimport { type SortableListItem, type SortableListProps } from './type';\n\nconst measuringConfig = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nconst SortableListParent = memo<SortableListProps>(\n  ({ ref, items, onChange, renderItem, renderOverlay, gap = 8, ...rest }) => {\n    const [active, setActive] = useState<Active | null>(null);\n    const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n    const sensors = useSensors(\n      useSensor(PointerSensor),\n      useSensor(KeyboardSensor, {\n        coordinateGetter: sortableKeyboardCoordinates,\n      }),\n    );\n\n    const overlayRenderer = renderOverlay ?? renderItem;\n\n    return (\n      <DndContext\n        collisionDetection={closestCenter}\n        measuring={measuringConfig}\n        modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n        sensors={sensors}\n        onDragCancel={() => {\n          setActive(null);\n        }}\n        onDragEnd={({ active, over }) => {\n          if (over && active.id !== over?.id) {\n            const activeIndex = items.findIndex(({ id }) => id === active.id);\n            const overIndex = items.findIndex(({ id }) => id === over.id);\n\n            onChange(arrayMove(items, activeIndex, overIndex));\n          }\n          setActive(null);\n        }}\n        onDragStart={({ active }) => {\n          setActive(active);\n        }}\n      >\n        <SortableContext items={items} strategy={verticalListSortingStrategy}>\n          <Flexbox as={'ul'} className={styles.container} gap={gap} ref={ref} {...rest}>\n            {items.map((item) => (\n              <Fragment key={item.id}>{renderItem(item)}</Fragment>\n            ))}\n          </Flexbox>\n        </SortableContext>\n        <SortableOverlay>{activeItem ? overlayRenderer(activeItem) : null}</SortableOverlay>\n      </DndContext>\n    );\n  },\n);\n\nSortableListParent.displayName = 'SortableList';\n\nexport interface ISortableList {\n  <T extends SortableListItem = SortableListItem>(props: SortableListProps<T>): ReactNode;\n  DragHandle: typeof DragHandle;\n  Item: typeof SortableItem;\n}\n\nconst SortableList = SortableListParent as unknown as ISortableList;\n\nSortableList.Item = SortableItem;\nSortableList.DragHandle = DragHandle;\n\nexport default SortableList;\n"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,kBAAkB,EACtB,WAAW,EACT,UAAU,kBAAkB,QAC7B,EACF;AAED,MAAM,qBAAqB,MACxB,EAAE,KAAK,OAAO,UAAU,YAAY,eAAe,MAAM,GAAG,GAAG,WAAW;CACzE,MAAM,CAAC,QAAQ,aAAa,SAAwB,KAAK;CACzD,MAAM,aAAa,cAAc,MAAM,MAAM,SAAS,KAAK,OAAO,QAAQ,GAAG,EAAE,CAAC,QAAQ,MAAM,CAAC;CAC/F,MAAM,UAAU,WACd,UAAU,cAAc,EACxB,UAAU,gBAAgB,EACxB,kBAAkB,6BACnB,CAAC,CACH;CAED,MAAM,kBAAkB,iBAAiB;AAEzC,QACE,qBAAC,YAAD;EACE,oBAAoB;EACpB,WAAW;EACX,WAAW,CAAC,wBAAwB,sBAAsB;EACjD;EACT,oBAAoB;AAClB,aAAU,KAAK;;EAEjB,YAAY,EAAE,QAAQ,WAAW;AAC/B,OAAI,QAAQ,OAAO,OAAO,MAAM,GAI9B,UAAS,UAAU,OAHC,MAAM,WAAW,EAAE,SAAS,OAAO,OAAO,GAGzB,EAFnB,MAAM,WAAW,EAAE,SAAS,OAAO,KAAK,GAEV,CAAC,CAAC;AAEpD,aAAU,KAAK;;EAEjB,cAAc,EAAE,aAAa;AAC3B,aAAU,OAAO;;YAlBrB,CAqBE,oBAAC,iBAAD;GAAwB;GAAO,UAAU;aACvC,oBAACA,mBAAD;IAAS,IAAI;IAAM,WAAW,OAAO;IAAgB;IAAU;IAAK,GAAI;cACrE,MAAM,KAAK,SACV,oBAAC,UAAD,EAAA,UAAyB,WAAW,KAAK,EAAY,EAAtC,KAAK,GAAiC,CACrD;IACM,CAAA;GACM,CAAA,EAClB,oBAAC,iBAAD,EAAA,UAAkB,aAAa,gBAAgB,WAAW,GAAG,MAAuB,CAAA,CACzE;;EAGlB;AAED,mBAAmB,cAAc;AAQjC,MAAM,eAAe;AAErB,aAAa,OAAO;AACpB,aAAa,aAAa"}
+{"version":3,"file":"SortableList.mjs","names":["Flexbox"],"sources":["../../src/SortableList/SortableList.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Active,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  MeasuringStrategy,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis, restrictToWindowEdges } from '@dnd-kit/modifiers';\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { Fragment, memo, type ReactNode, useMemo, useState } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport DragHandle from './components/DragHandle';\nimport SortableItem from './components/SortableItem';\nimport SortableOverlay from './components/SortableOverlay';\nimport { styles } from './style';\nimport { type SortableListItem, type SortableListProps } from './type';\n\nconst measuringConfig = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nconst SortableListParent = memo<SortableListProps>(\n  ({ ref, items, onChange, renderItem, renderOverlay, gap = 8, ...rest }) => {\n    const [active, setActive] = useState<Active | null>(null);\n    const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n    const sensors = useSensors(\n      useSensor(PointerSensor),\n      useSensor(KeyboardSensor, {\n        coordinateGetter: sortableKeyboardCoordinates,\n      }),\n    );\n\n    const overlayRenderer = renderOverlay ?? renderItem;\n\n    return (\n      <DndContext\n        collisionDetection={closestCenter}\n        measuring={measuringConfig}\n        modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n        sensors={sensors}\n        onDragCancel={() => {\n          setActive(null);\n        }}\n        onDragEnd={({ active, over }) => {\n          if (over && active.id !== over?.id) {\n            const activeIndex = items.findIndex(({ id }) => id === active.id);\n            const overIndex = items.findIndex(({ id }) => id === over.id);\n\n            onChange(arrayMove(items, activeIndex, overIndex));\n          }\n          setActive(null);\n        }}\n        onDragStart={({ active }) => {\n          setActive(active);\n        }}\n      >\n        <SortableContext items={items} strategy={verticalListSortingStrategy}>\n          <Flexbox as={'ul'} className={styles.container} gap={gap} ref={ref} {...rest}>\n            {items.map((item) => (\n              <Fragment key={item.id}>{renderItem(item)}</Fragment>\n            ))}\n          </Flexbox>\n        </SortableContext>\n        <SortableOverlay>{activeItem ? overlayRenderer(activeItem) : null}</SortableOverlay>\n      </DndContext>\n    );\n  },\n);\n\nSortableListParent.displayName = 'SortableList';\n\nexport interface ISortableList {\n  <T extends SortableListItem = SortableListItem>(props: SortableListProps<T>): ReactNode;\n  DragHandle: typeof DragHandle;\n  Item: typeof SortableItem;\n}\n\nconst SortableList = SortableListParent as unknown as ISortableList;\n\nSortableList.Item = SortableItem;\nSortableList.DragHandle = DragHandle;\n\nexport default SortableList;\n"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,kBAAkB,EACtB,WAAW,EACT,UAAU,kBAAkB,OAC9B,EACF;AAEA,MAAM,qBAAqB,MACxB,EAAE,KAAK,OAAO,UAAU,YAAY,eAAe,MAAM,GAAG,GAAG,WAAW;CACzE,MAAM,CAAC,QAAQ,aAAa,SAAwB,IAAI;CACxD,MAAM,aAAa,cAAc,MAAM,MAAM,SAAS,KAAK,OAAO,QAAQ,EAAE,GAAG,CAAC,QAAQ,KAAK,CAAC;CAC9F,MAAM,UAAU,WACd,UAAU,aAAa,GACvB,UAAU,gBAAgB,EACxB,kBAAkB,4BACpB,CAAC,CACH;CAEA,MAAM,kBAAkB,iBAAiB;CAEzC,OACE,qBAAC,YAAD;EACE,oBAAoB;EACpB,WAAW;EACX,WAAW,CAAC,wBAAwB,qBAAqB;EAChD;EACT,oBAAoB;GAClB,UAAU,IAAI;EAChB;EACA,YAAY,EAAE,QAAQ,WAAW;GAC/B,IAAI,QAAQ,OAAO,OAAO,MAAM,IAI9B,SAAS,UAAU,OAHC,MAAM,WAAW,EAAE,SAAS,OAAO,OAAO,EAG1B,GAFlB,MAAM,WAAW,EAAE,SAAS,OAAO,KAAK,EAEX,CAAC,CAAC;GAEnD,UAAU,IAAI;EAChB;EACA,cAAc,EAAE,aAAa;GAC3B,UAAU,MAAM;EAClB;YAnBF,CAqBE,oBAAC,iBAAD;GAAwB;GAAO,UAAU;aACvC,oBAACA,mBAAD;IAAS,IAAI;IAAM,WAAW,OAAO;IAAgB;IAAU;IAAK,GAAI;cACrE,MAAM,KAAK,SACV,oBAAC,UAAD,EAAA,UAAyB,WAAW,IAAI,EAAY,GAArC,KAAK,EAAgC,CACrD;GACM,CAAA;EACM,CAAA,GACjB,oBAAC,iBAAD,EAAA,UAAkB,aAAa,gBAAgB,UAAU,IAAI,KAAsB,CAAA,CACzE;;AAEhB,CACF;AAEA,mBAAmB,cAAc;AAQjC,MAAM,eAAe;AAErB,aAAa,OAAO;AACpB,aAAa,aAAa"}

package/es/SortableList/components/DragHandle.d.mts

@@ -1,8 +1,7 @@
 import { ActionIconProps } from "../../ActionIcon/type.mjs";
-import * as _$react from "react";
-
+import "../../ActionIcon/index.mjs";
 //#region src/SortableList/components/DragHandle.d.ts
-declare const DragHandle: _$react.NamedExoticComponent<ActionIconProps>;
+declare const DragHandle: import("react").NamedExoticComponent<ActionIconProps>;
 //#endregion
-export { DragHandle };
+export { DragHandle as default };
 //# sourceMappingURL=DragHandle.d.mts.map

package/es/SortableList/components/DragHandle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.mjs","names":[],"sources":["../../../src/SortableList/components/DragHandle.tsx"],"sourcesContent":["'use client';\n\nimport { GripVertical } from 'lucide-react';\nimport { memo, use, useState } from 'react';\n\nimport ActionIcon, { type ActionIconProps } from '@/ActionIcon';\n\nimport { SortableItemContext } from './SortableItem';\n\nconst DragHandle = memo<ActionIconProps>(({ style, ...rest }) => {\n  const [grab, setGrab] = useState(false);\n  const { attributes, listeners, ref } = use(SortableItemContext);\n  return (\n    <ActionIcon\n      glass\n      data-cypress=\"draggable-handle\"\n      icon={GripVertical}\n      size={'small'}\n      style={{ cursor: grab ? 'grab' : 'grabbing', ...style }}\n      onMouseDown={() => setGrab(true)}\n      onMouseUp={() => setGrab(false)}\n      {...rest}\n      {...attributes}\n      {...listeners}\n      ref={ref}\n    />\n  );\n});\n\nDragHandle.displayName = 'DragHandle';\n\nexport default DragHandle;\n"],"mappings":";;;;;;;AASA,MAAM,aAAa,MAAuB,EAAE,OAAO,GAAG,WAAW;CAC/D,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,EAAE,YAAY,WAAW,QAAQ,IAAI,oBAAoB;AAC/D,QACE,oBAAC,YAAD;EACE,OAAA;EACA,gBAAa;EACb,MAAM;EACN,MAAM;EACN,OAAO;GAAE,QAAQ,OAAO,SAAS;GAAY,GAAG;GAAO;EACvD,mBAAmB,QAAQ,KAAK;EAChC,iBAAiB,QAAQ,MAAM;EAC/B,GAAI;EACJ,GAAI;EACJ,GAAI;EACC;EACL,CAAA;EAEJ;AAEF,WAAW,cAAc"}
+{"version":3,"file":"DragHandle.mjs","names":[],"sources":["../../../src/SortableList/components/DragHandle.tsx"],"sourcesContent":["'use client';\n\nimport { GripVertical } from 'lucide-react';\nimport { memo, use, useState } from 'react';\n\nimport ActionIcon, { type ActionIconProps } from '@/ActionIcon';\n\nimport { SortableItemContext } from './SortableItem';\n\nconst DragHandle = memo<ActionIconProps>(({ style, ...rest }) => {\n  const [grab, setGrab] = useState(false);\n  const { attributes, listeners, ref } = use(SortableItemContext);\n  return (\n    <ActionIcon\n      glass\n      data-cypress=\"draggable-handle\"\n      icon={GripVertical}\n      size={'small'}\n      style={{ cursor: grab ? 'grab' : 'grabbing', ...style }}\n      onMouseDown={() => setGrab(true)}\n      onMouseUp={() => setGrab(false)}\n      {...rest}\n      {...attributes}\n      {...listeners}\n      ref={ref}\n    />\n  );\n});\n\nDragHandle.displayName = 'DragHandle';\n\nexport default DragHandle;\n"],"mappings":";;;;;;;AASA,MAAM,aAAa,MAAuB,EAAE,OAAO,GAAG,WAAW;CAC/D,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,EAAE,YAAY,WAAW,QAAQ,IAAI,mBAAmB;CAC9D,OACE,oBAAC,YAAD;EACE,OAAA;EACA,gBAAa;EACb,MAAM;EACN,MAAM;EACN,OAAO;GAAE,QAAQ,OAAO,SAAS;GAAY,GAAG;EAAM;EACtD,mBAAmB,QAAQ,IAAI;EAC/B,iBAAiB,QAAQ,KAAK;EAC9B,GAAI;EACJ,GAAI;EACJ,GAAI;EACC;CACN,CAAA;AAEL,CAAC;AAED,WAAW,cAAc"}

package/es/SortableList/components/SortableItem.d.mts

@@ -1,11 +1,12 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import * as _$react from "react";
+import "../../Flex/index.mjs";
+import "@dnd-kit/core";
 //#region src/SortableList/components/SortableItem.d.ts
 interface SortableItemProps extends Omit<FlexboxProps, 'id'> {
   id: string | number;
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-declare const SortableItem: _$react.NamedExoticComponent<SortableItemProps>;
+declare const SortableItem: import("react").NamedExoticComponent<SortableItemProps>;
 //#endregion
-export { SortableItem };
+export { SortableItemProps, SortableItem as default };
 //# sourceMappingURL=SortableItem.d.mts.map

package/es/SortableList/components/SortableItem.mjs

@@ -14,16 +14,17 @@ const SortableItemContext = createContext({
 });
 const SortableItem = memo(({ variant = "borderless", className, children, id, style, ...rest }) => {
 	const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({ id });
+	const context = useMemo(() => ({
+		attributes,
+		listeners,
+		ref: setActivatorNodeRef
+	}), [
+		attributes,
+		listeners,
+		setActivatorNodeRef
+	]);
 	return /* @__PURE__ */ jsx(SortableItemContext, {
-		value: useMemo(() => ({
-			attributes,
-			listeners,
-			ref: setActivatorNodeRef
-		}), [
-			attributes,
-			listeners,
-			setActivatorNodeRef
-		]),
+		value: context,
 		children: /* @__PURE__ */ jsx(FlexBasic_default, {
 			horizontal: true,
 			align: "center",

package/es/SortableList/components/SortableItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortableItem.mjs","names":["Flexbox"],"sources":["../../../src/SortableList/components/SortableItem.tsx"],"sourcesContent":["'use client';\n\nimport type { DraggableSyntheticListeners } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { cx } from 'antd-style';\nimport { createContext, memo, useMemo } from 'react';\n\nimport { type FlexboxProps } from '@/Flex';\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from '../style';\n\ninterface Context {\n  attributes: Record<string, any>;\n  listeners: DraggableSyntheticListeners;\n  ref: (node: HTMLElement | null) => void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n  attributes: {},\n  listeners: undefined,\n  ref() {},\n});\n\nexport interface SortableItemProps extends Omit<FlexboxProps, 'id'> {\n  id: string | number;\n  variant?: 'borderless' | 'filled' | 'outlined';\n}\n\nconst SortableItem = memo<SortableItemProps>(\n  ({ variant = 'borderless', className, children, id, style, ...rest }) => {\n    const {\n      attributes,\n      isDragging,\n      listeners,\n      setNodeRef,\n      setActivatorNodeRef,\n      transform,\n      transition,\n    } = useSortable({ id });\n    const context = useMemo(\n      () => ({\n        attributes,\n        listeners,\n        ref: setActivatorNodeRef,\n      }),\n      [attributes, listeners, setActivatorNodeRef],\n    );\n\n    return (\n      <SortableItemContext value={context}>\n        <Flexbox\n          horizontal\n          align={'center'}\n          as={'li'}\n          className={cx(variants({ variant }), className)}\n          gap={4}\n          ref={setNodeRef}\n          style={{\n            opacity: isDragging ? 0.4 : undefined,\n            transform: CSS.Translate.toString(transform),\n            transition,\n            ...style,\n          }}\n          {...rest}\n        >\n          {children}\n        </Flexbox>\n      </SortableItemContext>\n    );\n  },\n);\n\nSortableItem.displayName = 'SortableItem';\n\nexport default SortableItem;\n"],"mappings":";;;;;;;;;AAmBA,MAAa,sBAAsB,cAAuB;CACxD,YAAY,EAAE;CACd,WAAW,KAAA;CACX,MAAM;CACP,CAAC;AAOF,MAAM,eAAe,MAClB,EAAE,UAAU,cAAc,WAAW,UAAU,IAAI,OAAO,GAAG,WAAW;CACvE,MAAM,EACJ,YACA,YACA,WACA,YACA,qBACA,WACA,eACE,YAAY,EAAE,IAAI,CAAC;AAUvB,QACE,oBAAC,qBAAD;EAAqB,OAVP,eACP;GACL;GACA;GACA,KAAK;GACN,GACD;GAAC;GAAY;GAAW;GAAoB,CAIT;YACjC,oBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,IAAI;GACJ,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;GAC/C,KAAK;GACL,KAAK;GACL,OAAO;IACL,SAAS,aAAa,KAAM,KAAA;IAC5B,WAAW,IAAI,UAAU,SAAS,UAAU;IAC5C;IACA,GAAG;IACJ;GACD,GAAI;GAEH;GACO,CAAA;EACU,CAAA;EAG3B;AAED,aAAa,cAAc"}
+{"version":3,"file":"SortableItem.mjs","names":["Flexbox"],"sources":["../../../src/SortableList/components/SortableItem.tsx"],"sourcesContent":["'use client';\n\nimport type { DraggableSyntheticListeners } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { cx } from 'antd-style';\nimport { createContext, memo, useMemo } from 'react';\n\nimport { type FlexboxProps } from '@/Flex';\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from '../style';\n\ninterface Context {\n  attributes: Record<string, any>;\n  listeners: DraggableSyntheticListeners;\n  ref: (node: HTMLElement | null) => void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n  attributes: {},\n  listeners: undefined,\n  ref() {},\n});\n\nexport interface SortableItemProps extends Omit<FlexboxProps, 'id'> {\n  id: string | number;\n  variant?: 'borderless' | 'filled' | 'outlined';\n}\n\nconst SortableItem = memo<SortableItemProps>(\n  ({ variant = 'borderless', className, children, id, style, ...rest }) => {\n    const {\n      attributes,\n      isDragging,\n      listeners,\n      setNodeRef,\n      setActivatorNodeRef,\n      transform,\n      transition,\n    } = useSortable({ id });\n    const context = useMemo(\n      () => ({\n        attributes,\n        listeners,\n        ref: setActivatorNodeRef,\n      }),\n      [attributes, listeners, setActivatorNodeRef],\n    );\n\n    return (\n      <SortableItemContext value={context}>\n        <Flexbox\n          horizontal\n          align={'center'}\n          as={'li'}\n          className={cx(variants({ variant }), className)}\n          gap={4}\n          ref={setNodeRef}\n          style={{\n            opacity: isDragging ? 0.4 : undefined,\n            transform: CSS.Translate.toString(transform),\n            transition,\n            ...style,\n          }}\n          {...rest}\n        >\n          {children}\n        </Flexbox>\n      </SortableItemContext>\n    );\n  },\n);\n\nSortableItem.displayName = 'SortableItem';\n\nexport default SortableItem;\n"],"mappings":";;;;;;;;;AAmBA,MAAa,sBAAsB,cAAuB;CACxD,YAAY,CAAC;CACb,WAAW,KAAA;CACX,MAAM,CAAC;AACT,CAAC;AAOD,MAAM,eAAe,MAClB,EAAE,UAAU,cAAc,WAAW,UAAU,IAAI,OAAO,GAAG,WAAW;CACvE,MAAM,EACJ,YACA,YACA,WACA,YACA,qBACA,WACA,eACE,YAAY,EAAE,GAAG,CAAC;CACtB,MAAM,UAAU,eACP;EACL;EACA;EACA,KAAK;CACP,IACA;EAAC;EAAY;EAAW;CAAmB,CAC7C;CAEA,OACE,oBAAC,qBAAD;EAAqB,OAAO;YAC1B,oBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,IAAI;GACJ,WAAW,GAAG,SAAS,EAAE,QAAQ,CAAC,GAAG,SAAS;GAC9C,KAAK;GACL,KAAK;GACL,OAAO;IACL,SAAS,aAAa,KAAM,KAAA;IAC5B,WAAW,IAAI,UAAU,SAAS,SAAS;IAC3C;IACA,GAAG;GACL;GACA,GAAI;GAEH;EACM,CAAA;CACU,CAAA;AAEzB,CACF;AAEA,aAAa,cAAc"}

package/es/SortableList/components/SortableOverlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortableOverlay.mjs","names":[],"sources":["../../../src/SortableList/components/SortableOverlay.tsx"],"sourcesContent":["'use client';\n\nimport { type DropAnimation } from '@dnd-kit/core';\nimport { defaultDropAnimationSideEffects, DragOverlay } from '@dnd-kit/core';\nimport { type PropsWithChildren } from 'react';\nimport { memo } from 'react';\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: '0.4',\n      },\n    },\n  }),\n};\n\nconst SortableOverlay = memo<PropsWithChildren>(({ children }) => {\n  return <DragOverlay dropAnimation={dropAnimationConfig}>{children}</DragOverlay>;\n});\n\nSortableOverlay.displayName = 'SortableOverlay';\n\nexport default SortableOverlay;\n"],"mappings":";;;;;AAOA,MAAM,sBAAqC,EACzC,aAAa,gCAAgC,EAC3C,QAAQ,EACN,QAAQ,EACN,SAAS,OACV,EACF,EACF,CAAC,EACH;AAED,MAAM,kBAAkB,MAAyB,EAAE,eAAe;AAChE,QAAO,oBAAC,aAAD;EAAa,eAAe;EAAsB;EAAuB,CAAA;EAChF;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"SortableOverlay.mjs","names":[],"sources":["../../../src/SortableList/components/SortableOverlay.tsx"],"sourcesContent":["'use client';\n\nimport { type DropAnimation } from '@dnd-kit/core';\nimport { defaultDropAnimationSideEffects, DragOverlay } from '@dnd-kit/core';\nimport { type PropsWithChildren } from 'react';\nimport { memo } from 'react';\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: '0.4',\n      },\n    },\n  }),\n};\n\nconst SortableOverlay = memo<PropsWithChildren>(({ children }) => {\n  return <DragOverlay dropAnimation={dropAnimationConfig}>{children}</DragOverlay>;\n});\n\nSortableOverlay.displayName = 'SortableOverlay';\n\nexport default SortableOverlay;\n"],"mappings":";;;;;AAOA,MAAM,sBAAqC,EACzC,aAAa,gCAAgC,EAC3C,QAAQ,EACN,QAAQ,EACN,SAAS,MACX,EACF,EACF,CAAC,EACH;AAEA,MAAM,kBAAkB,MAAyB,EAAE,eAAe;CAChE,OAAO,oBAAC,aAAD;EAAa,eAAe;EAAsB;CAAsB,CAAA;AACjF,CAAC;AAED,gBAAgB,cAAc"}

package/es/SortableList/index.d.mts

@@ -1,3 +1,3 @@
 import { SortableListItem, SortableListProps } from "./type.mjs";
-import { SortableList } from "./SortableList.mjs";
-export { SortableListItem, SortableListProps, SortableList as default };
+import SortableList from "./SortableList.mjs";
+export { type SortableListItem, type SortableListProps, SortableList as default };

package/es/SortableList/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/SortableList/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    container: css`\n      padding: 0;\n      list-style: none;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    item: css`\n      overflow: hidden;\n      box-sizing: border-box;\n      border-radius: ${cssVar.borderRadius};\n      list-style: none;\n    `,\n    itemVariant: css`\n      padding-block: 4px;\n      padding-inline: 4px 16px;\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  };\n});\n\nexport const variants = cva(styles.item, {\n  compoundVariants: [\n    {\n      className: styles.itemVariant,\n      variant: 'outlined',\n    },\n    {\n      className: styles.itemVariant,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,WAAW,GAAG;;;;EAId,QAAQA,cAAkB;EAC1B,MAAM,GAAG;;;uBAGU,OAAO,aAAa;;;EAGvC,aAAa,GAAG;;;;EAIhB,UAAUA,cAAkB;EAC7B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,WAAW,OAAO;EAClB,SAAS;EACV,EACD;EACE,WAAW,OAAO;EAClB,SAAS;EACV,CACF;CACD,iBAAiB,EACf,SAAS,cACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/SortableList/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    container: css`\n      padding: 0;\n      list-style: none;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    item: css`\n      overflow: hidden;\n      box-sizing: border-box;\n      border-radius: ${cssVar.borderRadius};\n      list-style: none;\n    `,\n    itemVariant: css`\n      padding-block: 4px;\n      padding-inline: 4px 16px;\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  };\n});\n\nexport const variants = cva(styles.item, {\n  compoundVariants: [\n    {\n      className: styles.itemVariant,\n      variant: 'outlined',\n    },\n    {\n      className: styles.itemVariant,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAYA,cAAkB;EAC9B,WAAW,GAAG;;;;EAId,QAAQA,cAAkB;EAC1B,MAAM,GAAG;;;uBAGU,OAAO,aAAa;;;EAGvC,aAAa,GAAG;;;;EAIhB,UAAUA,cAAkB;CAC9B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,WAAW,OAAO;EAClB,SAAS;CACX,GACA;EACE,WAAW,OAAO;EAClB,SAAS;CACX,CACF;CACA,iBAAiB,EACf,SAAS,aACX;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;CACrB,EACF;AACF,CAAC"}

package/es/SortableList/type.d.mts

@@ -1,12 +1,16 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { ReactNode, Ref } from "react";
-
 //#region src/SortableList/type.d.ts
 interface SortableListItem {
   [key: string]: any;
   id: string | number;
 }
 interface SortableListProps<T extends SortableListItem = SortableListItem> extends Omit<FlexboxProps, 'onChange'> {
+  /**
+   * @default 8
+   */
+  gap?: number;
   items: T[];
   onChange: (items: T[]) => void;
   ref?: Ref<HTMLUListElement>;

package/es/Tabs/Tabs.d.mts

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

package/es/Tabs/Tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.mjs","names":["Tabs","AntdTabs"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { Tabs as AntdTabs } from 'antd';\nimport { cx } from 'antd-style';\nimport { MoreHorizontalIcon } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles, variants } from './style';\nimport type { TabsProps } from './type';\n\n/**\n * @deprecated Use `Tabs` from `@lobehub/ui/base-ui` instead.\n */\nconst Tabs: FC<TabsProps> = ({\n  className,\n  compact,\n  variant = 'rounded',\n  items,\n  classNames,\n  ...rest\n}) => {\n  const hasContent = items?.some((item) => !!item.children);\n  const popupClassNames = {\n    root: styles.dropdown,\n    ...(typeof classNames === 'function' ? undefined : classNames?.popup),\n  };\n  const mergedClassNames: TabsProps['classNames'] =\n    typeof classNames === 'function'\n      ? Object.assign((info: Parameters<typeof classNames>[0]) => classNames(info), {\n          popup: popupClassNames,\n        })\n      : {\n          ...classNames,\n          popup: popupClassNames,\n        };\n\n  return (\n    <AntdTabs\n      className={cx(variants({ compact, underlined: hasContent, variant }), className)}\n      items={items}\n      {...rest}\n      classNames={mergedClassNames}\n      more={{\n        icon: <ActionIcon icon={MoreHorizontalIcon} />,\n        ...rest?.more,\n      }}\n    />\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;;AAeA,MAAMA,UAAuB,EAC3B,WACA,SACA,UAAU,WACV,OACA,YACA,GAAG,WACC;CACJ,MAAM,aAAa,OAAO,MAAM,SAAS,CAAC,CAAC,KAAK,SAAS;CACzD,MAAM,kBAAkB;EACtB,MAAM,OAAO;EACb,GAAI,OAAO,eAAe,aAAa,KAAA,IAAY,YAAY;EAChE;CACD,MAAM,mBACJ,OAAO,eAAe,aAClB,OAAO,QAAQ,SAA2C,WAAW,KAAK,EAAE,EAC1E,OAAO,iBACR,CAAC,GACF;EACE,GAAG;EACH,OAAO;EACR;AAEP,QACE,oBAACC,MAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAS,YAAY;GAAY;GAAS,CAAC,EAAE,UAAU;EACzE;EACP,GAAI;EACJ,YAAY;EACZ,MAAM;GACJ,MAAM,oBAAC,YAAD,EAAY,MAAM,oBAAsB,CAAA;GAC9C,GAAG,MAAM;GACV;EACD,CAAA;;AAIN,OAAK,cAAc"}
+{"version":3,"file":"Tabs.mjs","names":["Tabs","AntdTabs"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { Tabs as AntdTabs } from 'antd';\nimport { cx } from 'antd-style';\nimport { MoreHorizontalIcon } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles, variants } from './style';\nimport type { TabsProps } from './type';\n\n/**\n * @deprecated Use `Tabs` from `@lobehub/ui/base-ui` instead.\n */\nconst Tabs: FC<TabsProps> = ({\n  className,\n  compact,\n  variant = 'rounded',\n  items,\n  classNames,\n  ...rest\n}) => {\n  const hasContent = items?.some((item) => !!item.children);\n  const popupClassNames = {\n    root: styles.dropdown,\n    ...(typeof classNames === 'function' ? undefined : classNames?.popup),\n  };\n  const mergedClassNames: TabsProps['classNames'] =\n    typeof classNames === 'function'\n      ? Object.assign((info: Parameters<typeof classNames>[0]) => classNames(info), {\n          popup: popupClassNames,\n        })\n      : {\n          ...classNames,\n          popup: popupClassNames,\n        };\n\n  return (\n    <AntdTabs\n      className={cx(variants({ compact, underlined: hasContent, variant }), className)}\n      items={items}\n      {...rest}\n      classNames={mergedClassNames}\n      more={{\n        icon: <ActionIcon icon={MoreHorizontalIcon} />,\n        ...rest?.more,\n      }}\n    />\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;;AAeA,MAAMA,UAAuB,EAC3B,WACA,SACA,UAAU,WACV,OACA,YACA,GAAG,WACC;CACJ,MAAM,aAAa,OAAO,MAAM,SAAS,CAAC,CAAC,KAAK,QAAQ;CACxD,MAAM,kBAAkB;EACtB,MAAM,OAAO;EACb,GAAI,OAAO,eAAe,aAAa,KAAA,IAAY,YAAY;CACjE;CACA,MAAM,mBACJ,OAAO,eAAe,aAClB,OAAO,QAAQ,SAA2C,WAAW,IAAI,GAAG,EAC1E,OAAO,gBACT,CAAC,IACD;EACE,GAAG;EACH,OAAO;CACT;CAEN,OACE,oBAACC,MAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAS,YAAY;GAAY;EAAQ,CAAC,GAAG,SAAS;EACxE;EACP,GAAI;EACJ,YAAY;EACZ,MAAM;GACJ,MAAM,oBAAC,YAAD,EAAY,MAAM,mBAAqB,CAAA;GAC7C,GAAG,MAAM;EACX;CACD,CAAA;AAEL;AAEA,OAAK,cAAc"}

package/es/Tabs/index.d.mts

@@ -1,3 +1,3 @@
 import { TabsProps } from "./type.mjs";
-import { Tabs } from "./Tabs.mjs";
-export { TabsProps, Tabs as default };
+import Tabs from "./Tabs.mjs";
+export { type TabsProps, Tabs as default };

package/es/Tabs/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tabs/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    compact: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 4px;\n\n          + [class*='ant-tabs-tab'] {\n            margin: 4px;\n          }\n        }\n      }\n    `,\n    dropdown: css`\n      .${prefixCls}-tabs-dropdown-menu {\n        padding: 4px;\n        border: 1px solid ${cssVar.colorBorderSecondary};\n\n        .${prefixCls}-tabs-dropdown-menu-item {\n          border-radius: ${cssVar.borderRadius};\n        }\n      }\n    `,\n    hideHolder: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-content-holder {\n          display: none;\n        }\n\n        .${prefixCls}-tabs-nav {\n          margin: 0;\n\n          &::before {\n            display: none;\n          }\n        }\n      }\n    `,\n\n    margin: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 8px;\n\n          + .${prefixCls}-tabs-tab {\n            margin: 8px;\n          }\n        }\n      }\n    `,\n    point: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-start-start-radius: 4px;\n            border-start-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-end-start-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-start-radius: 4px;\n            border-end-start-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-end-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          padding-block: 8px;\n          padding-inline: 12px;\n          color: ${cssVar.colorTextSecondary};\n          transition: background-color 100ms ease-out;\n\n          &:hover {\n            border-radius: ${cssVar.borderRadius};\n            color: ${cssVar.colorText};\n            background: ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    rounded: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-start-start-radius: 3px;\n            border-start-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-end-start-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-start-radius: 3px;\n            border-end-start-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-end-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    compact: false,\n    underlined: false,\n    variant: 'rounded',\n  },\n\n  variants: {\n    variant: {\n      square: null,\n      rounded: styles.rounded,\n      point: styles.point,\n    },\n    compact: {\n      false: styles.margin,\n      true: styles.compact,\n    },\n    underlined: {\n      false: styles.hideHolder,\n      true: null,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;UACN,UAAU;WACT,UAAU;;;;;;;;;EASjB,UAAU,GAAG;SACR,UAAU;;4BAES,OAAO,qBAAqB;;WAE7C,UAAU;2BACM,OAAO,aAAa;;;;EAI3C,YAAY,GAAG;UACT,UAAU;WACT,UAAU;;;;WAIV,UAAU;;;;;;;;;EAUjB,QAAQ,GAAG;UACL,UAAU;WACT,UAAU;;;eAGN,UAAU;;;;;;EAMrB,OAAO,GAAG;UACJ,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;;EASnB,MAAM,GAAG;UACH,UAAU;WACT,UAAU;;;mBAGF,OAAO,mBAAmB;;;;6BAIhB,OAAO,aAAa;qBAC5B,OAAO,UAAU;0BACZ,OAAO,kBAAkB;;;;;EAK/C,SAAS,GAAG;UACN,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;;EAQpB;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ;GACR,SAAS,OAAO;GAChB,OAAO,OAAO;GACf;EACD,SAAS;GACP,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,YAAY;GACV,OAAO,OAAO;GACd,MAAM;GACP;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tabs/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    compact: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 4px;\n\n          + [class*='ant-tabs-tab'] {\n            margin: 4px;\n          }\n        }\n      }\n    `,\n    dropdown: css`\n      .${prefixCls}-tabs-dropdown-menu {\n        padding: 4px;\n        border: 1px solid ${cssVar.colorBorderSecondary};\n\n        .${prefixCls}-tabs-dropdown-menu-item {\n          border-radius: ${cssVar.borderRadius};\n        }\n      }\n    `,\n    hideHolder: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-content-holder {\n          display: none;\n        }\n\n        .${prefixCls}-tabs-nav {\n          margin: 0;\n\n          &::before {\n            display: none;\n          }\n        }\n      }\n    `,\n\n    margin: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 8px;\n\n          + .${prefixCls}-tabs-tab {\n            margin: 8px;\n          }\n        }\n      }\n    `,\n    point: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-start-start-radius: 4px;\n            border-start-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-end-start-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-start-radius: 4px;\n            border-end-start-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-end-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          padding-block: 8px;\n          padding-inline: 12px;\n          color: ${cssVar.colorTextSecondary};\n          transition: background-color 100ms ease-out;\n\n          &:hover {\n            border-radius: ${cssVar.borderRadius};\n            color: ${cssVar.colorText};\n            background: ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    rounded: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-start-start-radius: 3px;\n            border-start-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-end-start-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-start-radius: 3px;\n            border-end-start-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-end-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    compact: false,\n    underlined: false,\n    variant: 'rounded',\n  },\n\n  variants: {\n    variant: {\n      square: null,\n      rounded: styles.rounded,\n      point: styles.point,\n    },\n    compact: {\n      false: styles.margin,\n      true: styles.compact,\n    },\n    underlined: {\n      false: styles.hideHolder,\n      true: null,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GAAG;UACN,UAAU;WACT,UAAU;;;;;;;;;EASjB,UAAU,GAAG;SACR,UAAU;;4BAES,OAAO,qBAAqB;;WAE7C,UAAU;2BACM,OAAO,aAAa;;;;EAI3C,YAAY,GAAG;UACT,UAAU;WACT,UAAU;;;;WAIV,UAAU;;;;;;;;;EAUjB,QAAQ,GAAG;UACL,UAAU;WACT,UAAU;;;eAGN,UAAU;;;;;;EAMrB,OAAO,GAAG;UACJ,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;;EASnB,MAAM,GAAG;UACH,UAAU;WACT,UAAU;;;mBAGF,OAAO,mBAAmB;;;;6BAIhB,OAAO,aAAa;qBAC5B,OAAO,UAAU;0BACZ,OAAO,kBAAkB;;;;;EAK/C,SAAS,GAAG;UACN,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;;CAQrB;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ;GACR,SAAS,OAAO;GAChB,OAAO,OAAO;EAChB;EACA,SAAS;GACP,OAAO,OAAO;GACd,MAAM,OAAO;EACf;EACA,YAAY;GACV,OAAO,OAAO;GACd,MAAM;EACR;CACF;AACF,CAAC"}

package/es/Tabs/type.d.mts

@@ -1,5 +1,4 @@
 import { TabsProps } from "antd";
-
 //#region src/Tabs/type.d.ts
 interface TabsProps$1 extends TabsProps {
   compact?: boolean;

package/es/Tag/Tag.d.mts

@@ -1,8 +1,7 @@
 import { TagProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/Tag/Tag.d.ts
 declare const Tag: FC<TagProps>;
 //#endregion
-export { Tag };
+export { Tag as default };
 //# sourceMappingURL=Tag.d.mts.map