@neut/ui 0.0.17 → 0.0.18

package/dist/components/number-input/NumberInput/NumberInput.js

@@ -1,10 +1,11 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { InputGroup as t } from "../../input-group/InputGroup/InputGroup.js";
-import { InputGroupAddon as n } from "../../input-group/InputGroupAddon/InputGroupAddon.js";
-import { InputGroupButton as r } from "../../input-group/InputGroupButton/InputGroupButton.js";
-import { InputGroupInput as i } from "../../input-group/InputGroupInput/InputGroupInput.js";
-import { createNumberInputChangeEventDetails as a } from "./create-change-event-details.js";
-import { clamp as o, defaultFormatNumber as s, defaultParseNumber as c, roundToStep as l } from "./NumberInput.utils.js";
+import { clamp as t } from "../../../utils/number.js";
+import { InputGroup as n } from "../../input-group/InputGroup/InputGroup.js";
+import { InputGroupAddon as r } from "../../input-group/InputGroupAddon/InputGroupAddon.js";
+import { InputGroupButton as i } from "../../input-group/InputGroupButton/InputGroupButton.js";
+import { InputGroupInput as a } from "../../input-group/InputGroupInput/InputGroupInput.js";
+import { createNumberInputChangeEventDetails as o } from "./create-change-event-details.js";
+import { defaultFormatNumber as s, defaultParseNumber as c, roundToStep as l } from "./NumberInput.utils.js";
 import { createComponent as u } from "solid-js/web";
 import { createEffect as d, createSignal as f } from "solid-js";
 import { Minus as p, Plus as m } from "lucide-solid";
