@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Statistic/formatValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatValue.mjs","names":[],"sources":["../../src/Statistic/formatValue.ts"],"sourcesContent":["const grouping = new Intl.NumberFormat('en-US', { maximumFractionDigits: 0 });\n\nexport const formatStatisticValue = (\n  value: number | string | undefined,\n  precision?: number,\n): string => {\n  if (value === undefined || value === null) return '';\n  if (typeof value === 'string') {\n    if (!/^-?\\d+(\\.\\d+)?$/.test(value)) return value;\n    return formatStatisticValue(Number(value), precision);\n  }\n  if (!Number.isFinite(value)) return String(value);\n\n  if (precision !== undefined) {\n    return new Intl.NumberFormat('en-US', {\n      maximumFractionDigits: precision,\n      minimumFractionDigits: precision,\n    }).format(value);\n  }\n\n  const raw = String(value);\n  if (raw.includes('e')) return raw;\n\n  const [integer, decimal] = raw.split('.');\n  const grouped = grouping.format(Number(integer));\n\n  return decimal ? `${grouped}.${decimal}` : grouped;\n};\n"],"mappings":";AAAA,MAAM,WAAW,IAAI,KAAK,aAAa,SAAS,EAAE,uBAAuB,EAAE,CAAC;AAE5E,MAAa,wBACX,OACA,cACW;CACX,IAAI,UAAU,KAAA,KAAa,UAAU,MAAM,OAAO;CAClD,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,CAAC,kBAAkB,KAAK,KAAK,GAAG,OAAO;EAC3C,OAAO,qBAAqB,OAAO,KAAK,GAAG,SAAS;CACtD;CACA,IAAI,CAAC,OAAO,SAAS,KAAK,GAAG,OAAO,OAAO,KAAK;CAEhD,IAAI,cAAc,KAAA,GAChB,OAAO,IAAI,KAAK,aAAa,SAAS;EACpC,uBAAuB;EACvB,uBAAuB;CACzB,CAAC,CAAC,CAAC,OAAO,KAAK;CAGjB,MAAM,MAAM,OAAO,KAAK;CACxB,IAAI,IAAI,SAAS,GAAG,GAAG,OAAO;CAE9B,MAAM,CAAC,SAAS,WAAW,IAAI,MAAM,GAAG;CACxC,MAAM,UAAU,SAAS,OAAO,OAAO,OAAO,CAAC;CAE/C,OAAO,UAAU,GAAG,QAAQ,GAAG,YAAY;AAC7C"}

package/es/Statistic/index.d.ts

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

package/es/Statistic/index.js

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

package/es/Statistic/index.mjs

@@ -0,0 +1,3 @@
+import { formatStatisticValue } from "./formatValue.mjs";
+import Statistic from "./Statistic.mjs";
+export { Statistic as default, formatStatisticValue };

package/es/Statistic/style.mjs

