@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/Select/utils/commonUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonUtil.js","names":[],"sources":["../../../src/Select/utils/commonUtil.ts"],"sourcesContent":["import _ from 'lodash';\nimport { DefaultOptionType, SelectMenuProps } from '../interface';\nexport function toArray<T>(value: T | T[]): T[] {\n  if (Array.isArray(value)) {\n    return value;\n  }\n  return value !== undefined ? [value] : [];\n}\n\nexport const isClient =\n  typeof window !== 'undefined' &&\n  window.document &&\n  window.document.documentElement;\nexport const toString = (value: any) => _.toString(value);\n/** Is client side and not jsdom */\nexport const isBrowserClient = process.env.NODE_ENV !== 'test' && isClient;\n\nexport function convertOptionsToMenu(\n  options: DefaultOptionType[],\n  selectedKeys: React.Key[],\n): SelectMenuProps {\n  // 使用 Map 来跟踪每个 key 出现的次数，确保 key 的唯一性\n  const keyCountMap = new Map<string, number>();\n\n  return {\n    items: options.map((option, index) => {\n      const baseKey = toString(option.value);\n      // 如果 key 已存在，添加索引后缀确保唯一性\n      const count = keyCountMap.get(baseKey) ?? 0;\n      keyCountMap.set(baseKey, count + 1);\n      const uniqueKey = count > 0 ? `${baseKey}-${index}` : baseKey;\n\n      return {\n        ...option,\n        label: option.label,\n        key: uniqueKey,\n        disabled: option.disabled,\n        onClick: option.onClick,\n        className: option.className,\n        danger: option.danger,\n        icon: option.icon,\n      };\n    }),\n    selectedKeys: selectedKeys as string[],\n  };\n}\n\nexport function noOpFilter() {\n  return true;\n}\n"],"mappings":";;AAEA,SAAgB,QAAW,OAAqB;AAC9C,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO;AAET,QAAO,UAAU,SAAY,CAAC,MAAM,GAAG,EAAE;;AAIzC,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;AAClB,IAAa,YAAY,UAAe,EAAE,SAAS,MAAM;AAE5C,QAAA,IAAA;AAEb,SAAgB,qBACd,SACA,cACiB;CAEjB,MAAM,8BAAc,IAAI,KAAqB;AAE7C,QAAO;EACL,OAAO,QAAQ,KAAK,QAAQ,UAAU;GACpC,MAAM,UAAU,SAAS,OAAO,MAAM;GAEtC,MAAM,QAAQ,YAAY,IAAI,QAAQ,IAAI;AAC1C,eAAY,IAAI,SAAS,QAAQ,EAAE;GACnC,MAAM,YAAY,QAAQ,IAAI,GAAG,QAAQ,GAAG,UAAU;AAEtD,UAAO;IACL,GAAG;IACH,OAAO,OAAO;IACd,KAAK;IACL,UAAU,OAAO;IACjB,SAAS,OAAO;IAChB,WAAW,OAAO;IAClB,QAAQ,OAAO;IACf,MAAM,OAAO;IACd;IACD;EACY;EACf;;AAGH,SAAgB,aAAa;AAC3B,QAAO"}
+{"version":3,"file":"commonUtil.js","names":["_","DefaultOptionType","SelectMenuProps","toArray","value","T","Array","isArray","undefined","isClient","window","document","documentElement","toString","isBrowserClient","process","env","NODE_ENV","convertOptionsToMenu","options","selectedKeys","React","Key","keyCountMap","Map","items","map","option","index","baseKey","count","get","set","uniqueKey","label","key","disabled","onClick","className","danger","icon","noOpFilter"],"sources":["../../../src/Select/utils/commonUtil.ts"],"sourcesContent":["import _ from 'lodash';\nimport { DefaultOptionType, SelectMenuProps } from '../interface';\nexport function toArray<T>(value: T | T[]): T[] {\n  if (Array.isArray(value)) {\n    return value;\n  }\n  return value !== undefined ? [value] : [];\n}\n\nexport const isClient =\n  typeof window !== 'undefined' &&\n  window.document &&\n  window.document.documentElement;\nexport const toString = (value: any) => _.toString(value);\n/** Is client side and not jsdom */\nexport const isBrowserClient = process.env.NODE_ENV !== 'test' && isClient;\n\nexport function convertOptionsToMenu(\n  options: DefaultOptionType[],\n  selectedKeys: React.Key[],\n): SelectMenuProps {\n  // 使用 Map 来跟踪每个 key 出现的次数，确保 key 的唯一性\n  const keyCountMap = new Map<string, number>();\n\n  return {\n    items: options.map((option, index) => {\n      const baseKey = toString(option.value);\n      // 如果 key 已存在，添加索引后缀确保唯一性\n      const count = keyCountMap.get(baseKey) ?? 0;\n      keyCountMap.set(baseKey, count + 1);\n      const uniqueKey = count > 0 ? `${baseKey}-${index}` : baseKey;\n\n      return {\n        ...option,\n        label: option.label,\n        key: uniqueKey,\n        disabled: option.disabled,\n        onClick: option.onClick,\n        className: option.className,\n        danger: option.danger,\n        icon: option.icon,\n      };\n    }),\n    selectedKeys: selectedKeys as string[],\n  };\n}\n\nexport function noOpFilter() {\n  return true;\n}\n"],"mappings":";;AAEA,SAAgBG,QAAWC,OAAqB;AAC9C,KAAIE,MAAMC,QAAQH,MAAM,CACtB,QAAOA;AAET,QAAOA,UAAUI,SAAY,CAACJ,MAAM,GAAG,EAAE;;AAIzC,OAAOM,WAAW,eAClBA,OAAOC,YACPD,OAAOC,SAASC;AAClB,IAAaC,YAAYT,UAAeJ,EAAEa,SAAST,MAAM;AAE5CU,QAAAA,IAAAA;AAEb,SAAgBI,qBACdC,SACAC,cACiB;CAEjB,MAAMG,8BAAc,IAAIC,KAAqB;AAE7C,QAAO;EACLC,OAAON,QAAQO,KAAKC,QAAQC,UAAU;GACpC,MAAMC,UAAUhB,SAASc,OAAOvB,MAAM;GAEtC,MAAM0B,QAAQP,YAAYQ,IAAIF,QAAQ,IAAI;AAC1CN,eAAYS,IAAIH,SAASC,QAAQ,EAAE;GACnC,MAAMG,YAAYH,QAAQ,IAAI,GAAGD,QAAO,GAAID,UAAUC;AAEtD,UAAO;IACL,GAAGF;IACHO,OAAOP,OAAOO;IACdC,KAAKF;IACLG,UAAUT,OAAOS;IACjBC,SAASV,OAAOU;IAChBC,WAAWX,OAAOW;IAClBC,QAAQZ,OAAOY;IACfC,MAAMb,OAAOa;IACd;IACD;EACYpB;EACf;;AAGH,SAAgBqB,aAAa;AAC3B,QAAO"}

package/dist/Select/utils/getWidthStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"getWidthStyle.js","names":[],"sources":["../../../src/Select/utils/getWidthStyle.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport default function getWidthStyle(\n  width?: number | 'auto' | 'fill',\n): CSSProperties {\n  if (typeof width === 'number') {\n    return { width: `${width}px` };\n  }\n  if (width === 'fill') {\n    return { width: '100%' };\n  }\n  if (width === 'auto') {\n    // 与 v2 一致：不锁 flexShrink。根节点必须保持可被父 flex 行压缩，\n    // 多选超宽时 rc-overflow 才能量到受限容器宽并把放不下的 tag 收成 \"+N\"\n    return { width: 'auto' };\n  }\n  return {};\n}\n"],"mappings":";AAEA,SAAwB,cACtB,OACe;AACf,KAAI,OAAO,UAAU,SACnB,QAAO,EAAE,OAAO,GAAG,MAAM,KAAK;AAEhC,KAAI,UAAU,OACZ,QAAO,EAAE,OAAO,QAAQ;AAE1B,KAAI,UAAU,OAGZ,QAAO,EAAE,OAAO,QAAQ;AAE1B,QAAO,EAAE"}
+{"version":3,"file":"getWidthStyle.js","names":["CSSProperties","getWidthStyle","width"],"sources":["../../../src/Select/utils/getWidthStyle.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport default function getWidthStyle(\n  width?: number | 'auto' | 'fill',\n): CSSProperties {\n  if (typeof width === 'number') {\n    return { width: `${width}px` };\n  }\n  if (width === 'fill') {\n    return { width: '100%' };\n  }\n  if (width === 'auto') {\n    // 与 v2 一致：不锁 flexShrink。根节点必须保持可被父 flex 行压缩，\n    // 多选超宽时 rc-overflow 才能量到受限容器宽并把放不下的 tag 收成 \"+N\"\n    return { width: 'auto' };\n  }\n  return {};\n}\n"],"mappings":";AAEA,SAAwBC,cACtBC,OACe;AACf,KAAI,OAAOA,UAAU,SACnB,QAAO,EAAEA,OAAO,GAAGA,MAAK,KAAM;AAEhC,KAAIA,UAAU,OACZ,QAAO,EAAEA,OAAO,QAAQ;AAE1B,KAAIA,UAAU,OAGZ,QAAO,EAAEA,OAAO,QAAQ;AAE1B,QAAO,EAAE"}

