@lobehub/ui 5.6.2 → 5.6.4

package/es/Skeleton/SkeletonTags.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTags.mjs","names":["HEIGHT_MAP: Record<'small' | 'middle' | 'large', number>","DEFAULT_WIDTH_MAP: Record<'small' | 'middle' | 'large', number>","SkeletonTags: FC<SkeletonTagsProps>","RADIUS_MAP: Record<'large' | 'small' | 'middle', string>","Flexbox","SkeletonBlock"],"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,MAAMA,aAA2D;CAC/D,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAMC,oBAAkE;CACtE,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAMC,gBAAuC,EAC3C,QACA,WACA,QAAQ,eACR,KACA,QACA,OAAO,UACP,OACA,OACA,GAAG,WACC;CACJ,MAAM,cAAc,QAAQ,SAAY,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,MAAMC,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,OAAW,QAAO;AAChC,SAAO;;AAGT,QACE,oBAACC;EAAQ;EAAsB;EAAW,OAAO;GAAE,KAAK;GAAa,GAAG;GAAO;EAAE,GAAI;YAClF,MAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,CAAC,KAAK,GAAG,UAC7C,oBAACC;GACS;GACR,QAAQ;GAER,OAAO,SAAS,MAAM;GACtB,OAAO,EACL,cAAc,WAAW,OAC1B;KAJI,MAKL,CACF;GACM;;AAId,aAAa,cAAc;AAE3B,2BAAe"}
+{"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"}

package/es/Skeleton/SkeletonTitle.mjs