@@ -0,0 +1,36 @@
+//#region src/Statistic/style.ts
+const styles = {
+	affix: {
+		kMwMTN: "lbc77et8",
+		kGuDYH: "lbif65rj",
+		k63SB2: "lbo1l8bm",
+		$$css: true
+	},
+	root: {
+		kOIVth: "lb1jnr06f",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		$$css: true
+	},
+	title: {
+		kMwMTN: "lb19ppog9",
+		kGuDYH: "lbif65rj",
+		kLWn49: "lb1evy7pa",
+		$$css: true
+	},
+	value: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb1pha0wt",
+		kMwMTN: "lb66ogz0",
+		k1xSpc: "lb78zum5",
+		kGuDYH: "lb1pvqxga",
+		kcqcaj: "lbss6m8b",
+		k63SB2: "lb1s688f",
+		kLWn49: "lb132q4wb",
+		$$css: true
+	}
+};
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Statistic/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Statistic/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  affix: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 14,\n    fontWeight: 400,\n  },\n  root: {\n    gap: 4,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  title: {\n    color: cssVar.colorTextDescription,\n    fontSize: 14,\n    lineHeight: 1.5,\n  },\n  value: {\n    gap: 4,\n    alignItems: 'baseline',\n    color: cssVar.colorText,\n    display: 'flex',\n    fontSize: 24,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 600,\n    lineHeight: 1.25,\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Statistic/type.d.mts

@@ -0,0 +1,22 @@
+import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
+//#region src/Statistic/type.d.ts
+export interface StatisticProps extends Omit<ComponentProps<'div'>, 'title' | 'prefix'> {
+  classNames?: {
+    title?: string;
+    value?: string;
+  };
+  formatter?: (value: number | string | undefined) => ReactNode;
+  loading?: boolean;
+  precision?: number;
+  prefix?: ReactNode;
+  ref?: Ref<HTMLDivElement>;
+  styles?: {
+    title?: CSSProperties;
+    value?: CSSProperties;
+  };
+  suffix?: ReactNode;
+  title?: ReactNode;
+  value?: number | string;
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/Steps/Steps.d.mts

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

package/es/Steps/Steps.mjs

@@ -0,0 +1,85 @@
+"use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import Icon from "../Icon/Icon.mjs";
+import { indicatorStatusStyles, styles, titleStatusStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
+import { Check } from "lucide-react";
+//#region src/Steps/Steps.tsx
+const getStatus = (index, current, item) => {
+	if (item.status) return item.status;
+	if (current === void 0) return void 0;
+	if (index < current) return "finish";
+	if (index === current) return "process";
+	return "wait";
+};
+const renderIndicator = (item, index, status, isDot) => {
+	if (isDot) return null;
+	if (item.icon != null) return item.icon;
+	if (status === "finish") return /* @__PURE__ */ jsx(Icon, {
+		icon: Check,
+		size: 12
+	});
+	return index + 1;
+};
+const Steps = memo(({ className, classNames, current, items, orientation = "horizontal", ref, styles: customStyles, variant = "default", ...rest }) => {
+	const isDot = variant === "dot";
+	const isVertical = orientation === "vertical";
+	return /* @__PURE__ */ jsx("ol", {
+		ref,
+		...rest,
+		...styleProps([styles.root, isVertical ? styles.vertical : styles.horizontal], className, rest.style),
+		children: items.map((item, index) => {
+			const status = getStatus(index, current, item);
+			const statusKey = status ?? "guide";
+			const isLast = index === items.length - 1;
+			return /* @__PURE__ */ jsxs("li", {
+				"aria-current": current !== void 0 && index === current ? "step" : void 0,
+				"data-status": statusKey,
+				...styleProps(isVertical ? [styles.itemVertical, isLast && styles.itemVerticalLast] : [styles.itemHorizontal, isLast && styles.itemHorizontalLast], classNames?.item, customStyles?.item),
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						...styleProps([
+							styles.indicator,
+							indicatorStatusStyles[statusKey],
+							isDot && styles.dot,
+							isDot && (statusKey === "process" || statusKey === "finish") && styles.dotActive
+						], classNames?.indicator, customStyles?.indicator),
+						children: renderIndicator(item, index, status, isDot)
+					}),
+					(item.title != null || item.description != null) && /* @__PURE__ */ jsxs("div", {
+						...stylex.props(styles.body),
+						children: [item.title != null && /* @__PURE__ */ jsx("div", {
+							...styleProps([
+								styles.title,
+								titleStatusStyles[statusKey],
+								isVertical && styles.titleVertical
+							], classNames?.title, customStyles?.title),
+							children: item.title
+						}), item.description != null && /* @__PURE__ */ jsx("div", {
+							...styleProps(styles.description, classNames?.description, customStyles?.description),
+							children: item.description
+						})]
+					}),
+					!isLast && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						...styleProps([
+							styles.connector,
+							statusKey === "finish" && styles.connectorFinish,
+							isVertical && styles.connectorVertical
+						], void 0, isDot ? {
+							insetBlockStart: 20,
+							insetInlineStart: 3
+						} : void 0)
+					})
+				]
+			}, item.key ?? index);
+		})
+	});
+});
+Steps.displayName = "Steps";
+//#endregion
+export { Steps as default };
+
+//# sourceMappingURL=Steps.mjs.map