package/dist/Select/utils/valueUtil.d.ts

@@ -1,5 +1,5 @@
-import { BaseOptionType, DefaultOptionType, FieldNames } from '../Select';
-import { FlattenOptionData } from '../interface';
+import { BaseOptionType, DefaultOptionType, FieldNames } from '../Select.js';
+import { FlattenOptionData } from '../interface.js';
 export declare function fillFieldNames(fieldNames: FieldNames | undefined, childrenAsData: boolean): {
     label: any;
     value: any;

package/dist/Select/utils/valueUtil.js

@@ -1,4 +1,4 @@
-import warning from "rc-util/es/warning";
+import warning from "rc-util/es/warning.js";
 /**
 * Inject `props` into `option` for legacy usage
 */

package/dist/Select/utils/valueUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"valueUtil.js","names":[],"sources":["../../../src/Select/utils/valueUtil.ts"],"sourcesContent":["// @ts-nocheck\nimport type { BaseOptionType, DefaultOptionType } from '../Select';\nimport warning from 'rc-util/es/warning';\nimport type { RawValueType, FieldNames } from '../Select';\nimport type { FlattenOptionData } from '../interface';\n\nfunction getKey(data: BaseOptionType, index: number) {\n  const { key } = data;\n  let value: RawValueType;\n\n  if ('value' in data) {\n    ({ value } = data);\n  }\n\n  if (key !== null && key !== undefined) {\n    return key;\n  }\n  if (value !== undefined) {\n    return value;\n  }\n  return `rc-index-key-${index}`;\n}\n\nexport function fillFieldNames(\n  fieldNames: FieldNames | undefined,\n  childrenAsData: boolean,\n) {\n  const { label, value, options } = fieldNames || {};\n\n  return {\n    label: label || (childrenAsData ? 'children' : 'label'),\n    value: value || 'value',\n    options: options || 'options',\n  };\n}\n\n/**\n * Flat options into flatten list.\n * We use `optionOnly` here is aim to avoid user use nested option group.\n * Here is simply set `key` to the index if not provided.\n */\nexport function flattenOptions<\n  OptionType extends BaseOptionType = DefaultOptionType,\n>(\n  options: OptionType[],\n  {\n    fieldNames,\n    childrenAsData,\n  }: { fieldNames?: FieldNames; childrenAsData?: boolean } = {},\n): FlattenOptionData<OptionType>[] {\n  const flattenList: FlattenOptionData<OptionType>[] = [];\n\n  const {\n    label: fieldLabel,\n    value: fieldValue,\n    options: fieldOptions,\n  } = fillFieldNames(fieldNames, false);\n\n  function dig(list: OptionType[], isGroupOption: boolean) {\n    list.forEach((data) => {\n      const label = data[fieldLabel];\n\n      if (isGroupOption || !(fieldOptions in data)) {\n        const value = data[fieldValue];\n\n        // Option\n        flattenList.push({\n          key: getKey(data, flattenList.length),\n          groupOption: isGroupOption,\n          data,\n          label,\n          value,\n        });\n      } else {\n        let grpLabel = label;\n        if (grpLabel === undefined && childrenAsData) {\n          grpLabel = data.label;\n        }\n\n        // Option Group\n        flattenList.push({\n          key: getKey(data, flattenList.length),\n          group: true,\n          data,\n          label: grpLabel,\n        });\n\n        dig(data[fieldOptions], true);\n      }\n    });\n  }\n\n  dig(options, false);\n\n  return flattenList;\n}\n\n/**\n * Inject `props` into `option` for legacy usage\n */\nexport function injectPropsWithOption<T>(option: T): T {\n  const newOption = { ...option };\n  if (!('props' in newOption)) {\n    Object.defineProperty(newOption, 'props', {\n      get() {\n        warning(\n          false,\n          'Return type is option instead of Option instance. Please read value directly instead of reading from `props`.',\n        );\n        return newOption;\n      },\n    });\n  }\n\n  return newOption;\n}\n\nexport function getSeparatedContent(text: string, tokens: string[]): string[] {\n  if (!tokens || !tokens.length) {\n    return null;\n  }\n\n  let match = false;\n\n  function separate(str: string, [token, ...restTokens]: string[]) {\n    if (!token) {\n      return [str];\n    }\n\n    const list = str.split(token);\n    match = match || list.length > 1;\n\n    return list\n      .reduce(\n        (prevList, unitStr) => [...prevList, ...separate(unitStr, restTokens)],\n        [],\n      )\n      .filter((unit) => unit);\n  }\n\n  const list = separate(text, tokens);\n  return match ? list : null;\n}\n"],"mappings":";;;;AAoGA,SAAgB,sBAAyB,QAAc;CACrD,MAAM,YAAY,EAAE,GAAG,QAAQ;AAC/B,KAAI,EAAE,WAAW,WACf,QAAO,eAAe,WAAW,SAAS,EACxC,MAAM;AACJ,UACE,OACA,gHACD;AACD,SAAO;IAEV,CAAC;AAGJ,QAAO"}
+{"version":3,"file":"valueUtil.js","names":["BaseOptionType","DefaultOptionType","warning","RawValueType","FieldNames","FlattenOptionData","getKey","data","index","key","value","undefined","fillFieldNames","fieldNames","childrenAsData","label","options","flattenOptions","OptionType","flattenList","fieldLabel","fieldValue","fieldOptions","dig","list","isGroupOption","forEach","push","length","groupOption","grpLabel","group","injectPropsWithOption","option","T","newOption","Object","defineProperty","get","getSeparatedContent","text","tokens","match","separate","str","token","restTokens","split","reduce","prevList","unitStr","filter","unit"],"sources":["../../../src/Select/utils/valueUtil.ts"],"sourcesContent":["// @ts-nocheck\nimport type { BaseOptionType, DefaultOptionType } from '../Select';\nimport warning from 'rc-util/es/warning';\nimport type { RawValueType, FieldNames } from '../Select';\nimport type { FlattenOptionData } from '../interface';\n\nfunction getKey(data: BaseOptionType, index: number) {\n  const { key } = data;\n  let value: RawValueType;\n\n  if ('value' in data) {\n    ({ value } = data);\n  }\n\n  if (key !== null && key !== undefined) {\n    return key;\n  }\n  if (value !== undefined) {\n    return value;\n  }\n  return `rc-index-key-${index}`;\n}\n\nexport function fillFieldNames(\n  fieldNames: FieldNames | undefined,\n  childrenAsData: boolean,\n) {\n  const { label, value, options } = fieldNames || {};\n\n  return {\n    label: label || (childrenAsData ? 'children' : 'label'),\n    value: value || 'value',\n    options: options || 'options',\n  };\n}\n\n/**\n * Flat options into flatten list.\n * We use `optionOnly` here is aim to avoid user use nested option group.\n * Here is simply set `key` to the index if not provided.\n */\nexport function flattenOptions<\n  OptionType extends BaseOptionType = DefaultOptionType,\n>(\n  options: OptionType[],\n  {\n    fieldNames,\n    childrenAsData,\n  }: { fieldNames?: FieldNames; childrenAsData?: boolean } = {},\n): FlattenOptionData<OptionType>[] {\n  const flattenList: FlattenOptionData<OptionType>[] = [];\n\n  const {\n    label: fieldLabel,\n    value: fieldValue,\n    options: fieldOptions,\n  } = fillFieldNames(fieldNames, false);\n\n  function dig(list: OptionType[], isGroupOption: boolean) {\n    list.forEach((data) => {\n      const label = data[fieldLabel];\n\n      if (isGroupOption || !(fieldOptions in data)) {\n        const value = data[fieldValue];\n\n        // Option\n        flattenList.push({\n          key: getKey(data, flattenList.length),\n          groupOption: isGroupOption,\n          data,\n          label,\n          value,\n        });\n      } else {\n        let grpLabel = label;\n        if (grpLabel === undefined && childrenAsData) {\n          grpLabel = data.label;\n        }\n\n        // Option Group\n        flattenList.push({\n          key: getKey(data, flattenList.length),\n          group: true,\n          data,\n          label: grpLabel,\n        });\n\n        dig(data[fieldOptions], true);\n      }\n    });\n  }\n\n  dig(options, false);\n\n  return flattenList;\n}\n\n/**\n * Inject `props` into `option` for legacy usage\n */\nexport function injectPropsWithOption<T>(option: T): T {\n  const newOption = { ...option };\n  if (!('props' in newOption)) {\n    Object.defineProperty(newOption, 'props', {\n      get() {\n        warning(\n          false,\n          'Return type is option instead of Option instance. Please read value directly instead of reading from `props`.',\n        );\n        return newOption;\n      },\n    });\n  }\n\n  return newOption;\n}\n\nexport function getSeparatedContent(text: string, tokens: string[]): string[] {\n  if (!tokens || !tokens.length) {\n    return null;\n  }\n\n  let match = false;\n\n  function separate(str: string, [token, ...restTokens]: string[]) {\n    if (!token) {\n      return [str];\n    }\n\n    const list = str.split(token);\n    match = match || list.length > 1;\n\n    return list\n      .reduce(\n        (prevList, unitStr) => [...prevList, ...separate(unitStr, restTokens)],\n        [],\n      )\n      .filter((unit) => unit);\n  }\n\n  const list = separate(text, tokens);\n  return match ? list : null;\n}\n"],"mappings":";;;;AAoGA,SAAgBgC,sBAAyBC,QAAc;CACrD,MAAME,YAAY,EAAE,GAAGF,QAAQ;AAC/B,KAAI,EAAE,WAAWE,WACfC,QAAOC,eAAeF,WAAW,SAAS,EACxCG,MAAM;AACJpC,UACE,OACA,gHACD;AACD,SAAOiC;IAEV,CAAC;AAGJ,QAAOA"}