@@ -1,16 +1,14 @@
-'use client';
-
-import SkeletonBlock_default from "./SkeletonBlock.mjs";
+"use client";
+import SkeletonBlock from "./SkeletonBlock.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cssVar } from "antd-style";
-
 //#region src/Skeleton/SkeletonTitle.tsx
 const SkeletonTitle = ({ active, fontSize, lineHeight, height, width = "60%", style, className, ...rest }) => {
 	const resolvedLineHeight = lineHeight ?? 1.6;
 	const baseFontSize = fontSize !== void 0 ? `${fontSize}px` : cssVar.fontSize;
 	const heightMultiplier = 1 + (resolvedLineHeight - 1) * .5;
 	const marginMultiplier = (resolvedLineHeight - 1) * .25;
-	return /* @__PURE__ */ jsx(SkeletonBlock_default, {
+	return /* @__PURE__ */ jsx(SkeletonBlock, {
 		active,
 		className,
 		height: height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`,
@@ -23,8 +21,7 @@ const SkeletonTitle = ({ active, fontSize, lineHeight, height, width = "60%", st
 	});
 };
 SkeletonTitle.displayName = "SkeletonTitle";
-var SkeletonTitle_default = SkeletonTitle;
-
 //#endregion
-export { SkeletonTitle_default as default };
+export { SkeletonTitle as default };
+
 //# sourceMappingURL=SkeletonTitle.mjs.map

package/es/Skeleton/SkeletonTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTitle.mjs","names":["SkeletonTitle: FC<SkeletonTitleProps>","SkeletonBlock"],"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,MAAMA,iBAAyC,EAC7C,QACA,UACA,YACA,QACA,QAAQ,OACR,OACA,WACA,GAAG,WACC;CACJ,MAAM,qBAAqB,cAAc;CACzC,MAAM,eAAe,aAAa,SAAY,GAAG,SAAS,MAAM,OAAO;CAGvE,MAAM,mBAAmB,KAAK,qBAAqB,KAAK;CAExD,MAAM,oBAAoB,qBAAqB,KAAK;AAEpD,QACE,oBAACC;EACS;EACG;EACX,QAAQ,UAAU,cAAc,aAAa,KAAK,iBAAiB;EAC5D;EACP,OAAO;GACL,aAAa,cAAc,aAAa,KAAK,iBAAiB;GAC9D,GAAG;GACJ;EACD,GAAI;GACJ;;AAIN,cAAc,cAAc;AAE5B,4BAAe"}
+{"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"}

package/es/Skeleton/index.mjs

@@ -1,21 +1,19 @@
-import SkeletonBlock_default from "./SkeletonBlock.mjs";
-import SkeletonAvatar_default from "./SkeletonAvatar.mjs";
-import SkeletonParagraph_default from "./SkeletonParagraph.mjs";
-import SkeletonTitle_default from "./SkeletonTitle.mjs";
-import Skeleton_default$1 from "./Skeleton.mjs";
-import SkeletonButton_default from "./SkeletonButton.mjs";
-import SkeletonTags_default from "./SkeletonTags.mjs";
-
+import SkeletonBlock from "./SkeletonBlock.mjs";
+import SkeletonAvatar from "./SkeletonAvatar.mjs";
+import SkeletonParagraph from "./SkeletonParagraph.mjs";
+import SkeletonTitle from "./SkeletonTitle.mjs";
+import Skeleton$1 from "./Skeleton.mjs";
+import SkeletonButton from "./SkeletonButton.mjs";
+import SkeletonTags from "./SkeletonTags.mjs";
 //#region src/Skeleton/index.ts
-const Skeleton = Skeleton_default$1;
-Skeleton.Block = SkeletonBlock_default;
-Skeleton.Avatar = SkeletonAvatar_default;
-Skeleton.Title = SkeletonTitle_default;
-Skeleton.Paragraph = SkeletonParagraph_default;
-Skeleton.Button = SkeletonButton_default;
-Skeleton.Tags = SkeletonTags_default;
-var Skeleton_default = Skeleton;
-
+const Skeleton = Skeleton$1;
+Skeleton.Block = SkeletonBlock;
+Skeleton.Avatar = SkeletonAvatar;
+Skeleton.Title = SkeletonTitle;
+Skeleton.Paragraph = SkeletonParagraph;
+Skeleton.Button = SkeletonButton;
+Skeleton.Tags = SkeletonTags;
 //#endregion
-export { SkeletonAvatar_default as SkeletonAvatar, SkeletonBlock_default as SkeletonBlock, SkeletonButton_default as SkeletonButton, SkeletonParagraph_default as SkeletonParagraph, SkeletonTags_default as SkeletonTags, SkeletonTitle_default as SkeletonTitle, Skeleton_default as default };
+export { SkeletonAvatar, SkeletonBlock, SkeletonButton, SkeletonParagraph, SkeletonTags, SkeletonTitle, Skeleton as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/Skeleton/index.mjs.map

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

package/es/Skeleton/style.mjs

@@ -1,5 +1,4 @@
 import { createStaticStyles, keyframes } from "antd-style";
-
 //#region src/Skeleton/style.ts
 const shimmer = keyframes`
   0% {
@@ -12,37 +11,37 @@ const shimmer = keyframes`
     opacity: 1;
   }
 `;
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		active: css$1`
-      background: ${cssVar$1.colorFillSecondary};
+		active: css`
+      background: ${cssVar.colorFillSecondary};
       animation: ${shimmer} 2s linear infinite;
     `,
-		avatar: css$1`
+		avatar: css`
       flex-shrink: 0;
     `,
-		base: css$1`
+		base: css`
       user-select: none;
 
       position: relative;
 
       overflow: hidden;
 
-      border-radius: ${cssVar$1.borderRadius};
+      border-radius: ${cssVar.borderRadius};
 
-      background: ${cssVar$1.colorFillTertiary};
+      background: ${cssVar.colorFillTertiary};
     `,
-		text: css$1`
+		text: css`
       display: flex;
       flex: 1;
       flex-direction: column;
-      gap: ${cssVar$1.paddingXS};
+      gap: ${cssVar.paddingXS};
 
       width: 100%;
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Skeleton/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"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,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;oBACKA,SAAO,mBAAmB;mBAC3B,QAAQ;;EAGvB,QAAQ,KAAG;;;EAIX,MAAM,KAAG;;;;;;;uBAOUA,SAAO,aAAa;;oBAEvBA,SAAO,kBAAkB;;EAGzC,MAAM,KAAG;;;;aAIAA,SAAO,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;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"}

package/es/SliderWithInput/SliderWithInput.d.mts

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

package/es/SliderWithInput/SliderWithInput.mjs

@@ -1,17 +1,15 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import InputNumber_default from "../Input/InputNumber.mjs";
+import InputNumber$1 from "../Input/InputNumber.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slider } from "antd";
 import { isNull } from "es-toolkit/compat";
-
 //#region src/SliderWithInput/SliderWithInput.tsx
 const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, size, controls, gap = 16, style, className, classNames, styles, disabled, unlimitedInput = false, changeOnWheel, ...rest }) => {
-	const handleOnchange = (value$1) => {
-		if (Number.isNaN(value$1) || isNull(value$1)) return;
-		onChange?.(value$1);
+	const handleOnchange = (value) => {
+		if (Number.isNaN(value) || isNull(value)) return;
+		onChange?.(value);
 	};
 	const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};
 	const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};
@@ -39,7 +37,7 @@ const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, s
 			value: typeof value === "number" ? value : 0,
 			onChange: handleOnchange,
 			...rest
-		}), /* @__PURE__ */ jsx(InputNumber_default, {
+		}), /* @__PURE__ */ jsx(InputNumber$1, {
 			changeOnWheel,
 			className: inputClassName,
 			controls: size !== "small" || controls,
@@ -60,8 +58,7 @@ const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, s
 	});
 });
 SliderWithInput.displayName = "SliderWithInput";
-var SliderWithInput_default = SliderWithInput;
-
 //#endregion
-export { SliderWithInput_default as default };
+export { SliderWithInput as default };
+
 //# sourceMappingURL=SliderWithInput.mjs.map

package/es/SliderWithInput/SliderWithInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderWithInput.mjs","names":["value","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\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={disabled}\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,YAAyB;AAC/C,MAAI,OAAO,MAAMA,QAAM,IAAI,OAAOA,QAAM,CAAE;AAC1C,aAAWA,QAAM;;CAGnB,MAAM,EAAE,QAAQ,iBAAiB,OAAO,gBAAgB,GAAG,mBAAmB,cAAc,EAAE;CAC9F,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY,GAAG,eAAe,UAAU,EAAE;AAE9E,QACE,qBAACC;EACC,OAAO;EACI;EACX,WAAW;EACN;EACE;aAEP,oBAAC;GACC,WAAW;GACX,YAAY;GACE;GACJ;GACL;GACA;GACC;GACN,OAAO;IAAE,MAAM;IAAG,QAAQ,SAAS,UAAU,IAAI;IAAW,GAAG;IAAa;GAC5E,QAAQ;GACR,SAAS,EAAE,MAAM,OAAO;GACxB,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,UAAU;GACV,GAAI;IACJ,EACF,oBAACC;GACgB;GACf,WAAW;GACX,UAAU,SAAS,WAAW;GAChB;GACJ;GACV,KAAK,iBAAiB,SAAY;GAC7B;GACC;GACN,MAAM,OAAO,MAAM,KAAK,IAAI,OAAO,KAAK,GAAG,SAAY;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;IAC1C;GACM;EAGf;AAED,gBAAgB,cAAc;AAE9B,8BAAe"}
+{"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\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={disabled}\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;;CAGnB,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;GACJ;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"}

package/es/SliderWithInput/index.mjs

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

package/es/SliderWithInput/type.d.mts

@@ -1,7 +1,5 @@
 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";
 

package/es/Snippet/Snippet.mjs

@@ -1,13 +1,11 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import SyntaxHighlighter_default from "../Highlighter/SyntaxHighlighter/index.mjs";
-import CopyButton_default from "../CopyButton/CopyButton.mjs";
-import Spotlight_default from "../awesome/Spotlight/Spotlight.mjs";
+import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter/index.mjs";
+import CopyButton from "../CopyButton/CopyButton.mjs";
+import Spotlight from "../awesome/Spotlight/Spotlight.mjs";
 import { styles, variants } from "./style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/Snippet/Snippet.tsx
 const Snippet = ({ ref, prefix, language = "tsx", children, copyable = true, variant = "filled", spotlight, shadow, className, ...rest }) => {
 	const tirmedChildren = children.trim();
@@ -23,13 +21,13 @@ const Snippet = ({ ref, prefix, language = "tsx", children, copyable = true, var
 		ref,
 		...rest,
 		children: [
-			spotlight && /* @__PURE__ */ jsx(Spotlight_default, {}),
-			/* @__PURE__ */ jsx(SyntaxHighlighter_default, {
+			spotlight && /* @__PURE__ */ jsx(Spotlight, {}),
+			/* @__PURE__ */ jsx(SyntaxHighlighter, {
 				className: styles.hightlight,
 				language,
 				children: [prefix, tirmedChildren].filter(Boolean).join(" ")
 			}),
-			copyable && /* @__PURE__ */ jsx(CopyButton_default, {
+			copyable && /* @__PURE__ */ jsx(CopyButton, {
 				content: tirmedChildren,
 				size: "small"
 			})
@@ -37,8 +35,7 @@ const Snippet = ({ ref, prefix, language = "tsx", children, copyable = true, var
 	});
 };
 Snippet.displayName = "Snippet";
-var Snippet_default = Snippet;
-
 //#endregion
-export { Snippet_default as default };
+export { Snippet as default };
+
 //# sourceMappingURL=Snippet.mjs.map

package/es/Snippet/Snippet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snippet.mjs","names":["Snippet: FC<SnippetProps>","Flexbox","Spotlight","SyntaxHighlighter","CopyButton"],"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,MAAMA,WAA6B,EACjC,KACA,QACA,WAAW,OACX,UACA,WAAW,MACX,UAAU,UACV,WACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,iBAAiB,SAAS,MAAM;AAEtC,QACE,qBAACC;EACC;EACA,OAAO;EACP,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACf,KAAK;EACA;EACL,GAAI;;GAEH,aAAa,oBAACC,sBAAY;GAC3B,oBAACC;IAAkB,WAAW,OAAO;IAAsB;cACxD,CAAC,QAAQ,eAAe,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;KACjC;GACnB,YAAY,oBAACC;IAAW,SAAS;IAAgB,MAAM;KAAW;;GAC3D;;AAId,QAAQ,cAAc;AAEtB,sBAAe"}
+{"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"}

package/es/Snippet/index.mjs

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

package/es/Snippet/style.mjs

@@ -1,13 +1,12 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Snippet/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		borderless: staticStylish.variantBorderlessWithoutHover,
 		filled: staticStylish.variantFilledWithoutHover,
-		hightlight: css$1`
+		hightlight: css`
       overflow: auto hidden;
       flex: 1;
       height: 100%;
@@ -20,7 +19,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       }
     `,
 		outlined: staticStylish.variantOutlinedWithoutHover,
-		root: css$1`
+		root: css`
       position: relative;
 
       overflow: hidden;
@@ -29,7 +28,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       height: 38px;
       padding-block: 0;
       padding-inline: 12px 8px;
-      border-radius: ${cssVar$1.borderRadius};
+      border-radius: ${cssVar.borderRadius};
     `,
 		shadow: staticStylish.shadow
 	};
@@ -51,7 +50,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { styles, variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Snippet/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"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,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,YAAY,KAAG;;;;;;;;;;;;EAYf,UAAUA,cAAkB;EAC5B,MAAM,KAAG;;;;;;;;;uBASUC,SAAO,aAAa;;EAEvC,QAAQD,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;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"}

package/es/Snippet/type.d.mts

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

package/es/SortableList/SortableList.mjs

@@ -1,16 +1,14 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import { styles } from "./style.mjs";
-import SortableItem_default from "./components/SortableItem.mjs";
-import DragHandle_default from "./components/DragHandle.mjs";
-import SortableOverlay_default from "./components/SortableOverlay.mjs";
+import SortableItem from "./components/SortableItem.mjs";
+import DragHandle from "./components/DragHandle.mjs";
+import SortableOverlay from "./components/SortableOverlay.mjs";
 import { Fragment, memo, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis, restrictToWindowEdges } from "@dnd-kit/modifiers";
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
-
 //#region src/SortableList/SortableList.tsx
 const SortableListParent = memo(({ ref, items, onChange, renderItem, gap = 8, ...rest }) => {
 	const [active, setActive] = useState(null);
@@ -22,12 +20,12 @@ const SortableListParent = memo(({ ref, items, onChange, renderItem, gap = 8, ..
 		onDragCancel: () => {
 			setActive(null);
 		},
-		onDragEnd: ({ active: active$1, over }) => {
-			if (over && active$1.id !== over?.id) onChange(arrayMove(items, items.findIndex(({ id }) => id === active$1.id), items.findIndex(({ id }) => id === over.id)));
+		onDragEnd: ({ active, over }) => {
+			if (over && active.id !== over?.id) onChange(arrayMove(items, items.findIndex(({ id }) => id === active.id), items.findIndex(({ id }) => id === over.id)));
 			setActive(null);
 		},
-		onDragStart: ({ active: active$1 }) => {
-			setActive(active$1);
+		onDragStart: ({ active }) => {
+			setActive(active);
 		},
 		children: [/* @__PURE__ */ jsx(SortableContext, {
 			items,
@@ -40,15 +38,14 @@ const SortableListParent = memo(({ ref, items, onChange, renderItem, gap = 8, ..
 				...rest,
 				children: items.map((item) => /* @__PURE__ */ jsx(Fragment, { children: renderItem(item) }, item.id))
 			})
-		}), /* @__PURE__ */ jsx(SortableOverlay_default, { children: activeItem ? renderItem(activeItem) : null })]
+		}), /* @__PURE__ */ jsx(SortableOverlay, { children: activeItem ? renderItem(activeItem) : null })]
 	});
 });
 SortableListParent.displayName = "SortableList";
 const SortableList = SortableListParent;
-SortableList.Item = SortableItem_default;
-SortableList.DragHandle = DragHandle_default;
-var SortableList_default = SortableList;
-
+SortableList.Item = SortableItem;
+SortableList.DragHandle = DragHandle;
 //#endregion
-export { SortableList_default as default };
+export { SortableList as default };
+
 //# sourceMappingURL=SortableList.mjs.map

package/es/SortableList/SortableList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortableList.mjs","names":["active","Flexbox","SortableOverlay","SortableItem","DragHandle"],"sources":["../../src/SortableList/SortableList.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Active,\n  DndContext,\n  KeyboardSensor,\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 SortableListParent = memo<SortableListProps>(\n  ({ ref, items, onChange, renderItem, 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    return (\n      <DndContext\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 ? renderItem(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":";;;;;;;;;;;;;;AA2BA,MAAM,qBAAqB,MACxB,EAAE,KAAK,OAAO,UAAU,YAAY,MAAM,GAAG,GAAG,WAAW;CAC1D,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;AAED,QACE,qBAAC;EACC,WAAW,CAAC,wBAAwB,sBAAsB;EACjD;EACT,oBAAoB;AAClB,aAAU,KAAK;;EAEjB,YAAY,EAAE,kBAAQ,WAAW;AAC/B,OAAI,QAAQA,SAAO,OAAO,MAAM,GAI9B,UAAS,UAAU,OAHC,MAAM,WAAW,EAAE,SAAS,OAAOA,SAAO,GAAG,EAC/C,MAAM,WAAW,EAAE,SAAS,OAAO,KAAK,GAAG,CAEZ,CAAC;AAEpD,aAAU,KAAK;;EAEjB,cAAc,EAAE,uBAAa;AAC3B,aAAUA,SAAO;;aAGnB,oBAAC;GAAuB;GAAO,UAAU;aACvC,oBAACC;IAAQ,IAAI;IAAM,WAAW,OAAO;IAAgB;IAAU;IAAK,GAAI;cACrE,MAAM,KAAK,SACV,oBAAC,sBAAwB,WAAW,KAAK,IAA1B,KAAK,GAAiC,CACrD;KACM;IACM,EAClB,oBAACC,qCAAiB,aAAa,WAAW,WAAW,GAAG,OAAuB;GACpE;EAGlB;AAED,mBAAmB,cAAc;AAQjC,MAAM,eAAe;AAErB,aAAa,OAAOC;AACpB,aAAa,aAAaC;AAE1B,2BAAe"}
+{"version":3,"file":"SortableList.mjs","names":["Flexbox"],"sources":["../../src/SortableList/SortableList.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Active,\n  DndContext,\n  KeyboardSensor,\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 SortableListParent = memo<SortableListProps>(\n  ({ ref, items, onChange, renderItem, 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    return (\n      <DndContext\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 ? renderItem(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":";;;;;;;;;;;;AA2BA,MAAM,qBAAqB,MACxB,EAAE,KAAK,OAAO,UAAU,YAAY,MAAM,GAAG,GAAG,WAAW;CAC1D,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;AAED,QACE,qBAAC,YAAD;EACE,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,GAAG,EAC/C,MAAM,WAAW,EAAE,SAAS,OAAO,KAAK,GAAG,CAEZ,CAAC;AAEpD,aAAU,KAAK;;EAEjB,cAAc,EAAE,aAAa;AAC3B,aAAU,OAAO;;YAhBrB,CAmBE,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,WAAW,WAAW,GAAG,MAAuB,CAAA,CACpE;;EAGlB;AAED,mBAAmB,cAAc;AAQjC,MAAM,eAAe;AAErB,aAAa,OAAO;AACpB,aAAa,aAAa"}

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

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

package/es/SortableList/components/DragHandle.mjs

@@ -1,16 +1,14 @@
-'use client';
-
-import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
+"use client";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
 import { SortableItemContext } from "./SortableItem.mjs";
 import { memo, use, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { GripVertical } from "lucide-react";
-
 //#region src/SortableList/components/DragHandle.tsx
 const DragHandle = memo(({ style, ...rest }) => {
 	const [grab, setGrab] = useState(false);
 	const { attributes, listeners, ref } = use(SortableItemContext);
-	return /* @__PURE__ */ jsx(ActionIcon_default, {
+	return /* @__PURE__ */ jsx(ActionIcon, {
 		glass: true,
 		"data-cypress": "draggable-handle",
 		icon: GripVertical,
@@ -28,8 +26,7 @@ const DragHandle = memo(({ style, ...rest }) => {
 	});
 });
 DragHandle.displayName = "DragHandle";
-var DragHandle_default = DragHandle;
-
 //#endregion
-export { DragHandle_default as default };
+export { DragHandle as default };
+
 //# sourceMappingURL=DragHandle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.mjs","names":["ActionIcon"],"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,oBAACA;EACC;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;GACL;EAEJ;AAEF,WAAW,cAAc;AAEzB,yBAAe"}
+{"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"}

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

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

package/es/SortableList/components/SortableItem.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { variants } from "../style.mjs";
 import { createContext, memo, useMemo } from "react";
@@ -7,7 +6,6 @@ import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-
 //#region src/SortableList/components/SortableItem.tsx
 const SortableItemContext = createContext({
 	attributes: {},
@@ -45,8 +43,7 @@ const SortableItem = memo(({ variant = "borderless", className, children, id, st
 	});
 });
 SortableItem.displayName = "SortableItem";
-var SortableItem_default = SortableItem;
-
 //#endregion
-export { SortableItemContext, SortableItem_default as default };
+export { SortableItemContext, SortableItem as default };
+
 //# sourceMappingURL=SortableItem.mjs.map

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;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;EAAoB,OAVP,eACP;GACL;GACA;GACA,KAAK;GACN,GACD;GAAC;GAAY;GAAW;GAAoB,CAC7C;YAIG,oBAACA;GACC;GACA,OAAO;GACP,IAAI;GACJ,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;GAC/C,KAAK;GACL,KAAK;GACL,OAAO;IACL,SAAS,aAAa,KAAM;IAC5B,WAAW,IAAI,UAAU,SAAS,UAAU;IAC5C;IACA,GAAG;IACJ;GACD,GAAI;GAEH;IACO;GACU;EAG3B;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"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,CAC7C;YAIG,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"}

package/es/SortableList/components/SortableOverlay.mjs

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { DragOverlay, defaultDropAnimationSideEffects } from "@dnd-kit/core";
-
 //#region src/SortableList/components/SortableOverlay.tsx
 const dropAnimationConfig = { sideEffects: defaultDropAnimationSideEffects({ styles: { active: { opacity: "0.4" } } }) };
 const SortableOverlay = memo(({ children }) => {
@@ -13,8 +11,7 @@ const SortableOverlay = memo(({ children }) => {
 	});
 });
 SortableOverlay.displayName = "SortableOverlay";
-var SortableOverlay_default = SortableOverlay;
-
 //#endregion
-export { SortableOverlay_default as default };
+export { SortableOverlay as default };
+
 //# sourceMappingURL=SortableOverlay.mjs.map