package/es/Steps/Steps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.mjs","names":[],"sources":["../../src/Steps/Steps.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { Check } from 'lucide-react';\nimport { memo, type ReactNode } from 'react';\n\nimport Icon from '@/Icon';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { indicatorStatusStyles, styles, titleStatusStyles } from './style';\nimport type { StepItem, StepsProps, StepStatus } from './type';\n\nconst getStatus = (\n  index: number,\n  current: number | undefined,\n  item: StepItem,\n): StepStatus | undefined => {\n  if (item.status) return item.status;\n  if (current === undefined) return undefined;\n  if (index < current) return 'finish';\n  if (index === current) return 'process';\n  return 'wait';\n};\n\nconst renderIndicator = (\n  item: StepItem,\n  index: number,\n  status: StepStatus | undefined,\n  isDot: boolean,\n): ReactNode => {\n  if (isDot) return null;\n  if (item.icon != null) return item.icon;\n  if (status === 'finish') return <Icon icon={Check} size={12} />;\n  return index + 1;\n};\n\nconst Steps = memo<StepsProps>(\n  ({\n    className,\n    classNames,\n    current,\n    items,\n    orientation = 'horizontal',\n    ref,\n    styles: customStyles,\n    variant = 'default',\n    ...rest\n  }) => {\n    const isDot = variant === 'dot';\n    const isVertical = orientation === 'vertical';\n\n    return (\n      <ol\n        ref={ref}\n        {...rest}\n        {...styleProps(\n          [styles.root, isVertical ? styles.vertical : styles.horizontal],\n          className,\n          rest.style,\n        )}\n      >\n        {items.map((item, index) => {\n          const status = getStatus(index, current, item);\n          const statusKey = status ?? 'guide';\n          const isLast = index === items.length - 1;\n\n          return (\n            <li\n              aria-current={current !== undefined && index === current ? 'step' : undefined}\n              data-status={statusKey}\n              key={item.key ?? index}\n              {...styleProps(\n                isVertical\n                  ? [styles.itemVertical, isLast && styles.itemVerticalLast]\n                  : [styles.itemHorizontal, isLast && styles.itemHorizontalLast],\n                classNames?.item,\n                customStyles?.item,\n              )}\n            >\n              <span\n                {...styleProps(\n                  [\n                    styles.indicator,\n                    indicatorStatusStyles[statusKey],\n                    isDot && styles.dot,\n                    isDot &&\n                      (statusKey === 'process' || statusKey === 'finish') &&\n                      styles.dotActive,\n                  ],\n                  classNames?.indicator,\n                  customStyles?.indicator,\n                )}\n              >\n                {renderIndicator(item, index, status, isDot)}\n              </span>\n              {(item.title != null || item.description != null) && (\n                <div {...stylex.props(styles.body)}>\n                  {item.title != null && (\n                    <div\n                      {...styleProps(\n                        [\n                          styles.title,\n                          titleStatusStyles[statusKey],\n                          isVertical && styles.titleVertical,\n                        ],\n                        classNames?.title,\n                        customStyles?.title,\n                      )}\n                    >\n                      {item.title}\n                    </div>\n                  )}\n                  {item.description != null && (\n                    <div\n                      {...styleProps(\n                        styles.description,\n                        classNames?.description,\n                        customStyles?.description,\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {!isLast && (\n                <span\n                  aria-hidden=\"true\"\n                  {...styleProps(\n                    [\n                      styles.connector,\n                      statusKey === 'finish' && styles.connectorFinish,\n                      isVertical && styles.connectorVertical,\n                    ],\n                    undefined,\n                    isDot ? { insetBlockStart: 20, insetInlineStart: 3 } : undefined,\n                  )}\n                />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    );\n  },\n);\n\nSteps.displayName = 'Steps';\n\nexport default Steps;\n"],"mappings":";;;;;;;;;AASA,MAAM,aAAa,OAAe,SAA6B,SAA2C;CACxG,IAAI,KAAK,QAAQ,OAAO,KAAK;CAC7B,IAAI,YAAY,KAAA,GAAW,OAAO,KAAA;CAClC,IAAI,QAAQ,SAAS,OAAO;CAC5B,IAAI,UAAU,SAAS,OAAO;CAC9B,OAAO;AACT;AACA,MAAM,mBAAmB,MAAgB,OAAe,QAAgC,UAA8B;CACpH,IAAI,OAAO,OAAO;CAClB,IAAI,KAAK,QAAQ,MAAM,OAAO,KAAK;CACnC,IAAI,WAAW,UAAU,OAAO,oBAAC,MAAD;EAAM,MAAM;EAAO,MAAM;CAAK,CAAA;CAC9D,OAAO,QAAQ;AACjB;AACA,MAAM,QAAQ,MAAkB,EAC9B,WACA,YACA,SACA,OACA,cAAc,cACd,KACA,QAAQ,cACR,UAAU,WACV,GAAG,WACC;CACJ,MAAM,QAAQ,YAAY;CAC1B,MAAM,aAAa,gBAAgB;CACnC,OAAO,oBAAC,MAAD;EAAS;EAAK,GAAI;EAAM,GAAI,WAAW,CAAC,OAAO,MAAM,aAAa,OAAO,WAAW,OAAO,UAAU,GAAG,WAAW,KAAK,KAAK;EAC7H,UAAA,MAAM,KAAK,MAAM,UAAU;GAC9B,MAAM,SAAS,UAAU,OAAO,SAAS,IAAI;GAC7C,MAAM,YAAY,UAAU;GAC5B,MAAM,SAAS,UAAU,MAAM,SAAS;GACxC,OAAO,qBAAC,MAAD;IAAI,gBAAc,YAAY,KAAA,KAAa,UAAU,UAAU,SAAS,KAAA;IAAW,eAAa;IAAmC,GAAI,WAAW,aAAa,CAAC,OAAO,cAAc,UAAU,OAAO,gBAAgB,IAAI,CAAC,OAAO,gBAAgB,UAAU,OAAO,kBAAkB,GAAG,YAAY,MAAM,cAAc,IAAI;IAA5T,UAAA;KACC,oBAAC,QAAD;MAAM,GAAI,WAAW;OAAC,OAAO;OAAW,sBAAsB;OAAY,SAAS,OAAO;OAAK,UAAU,cAAc,aAAa,cAAc,aAAa,OAAO;MAAS,GAAG,YAAY,WAAW,cAAc,SAAS;MAC7N,UAAA,gBAAgB,MAAM,OAAO,QAAQ,KAAK;KACvC,CAAA;MACJ,KAAK,SAAS,QAAQ,KAAK,eAAe,SAAS,qBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,IAAI;MAAjC,UAAA,CAChD,KAAK,SAAS,QAAQ,oBAAC,OAAD;OAAK,GAAI,WAAW;QAAC,OAAO;QAAO,kBAAkB;QAAY,cAAc,OAAO;OAAa,GAAG,YAAY,OAAO,cAAc,KAAK;OAC9J,UAAA,KAAK;MACH,CAAA,GACN,KAAK,eAAe,QAAQ,oBAAC,OAAD;OAAK,GAAI,WAAW,OAAO,aAAa,YAAY,aAAa,cAAc,WAAW;OAClH,UAAA,KAAK;MACH,CAAA,CACJ;;KACN,CAAC,UAAU,oBAAC,QAAD;MAAM,eAAY;MAAO,GAAI,WAAW;OAAC,OAAO;OAAW,cAAc,YAAY,OAAO;OAAiB,cAAc,OAAO;MAAiB,GAAG,KAAA,GAAW,QAAQ;OACzL,iBAAiB;OACjB,kBAAkB;MACpB,IAAI,KAAA,CAAS;KAAI,CAAA;IACT;GAhB6G,GAAA,KAAK,OAAO,KAgBzH;EACZ,CAAC;CACK,CAAA;AACV,CAAC;AACD,MAAM,cAAc"}

package/es/Steps/index.d.ts

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

package/es/Steps/index.js

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

package/es/Steps/index.mjs

@@ -0,0 +1 @@
+export { default } from "./Steps.mjs";

package/es/Steps/style.mjs

@@ -0,0 +1,170 @@
+//#region src/Steps/style.ts
+const styles = {
+	body: {
+		kOIVth: "lb195vfkc",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	connector: {
+		kUk6DE: "lb98rzlu",
+		kWkggS: "lb1x3duf0",
+		kZKoxP: "lbjm9jq1",
+		k7Eaqz: "lb15kz4h8",
+		$$css: true
+	},
+	connectorFinish: {
+		kWkggS: "lb1hsafae",
+		$$css: true
+	},
+	connectorVertical: {
+		krVfgx: "lbbfrwjf",
+		k87sOh: "lbd402qu",
+		kLqNvP: "lb5tdj20",
+		kVAEAm: "lb10l6tqk",
+		kZKoxP: "lbt7dq6l",
+		k7Eaqz: "lbeuugli",
+		kzqmXN: "lb1i1rx1s",
+		$$css: true
+	},
+	description: {
+		kMwMTN: "lbc77et8",
+		kGuDYH: "lb4z9k3i",
+		kLWn49: "lb1evy7pa",
+		$$css: true
+	},
+	dot: {
+		kVAM5u: "lb181nr7w",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbc342km",
+		kWkggS: "lbur9dxv",
+		keoZOQ: "lb1xmf6yo",
+		kZKoxP: "lb1hagigm",
+		kzqmXN: "lbci0xqf",
+		$$css: true
+	},
+	dotActive: {
+		kWkggS: "lb1hsafae",
+		$$css: true
+	},
+	horizontal: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	indicator: {
+		kVAM5u: "lbqnr5ac",
+		kaIpWk: "lb16rqkct",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kUk6DE: "lb1okw0bk",
+		kGNEyG: "lb6s0dn4",
+		kMwMTN: "lb19ppog9",
+		k1xSpc: "lb3nfvp2",
+		kGuDYH: "lbfifm61",
+		kcqcaj: "lbss6m8b",
+		k63SB2: "lbk50ysn",
+		kjj79g: "lbl56j7k",
+		kZKoxP: "lb17rw0jw",
+		kzqmXN: "lb17z2i9w",
+		$$css: true
+	},
+	indicatorError: {
+		kVAM5u: "lb11fhi00",
+		kMwMTN: "lb12ap7uz",
+		$$css: true
+	},
+	indicatorFinish: {
+		kVAM5u: "lb1jy2tmp",
+		kMwMTN: "lb16owwnm",
+		$$css: true
+	},
+	indicatorGuide: {
+		kMwMTN: "lbc77et8",
+		$$css: true
+	},
+	indicatorProcess: {
+		kVAM5u: "lb1jy2tmp",
+		kWkggS: "lb1hsafae",
+		kMwMTN: "lb1y38k7b",
+		$$css: true
+	},
+	itemHorizontal: {
+		kUk6DE: "lb98rzlu",
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	itemHorizontalLast: {
+		kUk6DE: "lb1okw0bk",
+		$$css: true
+	},
+	itemVertical: {
+		k1C7PZ: "lbtqikln",
+		k1xSpc: "lbrvj5dj",
+		kumcoG: "lb1rkzygb",
+		kGO01o: "lb1hhzuzn",
+		kVAEAm: "lb1n2onr6",
+		$$css: true
+	},
+	itemVerticalLast: {
+		kGO01o: "lb18d9i69",
+		$$css: true
+	},
+	root: {
+		kogj98: "lb1ghz6dp",
+		kmVPX3: "lb1717udv",
+		kB88ic: "lbe8uvvx",
+		$$css: true
+	},
+	title: {
+		kMwMTN: "lb19ppog9",
+		kGuDYH: "lbif65rj",
+		kLWn49: "lb19v9tvf",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	titleActive: {
+		kMwMTN: "lb66ogz0",
+		$$css: true
+	},
+	titleError: {
+		kMwMTN: "lb12ap7uz",
+		$$css: true
+	},
+	titleProcess: {
+		k63SB2: "lbk50ysn",
+		$$css: true
+	},
+	titleVertical: {
+		khDVqt: "lbeaf4i8",
+		$$css: true
+	},
+	vertical: {
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		$$css: true
+	}
+};
+const indicatorStatusStyles = {
+	error: styles.indicatorError,
+	finish: styles.indicatorFinish,
+	guide: styles.indicatorGuide,
+	process: styles.indicatorProcess,
+	wait: null
+};
+const titleStatusStyles = {
+	error: styles.titleError,
+	finish: styles.titleActive,
+	guide: styles.titleActive,
+	process: [styles.titleActive, styles.titleProcess],
+	wait: null
+};
+//#endregion
+export { indicatorStatusStyles, styles, titleStatusStyles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Steps/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Steps/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  body: {\n    gap: 2,\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n  },\n  connector: {\n    flex: '1',\n    backgroundColor: cssVar.colorBorderSecondary,\n    height: 1,\n    minWidth: 16,\n  },\n  connectorFinish: {\n    backgroundColor: cssVar.colorPrimary,\n  },\n  connectorVertical: {\n    insetBlockEnd: 4,\n    insetBlockStart: 26,\n    insetInlineStart: 11,\n    position: 'absolute',\n    height: 'auto',\n    minWidth: 0,\n    width: 1,\n  },\n  description: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    lineHeight: 1.5,\n  },\n  dot: {\n    borderColor: 'currentcolor',\n    borderStyle: 'none',\n    borderWidth: 0,\n    backgroundColor: cssVar.colorTextQuaternary,\n    marginBlockStart: 8,\n    height: 7,\n    width: 7,\n  },\n  dotActive: {\n    backgroundColor: cssVar.colorPrimary,\n  },\n  horizontal: {\n    gap: 8,\n    alignItems: 'center',\n    display: 'flex',\n  },\n  indicator: {\n    borderColor: cssVar.colorBorder,\n    borderRadius: '50%',\n    borderStyle: 'solid',\n    borderWidth: 1,\n    flex: 'none',\n    alignItems: 'center',\n    color: cssVar.colorTextDescription,\n    display: 'inline-flex',\n    fontSize: 12,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 500,\n    justifyContent: 'center',\n    height: 22,\n    width: 22,\n  },\n  indicatorError: {\n    borderColor: cssVar.colorError,\n    color: cssVar.colorError,\n  },\n  indicatorFinish: {\n    borderColor: cssVar.colorPrimary,\n    color: cssVar.colorPrimary,\n  },\n  indicatorGuide: {\n    color: cssVar.colorTextSecondary,\n  },\n  indicatorProcess: {\n    borderColor: cssVar.colorPrimary,\n    backgroundColor: cssVar.colorPrimary,\n    color: cssVar.colorBgContainer,\n  },\n  itemHorizontal: {\n    flex: '1',\n    gap: 8,\n    alignItems: 'center',\n    display: 'flex',\n    minWidth: 0,\n  },\n  itemHorizontalLast: {\n    flex: 'none',\n  },\n  itemVertical: {\n    columnGap: 12,\n    display: 'grid',\n    gridTemplateColumns: 'auto minmax(0, 1fr)',\n    paddingBlockEnd: 18,\n    position: 'relative',\n  },\n  itemVerticalLast: {\n    paddingBlockEnd: 0,\n  },\n  root: {\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n  },\n  title: {\n    color: cssVar.colorTextDescription,\n    fontSize: 14,\n    lineHeight: '22px',\n    whiteSpace: 'nowrap',\n  },\n  titleActive: {\n    color: cssVar.colorText,\n  },\n  titleError: {\n    color: cssVar.colorError,\n  },\n  titleProcess: {\n    fontWeight: 500,\n  },\n  titleVertical: {\n    whiteSpace: 'normal',\n  },\n  vertical: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n});\n\nexport const indicatorStatusStyles = {\n  error: styles.indicatorError,\n  finish: styles.indicatorFinish,\n  guide: styles.indicatorGuide,\n  process: styles.indicatorProcess,\n  wait: null,\n};\n\nexport const titleStatusStyles = {\n  error: styles.titleError,\n  finish: styles.titleActive,\n  guide: styles.titleActive,\n  process: [styles.titleActive, styles.titleProcess],\n  wait: null,\n};\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,OAAO;CACT;CACA,mBAAmB;EACjB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,OAAO;CACT;CACA,kBAAkB;EAChB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,oBAAoB;EAClB,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,kBAAkB;EAChB,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAa,wBAAwB;CACnC,OAAO,OAAO;CACd,QAAQ,OAAO;CACf,OAAO,OAAO;CACd,SAAS,OAAO;CAChB,MAAM;AACR;AACA,MAAa,oBAAoB;CAC/B,OAAO,OAAO;CACd,QAAQ,OAAO;CACf,OAAO,OAAO;CACd,SAAS,CAAC,OAAO,aAAa,OAAO,YAAY;CACjD,MAAM;AACR"}

package/es/Steps/type.d.mts

@@ -0,0 +1,31 @@
+import { CSSProperties, ComponentProps, Key, ReactNode, Ref } from "react";
+//#region src/Steps/type.d.ts
+export type StepStatus = 'wait' | 'process' | 'finish' | 'error';
+export interface StepItem {
+  description?: ReactNode;
+  icon?: ReactNode;
+  key?: Key;
+  status?: StepStatus;
+  title?: ReactNode;
+}
+export interface StepsProps extends Omit<ComponentProps<'ol'>, 'children'> {
+  classNames?: {
+    description?: string;
+    indicator?: string;
+    item?: string;
+    title?: string;
+  };
+  current?: number;
+  items: StepItem[];
+  orientation?: 'horizontal' | 'vertical';
+  ref?: Ref<HTMLOListElement>;
+  styles?: {
+    description?: CSSProperties;
+    indicator?: CSSProperties;
+    item?: CSSProperties;
+    title?: CSSProperties;
+  };
+  variant?: 'default' | 'dot';
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/Switch/Switch.d.mts

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

package/es/Switch/Switch.mjs

@@ -0,0 +1,67 @@
+"use client";
+import { cssVar } from "../styles/stylex/cssVar.stylex.mjs";
+import Icon from "../Icon/Icon.mjs";
+import { styles } from "./style.mjs";
+import { SwitchIcon, SwitchRoot, SwitchThumb } from "./atoms.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as stylex from "@stylexjs/stylex";
+import { Loader2 } from "lucide-react";
+//#region src/Switch/Switch.tsx
+const Switch = memo(({ autoFocus, checked, checkedChildren, className, classNames, defaultChecked, defaultValue, disabled, id, loading, name, onChange, onClick, ref, rootClassName, size = "default", style, styles: customStyles, tabIndex, title, unCheckedChildren, value }) => {
+	const isDisabled = disabled || loading;
+	const resolvedChecked = value ?? checked;
+	const resolvedDefaultChecked = defaultValue ?? defaultChecked;
+	return /* @__PURE__ */ jsxs(SwitchRoot, {
+		autoFocus,
+		checked: resolvedChecked,
+		className: clsx(className, rootClassName, classNames?.root),
+		defaultChecked: resolvedDefaultChecked,
+		disabled: isDisabled,
+		id,
+		name,
+		ref,
+		size,
+		style: {
+			...style,
+			...customStyles?.root
+		},
+		tabIndex,
+		title,
+		onCheckedChange: onChange,
+		onClick,
+		children: [
+			checkedChildren && /* @__PURE__ */ jsx(SwitchIcon, {
+				className: classNames?.content,
+				position: "left",
+				size,
+				style: customStyles?.content,
+				children: checkedChildren
+			}),
+			unCheckedChildren && /* @__PURE__ */ jsx(SwitchIcon, {
+				className: classNames?.content,
+				position: "right",
+				size,
+				style: customStyles?.content,
+				children: unCheckedChildren
+			}),
+			/* @__PURE__ */ jsx(SwitchThumb, {
+				className: classNames?.thumb,
+				size,
+				style: customStyles?.thumb,
+				children: loading && /* @__PURE__ */ jsx(Icon, {
+					...stylex.props(styles.loading),
+					icon: Loader2,
+					size: size === "small" ? 8 : 12,
+					style: { color: cssVar.colorPrimary }
+				})
+			})
+		]
+	});
+});
+Switch.displayName = "Switch";
+//#endregion
+export { Switch as default };
+
+//# sourceMappingURL=Switch.mjs.map

package/es/Switch/Switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.mjs","names":[],"sources":["../../src/Switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { Loader2 } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Icon from '@/Icon';\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { SwitchIcon, SwitchRoot, SwitchThumb } from './atoms';\nimport { styles } from './style';\nimport type { SwitchProps } from './type';\n\nconst Switch = memo<SwitchProps>(\n  ({\n    autoFocus,\n    checked,\n    checkedChildren,\n    className,\n    classNames,\n    defaultChecked,\n    defaultValue,\n    disabled,\n    id,\n    loading,\n    name,\n    onChange,\n    onClick,\n    ref,\n    rootClassName,\n    size = 'default',\n    style,\n    styles: customStyles,\n    tabIndex,\n    title,\n    unCheckedChildren,\n    value,\n  }) => {\n    const isDisabled = disabled || loading;\n    const resolvedChecked = value ?? checked;\n    const resolvedDefaultChecked = defaultValue ?? defaultChecked;\n\n    return (\n      <SwitchRoot\n        autoFocus={autoFocus}\n        checked={resolvedChecked}\n        className={clsx(className, rootClassName, classNames?.root)}\n        defaultChecked={resolvedDefaultChecked}\n        disabled={isDisabled}\n        id={id}\n        name={name}\n        ref={ref}\n        size={size}\n        style={{ ...style, ...customStyles?.root }}\n        tabIndex={tabIndex}\n        title={title}\n        onCheckedChange={onChange}\n        onClick={onClick}\n      >\n        {checkedChildren && (\n          <SwitchIcon\n            className={classNames?.content}\n            position=\"left\"\n            size={size}\n            style={customStyles?.content}\n          >\n            {checkedChildren}\n          </SwitchIcon>\n        )}\n        {unCheckedChildren && (\n          <SwitchIcon\n            className={classNames?.content}\n            position=\"right\"\n            size={size}\n            style={customStyles?.content}\n          >\n            {unCheckedChildren}\n          </SwitchIcon>\n        )}\n        <SwitchThumb className={classNames?.thumb} size={size} style={customStyles?.thumb}>\n          {loading && (\n            <Icon\n              {...stylex.props(styles.loading)}\n              icon={Loader2}\n              size={size === 'small' ? 8 : 12}\n              style={{ color: cssVar.colorPrimary }}\n            />\n          )}\n        </SwitchThumb>\n      </SwitchRoot>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,MAAmB,EAChC,WACA,SACA,iBACA,WACA,YACA,gBACA,cACA,UACA,IACA,SACA,MACA,UACA,SACA,KACA,eACA,OAAO,WACP,OACA,QAAQ,cACR,UACA,OACA,mBACA,YACI;CACJ,MAAM,aAAa,YAAY;CAC/B,MAAM,kBAAkB,SAAS;CACjC,MAAM,yBAAyB,gBAAgB;CAC/C,OAAO,qBAAC,YAAD;EAAuB;EAAW,SAAS;EAAiB,WAAW,KAAK,WAAW,eAAe,YAAY,IAAI;EAAG,gBAAgB;EAAwB,UAAU;EAAgB;EAAU;EAAW;EAAW;EAAM,OAAO;GAC7O,GAAG;GACH,GAAG,cAAc;EACnB;EAAa;EAAiB;EAAO,iBAAiB;EAAmB;EAHlE,UAAA;GAIA,mBAAmB,oBAAC,YAAD;IAAY,WAAW,YAAY;IAAS,UAAS;IAAa;IAAM,OAAO,cAAc;IAC5G,UAAA;GACS,CAAA;GACb,qBAAqB,oBAAC,YAAD;IAAY,WAAW,YAAY;IAAS,UAAS;IAAc;IAAM,OAAO,cAAc;IAC/G,UAAA;GACS,CAAA;GACd,oBAAC,aAAD;IAAa,WAAW,YAAY;IAAa;IAAM,OAAO,cAAc;IACzE,UAAA,WAAW,oBAAC,MAAD;KAAM,GAAI,OAAO,MAAM,OAAO,OAAO;KAAG,MAAM;KAAS,MAAM,SAAS,UAAU,IAAI;KAAI,OAAO,EAC7G,OAAO,OAAO,aAChB;IAAI,CAAA;GACW,CAAA;EACH;;AAClB,CAAC;AACD,OAAO,cAAc"}

package/es/Switch/atoms.d.mts

@@ -0,0 +1,36 @@
+import { SwitchChangeEventHandler, SwitchContextType, SwitchIconProps, SwitchRootProps, SwitchThumbProps } from "./type.mjs";
+//#region src/Switch/atoms.d.ts
+export declare const useSwitchContext: () => SwitchContextType;
+type SwitchRootInternalProps = Omit<SwitchRootProps, 'onCheckedChange' | 'onClick'> & {
+  onCheckedChange?: SwitchChangeEventHandler;
+  onClick?: SwitchChangeEventHandler;
+};
+export declare const SwitchRoot: {
+  ({ checked, className, defaultChecked, onCheckedChange, onClick, onKeyDown, onKeyUp, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp, size, children, disabled, readOnly, required, inputRef, id, name, style, ...rest }: SwitchRootInternalProps): import("react").JSX.Element;
+  displayName: string;
+};
+export declare const SwitchThumb: {
+  ({ className, size, style, children, ...rest }: SwitchThumbProps): import("react").JSX.Element;
+  displayName: string;
+};
+export declare const SwitchIcon: {
+  ({ children, className, position, size: _size, style, ...rest }: SwitchIconProps): import("react").JSX.Element;
+  displayName: string;
+};
+export declare const switchStyles: {
+  iconLeftSmall: string;
+  iconRightSmall: string;
+  icon: string;
+  loading: string;
+  root: string;
+  thumb: string;
+  iconLeft: string;
+  iconRight: string;
+  iconThumb: string;
+  rootDefault: string;
+  rootSmall: string;
+  thumbDefault: string;
+  thumbSmall: string;
+};
+//#endregion
+//# sourceMappingURL=atoms.d.mts.map