package/dist/Select.js

@@ -0,0 +1,2 @@
+export * from './Select/index.js';
+export { default } from './Select/index.js';

package/dist/Skeleton/index.d.ts

@@ -40,7 +40,7 @@ interface SkeletonImageProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare function Skeleton(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare function Skeleton(props: SkeletonProps): React.JSX.Element;
 declare namespace Skeleton {
     var Button: React.FC<SkeletonButtonProps>;
     var Avatar: React.FC<SkeletonAvatarProps>;
@@ -53,5 +53,5 @@ declare function SkeletonNode({ active, className, style, children, }: {
     className?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export default Skeleton;

package/dist/Skeleton/index.js

@@ -1,4 +1,5 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Skeleton/index.tsx
@@ -27,60 +28,160 @@ var INPUT_SIZE_MAP = {
 	large: 40
 };
 var SKELETON_BACKGROUND_COLOR = "var(--background-neutral-surface)";
-var SkeletonButton = ({ active, size = "default", shape = "square", block, className, style }) => {
+var SkeletonButton = (t0) => {
+	const $ = c(12);
+	const { active, size: t1, shape: t2, block, className, style } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	const shape = t2 === void 0 ? "square" : t2;
 	const animClass = active ? "tw-animate-pulse" : "";
 	const dims = BUTTON_SIZE_MAP[size];
 	const borderRadius = shape === "circle" ? "50%" : shape === "round" ? `${dims.height / 2}px` : "4px";
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ald-skeleton-button tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, block && "tw-block tw-w-full", className),
-		style: {
+	const t3 = block && "tw-block tw-w-full";
+	let t4;
+	if ($[0] !== animClass || $[1] !== className || $[2] !== t3) {
+		t4 = cn("ald-skeleton-button tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, t3, className);
+		$[0] = animClass;
+		$[1] = className;
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	const t5 = shape === "circle" ? dims.height : block ? void 0 : dims.width;
+	let t6;
+	if ($[4] !== borderRadius || $[5] !== dims.height || $[6] !== style || $[7] !== t5) {
+		t6 = {
 			backgroundColor: SKELETON_BACKGROUND_COLOR,
-			width: shape === "circle" ? dims.height : block ? void 0 : dims.width,
+			width: t5,
 			height: dims.height,
 			borderRadius,
 			...style
-		}
-	});
+		};
+		$[4] = borderRadius;
+		$[5] = dims.height;
+		$[6] = style;
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== t4 || $[10] !== t6) {
+		t7 = /* @__PURE__ */ jsx("span", {
+			className: t4,
+			style: t6
+		});
+		$[9] = t4;
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	return t7;
 };
-var SkeletonAvatar = ({ active, size = "default", shape = "circle", className, style }) => {
+var SkeletonAvatar = (t0) => {
+	const $ = c(10);
+	const { active, size: t1, shape: t2, className, style } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	const shape = t2 === void 0 ? "circle" : t2;
 	const animClass = active ? "tw-animate-pulse" : "";
 	const dim = typeof size === "number" ? size : AVATAR_SIZE_MAP[size];
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ald-skeleton-avatar tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, className),
-		style: {
+	let t3;
+	if ($[0] !== animClass || $[1] !== className) {
+		t3 = cn("ald-skeleton-avatar tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, className);
+		$[0] = animClass;
+		$[1] = className;
+		$[2] = t3;
+	} else t3 = $[2];
+	const t4 = shape === "circle" ? "50%" : "4px";
+	let t5;
+	if ($[3] !== dim || $[4] !== style || $[5] !== t4) {
+		t5 = {
 			backgroundColor: SKELETON_BACKGROUND_COLOR,
 			width: dim,
 			height: dim,
-			borderRadius: shape === "circle" ? "50%" : "4px",
+			borderRadius: t4,
 			...style
-		}
-	});
+		};
+		$[3] = dim;
+		$[4] = style;
+		$[5] = t4;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== t3 || $[8] !== t5) {
+		t6 = /* @__PURE__ */ jsx("span", {
+			className: t3,
+			style: t5
+		});
+		$[7] = t3;
+		$[8] = t5;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
 };
-var SkeletonInput = ({ active, size = "default", block, className, style }) => {
+var SkeletonInput = (t0) => {
+	const $ = c(11);
+	const { active, size: t1, block, className, style } = t0;
+	const size = t1 === void 0 ? "default" : t1;
 	const animClass = active ? "tw-animate-pulse" : "";
 	const height = INPUT_SIZE_MAP[size];
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ald-skeleton-input tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, block && "tw-block tw-w-full", className),
-		style: {
+	const t2 = block && "tw-block tw-w-full";
+	let t3;
+	if ($[0] !== animClass || $[1] !== className || $[2] !== t2) {
+		t3 = cn("ald-skeleton-input tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, t2, className);
+		$[0] = animClass;
+		$[1] = className;
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = block ? void 0 : 200;
+	let t5;
+	if ($[4] !== height || $[5] !== style || $[6] !== t4) {
+		t5 = {
 			backgroundColor: SKELETON_BACKGROUND_COLOR,
-			width: block ? void 0 : 200,
+			width: t4,
 			height,
 			borderRadius: 4,
 			...style
-		}
-	});
+		};
+		$[4] = height;
+		$[5] = style;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== t3 || $[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx("span", {
+			className: t3,
+			style: t5
+		});
+		$[8] = t3;
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	return t6;
 };
-var SkeletonImage = ({ active, className, style }) => {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ald-skeleton-image tw-flex tw-items-center tw-justify-center tw-bg-[var(--background-neutral-subtle)]", active ? "tw-animate-pulse" : "", className),
-		style: {
+var SkeletonImage = (t0) => {
+	const $ = c(9);
+	const { active, className, style } = t0;
+	const animClass = active ? "tw-animate-pulse" : "";
+	let t1;
+	if ($[0] !== animClass || $[1] !== className) {
+		t1 = cn("ald-skeleton-image tw-flex tw-items-center tw-justify-center tw-bg-[var(--background-neutral-subtle)]", animClass, className);
+		$[0] = animClass;
+		$[1] = className;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== style) {
+		t2 = {
 			backgroundColor: SKELETON_BACKGROUND_COLOR,
 			width: 96,
 			height: 96,
 			borderRadius: 4,
 			...style
-		},
-		children: /* @__PURE__ */ jsx("svg", {
+		};
+		$[3] = style;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("svg", {
 			viewBox: "0 0 1098 1024",
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "48",
@@ -88,51 +189,147 @@ var SkeletonImage = ({ active, className, style }) => {
 			fill: "currentColor",
 			style: { opacity: .2 },
 			children: /* @__PURE__ */ jsx("path", { d: "M365.714 329.143q0 45.714-32.036 77.75t-77.75 32.036-77.75-32.036-32.036-77.75 32.036-77.75 77.75-32.036 77.75 32.036 32.036 77.75zM950.857 548.571v256H146.286V694.857l182.857-182.857 91.429 91.429 292.571-292.571zM1005.714 146.286H91.429q-7.46 0-12.873 5.413T73.143 164.571v694.857q0 7.46 5.413 12.873t12.873 5.413h914.286q7.46 0 12.873-5.413t5.413-12.873V164.571q0-7.46-5.413-12.873t-12.873-5.413zm91.429 18.286v694.857q0 37.714-26.857 64.571t-64.571 26.857H91.429q-37.714 0-64.571-26.857T0 859.429V164.571q0-37.714 26.857-64.571T91.429 73.143h914.286q37.714 0 64.571 26.857t26.857 64.571z" })
-		})
-	});
+		});
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t1 || $[7] !== t2) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: t1,
+			style: t2,
+			children: t3
+		});
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
 };
 function Skeleton(props) {
-	const { active = false, loading = true, className, style, children, avatar, title = true, paragraph = true, round } = props;
-	if (!loading) return /* @__PURE__ */ jsx(Fragment, { children });
+	const $ = c(24);
+	const { active: t0, loading: t1, className, style, children, avatar, title: t2, paragraph: t3, round } = props;
+	const active = t0 === void 0 ? false : t0;
+	const loading = t1 === void 0 ? true : t1;
+	const title = t2 === void 0 ? true : t2;
+	const paragraph = t3 === void 0 ? true : t3;
+	if (!loading) {
+		let t4;
+		if ($[0] !== children) {
+			t4 = /* @__PURE__ */ jsx(Fragment, { children });
+			$[0] = children;
+			$[1] = t4;
+		} else t4 = $[1];
+		return t4;
+	}
 	const animClass = active ? "tw-animate-pulse" : "";
 	const rows = typeof paragraph === "object" ? paragraph.rows || 3 : paragraph ? 3 : 0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-skeleton tw-flex tw-gap-4", className),
-		style,
-		children: [avatar && /* @__PURE__ */ jsx("div", {
+	let t4;
+	if ($[2] !== className) {
+		t4 = cn("ald-skeleton tw-flex tw-gap-4", className);
+		$[2] = className;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== animClass || $[5] !== avatar) {
+		t5 = avatar && /* @__PURE__ */ jsx("div", {
 			className: cn("ald-skeleton-avatar tw-shrink-0 tw-rounded-full tw-bg-[var(--background-neutral-subtle)]", animClass, typeof avatar === "object" && avatar.shape === "square" ? "tw-rounded-r-50" : "tw-rounded-full"),
 			style: {
 				backgroundColor: SKELETON_BACKGROUND_COLOR,
 				width: 40,
 				height: 40
 			}
-		}), /* @__PURE__ */ jsxs("div", {
+		});
+		$[4] = animClass;
+		$[5] = avatar;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== animClass || $[8] !== round || $[9] !== title) {
+		t6 = title && /* @__PURE__ */ jsx("div", {
+			className: cn("ald-skeleton-title tw-mb-4 tw-h-4 tw-bg-[var(--background-neutral-subtle)]", animClass, round ? "tw-rounded-full" : "tw-rounded-r-25"),
+			style: {
+				backgroundColor: SKELETON_BACKGROUND_COLOR,
+				width: typeof title === "object" ? title.width : "38%"
+			}
+		});
+		$[7] = animClass;
+		$[8] = round;
+		$[9] = title;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== animClass || $[12] !== paragraph || $[13] !== round || $[14] !== rows) {
+		t7 = paragraph && Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx("div", {
+			className: cn("ald-skeleton-paragraph tw-mb-3 tw-h-4 tw-bg-[var(--background-neutral-subtle)]", animClass, round ? "tw-rounded-full" : "tw-rounded-r-25"),
+			style: {
+				backgroundColor: SKELETON_BACKGROUND_COLOR,
+				width: i === rows - 1 ? "61%" : "100%"
+			}
+		}, i));
+		$[11] = animClass;
+		$[12] = paragraph;
+		$[13] = round;
+		$[14] = rows;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t6 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
 			className: "ald-skeleton-content tw-flex-1",
-			children: [title && /* @__PURE__ */ jsx("div", {
-				className: cn("ald-skeleton-title tw-mb-4 tw-h-4 tw-bg-[var(--background-neutral-subtle)]", animClass, round ? "tw-rounded-full" : "tw-rounded-r-25"),
-				style: {
-					backgroundColor: SKELETON_BACKGROUND_COLOR,
-					width: typeof title === "object" ? title.width : "38%"
-				}
-			}), paragraph && Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx("div", {
-				className: cn("ald-skeleton-paragraph tw-mb-3 tw-h-4 tw-bg-[var(--background-neutral-subtle)]", animClass, round ? "tw-rounded-full" : "tw-rounded-r-25"),
-				style: {
-					backgroundColor: SKELETON_BACKGROUND_COLOR,
-					width: i === rows - 1 ? "61%" : "100%"
-				}
-			}, i))]
-		})]
-	});
+			children: [t6, t7]
+		});
+		$[16] = t6;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== style || $[20] !== t4 || $[21] !== t5 || $[22] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			style,
+			children: [t5, t8]
+		});
+		$[19] = style;
+		$[20] = t4;
+		$[21] = t5;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	return t9;
 }