@@ -16,11 +17,11 @@ function h(h) {
 		w() || D(y(e));
 	});
 	let O = (e, t, n) => {
-		let r = a(t, n);
+		let r = o(t, n);
 		h.onValueChange?.(e, r), !r.isCanceled && (b() || S(e));
-	}, k = (e, t, n) => {
-		let r = o(l(e, g()), h.min, h.max);
-		O(r, t, n), D(y(r));
+	}, k = (e, n, r) => {
+		let i = t(l(e, g()), h.min, h.max);
+		O(i, n, r), b() || D(y(i));
 	}, A = (e, t, n) => {
 		let r = C() ?? h.min ?? 0;
 		k(r + e, t, n);
@@ -29,13 +30,14 @@ function h(h) {
 		let t = v(e);
 		t !== null && O(t, "input");
 	}, M = () => {
+		let e = E();
 		T(!1);
-		let e = v(E());
-		if (e === null) {
+		let t = v(e);
+		if (t === null) {
 			C() !== null && O(null, "blur"), D(y(null));
 			return;
 		}
-		k(e, "blur");
+		k(t, "blur");
 	}, N = (e) => {
 		if (!(h.disabled || h.readOnly)) switch (e.key) {
 			case "ArrowUp":
@@ -65,16 +67,16 @@ function h(h) {
 			case "Escape": e.preventDefault(), D(y(C()));
 		}
 	}, P = () => !h.disabled && !h.readOnly && !(C() !== null && h.min !== void 0 && C() <= h.min), F = () => !h.disabled && !h.readOnly && !(C() !== null && h.max !== void 0 && C() >= h.max);
-	return u(t, {
+	return u(n, {
 		get class() {
 			return e("w-32", h.class);
 		},
 		get children() {
 			return [
-				u(n, {
+				u(r, {
 					align: "inline-start",
 					get children() {
-						return u(r, {
+						return u(i, {
 							get icon() {
 								return u(p, {});
 							},
@@ -86,7 +88,7 @@ function h(h) {
 						});
 					}
 				}),
-				u(i, {
+				u(a, {
 					get id() {
 						return h.id;
 					},
@@ -128,10 +130,10 @@ function h(h) {
 						return h.max;
 					}
 				}),
-				u(n, {
+				u(r, {
 					align: "inline-end",
 					get children() {
-						return u(r, {
+						return u(i, {
 							get icon() {
 								return u(m, {});
 							},

package/dist/components/number-input/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["createEffect","createSignal","JSX","Minus","Plus","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","clsx","createNumberInputChangeEventDetails","clamp","defaultFormatNumber","defaultParseNumber","roundToStep","NumberInputChangeReason","NumberInputProps","NumberInput","props","Element","step","largeStep","parse","text","format","value","isControlled","undefined","internalValue","setInternalValue","defaultValue","focused","setFocused","setText","next","commit","reason","event","Event","details","onValueChange","isCanceled","commitClamped","clamped","min","max","stepBy","delta","base","handleInput","raw","parsed","handleBlur","handleKeyDown","KeyboardEvent","disabled","readOnly","key","preventDefault","canDecrement","canIncrement","_$createComponent","class","children","align","icon","onClick","id","role","inputmode","autocomplete","onInput","onFocus","onBlur","onKeyDown","required","name","placeholder","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","_$createComponent","NumberInput","step","props","largeStep","parse","defaultParseNumber","text","format","value","defaultFormatNumber","isControlled","internalValue","setInternalValue","createSignal","focused","setFocused","setText","next","commit","details","createNumberInputChangeEventDetails","reason","event","commitClamped","clamped","clamp","roundToStep","stepBy","base","delta","handleInput","raw","parsed","handleBlur","handleKeyDown","canDecrement","canIncrement","createComponent","InputGroup","\"class\"","clsx","InputGroupAddon","InputGroupButton","Minus","InputGroupInput","Plus"],"sources":["../../../../src/components/number-input/NumberInput/NumberInput.tsx"],"sourcesContent":["import { createEffect, createSignal, type JSX } from \"solid-js\";\nimport { Minus, Plus } from \"lucide-solid\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { createNumberInputChangeEventDetails } from \"./create-change-event-details\";\nimport {\n  clamp,\n  defaultFormatNumber,\n  defaultParseNumber,\n  roundToStep,\n} from \"./NumberInput.utils\";\nimport type {\n  NumberInputChangeReason,\n  NumberInputProps,\n} from \"./NumberInput.types\";\n\n/**\n * NumberInput:数字输入框,带自定义的减/加按钮,避开原生 `type=\"number\"`\n * 在各浏览器里样式与行为都不一致的 spinner。\n *\n * 复用 `InputGroup` 系列(InputGroupAddon/InputGroupButton/InputGroupInput),\n * 输入框用 `type=\"text\"` + `inputmode=\"decimal\"` + `role=\"spinbutton\"`。\n *\n * 这是便捷封装;可组合的 parts(Increment/Decrement/ScrubArea 等)与更多能力\n * 见同目录的 DESIGN.md「后续待实现」。\n *\n * @example\n * ```tsx\n * const [qty, setQty] = createSignal<number | null>(1);\n * <NumberInput value={qty()} onValueChange={(v) => setQty(v)} min={1} max={99} />\n * ```\n */\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const step = () => props.step ?? 1;\n  const largeStep = () => props.largeStep ?? step() * 10;\n  const parse = (text: string) => (props.parse ?? defaultParseNumber)(text);\n  const format = (value: number | null) =>\n    value === null ? \"\" : (props.format ?? defaultFormatNumber)(value);\n\n  const isControlled = () => props.value !== undefined;\n  const [internalValue, setInternalValue] = createSignal<number | null>(\n    props.defaultValue ?? null,\n  );\n  const value = (): number | null =>\n    isControlled() ? (props.value ?? null) : internalValue();\n\n  const [focused, setFocused] = createSignal(false);\n  const [text, setText] = createSignal(format(value()));\n\n  // 外部值变化时同步显示文本;正在输入时不要覆盖用户正在敲的内容\n  createEffect(() => {\n    const next = value();\n    if (focused()) return;\n    setText(format(next));\n  });\n\n  const commit = (\n    next: number | null,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const details = createNumberInputChangeEventDetails(reason, event);\n    props.onValueChange?.(next, details);\n    if (details.isCanceled) return;\n    if (!isControlled()) setInternalValue(next);\n  };\n\n  const commitClamped = (\n    next: number,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const clamped = clamp(roundToStep(next, step()), props.min, props.max);\n    commit(clamped, reason, event);\n    setText(format(clamped));\n  };\n\n  const stepBy = (\n    delta: number,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const base = value() ?? props.min ?? 0;\n    commitClamped(base + delta, reason, event);\n  };\n\n  const handleInput = (raw: string) => {\n    setText(raw);\n    const parsed = parse(raw);\n    // 输入过程中不立即 clamp,否则无法敲入越界中间值;失焦/回车再收敛\n    if (parsed !== null) commit(parsed, \"input\");\n  };\n\n  const handleBlur = () => {\n    setFocused(false);\n    const parsed = parse(text());\n    if (parsed === null) {\n      if (value() !== null) commit(null, \"blur\");\n      setText(format(null));\n      return;\n    }\n    commitClamped(parsed, \"blur\");\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        stepBy(step(), \"keyboard\", event);\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        stepBy(-step(), \"keyboard\", event);\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        stepBy(largeStep(), \"keyboard\", event);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        stepBy(-largeStep(), \"keyboard\", event);\n        break;\n      case \"Home\":\n        if (props.min !== undefined) {\n          event.preventDefault();\n          commitClamped(props.min, \"keyboard\", event);\n        }\n        break;\n      case \"End\":\n        if (props.max !== undefined) {\n          event.preventDefault();\n          commitClamped(props.max, \"keyboard\", event);\n        }\n        break;\n      case \"Enter\": {\n        event.preventDefault();\n        const parsed = parse(text());\n        if (parsed !== null) commitClamped(parsed, \"keyboard\", event);\n        break;\n      }\n      case \"Escape\":\n        event.preventDefault();\n        setText(format(value()));\n        break;\n      default:\n        break;\n    }\n  };\n\n  const canDecrement = () =>\n    !props.disabled &&\n    !props.readOnly &&\n    !(value() !== null && props.min !== undefined && value()! <= props.min);\n  const canIncrement = () =>\n    !props.disabled &&\n    !props.readOnly &&\n    !(value() !== null && props.max !== undefined && value()! >= props.max);\n\n  return (\n    <InputGroup class={clsx(\"w-32\", props.class)}>\n      <InputGroupAddon align=\"inline-start\">\n        <InputGroupButton\n          icon={<Minus />}\n          aria-label=\"Decrease\"\n          disabled={!canDecrement()}\n          onClick={() => stepBy(-step(), \"button-press\")}\n        />\n      </InputGroupAddon>\n      <InputGroupInput\n        id={props.id}\n        role=\"spinbutton\"\n        inputmode=\"decimal\"\n        autocomplete=\"off\"\n        value={text()}\n        onInput={(next: string) => handleInput(next)}\n        onFocus={() => setFocused(true)}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        disabled={props.disabled}\n        readOnly={props.readOnly}\n        required={props.required}\n        name={props.name}\n        placeholder={props.placeholder}\n        aria-label={props[\"aria-label\"]}\n        aria-valuenow={value() ?? undefined}\n        aria-valuemin={props.min}\n        aria-valuemax={props.max}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <InputGroupButton\n          icon={<Plus />}\n          aria-label=\"Increase\"\n          disabled={!canIncrement()}\n          onClick={() => stepBy(step(), \"button-press\")}\n        />\n      </InputGroupAddon>\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":["createEffect","createSignal","JSX","Minus","Plus","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","clsx","createNumberInputChangeEventDetails","clamp","defaultFormatNumber","defaultParseNumber","roundToStep","NumberInputChangeReason","NumberInputProps","NumberInput","props","Element","step","largeStep","parse","text","format","value","isControlled","undefined","internalValue","setInternalValue","defaultValue","focused","setFocused","setText","next","commit","reason","event","Event","details","onValueChange","isCanceled","commitClamped","clamped","min","max","stepBy","delta","base","handleInput","raw","parsed","handleBlur","handleKeyDown","KeyboardEvent","disabled","readOnly","key","preventDefault","canDecrement","canIncrement","_$createComponent","class","children","align","icon","onClick","id","role","inputmode","autocomplete","onInput","onFocus","onBlur","onKeyDown","required","name","placeholder","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","_$createComponent","NumberInput","step","props","largeStep","parse","defaultParseNumber","text","format","value","defaultFormatNumber","isControlled","internalValue","setInternalValue","createSignal","focused","setFocused","setText","next","commit","details","createNumberInputChangeEventDetails","reason","event","commitClamped","clamped","clamp","roundToStep","stepBy","base","delta","handleInput","raw","parsed","handleBlur","handleKeyDown","canDecrement","canIncrement","createComponent","InputGroup","\"class\"","clsx","InputGroupAddon","InputGroupButton","Minus","InputGroupInput","Plus"],"sources":["../../../../src/components/number-input/NumberInput/NumberInput.tsx"],"sourcesContent":["import { createEffect, createSignal, type JSX } from \"solid-js\";\nimport { Minus, Plus } from \"lucide-solid\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { createNumberInputChangeEventDetails } from \"./create-change-event-details\";\nimport {\n  clamp,\n  defaultFormatNumber,\n  defaultParseNumber,\n  roundToStep,\n} from \"./NumberInput.utils\";\nimport type {\n  NumberInputChangeReason,\n  NumberInputProps,\n} from \"./NumberInput.types\";\n\n/**\n * NumberInput:数字输入框,带自定义的减/加按钮,避开原生 `type=\"number\"`\n * 在各浏览器里样式与行为都不一致的 spinner。\n *\n * 复用 `InputGroup` 系列(InputGroupAddon/InputGroupButton/InputGroupInput),\n * 输入框用 `type=\"text\"` + `inputmode=\"decimal\"` + `role=\"spinbutton\"`。\n *\n * 这是便捷封装;可组合的 parts(Increment/Decrement/ScrubArea 等)与更多能力\n * 见同目录的 DESIGN.md「后续待实现」。\n *\n * @example\n * ```tsx\n * const [qty, setQty] = createSignal<number | null>(1);\n * <NumberInput value={qty()} onValueChange={(v) => setQty(v)} min={1} max={99} />\n * ```\n */\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const step = () => props.step ?? 1;\n  const largeStep = () => props.largeStep ?? step() * 10;\n  const parse = (text: string) => (props.parse ?? defaultParseNumber)(text);\n  const format = (value: number | null) =>\n    value === null ? \"\" : (props.format ?? defaultFormatNumber)(value);\n\n  const isControlled = () => props.value !== undefined;\n  const [internalValue, setInternalValue] = createSignal<number | null>(\n    props.defaultValue ?? null,\n  );\n  const value = (): number | null =>\n    isControlled() ? (props.value ?? null) : internalValue();\n\n  const [focused, setFocused] = createSignal(false);\n  const [text, setText] = createSignal(format(value()));\n\n  // 外部值变化时同步显示文本;正在输入时不要覆盖用户正在敲的内容\n  createEffect(() => {\n    const next = value();\n    if (focused()) return;\n    setText(format(next));\n  });\n\n  const commit = (\n    next: number | null,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const details = createNumberInputChangeEventDetails(reason, event);\n    props.onValueChange?.(next, details);\n    if (details.isCanceled) return;\n    if (!isControlled()) setInternalValue(next);\n  };\n\n  const commitClamped = (\n    next: number,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const clamped = clamp(roundToStep(next, step()), props.min, props.max);\n    commit(clamped, reason, event);\n    // 受控模式下文本交给\"外部值变化\"的 effect 同步：调用方不回写时，\n    // 文本框就不该自作主张地显示一个并未被接受的值\n    if (!isControlled()) setText(format(clamped));\n  };\n\n  const stepBy = (\n    delta: number,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const base = value() ?? props.min ?? 0;\n    commitClamped(base + delta, reason, event);\n  };\n\n  const handleInput = (raw: string) => {\n    setText(raw);\n    const parsed = parse(raw);\n    // 输入过程中不立即 clamp,否则无法敲入越界中间值;失焦/回车再收敛\n    if (parsed !== null) commit(parsed, \"input\");\n  };\n\n  const handleBlur = () => {\n    // 必须先取用户敲进去的文本再改 focused：置为 false 会让\"外部值变化则同步文本\"\n    // 的 effect 同步跑起来，把 text 改写成 format(value())，于是这里就会解析\n    // 一个被覆盖过的字符串（自定义 format 时甚至直接解析失败、把输入清空）\n    const raw = text();\n    setFocused(false);\n    const parsed = parse(raw);\n    if (parsed === null) {\n      if (value() !== null) commit(null, \"blur\");\n      setText(format(null));\n      return;\n    }\n    commitClamped(parsed, \"blur\");\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        stepBy(step(), \"keyboard\", event);\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        stepBy(-step(), \"keyboard\", event);\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        stepBy(largeStep(), \"keyboard\", event);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        stepBy(-largeStep(), \"keyboard\", event);\n        break;\n      case \"Home\":\n        if (props.min !== undefined) {\n          event.preventDefault();\n          commitClamped(props.min, \"keyboard\", event);\n        }\n        break;\n      case \"End\":\n        if (props.max !== undefined) {\n          event.preventDefault();\n          commitClamped(props.max, \"keyboard\", event);\n        }\n        break;\n      case \"Enter\": {\n        event.preventDefault();\n        const parsed = parse(text());\n        if (parsed !== null) commitClamped(parsed, \"keyboard\", event);\n        break;\n      }\n      case \"Escape\":\n        event.preventDefault();\n        setText(format(value()));\n        break;\n      default:\n        break;\n    }\n  };\n\n  const canDecrement = () =>\n    !props.disabled &&\n    !props.readOnly &&\n    !(value() !== null && props.min !== undefined && value()! <= props.min);\n  const canIncrement = () =>\n    !props.disabled &&\n    !props.readOnly &&\n    !(value() !== null && props.max !== undefined && value()! >= props.max);\n\n  return (\n    <InputGroup class={clsx(\"w-32\", props.class)}>\n      <InputGroupAddon align=\"inline-start\">\n        <InputGroupButton\n          icon={<Minus />}\n          aria-label=\"Decrease\"\n          disabled={!canDecrement()}\n          onClick={() => stepBy(-step(), \"button-press\")}\n        />\n      </InputGroupAddon>\n      <InputGroupInput\n        id={props.id}\n        role=\"spinbutton\"\n        inputmode=\"decimal\"\n        autocomplete=\"off\"\n        value={text()}\n        onInput={(next: string) => handleInput(next)}\n        onFocus={() => setFocused(true)}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        disabled={props.disabled}\n        readOnly={props.readOnly}\n        required={props.required}\n        name={props.name}\n        placeholder={props.placeholder}\n        aria-label={props[\"aria-label\"]}\n        aria-valuenow={value() ?? undefined}\n        aria-valuemin={props.min}\n        aria-valuemax={props.max}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <InputGroupButton\n          icon={<Plus />}\n          aria-label=\"Increase\"\n          disabled={!canIncrement()}\n          onClick={() => stepBy(step(), \"button-press\")}\n        />\n      </InputGroupAddon>\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}

package/dist/components/number-input/NumberInput/NumberInput.utils.d.ts

@@ -1,5 +1,9 @@
-/** 限制到 [min, max]（两者都可缺省） */
-export declare function clamp(value: number, min?: number, max?: number): number;
+/**
+ * 限制到 [min, max]（两者都可缺省）。
+ *
+ * 实现复用 `~/utils` 的 `clamp`（与 resizable 共用同一份边界逻辑）。
+ */
+export { clamp } from '../../../utils';
 /** 一个数的小数位数 */
 export declare function decimalPlaces(value: number): number;
 /** 按步长的小数位数四舍五入,抵消浮点误差(如 0.1 + 0.2) */

package/dist/components/number-input/NumberInput/NumberInput.utils.js

@@ -1,7 +1,5 @@
+import { clamp as e } from "../../../utils/number.js";
 //#region src/components/number-input/NumberInput/NumberInput.utils.ts
-function e(e, t, n) {
-	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
-}
 function t(e) {
 	let t = String(e), n = t.indexOf(".");
 	return n === -1 ? 0 : t.length - n - 1;

package/dist/components/number-input/NumberInput/NumberInput.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.utils.js","names":["clamp","min","value","max","decimalPlaces","text","index","roundToStep","step","defaultParseNumber","normalized","defaultFormatNumber"],"sources":["../../../../src/components/number-input/NumberInput/NumberInput.utils.ts"],"sourcesContent":["/** 限制到 [min, max]（两者都可缺省） */\nexport function clamp(value: number, min?: number, max?: number): number {\n  if (min !== undefined && value < min) return min;\n  if (max !== undefined && value > max) return max;\n  return value;\n}\n\n/** 一个数的小数位数 */\nexport function decimalPlaces(value: number): number {\n  const text = String(value);\n  const index = text.indexOf(\".\");\n  return index === -1 ? 0 : text.length - index - 1;\n}\n\n/** 按步长的小数位数四舍五入,抵消浮点误差(如 0.1 + 0.2) */\nexport function roundToStep(value: number, step: number): number {\n  return Number(value.toFixed(decimalPlaces(step)));\n}\n\n/** 默认解析:接受十进制文本(\",\",作小数点也接受);空/非法返回 null */\nexport function defaultParseNumber(text: string): number | null {\n  const normalized = text.trim().replace(/\\s+/g, \"\").replace(/,/g, \".\");\n  if (\n    normalized === \"\" ||\n    normalized === \"-\" ||\n    normalized === \".\" ||\n    normalized === \"-.\"\n  ) {\n    return null;\n  }\n  const value = Number(normalized);\n  return Number.isFinite(value) ? value : null;\n}\n\n/** 默认格式化 */\nexport function defaultFormatNumber(value: number): string {\n  return String(value);\n}\n"],"mappings":";AACA,SAAgBA,EAAM,GAAe,GAAc,GAAsB;CAGvE,OAFIC,MAAQ,KAAA,KAAaC,IAAQD,IAAYA,IACzCE,MAAQ,KAAA,KAAaD,IAAQC,IAAYA,IACtCD;AACT;AAGA,SAAgBE,EAAc,GAAuB;CACnD,IAAMC,IAAO,OAAOH,CAAK,GACnBI,IAAQD,EAAK,QAAQ,GAAG;CAC9B,OAAOC,MAAU,KAAK,IAAID,EAAK,SAASC,IAAQ;AAClD;AAGA,SAAgBC,EAAY,GAAe,GAAsB;CAC/D,OAAO,OAAOL,EAAM,QAAQE,EAAcI,CAAI,CAAC,CAAC;AAClD;AAGA,SAAgBC,EAAmB,GAA6B;CAC9D,IAAMC,IAAaL,EAAK,KAAK,CAAC,CAAC,QAAQ,QAAQ,EAAE,CAAC,CAAC,QAAQ,MAAM,GAAG;CACpE,IACEK,MAAe,MACfA,MAAe,OACfA,MAAe,OACfA,MAAe,MAEf,OAAO;CAET,IAAMR,IAAQ,OAAOQ,CAAU;CAC/B,OAAO,OAAO,SAASR,CAAK,IAAIA,IAAQ;AAC1C;AAGA,SAAgBS,EAAoB,GAAuB;CACzD,OAAO,OAAOT,CAAK;AACrB"}
+{"version":3,"file":"NumberInput.utils.js","names":["decimalPlaces","text","value","index","roundToStep","step","defaultParseNumber","normalized","defaultFormatNumber","clamp"],"sources":["../../../../src/components/number-input/NumberInput/NumberInput.utils.ts"],"sourcesContent":["/**\n * 限制到 [min, max]（两者都可缺省）。\n *\n * 实现复用 `~/utils` 的 `clamp`（与 resizable 共用同一份边界逻辑）。\n */\nexport { clamp } from \"~/utils\";\n\n/** 一个数的小数位数 */\nexport function decimalPlaces(value: number): number {\n  const text = String(value);\n  const index = text.indexOf(\".\");\n  return index === -1 ? 0 : text.length - index - 1;\n}\n\n/** 按步长的小数位数四舍五入,抵消浮点误差(如 0.1 + 0.2) */\nexport function roundToStep(value: number, step: number): number {\n  return Number(value.toFixed(decimalPlaces(step)));\n}\n\n/** 默认解析:接受十进制文本(\",\",作小数点也接受);空/非法返回 null */\nexport function defaultParseNumber(text: string): number | null {\n  const normalized = text.trim().replace(/\\s+/g, \"\").replace(/,/g, \".\");\n  if (\n    normalized === \"\" ||\n    normalized === \"-\" ||\n    normalized === \".\" ||\n    normalized === \"-.\"\n  ) {\n    return null;\n  }\n  const value = Number(normalized);\n  return Number.isFinite(value) ? value : null;\n}\n\n/** 默认格式化 */\nexport function defaultFormatNumber(value: number): string {\n  return String(value);\n}\n"],"mappings":";;AAQA,SAAgBA,EAAc,GAAuB;CACnD,IAAMC,IAAO,OAAOC,CAAK,GACnBC,IAAQF,EAAK,QAAQ,GAAG;CAC9B,OAAOE,MAAU,KAAK,IAAIF,EAAK,SAASE,IAAQ;AAClD;AAGA,SAAgBC,EAAY,GAAe,GAAsB;CAC/D,OAAO,OAAOF,EAAM,QAAQF,EAAcK,CAAI,CAAC,CAAC;AAClD;AAGA,SAAgBC,EAAmB,GAA6B;CAC9D,IAAMC,IAAaN,EAAK,KAAK,CAAC,CAAC,QAAQ,QAAQ,EAAE,CAAC,CAAC,QAAQ,MAAM,GAAG;CACpE,IACEM,MAAe,MACfA,MAAe,OACfA,MAAe,OACfA,MAAe,MAEf,OAAO;CAET,IAAML,IAAQ,OAAOK,CAAU;CAC/B,OAAO,OAAO,SAASL,CAAK,IAAIA,IAAQ;AAC1C;AAGA,SAAgBM,EAAoB,GAAuB;CACzD,OAAO,OAAON,CAAK;AACrB"}

package/dist/components/number-input/NumberInput/create-change-event-details.d.ts

@@ -2,7 +2,6 @@ import { NumberInputChangeEventDetails, NumberInputChangeReason } from './Number
 /**
  * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。
  *
- * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到
- * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。
+ * 实现在 `~/utils`,这里只固定 NumberInput 的 reason 类型。
  */
 export declare function createNumberInputChangeEventDetails(reason: NumberInputChangeReason, event?: Event, trigger?: Element): NumberInputChangeEventDetails;

package/dist/components/number-input/NumberInput/create-change-event-details.js

@@ -1,25 +1,9 @@
+import { createChangeEventDetails as e } from "../../../utils/create-change-event-details.js";
 //#region src/components/number-input/NumberInput/create-change-event-details.ts
-function e(e, t, n) {
-	let r = !1, i = !1;
-	return {
-		reason: e,
-		event: t,
-		trigger: n,
-		cancel: () => {
-			r = !0;
-		},
-		allowPropagation: () => {
-			i = !0;
-		},
-		get isCanceled() {
-			return r;
-		},
-		get isPropagationAllowed() {
-			return i;
-		}
-	};
+function t(t, n, r) {
+	return e(t, n, r);
 }
 //#endregion
-export { e as createNumberInputChangeEventDetails };
+export { t as createNumberInputChangeEventDetails };
 
 //# sourceMappingURL=create-change-event-details.js.map

package/dist/components/number-input/NumberInput/create-change-event-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-change-event-details.js","names":["createNumberInputChangeEventDetails","canceled","propagationAllowed"],"sources":["../../../../src/components/number-input/NumberInput/create-change-event-details.ts"],"sourcesContent":["import type {\n  NumberInputChangeEventDetails,\n  NumberInputChangeReason,\n} from \"./NumberInput.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到\n * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。\n */\nexport function createNumberInputChangeEventDetails(\n  reason: NumberInputChangeReason,\n  event?: Event,\n  trigger?: Element,\n): NumberInputChangeEventDetails {\n  let canceled = false;\n  let propagationAllowed = false;\n\n  return {\n    reason,\n    event,\n    trigger,\n    cancel: () => {\n      canceled = true;\n    },\n    allowPropagation: () => {\n      propagationAllowed = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return propagationAllowed;\n    },\n  };\n}\n"],"mappings":";AAWA,SAAgBA,EACd,GACA,GACA,GAC+B;CAC/B,IAAIC,IAAW,IACXC,IAAqB;CAEzB,OAAO;EACL;EACA;EACA;EACA,cAAc;GACZ,IAAW;EACb;EACA,wBAAwB;GACtB,IAAqB;EACvB;EACA,IAAI,aAAa;GACf,OAAOD;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;CACF;AACF"}
+{"version":3,"file":"create-change-event-details.js","names":["createNumberInputChangeEventDetails","createChangeEventDetails","reason","event","trigger"],"sources":["../../../../src/components/number-input/NumberInput/create-change-event-details.ts"],"sourcesContent":["import { createChangeEventDetails } from \"~/utils\";\nimport type {\n  NumberInputChangeEventDetails,\n  NumberInputChangeReason,\n} from \"./NumberInput.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * 实现在 `~/utils`,这里只固定 NumberInput 的 reason 类型。\n */\nexport function createNumberInputChangeEventDetails(\n  reason: NumberInputChangeReason,\n  event?: Event,\n  trigger?: Element,\n): NumberInputChangeEventDetails {\n  return createChangeEventDetails(reason, event, trigger);\n}\n"],"mappings":";;AAWA,SAAgBA,EACd,GACA,GACA,GAC+B;CAC/B,OAAOC,EAAyBC,GAAQC,GAAOC,CAAO;AACxD"}

package/dist/components/pagination/Pagination/Pagination.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<nav aria-label=pagination data-slot=pagination>"), o =
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("mx-auto flex w-full justify-center", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("mx-auto flex w-full justify-center", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/pagination/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["splitProps","PaginationProps","clsx","Pagination","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","Pagination","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/pagination/Pagination/Pagination.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationProps } from \"./Pagination.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Pagination = (props: PaginationProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      class={clsx(\"mx-auto flex w-full justify-center\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,sCAAsCG,EAAMM,KAAK;EAAC,EAAA,GAC1DL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Pagination.js","names":["splitProps","PaginationProps","clsx","Pagination","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","Pagination","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/pagination/Pagination/Pagination.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationProps } from \"./Pagination.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Pagination = (props: PaginationProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      class={clsx(\"mx-auto flex w-full justify-center\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EAAK,sCAAsCG,EAAMM,KAAK;GAAC;GAAA,IAC9DC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/pagination/PaginationContent/PaginationContent.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<ul data-slot=pagination-content>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("flex items-center gap-0.5", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("flex items-center gap-0.5", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/pagination/PaginationContent/PaginationContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContent.js","names":["splitProps","PaginationContentProps","clsx","PaginationContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","PaginationContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/pagination/PaginationContent/PaginationContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationContentProps } from \"./PaginationContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const PaginationContent = (props: PaginationContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      class={clsx(\"flex items-center gap-0.5\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;8DAIaG,KAAqBC,MAAkC;CAClE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EAAK,6BAA6BG,EAAMM,KAAK;EAAC,EAAA,GACjDL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"PaginationContent.js","names":["splitProps","PaginationContentProps","clsx","PaginationContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","PaginationContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/pagination/PaginationContent/PaginationContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationContentProps } from \"./PaginationContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const PaginationContent = (props: PaginationContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      class={clsx(\"flex items-center gap-0.5\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;8DAIaG,KAAqBC,MAAkC;CAClE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWrB,EAAK,6BAA6BG,EAAMM,KAAK;GAAC;GAAA,IACrDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js

@@ -7,9 +7,14 @@ var c = /*#__PURE__*/ a("<span aria-hidden data-slot=pagination-ellipsis><span c
 	let [l, u] = o(a, ["class", "classList"]);
 	return (() => {
 		var a = c(), o = a.firstChild;
-		return i(a, r({ get class() {
-			return e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", l.class);
-		} }, u), !1, !0), n(a, t(s, {}), o), a;
+		return i(a, r({
+			get class() {
+				return e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", l.class);
+			},
+			get classList() {
+				return l.classList;
+			}
+		}, u), !1, !0), n(a, t(s, {}), o), a;
 	})();
 };
 //#endregion

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationEllipsis.js","names":["splitProps","PaginationEllipsisProps","clsx","Ellipsis","PaginationEllipsis","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$createComponent","_$mergeProps","_$createComponent","_tmpl$","PaginationEllipsis","local","others","splitProps","props","_el$","_el$2","spread","mergeProps","\"class\"","clsx","insert","createComponent","Ellipsis"],"sources":["../../../../src/components/pagination/PaginationEllipsis/PaginationEllipsis.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationEllipsisProps } from \"./PaginationEllipsis.types\";\nimport { clsx } from \"~/utils\";\nimport { Ellipsis } from \"lucide-solid\";\n\nexport const PaginationEllipsis = (props: PaginationEllipsisProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      class={clsx(\n        \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        local.class,\n      )}\n      {...others}\n    >\n      <Ellipsis />\n      <span class=\"sr-only\">More pages</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;2GAKaI,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAUa,OAVbC,EAAAJ,GAAAK,EAAA,EAAA,IAAAgB,QAAA;GAAA,OAIW3B,EACL,gFACAI,EAAMQ,KACR;EAAC,EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAQ,EAAAP,GAAAQ,EAETb,GAAQ,CAAA,CAAA,GAAAO,CAAA,GAAAF;CAAA,EAAA,CAAA;AAIf"}
+{"version":3,"file":"PaginationEllipsis.js","names":["splitProps","PaginationEllipsisProps","clsx","Ellipsis","PaginationEllipsis","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","classList","_$insert","_$createComponent","_$mergeProps","_$createComponent","_tmpl$","PaginationEllipsis","local","others","splitProps","props","_el$","_el$2","spread","mergeProps","\"class\"","clsx","insert","createComponent","Ellipsis"],"sources":["../../../../src/components/pagination/PaginationEllipsis/PaginationEllipsis.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationEllipsisProps } from \"./PaginationEllipsis.types\";\nimport { clsx } from \"~/utils\";\nimport { Ellipsis } from \"lucide-solid\";\n\nexport const PaginationEllipsis = (props: PaginationEllipsisProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      class={clsx(\n        \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    >\n      <Ellipsis />\n      <span class=\"sr-only\">More pages</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;2GAKaI,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAWa,OAXbC,EAAAJ,GAAAK,EAAA;GAAA,IAAAiB,QAAA;IAAA,OAIW5B,EACL,gFACAI,EAAMQ,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAR,GAAAS,EAETd,GAAQ,CAAA,CAAA,GAAAO,CAAA,GAAAF;CAAA,EAAA,CAAA;AAIf"}

package/dist/components/pagination/PaginationLink/PaginationLink.js

@@ -30,6 +30,9 @@ var s = (s) => {
 		get class() {
 			return e(l.class);
 		},
+		get classList() {
+			return l.classList;
+		},
 		get icon() {
 			return l.page;
 		},

package/dist/components/pagination/PaginationLink/PaginationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.js","names":["mergeProps","splitProps","PaginationLinkProps","clsx","Button","PaginationLink","props","merged","size","const","local","others","_$createComponent","_$mergeProps","component","variant","isActive","aria-current","undefined","data-active","class","icon","page","aria-label","_$memo","children","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","PaginationLink","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","memo"],"sources":["../../../../src/components/pagination/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationLinkProps } from \"./PaginationLink.types\";\nimport { clsx } from \"~/utils\";\nimport { Button } from \"~/components/button\";\n\nexport const PaginationLink = (props: PaginationLinkProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"isActive\",\n    \"class\",\n    \"classList\",\n    \"page\",\n    \"children\",\n  ]);\n\n  return (\n    <Button\n      component=\"a\"\n      variant={local.isActive ? \"outline\" : \"ghost\"}\n      size={local.size}\n      aria-current={local.isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={local.isActive}\n      class={clsx(local.class)}\n      icon={local.page}\n      aria-label={\n        local.page !== undefined && !local.children\n          ? `Page ${local.page}`\n          : undefined\n      }\n      {...others}\n    >\n      {local.page === undefined && local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAkBC,MAA+B;CAC5D,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAElD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGR,GAAMS,EAAA;EACLC,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEL,EAAMM,WAAW,YAAY;EAAO;EAAA,IAC7CR,OAAI;GAAA,OAAEE,EAAMF;EAAI;EAAA,IAAA,iBAAA;GAAA,OACFE,EAAMM,WAAW,SAASE,KAAAA;EAAS;EAAA,aAAA;EAAA,IAAA,gBAAA;GAAA,OAEpCR,EAAMM;EAAQ;EAAA,IAAAwB,QAAA;GAAA,OACpBrC,EAAKO,EAAMU,KAAK;EAAC;EAAA,IACxBC,OAAI;GAAA,OAAEX,EAAMY;EAAI;EAAA,IAAA,eAAA;GAAA,OAEdE,QAAA,EAAAd,EAAMY,SAASJ,KAAAA,KAAcR,EAAMe,SAAQ,CAAA,CAAA,IACvC,QAAQf,EAAMY,SACdJ,KAAAA;EAAS;CAAA,GAEXP,GAAM,EAAA,IAAAc,WAAA;EAAA,OAETD,QAAAd,EAAMY,SAASJ,KAAAA,CAAS,CAAA,CAAA,KAAIR,EAAMe;CAAQ,EAAA,CAAA,CAAA;AAGjD"}
+{"version":3,"file":"PaginationLink.js","names":["mergeProps","splitProps","PaginationLinkProps","clsx","Button","PaginationLink","props","merged","size","const","local","others","_$createComponent","_$mergeProps","component","variant","isActive","aria-current","undefined","data-active","class","classList","icon","page","aria-label","_$memo","children","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","PaginationLink","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","memo"],"sources":["../../../../src/components/pagination/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationLinkProps } from \"./PaginationLink.types\";\nimport { clsx } from \"~/utils\";\nimport { Button } from \"~/components/button\";\n\nexport const PaginationLink = (props: PaginationLinkProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"isActive\",\n    \"class\",\n    \"classList\",\n    \"page\",\n    \"children\",\n  ]);\n\n  return (\n    <Button\n      component=\"a\"\n      variant={local.isActive ? \"outline\" : \"ghost\"}\n      size={local.size}\n      aria-current={local.isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={local.isActive}\n      class={clsx(local.class)}\n      classList={local.classList}\n      icon={local.page}\n      aria-label={\n        local.page !== undefined && !local.children\n          ? `Page ${local.page}`\n          : undefined\n      }\n      {...others}\n    >\n      {local.page === undefined && local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAkBC,MAA+B;CAC5D,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAElD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGR,GAAMS,EAAA;EACLC,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEL,EAAMM,WAAW,YAAY;EAAO;EAAA,IAC7CR,OAAI;GAAA,OAAEE,EAAMF;EAAI;EAAA,IAAA,iBAAA;GAAA,OACFE,EAAMM,WAAW,SAASE,KAAAA;EAAS;EAAA,aAAA;EAAA,IAAA,gBAAA;GAAA,OAEpCR,EAAMM;EAAQ;EAAA,IAAAyB,QAAA;GAAA,OACpBtC,EAAKO,EAAMU,KAAK;EAAC;EAAA,IACxBC,YAAS;GAAA,OAAEX,EAAMW;EAAS;EAAA,IAC1BC,OAAI;GAAA,OAAEZ,EAAMa;EAAI;EAAA,IAAA,eAAA;GAAA,OAEdE,QAAA,EAAAf,EAAMa,SAASL,KAAAA,KAAcR,EAAMgB,SAAQ,CAAA,CAAA,IACvC,QAAQhB,EAAMa,SACdL,KAAAA;EAAS;CAAA,GAEXP,GAAM,EAAA,IAAAe,WAAA;EAAA,OAETD,QAAAf,EAAMa,SAASL,KAAAA,CAAS,CAAA,CAAA,KAAIR,EAAMgB;CAAQ,EAAA,CAAA,CAAA;AAGjD"}

package/dist/components/pagination/PaginationNext/PaginationNext.js

@@ -15,6 +15,9 @@ var l = /*#__PURE__*/ a("<span class=\"hidden sm:block\">"), u = (a) => {
 		size: "md",
 		get class() {
 			return e("pr-1.5!", d.class);
+		},
+		get classList() {
+			return d.classList;
 		}
 	}, f, { get children() {
 		return [(() => {

package/dist/components/pagination/PaginationNext/PaginationNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.js","names":["mergeProps","splitProps","PaginationNextProps","PaginationLink","clsx","ChevronRight","PaginationNext","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationNext","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","_el$","insert","ChevronRight"],"sources":["../../../../src/components/pagination/PaginationNext/PaginationNext.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationNextProps } from \"./PaginationNext.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const PaginationNext = (props: PaginationNextProps) => {\n  const merged = mergeProps({ text: \"Next\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"md\"\n      class={clsx(\"pr-1.5!\", local.class)}\n      {...others}\n    >\n      <span class=\"hidden sm:block\">{local.text}</span>\n      <ChevronRight data-icon=\"inline-end\" class=\"cn-rtl-flip\" />\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAkBC,MAA+B;CAC5D,IAAMC,IAASR,EAAW,EAAES,MAAM,OAAO,GAAGF,CAAK,GAE3C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAAoB,QAAA;GAAA,OACG9B,EAAK,WAAWM,EAAMK,KAAK;EAAC;CAAA,GAC/BJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAAA,QAAA;GAAA,IAAAC,IAAAC,EAAA;GAE+B,OAF/BC,EAAAF,SAEqBP,EAAMD,IAAI,GAAAQ;EAAA,EAAA,CAAA,GAAAL,EACxCP,GAAY;GAAA,aAAA;GAAA6B,OAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAGnB"}
+{"version":3,"file":"PaginationNext.js","names":["mergeProps","splitProps","PaginationNextProps","PaginationLink","clsx","ChevronRight","PaginationNext","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","classList","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationNext","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","_el$","insert","ChevronRight"],"sources":["../../../../src/components/pagination/PaginationNext/PaginationNext.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationNextProps } from \"./PaginationNext.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const PaginationNext = (props: PaginationNextProps) => {\n  const merged = mergeProps({ text: \"Next\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"md\"\n      class={clsx(\"pr-1.5!\", local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <span class=\"hidden sm:block\">{local.text}</span>\n      <ChevronRight data-icon=\"inline-end\" class=\"cn-rtl-flip\" />\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAkBC,MAA+B;CAC5D,IAAMC,IAASR,EAAW,EAAES,MAAM,OAAO,GAAGF,CAAK,GAE3C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAAqB,QAAA;GAAA,OACG/B,EAAK,WAAWM,EAAMK,KAAK;EAAC;EAAA,IACnCC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,GACtBL,GAAM,EAAA,IAAAM,WAAA;EAAA,OAAA,QAAA;GAAA,IAAAC,IAAAC,EAAA;GAE+B,OAF/BC,EAAAF,SAEqBR,EAAMD,IAAI,GAAAS;EAAA,EAAA,CAAA,GAAAN,EACxCP,GAAY;GAAA,aAAA;GAAA8B,OAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAGnB"}

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js

@@ -15,6 +15,9 @@ var l = /*#__PURE__*/ a("<span class=\"hidden sm:block\">"), u = (a) => {
 		size: "md",
 		get class() {
 			return e("pl-1.5!", d.class);
+		},
+		get classList() {
+			return d.classList;
 		}
 	}, f, { get children() {
 		return [n(c, {

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrevious.js","names":["mergeProps","splitProps","PaginationPreviousProps","PaginationLink","clsx","ChevronLeft","PaginationPrevious","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationPrevious","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","ChevronLeft","_el$","insert"],"sources":["../../../../src/components/pagination/PaginationPrevious/PaginationPrevious.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationPreviousProps } from \"./PaginationPrevious.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronLeft } from \"lucide-solid\";\n\nexport const PaginationPrevious = (props: PaginationPreviousProps) => {\n  const merged = mergeProps({ text: \"Previous\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      class={clsx(\"pl-1.5!\", local.class)}\n      {...others}\n    >\n      <ChevronLeft data-icon=\"inline-start\" class=\"cn-rtl-flip\" />\n      <span class=\"hidden sm:block\">{local.text}</span>\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAsBC,MAAmC;CACpE,IAAMC,IAASR,EAAW,EAAES,MAAM,WAAW,GAAGF,CAAK,GAE/C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAAoB,QAAA;GAAA,OACG9B,EAAK,WAAWM,EAAMK,KAAK;EAAC;CAAA,GAC/BJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAAA,CAAAJ,EAETP,GAAW;GAAA,aAAA;GAAA6B,OAAA;EAAA,CAAA,UAAA;GAAA,IAAAjB,IAAAC,EAAA;GAC6B,OAD7BC,EAAAF,SACmBP,EAAMD,IAAI,GAAAQ;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAG/C"}
+{"version":3,"file":"PaginationPrevious.js","names":["mergeProps","splitProps","PaginationPreviousProps","PaginationLink","clsx","ChevronLeft","PaginationPrevious","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","classList","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationPrevious","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","ChevronLeft","_el$","insert"],"sources":["../../../../src/components/pagination/PaginationPrevious/PaginationPrevious.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationPreviousProps } from \"./PaginationPrevious.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronLeft } from \"lucide-solid\";\n\nexport const PaginationPrevious = (props: PaginationPreviousProps) => {\n  const merged = mergeProps({ text: \"Previous\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      class={clsx(\"pl-1.5!\", local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <ChevronLeft data-icon=\"inline-start\" class=\"cn-rtl-flip\" />\n      <span class=\"hidden sm:block\">{local.text}</span>\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAsBC,MAAmC;CACpE,IAAMC,IAASR,EAAW,EAAES,MAAM,WAAW,GAAGF,CAAK,GAE/C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAAqB,QAAA;GAAA,OACG/B,EAAK,WAAWM,EAAMK,KAAK;EAAC;EAAA,IACnCC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,GACtBL,GAAM,EAAA,IAAAM,WAAA;EAAA,OAAA,CAAAL,EAETP,GAAW;GAAA,aAAA;GAAA8B,OAAA;EAAA,CAAA,UAAA;GAAA,IAAAjB,IAAAC,EAAA;GAC6B,OAD7BC,EAAAF,SACmBR,EAAMD,IAAI,GAAAS;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAG/C"}

package/dist/components/popover/PopoverContent/PopoverContent.js

@@ -51,6 +51,9 @@ function y(p) {
 					},
 					get class() {
 						return e("z-50 flex w-72 flex-col gap-2.5 overflow-hidden rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", S.class);
+					},
+					get classList() {
+						return S.classList;
 					}
 				}, C), !1, !0), c(a, () => S.children), s((e) => {
 					var t = b.placement(), n = {

package/dist/components/popover/PopoverContent/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","names":["Show","onCleanup","splitProps","Portal","clsx","getAlignment","getSide","usePopoverContent","getPopoverTransformOrigin","PopoverContentProps","PopoverContent","props","ctx","pos","animationState","local","rest","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-open","data-closed","data-side","placement","data-align","style","class","_$insert","_$effect","_p$","_v$","_v$2","floatingStyles","opacity","isPositioned","e","_$setAttribute","t","_$style","_$createComponent","_$mergeProps","_$setAttribute","_$style","_tmpl$","PopoverContent","usePopoverContent","props","local","rest","splitProps","createComponent","Show","ctx","Portal","_el$","_el$2","use","el","onCleanup","spread","mergeProps","animationState","getSide","pos","getAlignment","getPopoverTransformOrigin","\"class\"","clsx","insert","effect","_v$","_v$2","_p$","setAttribute","style"],"sources":["../../../../src/components/popover/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import { Show, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { getAlignment, getSide } from \"~/lib\";\nimport { usePopoverContent } from \"./usePopoverContent\";\nimport { getPopoverTransformOrigin } from \"./PopoverContent.utils\";\nimport type { PopoverContentProps } from \"./PopoverContent.types\";\n\n/**\n * Popover 的浮层内容。挂 Portal 到 body，用 position:fixed 定位。\n * 当前实现打开时挂载、关闭时直接卸载；进场动画由 data-open + RAF 驱动。\n */\nexport function PopoverContent(props: PopoverContentProps) {\n  const { ctx, pos, animationState } = usePopoverContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"children\",\n  ]);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        {/*\n          外层：只负责定位（position:fixed 来自 floatingStyles），不参与动画。\n          内层：真正的视觉样式 + 进出场动画。分层的原因和 Select/Tooltip 相同：\n          同一个元素不能同时用 transform 做定位和做动画。\n        */}\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          data-placement={pos.placement()}\n          style={{\n            ...pos.floatingStyles(),\n            \"z-index\": 50,\n            opacity: pos.isPositioned() ? 1 : 0,\n          }}\n        >\n          <div\n            id={ctx.contentId}\n            role=\"dialog\"\n            data-slot=\"popover-content\"\n            data-open={animationState() === \"open\" ? \"\" : undefined}\n            data-closed={animationState() === \"closed\" ? \"\" : undefined}\n            data-side={getSide(pos.placement())}\n            data-align={getAlignment(pos.placement()) ?? \"center\"}\n            style={{\n              \"transform-origin\": getPopoverTransformOrigin(pos.placement()),\n              ...(typeof local.style === \"object\" ? local.style : undefined),\n            }}\n            class={clsx(\n              \"z-50 flex w-72 flex-col gap-2.5 overflow-hidden rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100\",\n              \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n              \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n              \"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              local.class,\n            )}\n            {...rest}\n          >\n            {local.children}\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgBU,EAAeC,GAA4B;CACzD,IAAM,EAAEC,QAAKC,QAAKC,sBAAmBP,QAAwBI,CAAK,GAE5D,CAACI,GAAOC,KAAQd,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAM,EACGjB,GAAI;EAAA,IAACkB,OAAI;GAAA,OAAEN,EAAIO,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBd,GAAM,EAAA,IAAAiB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAgBF,OAhBEC,GAOGC,MAAO;KAEXzB,AADAW,EAAIe,YAAYD,CAAE,GAClBzB,QAAgBW,EAAIe,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IASCC,KAAE;MAAA,OAAEnB,EAAIoB;KAAS;KAAA,IAAA,cAAA;MAAA,OAGNlB,EAAe,MAAM,SAAS,KAAKc,KAAAA;KAAS;KAAA,IAAA,gBAAA;MAAA,OAC1Cd,EAAe,MAAM,WAAW,KAAKc,KAAAA;KAAS;KAAA,IAAA,cAAA;MAAA,OAChDtB,EAAQO,EAAIuB,UAAU,CAAC;KAAC;KAAA,IAAA,eAAA;MAAA,OACvB/B,EAAaQ,EAAIuB,UAAU,CAAC,KAAK;KAAQ;KAAA,IACrDE,QAAK;MAAA,OAAE;OACL,oBAAoB9B,EAA0BK,EAAIuB,UAAU,CAAC;OAC7D,GAAI,OAAOrB,EAAMuB,SAAU,WAAWvB,EAAMuB,QAAQV,KAAAA;MACtD;KAAC;KAAA,IAAAmD,QAAA;MAAA,OACM3E,EACL,+KACA,+JACA,iEACA,0EACAW,EAAMwB,KACR;KAAC;IAAA,GACGvB,CAAI,GAAA,IAAA,EAAA,GAAAwB,EAAAjB,SAEPR,EAAMK,QAAQ,GAAAqB,GAAAC,MAAA;KAAA,IAAAC,IA5BD9B,EAAIuB,UAAU,GAACQ,IACxB;MACL,GAAG/B,EAAIgC,eAAe;MAEtBC,SAASjC,KAAIkC,aAAa;KAC5B;KAAC,OAAAJ,MAAAD,EAAAM,KAAAC,EAAA5B,GAAA,kBAAAqB,EAAAM,IAAAL,CAAA,GAAAD,EAAAQ,IAAAC,EAAA9B,GAAAuB,GAAAF,EAAAQ,CAAA,GAAAR;IAAA,GAAA;KAAAM,GAAApB,KAAAA;KAAAsB,GAAAtB,KAAAA;IAAA,CAAA,GAAAP;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AA6BX"}
+{"version":3,"file":"PopoverContent.js","names":["Show","onCleanup","splitProps","Portal","clsx","getAlignment","getSide","usePopoverContent","getPopoverTransformOrigin","PopoverContentProps","PopoverContent","props","ctx","pos","animationState","local","rest","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-open","data-closed","data-side","placement","data-align","style","class","classList","_$insert","_$effect","_p$","_v$","_v$2","floatingStyles","opacity","isPositioned","e","_$setAttribute","t","_$style","_$createComponent","_$mergeProps","_$setAttribute","_$style","_tmpl$","PopoverContent","usePopoverContent","props","local","rest","splitProps","createComponent","Show","ctx","Portal","_el$","_el$2","use","el","onCleanup","spread","mergeProps","animationState","getSide","pos","getAlignment","getPopoverTransformOrigin","\"class\"","clsx","insert","effect","_v$","_v$2","_p$","setAttribute","style"],"sources":["../../../../src/components/popover/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import { Show, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { getAlignment, getSide } from \"~/lib\";\nimport { usePopoverContent } from \"./usePopoverContent\";\nimport { getPopoverTransformOrigin } from \"./PopoverContent.utils\";\nimport type { PopoverContentProps } from \"./PopoverContent.types\";\n\n/**\n * Popover 的浮层内容。挂 Portal 到 body，用 position:fixed 定位。\n * 当前实现打开时挂载、关闭时直接卸载；进场动画由 data-open + RAF 驱动。\n */\nexport function PopoverContent(props: PopoverContentProps) {\n  const { ctx, pos, animationState } = usePopoverContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"children\",\n  ]);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        {/*\n          外层：只负责定位（position:fixed 来自 floatingStyles），不参与动画。\n          内层：真正的视觉样式 + 进出场动画。分层的原因和 Select/Tooltip 相同：\n          同一个元素不能同时用 transform 做定位和做动画。\n        */}\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          data-placement={pos.placement()}\n          style={{\n            ...pos.floatingStyles(),\n            \"z-index\": 50,\n            opacity: pos.isPositioned() ? 1 : 0,\n          }}\n        >\n          <div\n            id={ctx.contentId}\n            role=\"dialog\"\n            data-slot=\"popover-content\"\n            data-open={animationState() === \"open\" ? \"\" : undefined}\n            data-closed={animationState() === \"closed\" ? \"\" : undefined}\n            data-side={getSide(pos.placement())}\n            data-align={getAlignment(pos.placement()) ?? \"center\"}\n            style={{\n              \"transform-origin\": getPopoverTransformOrigin(pos.placement()),\n              ...(typeof local.style === \"object\" ? local.style : undefined),\n            }}\n            class={clsx(\n              \"z-50 flex w-72 flex-col gap-2.5 overflow-hidden rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100\",\n              \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n              \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n              \"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              local.class,\n            )}\n            classList={local.classList}\n            {...rest}\n          >\n            {local.children}\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgBU,EAAeC,GAA4B;CACzD,IAAM,EAAEC,QAAKC,QAAKC,sBAAmBP,QAAwBI,CAAK,GAE5D,CAACI,GAAOC,KAAQd,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAM,EACGjB,GAAI;EAAA,IAACkB,OAAI;GAAA,OAAEN,EAAIO,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBd,GAAM,EAAA,IAAAiB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAgBF,OAhBEC,GAOGC,MAAO;KAEXzB,AADAW,EAAIe,YAAYD,CAAE,GAClBzB,QAAgBW,EAAIe,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IASCC,KAAE;MAAA,OAAEnB,EAAIoB;KAAS;KAAA,IAAA,cAAA;MAAA,OAGNlB,EAAe,MAAM,SAAS,KAAKc,KAAAA;KAAS;KAAA,IAAA,gBAAA;MAAA,OAC1Cd,EAAe,MAAM,WAAW,KAAKc,KAAAA;KAAS;KAAA,IAAA,cAAA;MAAA,OAChDtB,EAAQO,EAAIuB,UAAU,CAAC;KAAC;KAAA,IAAA,eAAA;MAAA,OACvB/B,EAAaQ,EAAIuB,UAAU,CAAC,KAAK;KAAQ;KAAA,IACrDE,QAAK;MAAA,OAAE;OACL,oBAAoB9B,EAA0BK,EAAIuB,UAAU,CAAC;OAC7D,GAAI,OAAOrB,EAAMuB,SAAU,WAAWvB,EAAMuB,QAAQV,KAAAA;MACtD;KAAC;KAAA,IAAAoD,QAAA;MAAA,OACM5E,EACL,+KACA,+JACA,iEACA,0EACAW,EAAMwB,KACR;KAAC;KAAA,IACDC,YAAS;MAAA,OAAEzB,EAAMyB;KAAS;IAAA,GACtBxB,CAAI,GAAA,IAAA,EAAA,GAAAyB,EAAAlB,SAEPR,EAAMK,QAAQ,GAAAsB,GAAAC,MAAA;KAAA,IAAAC,IA7BD/B,EAAIuB,UAAU,GAACS,IACxB;MACL,GAAGhC,EAAIiC,eAAe;MAEtBC,SAASlC,KAAImC,aAAa;KAC5B;KAAC,OAAAJ,MAAAD,EAAAM,KAAAC,EAAA7B,GAAA,kBAAAsB,EAAAM,IAAAL,CAAA,GAAAD,EAAAQ,IAAAC,EAAA/B,GAAAwB,GAAAF,EAAAQ,CAAA,GAAAR;IAAA,GAAA;KAAAM,GAAArB,KAAAA;KAAAuB,GAAAvB,KAAAA;IAAA,CAAA,GAAAP;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AA8BX"}

package/dist/components/progress/Progress/Progress.context.js

@@ -2,7 +2,7 @@ import { createContext as e, useContext as t } from "solid-js";
 //#region src/components/progress/Progress/Progress.context.ts
 var n = e(), r = () => {
 	let e = t(n);
-	if (!e) throw Error("useProgressContext must be used within a ProgressProvider");
+	if (!e) throw Error("useProgressContext 必须用在 <Progress> 内部");
 	return e;
 };
 //#endregion

package/dist/components/progress/Progress/Progress.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.context.js","names":["ProgressContext","createContext","useProgressContext","context","useContext"],"sources":["../../../../src/components/progress/Progress/Progress.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface ProgressContextValue {\n  value: () => number;\n}\n\nexport const ProgressContext = createContext<ProgressContextValue>();\n\nexport const useProgressContext = () => {\n  const context = useContext(ProgressContext);\n  if (!context) {\n    throw new Error(\n      \"useProgressContext must be used within a ProgressProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAMA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GACH,MAAU,MACR,2DACF;CAEF,OAAOA;AACT"}
+{"version":3,"file":"Progress.context.js","names":["ProgressContext","createContext","useProgressContext","context","useContext"],"sources":["../../../../src/components/progress/Progress/Progress.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface ProgressContextValue {\n  value: () => number;\n}\n\nexport const ProgressContext = createContext<ProgressContextValue>();\n\nexport const useProgressContext = () => {\n  const context = useContext(ProgressContext);\n  if (!context) {\n    throw new Error(\"useProgressContext 必须用在 <Progress> 内部\");\n  }\n  return context;\n};\n"],"mappings":";;AAMA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GACH,MAAU,MAAM,uCAAuC;CAEzD,OAAOA;AACT"}

package/dist/components/progress/Progress/Progress.js

@@ -27,6 +27,9 @@ var f = /*#__PURE__*/ u("<div data-slot=progress aria-valuemax=100 aria-valuemin
 			},
 			get class() {
 				return e(t, p.class);
+			},
+			get classList() {
+				return p.classList;
 			}
 		}, m), !1, !0), o(u, a(i.Provider, {
 			value: { value: h },

package/dist/components/progress/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":["splitProps","ProgressProps","clsx","classes","ProgressTrack","ProgressIndicator","ProgressContext","Progress","props","local","others","value","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","aria-valuenow","aria-valuetext","data-progressing","_$memo","class","_$insert","_$createComponent","Provider","children","_$mergeProps","_$memo","_$createComponent","_tmpl$","Progress","local","others","splitProps","props","value","_el$","_el$2","spread","mergeProps","memo","\"class\"","clsx","classes","insert","createComponent","ProgressContext","ProgressTrack","ProgressIndicator"],"sources":["../../../../src/components/progress/Progress/Progress.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Progress.styles\";\nimport { ProgressTrack } from \"../ProgressTrack\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { ProgressContext } from \"./Progress.context\";\n\nexport const Progress = (props: ProgressProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const value = () => local.value;\n\n  return (\n    <div\n      data-slot=\"progress\"\n      aria-valuemax=\"100\"\n      aria-valuemin=\"0\"\n      aria-valuenow={local.value}\n      aria-valuetext={`${local.value}%`}\n      role=\"progressbar\"\n      data-progressing={local.value > 0 && local.value < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <ProgressContext.Provider\n        value={{\n          value,\n        }}\n      >\n        {local.children}\n        <ProgressTrack>\n          <ProgressIndicator />\n        </ProgressTrack>\n      </ProgressContext.Provider>\n      <span\n        role=\"presentation\"\n        class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\"\n      >\n        x\n      </span>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;kPAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,UAAcF,EAAME;CAE1B,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAmB0B,OAnB1BC,EAAAJ,GAAAK,EAAA;GAAA,IAAA,kBAAA;IAAA,OAKmBR,EAAME;GAAK;GAAA,IAAA,mBAAA;IAAA,OACV,GAAGF,EAAME,MAAK;GAAG;GAAA,IAAA,qBAAA;IAAA,OAEfU,QAAAZ,EAAME,QAAQ,CAAC,CAAA,CAAA,KAAIF,EAAME,QAAQ;GAAG;GAAA,IAAA+B,QAAA;IAAA,OAC/CxC,EAAKC,GAASM,EAAMa,KAAK;GAAC;EAAA,GAC7BZ,CAAM,GAAA,IAAA,EAAA,GAAAa,EAAAX,GAAAY,EAETlB,EAAgBmB,UAAQ;GACvBd,OAAO,EACLA,SACF;GAAC,IAAAe,WAAA;IAAA,OAAA,CAAAL,QAEAZ,EAAMiB,QAAQ,GAAAF,EACdpB,GAAa,EAAA,IAAAsB,WAAA;KAAA,OAAAF,EACXnB,GAAiB,CAAA,CAAA;IAAA,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,GAAAS,CAAA,GAAAF;CAAA,EAAA,CAAA;AAW5B"}
+{"version":3,"file":"Progress.js","names":["splitProps","ProgressProps","clsx","classes","ProgressTrack","ProgressIndicator","ProgressContext","Progress","props","local","others","value","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","aria-valuenow","aria-valuetext","data-progressing","_$memo","class","classList","_$insert","_$createComponent","Provider","children","_$mergeProps","_$memo","_$createComponent","_tmpl$","Progress","local","others","splitProps","props","value","_el$","_el$2","spread","mergeProps","memo","\"class\"","clsx","classes","insert","createComponent","ProgressContext","ProgressTrack","ProgressIndicator"],"sources":["../../../../src/components/progress/Progress/Progress.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Progress.styles\";\nimport { ProgressTrack } from \"../ProgressTrack\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { ProgressContext } from \"./Progress.context\";\n\nexport const Progress = (props: ProgressProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const value = () => local.value;\n\n  return (\n    <div\n      data-slot=\"progress\"\n      aria-valuemax=\"100\"\n      aria-valuemin=\"0\"\n      aria-valuenow={local.value}\n      aria-valuetext={`${local.value}%`}\n      role=\"progressbar\"\n      data-progressing={local.value > 0 && local.value < 100}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <ProgressContext.Provider\n        value={{\n          value,\n        }}\n      >\n        {local.children}\n        <ProgressTrack>\n          <ProgressIndicator />\n        </ProgressTrack>\n      </ProgressContext.Provider>\n      <span\n        role=\"presentation\"\n        class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\"\n      >\n        x\n      </span>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;kPAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,UAAcF,EAAME;CAE1B,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAoB0B,OApB1BC,EAAAJ,GAAAK,EAAA;GAAA,IAAA,kBAAA;IAAA,OAKmBR,EAAME;GAAK;GAAA,IAAA,mBAAA;IAAA,OACV,GAAGF,EAAME,MAAK;GAAG;GAAA,IAAA,qBAAA;IAAA,OAEfU,QAAAZ,EAAME,QAAQ,CAAC,CAAA,CAAA,KAAIF,EAAME,QAAQ;GAAG;GAAA,IAAAgC,QAAA;IAAA,OAC/CzC,EAAKC,GAASM,EAAMa,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEd,EAAMc;GAAS;EAAA,GACtBb,CAAM,GAAA,IAAA,EAAA,GAAAc,EAAAZ,GAAAa,EAETnB,EAAgBoB,UAAQ;GACvBf,OAAO,EACLA,SACF;GAAC,IAAAgB,WAAA;IAAA,OAAA,CAAAN,QAEAZ,EAAMkB,QAAQ,GAAAF,EACdrB,GAAa,EAAA,IAAAuB,WAAA;KAAA,OAAAF,EACXpB,GAAiB,CAAA,CAAA;IAAA,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,GAAAS,CAAA,GAAAF;CAAA,EAAA,CAAA;AAW5B"}

package/dist/components/progress/ProgressIndicator/ProgressIndicator.js

@@ -12,6 +12,9 @@ var c = /*#__PURE__*/ o("<div data-slot=progress-indicator>"), l = (o) => {
 			get class() {
 				return e(t, "inset-s-0 h-[inherit]", u.class);
 			},
+			get classList() {
+				return u.classList;
+			},
 			get "data-progressing"() {
 				return r(() => l() > 0)() && l() < 100;
 			},

package/dist/components/progress/ProgressIndicator/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.js","names":["splitProps","ProgressIndicatorProps","clsx","classes","useProgressContext","ProgressIndicator","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","data-progressing","_$memo","style","width","_$mergeProps","_$memo","_tmpl$","ProgressIndicator","useProgressContext","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes","memo","value"],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressIndicatorProps } from \"./ProgressIndicator.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressIndicator.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressIndicator = (props: ProgressIndicatorProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-indicator\"\n      class={clsx(classes, \"inset-s-0 h-[inherit]\", local.class)}\n      data-progressing={value() > 0 && value() < 100}\n      style={{ width: `${value()}%` }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;+DAMaK,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAAkB,QAAA;IAAA,OAGW7B,EAAKC,GAAS,yBAAyBK,EAAMM,KAAK;GAAC;GAAA,IAAA,qBAAA;IAAA,OACxCE,QAAAT,EAAM,IAAI,CAAC,CAAA,CAAA,KAAIA,EAAM,IAAI;GAAG;GAAA,IAC9CU,QAAK;IAAA,OAAE,EAAEC,OAAO,GAAGX,EAAM,EAAC,GAAI;GAAC;EAAA,GAC3BE,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"ProgressIndicator.js","names":["splitProps","ProgressIndicatorProps","clsx","classes","useProgressContext","ProgressIndicator","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","data-progressing","_$memo","style","width","_$mergeProps","_$memo","_tmpl$","ProgressIndicator","useProgressContext","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes","memo","value"],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressIndicatorProps } from \"./ProgressIndicator.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressIndicator.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressIndicator = (props: ProgressIndicatorProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-indicator\"\n      class={clsx(classes, \"inset-s-0 h-[inherit]\", local.class)}\n      classList={local.classList}\n      data-progressing={value() > 0 && value() < 100}\n      style={{ width: `${value()}%` }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;+DAMaK,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAGW9B,EAAKC,GAAS,yBAAyBK,EAAMM,KAAK;GAAC;GAAA,IAC1DC,YAAS;IAAA,OAAEP,EAAMO;GAAS;GAAA,IAAA,qBAAA;IAAA,OACRE,QAAAV,EAAM,IAAI,CAAC,CAAA,CAAA,KAAIA,EAAM,IAAI;GAAG;GAAA,IAC9CW,QAAK;IAAA,OAAE,EAAEC,OAAO,GAAGZ,EAAM,EAAC,GAAI;GAAC;EAAA,GAC3BE,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/progress/ProgressLabel/ProgressLabel.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<span data-slot=progress-label>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/progress/ProgressLabel/ProgressLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressLabel.js","names":["splitProps","ProgressLabelProps","clsx","classes","ProgressLabel","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","ProgressLabel","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressLabelProps } from \"./ProgressLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressLabel.styles\";\n\nexport const ProgressLabel = (props: ProgressLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-label\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;4DAKaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"ProgressLabel.js","names":["splitProps","ProgressLabelProps","clsx","classes","ProgressLabel","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","ProgressLabel","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressLabelProps } from \"./ProgressLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressLabel.styles\";\n\nexport const ProgressLabel = (props: ProgressLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-label\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;4DAKaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EAAKC,GAASG,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/progress/ProgressTrack/ProgressTrack.js

@@ -14,6 +14,9 @@ var c = /*#__PURE__*/ o("<div data-slot=progress-track>"), l = (o) => {
 			},
 			get class() {
 				return e(t, u.class);
+			},
+			get classList() {
+				return u.classList;
 			}
 		}, d), !1, !1), n;
 	})();