-function SkeletonNode({ active, className, style, children }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-skeleton-node tw-inline-flex tw-items-center tw-justify-center tw-rounded-r-25 tw-bg-[var(--background-neutral-subtle)]", active && "tw-animate-pulse", className),
-		style: {
+function SkeletonNode(t0) {
+	const $ = c(9);
+	const { active, className, style, children } = t0;
+	const t1 = active && "tw-animate-pulse";
+	let t2;
+	if ($[0] !== className || $[1] !== t1) {
+		t2 = cn("ald-skeleton-node tw-inline-flex tw-items-center tw-justify-center tw-rounded-r-25 tw-bg-[var(--background-neutral-subtle)]", t1, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== style) {
+		t3 = {
 			backgroundColor: SKELETON_BACKGROUND_COLOR,
 			...style
-		},
-		children
-	});
+		};
+		$[3] = style;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== children || $[6] !== t2 || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			style: t3,
+			children
+		});
+		$[5] = children;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
 }
 Skeleton.Button = SkeletonButton;
 Skeleton.Avatar = SkeletonAvatar;

package/dist/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Skeleton/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface SkeletonProps {\n  active?: boolean;\n  loading?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  avatar?:\n    | boolean\n    | {\n        size?: number | 'small' | 'default' | 'large';\n        shape?: 'circle' | 'square';\n      };\n  title?: boolean | { width?: number | string };\n  paragraph?:\n    | boolean\n    | { rows?: number; width?: number | string | (number | string)[] };\n  round?: boolean;\n}\n\n// --- Shared types for sub-components ---\n\ntype SkeletonElementSize = 'small' | 'default' | 'large';\n\ninterface SkeletonElementBaseProps {\n  active?: boolean;\n  size?: SkeletonElementSize;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\ninterface SkeletonButtonProps extends SkeletonElementBaseProps {\n  shape?: 'circle' | 'round' | 'square';\n  block?: boolean;\n}\n\ninterface SkeletonAvatarProps extends SkeletonElementBaseProps {\n  shape?: 'circle' | 'square';\n}\n\ninterface SkeletonInputProps extends SkeletonElementBaseProps {\n  block?: boolean;\n}\n\ninterface SkeletonImageProps {\n  active?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\n// --- Size maps ---\n\nconst BUTTON_SIZE_MAP: Record<\n  SkeletonElementSize,\n  { width: number; height: number }\n> = {\n  small: { width: 64, height: 24 },\n  default: { width: 80, height: 32 },\n  large: { width: 96, height: 40 },\n};\n\nconst AVATAR_SIZE_MAP: Record<SkeletonElementSize, number> = {\n  small: 24,\n  default: 32,\n  large: 40,\n};\n\nconst INPUT_SIZE_MAP: Record<SkeletonElementSize, number> = {\n  small: 24,\n  default: 32,\n  large: 40,\n};\n\nconst SKELETON_BACKGROUND_COLOR = 'var(--background-neutral-surface)';\n\n// --- Sub-components ---\n\nconst SkeletonButton: React.FC<SkeletonButtonProps> = ({\n  active,\n  size = 'default',\n  shape = 'square',\n  block,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const dims = BUTTON_SIZE_MAP[size];\n\n  const borderRadius =\n    shape === 'circle'\n      ? '50%'\n      : shape === 'round'\n      ? `${dims.height / 2}px`\n      : '4px';\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-button tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        block && 'tw-block tw-w-full',\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        width:\n          shape === 'circle' ? dims.height : block ? undefined : dims.width,\n        height: dims.height,\n        borderRadius,\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonAvatar: React.FC<SkeletonAvatarProps> = ({\n  active,\n  size = 'default',\n  shape = 'circle',\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const dim = typeof size === 'number' ? size : AVATAR_SIZE_MAP[size];\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-avatar tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        width: dim,\n        height: dim,\n        borderRadius: shape === 'circle' ? '50%' : '4px',\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonInput: React.FC<SkeletonInputProps> = ({\n  active,\n  size = 'default',\n  block,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const height = INPUT_SIZE_MAP[size];\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-input tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        block && 'tw-block tw-w-full',\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        width: block ? undefined : 200,\n        height,\n        borderRadius: 4,\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonImage: React.FC<SkeletonImageProps> = ({\n  active,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-image tw-flex tw-items-center tw-justify-center tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        width: 96,\n        height: 96,\n        borderRadius: 4,\n        ...style,\n      }}\n    >\n      <svg\n        viewBox=\"0 0 1098 1024\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"48\"\n        height=\"48\"\n        fill=\"currentColor\"\n        style={{ opacity: 0.2 }}\n      >\n        <path d=\"M365.714 329.143q0 45.714-32.036 77.75t-77.75 32.036-77.75-32.036-32.036-77.75 32.036-77.75 77.75-32.036 77.75 32.036 32.036 77.75zM950.857 548.571v256H146.286V694.857l182.857-182.857 91.429 91.429 292.571-292.571zM1005.714 146.286H91.429q-7.46 0-12.873 5.413T73.143 164.571v694.857q0 7.46 5.413 12.873t12.873 5.413h914.286q7.46 0 12.873-5.413t5.413-12.873V164.571q0-7.46-5.413-12.873t-12.873-5.413zm91.429 18.286v694.857q0 37.714-26.857 64.571t-64.571 26.857H91.429q-37.714 0-64.571-26.857T0 859.429V164.571q0-37.714 26.857-64.571T91.429 73.143h914.286q37.714 0 64.571 26.857t26.857 64.571z\" />\n      </svg>\n    </span>\n  );\n};\n\n// --- Main Skeleton component ---\n\nfunction Skeleton(props: SkeletonProps) {\n  const {\n    active = false,\n    loading = true,\n    className,\n    style,\n    children,\n    avatar,\n    title = true,\n    paragraph = true,\n    round,\n  } = props;\n\n  if (!loading) {\n    return <>{children}</>;\n  }\n\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const rows =\n    typeof paragraph === 'object' ? paragraph.rows || 3 : paragraph ? 3 : 0;\n\n  return (\n    <div\n      className={cn('ald-skeleton tw-flex tw-gap-4', className)}\n      style={style}\n    >\n      {avatar && (\n        <div\n          className={cn(\n            'ald-skeleton-avatar tw-shrink-0 tw-rounded-full tw-bg-[var(--background-neutral-subtle)]',\n            animClass,\n            typeof avatar === 'object' && avatar.shape === 'square'\n              ? 'tw-rounded-r-50'\n              : 'tw-rounded-full',\n          )}\n          style={{\n            backgroundColor: SKELETON_BACKGROUND_COLOR,\n            width: 40,\n            height: 40,\n          }}\n        />\n      )}\n      <div className=\"ald-skeleton-content tw-flex-1\">\n        {title && (\n          <div\n            className={cn(\n              'ald-skeleton-title tw-mb-4 tw-h-4 tw-bg-[var(--background-neutral-subtle)]',\n              animClass,\n              round ? 'tw-rounded-full' : 'tw-rounded-r-25',\n            )}\n            style={{\n              backgroundColor: SKELETON_BACKGROUND_COLOR,\n              width: typeof title === 'object' ? title.width : '38%',\n            }}\n          />\n        )}\n        {paragraph &&\n          Array.from({ length: rows }).map((_, i) => (\n            <div\n              key={i}\n              className={cn(\n                'ald-skeleton-paragraph tw-mb-3 tw-h-4 tw-bg-[var(--background-neutral-subtle)]',\n                animClass,\n                round ? 'tw-rounded-full' : 'tw-rounded-r-25',\n              )}\n              style={{\n                backgroundColor: SKELETON_BACKGROUND_COLOR,\n                width: i === rows - 1 ? '61%' : '100%',\n              }}\n            />\n          ))}\n      </div>\n    </div>\n  );\n}\n\nfunction SkeletonNode({\n  active,\n  className,\n  style,\n  children,\n}: {\n  active?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        'ald-skeleton-node tw-inline-flex tw-items-center tw-justify-center tw-rounded-r-25 tw-bg-[var(--background-neutral-subtle)]',\n        active && 'tw-animate-pulse',\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\n// Attach sub-components\nSkeleton.Button = SkeletonButton;\nSkeleton.Avatar = SkeletonAvatar;\nSkeleton.Input = SkeletonInput;\nSkeleton.Image = SkeletonImage;\nSkeleton.Node = SkeletonNode;\n\nexport default Skeleton;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","cn","SkeletonProps","active","loading","className","style","CSSProperties","children","ReactNode","avatar","size","shape","title","width","paragraph","rows","round","SkeletonElementSize","SkeletonElementBaseProps","SkeletonButtonProps","block","SkeletonAvatarProps","SkeletonInputProps","SkeletonImageProps","BUTTON_SIZE_MAP","Record","height","small","default","large","AVATAR_SIZE_MAP","INPUT_SIZE_MAP","SKELETON_BACKGROUND_COLOR","SkeletonButton","FC","t0","$","_c","t1","t2","undefined","animClass","dims","borderRadius","t3","t4","t5","t6","backgroundColor","t7","SkeletonAvatar","dim","SkeletonInput","SkeletonImage","Symbol","for","opacity","Skeleton","props","Array","from","length","map","_","i","t8","t9","SkeletonNode","Button","Avatar","Input","Image","Node"],"sources":["../../src/Skeleton/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface SkeletonProps {\n  active?: boolean;\n  loading?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  avatar?:\n    | boolean\n    | {\n        size?: number | 'small' | 'default' | 'large';\n        shape?: 'circle' | 'square';\n      };\n  title?: boolean | { width?: number | string };\n  paragraph?:\n    | boolean\n    | { rows?: number; width?: number | string | (number | string)[] };\n  round?: boolean;\n}\n\n// --- Shared types for sub-components ---\n\ntype SkeletonElementSize = 'small' | 'default' | 'large';\n\ninterface SkeletonElementBaseProps {\n  active?: boolean;\n  size?: SkeletonElementSize;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\ninterface SkeletonButtonProps extends SkeletonElementBaseProps {\n  shape?: 'circle' | 'round' | 'square';\n  block?: boolean;\n}\n\ninterface SkeletonAvatarProps extends SkeletonElementBaseProps {\n  shape?: 'circle' | 'square';\n}\n\ninterface SkeletonInputProps extends SkeletonElementBaseProps {\n  block?: boolean;\n}\n\ninterface SkeletonImageProps {\n  active?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\n// --- Size maps ---\n\nconst BUTTON_SIZE_MAP: Record<\n  SkeletonElementSize,\n  { width: number; height: number }\n> = {\n  small: { width: 64, height: 24 },\n  default: { width: 80, height: 32 },\n  large: { width: 96, height: 40 },\n};\n\nconst AVATAR_SIZE_MAP: Record<SkeletonElementSize, number> = {\n  small: 24,\n  default: 32,\n  large: 40,\n};\n\nconst INPUT_SIZE_MAP: Record<SkeletonElementSize, number> = {\n  small: 24,\n  default: 32,\n  large: 40,\n};\n\nconst SKELETON_BACKGROUND_COLOR = 'var(--background-neutral-surface)';\n\n// --- Sub-components ---\n\nconst SkeletonButton: React.FC<SkeletonButtonProps> = ({\n  active,\n  size = 'default',\n  shape = 'square',\n  block,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const dims = BUTTON_SIZE_MAP[size];\n\n  const borderRadius =\n    shape === 'circle'\n      ? '50%'\n      : shape === 'round'\n      ? `${dims.height / 2}px`\n      : '4px';\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-button tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        block && 'tw-block tw-w-full',\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        width:\n          shape === 'circle' ? dims.height : block ? undefined : dims.width,\n        height: dims.height,\n        borderRadius,\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonAvatar: React.FC<SkeletonAvatarProps> = ({\n  active,\n  size = 'default',\n  shape = 'circle',\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const dim = typeof size === 'number' ? size : AVATAR_SIZE_MAP[size];\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-avatar tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        width: dim,\n        height: dim,\n        borderRadius: shape === 'circle' ? '50%' : '4px',\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonInput: React.FC<SkeletonInputProps> = ({\n  active,\n  size = 'default',\n  block,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const height = INPUT_SIZE_MAP[size];\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-input tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        block && 'tw-block tw-w-full',\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        width: block ? undefined : 200,\n        height,\n        borderRadius: 4,\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonImage: React.FC<SkeletonImageProps> = ({\n  active,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-image tw-flex tw-items-center tw-justify-center tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        width: 96,\n        height: 96,\n        borderRadius: 4,\n        ...style,\n      }}\n    >\n      <svg\n        viewBox=\"0 0 1098 1024\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"48\"\n        height=\"48\"\n        fill=\"currentColor\"\n        style={{ opacity: 0.2 }}\n      >\n        <path d=\"M365.714 329.143q0 45.714-32.036 77.75t-77.75 32.036-77.75-32.036-32.036-77.75 32.036-77.75 77.75-32.036 77.75 32.036 32.036 77.75zM950.857 548.571v256H146.286V694.857l182.857-182.857 91.429 91.429 292.571-292.571zM1005.714 146.286H91.429q-7.46 0-12.873 5.413T73.143 164.571v694.857q0 7.46 5.413 12.873t12.873 5.413h914.286q7.46 0 12.873-5.413t5.413-12.873V164.571q0-7.46-5.413-12.873t-12.873-5.413zm91.429 18.286v694.857q0 37.714-26.857 64.571t-64.571 26.857H91.429q-37.714 0-64.571-26.857T0 859.429V164.571q0-37.714 26.857-64.571T91.429 73.143h914.286q37.714 0 64.571 26.857t26.857 64.571z\" />\n      </svg>\n    </span>\n  );\n};\n\n// --- Main Skeleton component ---\n\nfunction Skeleton(props: SkeletonProps) {\n  const {\n    active = false,\n    loading = true,\n    className,\n    style,\n    children,\n    avatar,\n    title = true,\n    paragraph = true,\n    round,\n  } = props;\n\n  if (!loading) {\n    return <>{children}</>;\n  }\n\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const rows =\n    typeof paragraph === 'object' ? paragraph.rows || 3 : paragraph ? 3 : 0;\n\n  return (\n    <div\n      className={cn('ald-skeleton tw-flex tw-gap-4', className)}\n      style={style}\n    >\n      {avatar && (\n        <div\n          className={cn(\n            'ald-skeleton-avatar tw-shrink-0 tw-rounded-full tw-bg-[var(--background-neutral-subtle)]',\n            animClass,\n            typeof avatar === 'object' && avatar.shape === 'square'\n              ? 'tw-rounded-r-50'\n              : 'tw-rounded-full',\n          )}\n          style={{\n            backgroundColor: SKELETON_BACKGROUND_COLOR,\n            width: 40,\n            height: 40,\n          }}\n        />\n      )}\n      <div className=\"ald-skeleton-content tw-flex-1\">\n        {title && (\n          <div\n            className={cn(\n              'ald-skeleton-title tw-mb-4 tw-h-4 tw-bg-[var(--background-neutral-subtle)]',\n              animClass,\n              round ? 'tw-rounded-full' : 'tw-rounded-r-25',\n            )}\n            style={{\n              backgroundColor: SKELETON_BACKGROUND_COLOR,\n              width: typeof title === 'object' ? title.width : '38%',\n            }}\n          />\n        )}\n        {paragraph &&\n          Array.from({ length: rows }).map((_, i) => (\n            <div\n              key={i}\n              className={cn(\n                'ald-skeleton-paragraph tw-mb-3 tw-h-4 tw-bg-[var(--background-neutral-subtle)]',\n                animClass,\n                round ? 'tw-rounded-full' : 'tw-rounded-r-25',\n              )}\n              style={{\n                backgroundColor: SKELETON_BACKGROUND_COLOR,\n                width: i === rows - 1 ? '61%' : '100%',\n              }}\n            />\n          ))}\n      </div>\n    </div>\n  );\n}\n\nfunction SkeletonNode({\n  active,\n  className,\n  style,\n  children,\n}: {\n  active?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        'ald-skeleton-node tw-inline-flex tw-items-center tw-justify-center tw-rounded-r-25 tw-bg-[var(--background-neutral-subtle)]',\n        active && 'tw-animate-pulse',\n        className,\n      )}\n      style={{\n        backgroundColor: SKELETON_BACKGROUND_COLOR,\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\n// Attach sub-components\nSkeleton.Button = SkeletonButton;\nSkeleton.Avatar = SkeletonAvatar;\nSkeleton.Input = SkeletonInput;\nSkeleton.Image = SkeletonImage;\nSkeleton.Node = SkeletonNode;\n\nexport default Skeleton;\n"],"mappings":";;;;;AAsDA,IAAMyB,kBAGF;CACFG,OAAO;EAAEd,OAAO;EAAIa,QAAQ;EAAI;CAChCE,SAAS;EAAEf,OAAO;EAAIa,QAAQ;EAAI;CAClCG,OAAO;EAAEhB,OAAO;EAAIa,QAAQ;EAAG;CAChC;AAED,IAAMI,kBAAuD;CAC3DH,OAAO;CACPC,SAAS;CACTC,OAAO;CACR;AAED,IAAME,iBAAsD;CAC1DJ,OAAO;CACPC,SAAS;CACTC,OAAO;CACR;AAED,IAAMG,4BAA4B;AAIlC,IAAMC,kBAAgDE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAnC,QAAAQ,MAAA4B,IAAA3B,OAAA4B,IAAAnB,OAAAhB,WAAAC,UAAA8B;CAErD,MAAAzB,OAAA4B,OAAAE,SAAA,YAAAF;CACA,MAAA3B,QAAA4B,OAAAC,SAAA,WAAAD;CAKA,MAAAE,YAAkBvC,SAAA,qBAAA;CAClB,MAAAwC,OAAalB,gBAAgBd;CAE7B,MAAAiC,eACEhC,UAAU,WAAV,QAEIA,UAAU,UAAV,GACG+B,KAAIhB,SAAU,EAAC,MADlB;CASA,MAAAkB,KAAAxB,SAAA;CAA6B,IAAAyB;AAAA,KAAAT,EAAA,OAAAK,aAAAL,EAAA,OAAAhC,aAAAgC,EAAA,OAAAQ,IAAA;AAHpBC,OAAA7C,GACT,gFACAyC,WACAG,IACAxC,UACD;AAAAgC,IAAA,KAAAK;AAAAL,IAAA,KAAAhC;AAAAgC,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAIG,MAAAU,KAAAnC,UAAU,WAAW+B,KAAIhB,SAAUN,QAAAoB,SAAoBE,KAAI7B;CAAM,IAAAkC;AAAA,KAAAX,EAAA,OAAAO,gBAAAP,EAAA,OAAAM,KAAAhB,UAAAU,EAAA,OAAA/B,SAAA+B,EAAA,OAAAU,IAAA;AAH9DC,OAAA;GAAAC,iBACYhB;GAAyBnB,OAExCiC;GAAiEpB,QAC3DgB,KAAIhB;GAAOiB;GAAA,GAEhBtC;GACJ;AAAA+B,IAAA,KAAAO;AAAAP,IAAA,KAAAM,KAAAhB;AAAAU,IAAA,KAAA/B;AAAA+B,IAAA,KAAAU;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAS,MAAAT,EAAA,QAAAW,IAAA;AAdHE,OAAA,oBAAA,QAAA;GACa,WAAAJ;GAMJ,OAAAE;GAQP,CAAA;AAAAX,IAAA,KAAAS;AAAAT,IAAA,MAAAW;AAAAX,IAAA,MAAAa;OAAAA,MAAAb,EAAA;AAAA,QAfFa;;AAmBJ,IAAMC,kBAAgDf,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAnC,QAAAQ,MAAA4B,IAAA3B,OAAA4B,IAAAnC,WAAAC,UAAA8B;CAErD,MAAAzB,OAAA4B,OAAAE,SAAA,YAAAF;CACA,MAAA3B,QAAA4B,OAAAC,SAAA,WAAAD;CAIA,MAAAE,YAAkBvC,SAAA,qBAAA;CAClB,MAAAiD,MAAY,OAAOzC,SAAS,WAAhBA,OAAkCoB,gBAAgBpB;CAAM,IAAAkC;AAAA,KAAAR,EAAA,OAAAK,aAAAL,EAAA,OAAAhC,WAAA;AAIrDwC,OAAA5C,GACT,gFACAyC,WACArC,UACD;AAAAgC,IAAA,KAAAK;AAAAL,IAAA,KAAAhC;AAAAgC,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAKe,MAAAS,KAAAlC,UAAU,WAAV,QAAA;CAAkC,IAAAmC;AAAA,KAAAV,EAAA,OAAAe,OAAAf,EAAA,OAAA/B,SAAA+B,EAAA,OAAAS,IAAA;AAJ3CC,OAAA;GAAAE,iBACYhB;GAAyBnB,OACnCsC;GAAGzB,QACFyB;GAAGR,cACGE;GAAkC,GAC7CxC;GACJ;AAAA+B,IAAA,KAAAe;AAAAf,IAAA,KAAA/B;AAAA+B,IAAA,KAAAS;AAAAT,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAQ,MAAAR,EAAA,OAAAU,IAAA;AAZHC,OAAA,oBAAA,QAAA;GACa,WAAAH;GAKJ,OAAAE;GAOP,CAAA;AAAAV,IAAA,KAAAQ;AAAAR,IAAA,KAAAU;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;AAAA,QAbFW;;AAiBJ,IAAMK,iBAA8CjB,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAnC,QAAAQ,MAAA4B,IAAAlB,OAAAhB,WAAAC,UAAA8B;CAEnD,MAAAzB,OAAA4B,OAAAE,SAAA,YAAAF;CAKA,MAAAG,YAAkBvC,SAAA,qBAAA;CAClB,MAAAwB,SAAeK,eAAerB;CAOxB,MAAA6B,KAAAnB,SAAA;CAA6B,IAAAwB;AAAA,KAAAR,EAAA,OAAAK,aAAAL,EAAA,OAAAhC,aAAAgC,EAAA,OAAAG,IAAA;AAHpBK,OAAA5C,GACT,+EACAyC,WACAF,IACAnC,UACD;AAAAgC,IAAA,KAAAK;AAAAL,IAAA,KAAAhC;AAAAgC,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAGQ,MAAAS,KAAAzB,QAAAoB,SAAA;CAAuB,IAAAM;AAAA,KAAAV,EAAA,OAAAV,UAAAU,EAAA,OAAA/B,SAAA+B,EAAA,OAAAS,IAAA;AAFzBC,OAAA;GAAAE,iBACYhB;GAAyBnB,OACnCgC;GAAuBnB;GAAAiB,cAEhB;GAAC,GACZtC;GACJ;AAAA+B,IAAA,KAAAV;AAAAU,IAAA,KAAA/B;AAAA+B,IAAA,KAAAS;AAAAT,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAQ,MAAAR,EAAA,OAAAU,IAAA;AAbHC,OAAA,oBAAA,QAAA;GACa,WAAAH;GAMJ,OAAAE;GAOP,CAAA;AAAAV,IAAA,KAAAQ;AAAAR,IAAA,KAAAU;AAAAV,IAAA,MAAAW;OAAAA,MAAAX,EAAA;AAAA,QAdFW;;AAkBJ,IAAMM,iBAA8ClB,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAnC,QAAAE,WAAAC,UAAA8B;CAKnD,MAAAM,YAAkBvC,SAAA,qBAAA;CAAiC,IAAAoC;AAAA,KAAAF,EAAA,OAAAK,aAAAL,EAAA,OAAAhC,WAAA;AAIpCkC,OAAAtC,GACT,yGACAyC,WACArC,UACD;AAAAgC,IAAA,KAAAK;AAAAL,IAAA,KAAAhC;AAAAgC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAA,IAAAG;AAAA,KAAAH,EAAA,OAAA/B,OAAA;AACMkC,OAAA;GAAAS,iBACYhB;GAAyBnB,OACnC;GAAEa,QACD;GAAEiB,cACI;GAAC,GACZtC;GACJ;AAAA+B,IAAA,KAAA/B;AAAA+B,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAkB,OAAAC,IAAA,4BAAA,EAAA;AAEDX,OAAA,oBAAA,OAAA;GACU,SAAA;GACF,OAAA;GACA,OAAA;GACC,QAAA;GACF,MAAA;GACE,OAAA,EAAAY,SAAW,IAAI;aAEtB,oBAAA,QAAA,EAAQ,GAAA,mlBACV,CAAA;GAAM,CAAA;AAAApB,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAE,MAAAF,EAAA,OAAAG,IAAA;AAvBRM,OAAA,oBAAA,QAAA;GACa,WAAAP;GAKJ,OAAAC;aAQPK;GAUK,CAAA;AAAAR,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAxBPS;;AA8BJ,SAAAY,SAAAC,OAAA;CAAA,MAAAtB,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAnC,QAAAiC,IAAAhC,SAAAmC,IAAAlC,WAAAC,OAAAE,UAAAE,QAAAG,OAAA2B,IAAAzB,WAAA8B,IAAA5B,UAUI0C;CATF,MAAAxD,SAAAiC,OAAAK,SAAA,QAAAL;CACA,MAAAhC,UAAAmC,OAAAE,SAAA,OAAAF;CAKA,MAAA1B,QAAA2B,OAAAC,SAAA,OAAAD;CACA,MAAAzB,YAAA8B,OAAAJ,SAAA,OAAAI;AAIF,KAAI,CAACzC,SAAO;EAAA,IAAA0C;AAAA,MAAAT,EAAA,OAAA7B,UAAA;AACHsC,QAAA,oBAAA,UAAA,EAAGtC,UAAY,CAAA;AAAA6B,KAAA,KAAA7B;AAAA6B,KAAA,KAAAS;QAAAA,MAAAT,EAAA;AAAA,SAAfS;;CAGT,MAAAJ,YAAkBvC,SAAA,qBAAA;CAClB,MAAAa,OACE,OAAOD,cAAc,WAAWA,UAASC,QAAT,IAAsBD,YAAA,IAAA;CAAkB,IAAA+B;AAAA,KAAAT,EAAA,OAAAhC,WAAA;AAI3DyC,OAAA7C,GAAG,iCAAiCI,UAAU;AAAAgC,IAAA,KAAAhC;AAAAgC,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAK,aAAAL,EAAA,OAAA3B,QAAA;AAGxDqC,OAAArC,UACC,oBAAA,OAAA;GACa,WAAAT,GACT,4FACAyC,WACA,OAAOhC,WAAW,YAAYA,OAAME,UAAW,WAA/C,oBAAA,kBAGF;GACO,OAAA;IAAAqC,iBACYhB;IAAyBnB,OACnC;IAAEa,QACD;IACV;GAEH,CAAA;AAAAU,IAAA,KAAAK;AAAAL,IAAA,KAAA3B;AAAA2B,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAK,aAAAL,EAAA,OAAApB,SAAAoB,EAAA,OAAAxB,OAAA;AAEEmC,OAAAnC,SACC,oBAAA,OAAA;GACa,WAAAZ,GACT,8EACAyC,WACAzB,QAAA,oBAAA,kBACF;GACO,OAAA;IAAAgC,iBACYhB;IAAyBnB,OACnC,OAAOD,UAAU,WAAWA,MAAKC,QAAjC;IACT;GAEH,CAAA;AAAAuB,IAAA,KAAAK;AAAAL,IAAA,KAAApB;AAAAoB,IAAA,KAAAxB;AAAAwB,IAAA,MAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,QAAAK,aAAAL,EAAA,QAAAtB,aAAAsB,EAAA,QAAApB,SAAAoB,EAAA,QAAArB,MAAA;AACAkC,OAAAnC,aACC6C,MAAKC,KAAM,EAAAC,QAAU9C,MAAM,CAAC,CAAA+C,KAAKC,GAAAC,MAC/B,oBAAA,OAAA;GAEa,WAAAhE,GACT,kFACAyC,WACAzB,QAAA,oBAAA,kBACF;GACO,OAAA;IAAAgC,iBACYhB;IAAyBnB,OACnCmD,MAAMjD,OAAO,IAAb,QAAA;IACT;GAEH,EAXQiD,EAWR,CAAC;AAAA5B,IAAA,MAAAK;AAAAL,IAAA,MAAAtB;AAAAsB,IAAA,MAAApB;AAAAoB,IAAA,MAAArB;AAAAqB,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAA6B;AAAA,KAAA7B,EAAA,QAAAW,MAAAX,EAAA,QAAAa,IAAA;AA5BNgB,OAAA,qBAAA,OAAA;GAAe,WAAA;aAAf,CACGlB,IAaAE,GAeG;;AAAAb,IAAA,MAAAW;AAAAX,IAAA,MAAAa;AAAAb,IAAA,MAAA6B;OAAAA,MAAA7B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,QAAA/B,SAAA+B,EAAA,QAAAS,MAAAT,EAAA,QAAAU,MAAAV,EAAA,QAAA6B,IAAA;AAjDRC,OAAA,qBAAA,OAAA;GACa,WAAArB;GACJxC;aAFT,CAIGyC,IAgBDmB,GA8BI;;AAAA7B,IAAA,MAAA/B;AAAA+B,IAAA,MAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAA6B;AAAA7B,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;AAAA,QAlDN8B;;AAsDJ,SAAAC,aAAAhC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAsB,MAAA,EAAAnC,QAAAE,WAAAC,OAAAE,aAAA4B;CAed,MAAAG,KAAApC,UAAA;CAA4B,IAAAqC;AAAA,KAAAH,EAAA,OAAAhC,aAAAgC,EAAA,OAAAE,IAAA;AAFnBC,OAAAvC,GACT,+HACAsC,IACAlC,UACD;AAAAgC,IAAA,KAAAhC;AAAAgC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAA/B,OAAA;AACMuC,OAAA;GAAAI,iBACYhB;GAAyB,GACvC3B;GACJ;AAAA+B,IAAA,KAAA/B;AAAA+B,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAA7B,YAAA6B,EAAA,OAAAG,MAAAH,EAAA,OAAAQ,IAAA;AATHC,OAAA,oBAAA,OAAA;GACa,WAAAN;GAKJ,OAAAK;GAKNrC;GACG,CAAA;AAAA6B,IAAA,KAAA7B;AAAA6B,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAZNS;;AAiBJY,SAASW,SAASnC;AAClBwB,SAASY,SAASnB;AAClBO,SAASa,QAAQlB;AACjBK,SAASc,QAAQlB;AACjBI,SAASe,OAAOL"}

package/dist/Skeleton.js

@@ -0,0 +1,2 @@
+export * from './Skeleton/index.js';
+export { default } from './Skeleton/index.js';

package/dist/Slider/index.d.ts

@@ -31,5 +31,5 @@ interface SliderRangeProps extends SliderBaseProps {
     onChange?: (value: [number, number]) => void;
     onAfterChange?: (value: [number, number]) => void;
 }
-declare function Slider(props: SliderSingleProps | SliderRangeProps): import("react/jsx-runtime").JSX.Element;
+declare function Slider(props: SliderSingleProps | SliderRangeProps): React.JSX.Element;
 export default Slider;