@neut/ui 0.0.4 → 0.0.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.styles.ts"],"sourcesContent":["export const classes =\n  \"h-full bg-neutral-900 dark:bg-neutral-200 transition-all\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/progress/ProgressIndicator/ProgressIndicator.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ProgressIndicatorProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/progress/ProgressIndicator/index.d.ts

@@ -0,0 +1 @@
+export { ProgressIndicator } from './ProgressIndicator';

package/dist/components/progress/ProgressLabel/ProgressLabel.d.ts

@@ -0,0 +1,2 @@
+import { ProgressLabelProps } from './ProgressLabel.types';
+export declare const ProgressLabel: (props: ProgressLabelProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./ProgressLabel.styles.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/progress/ProgressLabel/ProgressLabel.tsx
+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;
+	})();
+};
+//#endregion
+export { s as ProgressLabel };
+
+//# sourceMappingURL=ProgressLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressLabel.js","names":["splitProps","ProgressLabelProps","clsx","classes","ProgressLabel","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"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":";;;;;8DAKaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/progress/ProgressLabel/ProgressLabel.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "text-sm font-medium";

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

@@ -0,0 +1,6 @@
+//#region src/components/progress/ProgressLabel/ProgressLabel.styles.ts
+var e = "text-sm font-medium";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=ProgressLabel.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressLabel.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.styles.ts"],"sourcesContent":["export const classes = \"text-sm font-medium\";\n"],"mappings":";AAAA,IAAa,IAAU"}

package/dist/components/progress/ProgressLabel/ProgressLabel.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ProgressLabelProps = PolymorphicProps<"span", BaseProps, false>;

package/dist/components/progress/ProgressLabel/index.d.ts

@@ -0,0 +1 @@
+export { ProgressLabel } from './ProgressLabel';

package/dist/components/progress/ProgressTrack/ProgressTrack.d.ts

@@ -0,0 +1,2 @@
+import { ProgressTrackProps } from './ProgressTrack.types';
+export declare const ProgressTrack: (props: ProgressTrackProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./ProgressTrack.styles.js";
+import { useProgressContext as n } from "../Progress/Progress.context.js";
+import { memo as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/progress/ProgressTrack/ProgressTrack.tsx
+var c = /* @__PURE__ */ o("<div data-slot=progress-track>"), l = (o) => {
+	let { value: l } = n(), [u, d] = s(o, ["class", "classList"]);
+	return (() => {
+		var n = c();
+		return a(n, i({
+			get "data-progressing"() {
+				return r(() => l() > 0)() && l() < 100;
+			},
+			get class() {
+				return e(t, u.class);
+			}
+		}, d), !1, !1), n;
+	})();
+};
+//#endregion
+export { l as ProgressTrack };
+
+//# sourceMappingURL=ProgressTrack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTrack.js","names":["splitProps","ProgressTrackProps","clsx","classes","useProgressContext","ProgressTrack","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-progressing","_$memo","class"],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressTrackProps } from \"./ProgressTrack.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressTrack.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressTrack = (props: ProgressTrackProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      data-progressing={value() > 0 && value() < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;6DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,GAAoB,EAEhC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAI,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;AAAA,WAGsBE,QAAAR,GAAO,GAAG,EAAC,EAAA,IAAIA,GAAO,GAAG;;GAAG,IAAA,QAAA;AAAA,WACvCL,EAAKC,GAASK,EAAMQ,MAAM;;GAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/progress/ProgressTrack/ProgressTrack.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-neutral-100 dark:bg-neutral-800";

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

@@ -0,0 +1,6 @@
+//#region src/components/progress/ProgressTrack/ProgressTrack.styles.ts
+var e = "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-neutral-100 dark:bg-neutral-800";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=ProgressTrack.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTrack.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.styles.ts"],"sourcesContent":["export const classes =\n  \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-neutral-100 dark:bg-neutral-800\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/progress/ProgressTrack/ProgressTrack.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ProgressTrackProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/progress/ProgressTrack/index.d.ts

@@ -0,0 +1 @@
+export { ProgressTrack } from './ProgressTrack';

package/dist/components/progress/ProgressValue/ProgressValue.d.ts

@@ -0,0 +1,2 @@
+import { ProgressValueProps } from './ProgressValue.types';
+export declare const ProgressValue: (props: ProgressValueProps) => import("solid-js").JSX.Element;

package/dist/components/progress/ProgressValue/ProgressValue.js

@@ -0,0 +1,19 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useProgressContext as t } from "../Progress/Progress.context.js";
+import { classes as n } from "./ProgressValue.styles.js";
+import { insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/progress/ProgressValue/ProgressValue.tsx
+var c = /* @__PURE__ */ o("<span data-slot=progress-value>%"), l = (o) => {
+	let { value: l } = t(), [u, d] = s(o, ["class", "classList"]);
+	return (() => {
+		var t = c(), o = t.firstChild;
+		return a(t, i({ get class() {
+			return e(n, u.class);
+		} }, d), !1, !0), r(t, l, o), t;
+	})();
+};
+//#endregion
+export { l as ProgressValue };
+
+//# sourceMappingURL=ProgressValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressValue.js","names":["splitProps","ProgressValueProps","clsx","classes","useProgressContext","ProgressValue","props","value","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert"],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressValueProps } from \"./ProgressValue.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressValue.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressValue = (props: ProgressValueProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-value\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      {value()}%\n    </span>\n  );\n};\n"],"mappings":";;;;;;+DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,GAAoB,EAEhC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAI,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAMU,SANVC,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWb,EAAKC,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAQ,EAAAP,GAETH,GAAKK,EAAA,EAAAF;KAAA"}

package/dist/components/progress/ProgressValue/ProgressValue.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "ml-auto text-sm text-neutral-500 dark:text-neutral-400 tabular-nums";

package/dist/components/progress/ProgressValue/ProgressValue.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/progress/ProgressValue/ProgressValue.styles.ts
+var e = "ml-auto text-sm text-neutral-500 dark:text-neutral-400 tabular-nums";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=ProgressValue.styles.js.map

package/dist/components/progress/ProgressValue/ProgressValue.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressValue.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.styles.ts"],"sourcesContent":["export const classes =\n  \"ml-auto text-sm text-neutral-500 dark:text-neutral-400 tabular-nums\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/progress/ProgressValue/ProgressValue.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ProgressValueProps = PolymorphicProps<"span", BaseProps, false>;

package/dist/components/progress/ProgressValue/index.d.ts

@@ -0,0 +1 @@
+export { ProgressValue } from './ProgressValue';

package/dist/components/progress/index.d.ts

@@ -0,0 +1,3 @@
+export { Progress } from './Progress';
+export { ProgressLabel } from './ProgressLabel';
+export { ProgressValue } from './ProgressValue';

package/dist/components/progress/index.js

@@ -0,0 +1,4 @@
+import { Progress as e } from "./Progress/Progress.js";
+import { ProgressLabel as t } from "./ProgressLabel/ProgressLabel.js";
+import { ProgressValue as n } from "./ProgressValue/ProgressValue.js";
+export { e as Progress, t as ProgressLabel, n as ProgressValue };

package/dist/components/scroll-area/ScrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["createEffect","createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createEffect, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"aria-label\",\n  ]);\n\n  const [hovering, setHovering] = createSignal(false);\n  const [dragging, setDragging] = createSignal<\n    \"vertical\" | \"horizontal\" | null\n  >(null);\n\n  const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n    thumbRatio: 1,\n    thumbOffset: 0,\n    scrollable: false,\n  });\n  const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n    {\n      thumbRatio: 1,\n      thumbOffset: 0,\n      scrollable: false,\n    },\n  );\n\n  function updateMetrics(el: HTMLElement) {\n    setVerticalMetrics(\n      computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n    );\n    setHorizontalMetrics(\n      computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n    );\n  }\n\n  function setup(el: HTMLDivElement) {\n    viewportRef = el; // ref 赋值\n\n    updateMetrics(el);\n\n    const update = () => updateMetrics(el);\n\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n\n    if (el.firstElementChild) {\n      ro.observe(el.firstElementChild);\n    }\n\n    el.addEventListener(\"scroll\", update, { passive: true });\n\n    onCleanup(() => {\n      ro.disconnect();\n      el.removeEventListener(\"scroll\", update);\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      class={clsx(\"relative\", local.class)}\n      onMouseEnter={() => setHovering(true)}\n      onMouseLeave={() => setHovering(false)}\n      {...others}\n    >\n      <ScrollAreaContext.Provider\n        value={{\n          hovering,\n          viewportRef: () => viewportRef,\n          dragging,\n          setDragging,\n          vertical: verticalMetrics,\n          horizontal: horizontalMetrics,\n        }}\n      >\n        <div\n          ref={setup}\n          data-slot=\"scroll-area-viewport\"\n          role=\"region\"\n          aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n          class={clsx(\n            // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n            // \"overflow-scroll\",\n            // \"[scrollbar-width:none]\",\n            \"size-full rounded-[inherit] outline-none\",\n            // Native scrollbars hidden via CSS; custom ones provided below\n            \"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n            // Focus ring — meets WCAG 2.4.7\n            \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n            \"focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n            // Overflow based on which scrollbars are active\n            local.orientation === \"vertical\"\n              ? \"overflow-y-scroll overflow-x-hidden\"\n              : local.orientation === \"horizontal\"\n                ? \"overflow-x-scroll overflow-y-hidden\"\n                : \"overflow-scroll\",\n          )}\n        >\n          {local.children}\n        </div>\n        <ScrollBar orientation={local.orientation} />\n      </ScrollAreaContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;qIAOaU,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACK,GAAUC,KAAehB,EAAa,GAAM,EAC7C,CAACiB,GAAUC,KAAelB,EAE9B,KAAK,EAED,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EACb,CAAC,EACI,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EAEhB,CAAC;CAED,SAASG,EAAcC,GAAiB;AAItCF,EAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,aACnD,CAAC,EACDN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,YACnD,CAAC;;CAGH,SAASC,EAAMR,GAAoB;AAGjCD,EAFAf,IAAcgB,GAEdD,EAAcC,EAAG;EAEjB,IAAMS,UAAeV,EAAcC,EAAG,EAEhCU,IAAK,IAAIC,eAAeF,EAAO;AASrCnC,EARAoC,EAAGE,QAAQZ,EAAG,EAEVA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,kBAAkB,EAGlCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,IAAM,CAAC,EAExDzC,QAAgB;AAEd0B,GADAU,EAAGM,YAAY,EACfhB,EAAGiB,oBAAoB,UAAUR,EAAO;IACxC;;AAGJ,eAAA;EAAA,IAAAS,IAAAC,GAAA;AA2C+C,SA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,GAAM,CAAA,EAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,GAAK,CAAA,EAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAD9B3C,EAAK,YAAYQ,EAAMoC,MAAM;KAAA,EAGhCnC,EAAM,EAAA,IAAA,GAAA,EAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;IACb;GAAA,IAAAgC,WAAA;AAAA,WAAA,QAAA;KAAA,IAAAC,IAAAC,GAAA,EAAAC,IAGMxB;AAoBJ,YApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,EAAA,GAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,SAAQ,EAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,4CAEA,wDAEA,oDACA,4EAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,kBACP;AAAA,aAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,EAAA,EAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,EAAA,EAAAF;QAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;MAAA,CAAA,EAAAb;QAAA,EAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;AAAA,YAAEpD,EAAMoD;OAAW,CAAA,CAAA;;GAAA,CAAA,CAAA,EAAApB;KAAA"}
+{"version":3,"file":"ScrollArea.js","names":["createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"aria-label\",\n  ]);\n\n  const [hovering, setHovering] = createSignal(false);\n  const [dragging, setDragging] = createSignal<\n    \"vertical\" | \"horizontal\" | null\n  >(null);\n\n  const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n    thumbRatio: 1,\n    thumbOffset: 0,\n    scrollable: false,\n  });\n  const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n    {\n      thumbRatio: 1,\n      thumbOffset: 0,\n      scrollable: false,\n    },\n  );\n\n  function updateMetrics(el: HTMLElement) {\n    setVerticalMetrics(\n      computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n    );\n    setHorizontalMetrics(\n      computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n    );\n  }\n\n  function setup(el: HTMLDivElement) {\n    viewportRef = el; // ref 赋值\n\n    updateMetrics(el);\n\n    const update = () => updateMetrics(el);\n\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n\n    if (el.firstElementChild) {\n      ro.observe(el.firstElementChild);\n    }\n\n    el.addEventListener(\"scroll\", update, { passive: true });\n\n    onCleanup(() => {\n      ro.disconnect();\n      el.removeEventListener(\"scroll\", update);\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      class={clsx(\"relative\", local.class)}\n      onMouseEnter={() => setHovering(true)}\n      onMouseLeave={() => setHovering(false)}\n      {...others}\n    >\n      <ScrollAreaContext.Provider\n        value={{\n          hovering,\n          viewportRef: () => viewportRef,\n          dragging,\n          setDragging,\n          vertical: verticalMetrics,\n          horizontal: horizontalMetrics,\n        }}\n      >\n        <div\n          ref={setup}\n          data-slot=\"scroll-area-viewport\"\n          role=\"region\"\n          aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n          class={clsx(\n            // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n            // \"overflow-scroll\",\n            // \"[scrollbar-width:none]\",\n            \"size-full rounded-[inherit] outline-none\",\n            // Native scrollbars hidden via CSS; custom ones provided below\n            \"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n            // Focus ring — meets WCAG 2.4.7\n            \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n            \"focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n            // Overflow based on which scrollbars are active\n            local.orientation === \"vertical\"\n              ? \"overflow-y-scroll overflow-x-hidden\"\n              : local.orientation === \"horizontal\"\n                ? \"overflow-x-scroll overflow-y-hidden\"\n                : \"overflow-scroll\",\n          )}\n        >\n          {local.children}\n        </div>\n        <ScrollBar orientation={local.orientation} />\n      </ScrollAreaContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;qIAOaS,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACK,GAAUC,KAAehB,EAAa,GAAM,EAC7C,CAACiB,GAAUC,KAAelB,EAE9B,KAAK,EAED,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EACb,CAAC,EACI,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EAEhB,CAAC;CAED,SAASG,EAAcC,GAAiB;AAItCF,EAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,aACnD,CAAC,EACDN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,YACnD,CAAC;;CAGH,SAASC,EAAMR,GAAoB;AAGjCD,EAFAf,IAAcgB,GAEdD,EAAcC,EAAG;EAEjB,IAAMS,UAAeV,EAAcC,EAAG,EAEhCU,IAAK,IAAIC,eAAeF,EAAO;AASrCnC,EARAoC,EAAGE,QAAQZ,EAAG,EAEVA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,kBAAkB,EAGlCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,IAAM,CAAC,EAExDzC,QAAgB;AAEd0B,GADAU,EAAGM,YAAY,EACfhB,EAAGiB,oBAAoB,UAAUR,EAAO;IACxC;;AAGJ,eAAA;EAAA,IAAAS,IAAAC,GAAA;AA2C+C,SA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,GAAM,CAAA,EAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,GAAK,CAAA,EAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAD9B3C,EAAK,YAAYQ,EAAMoC,MAAM;KAAA,EAGhCnC,EAAM,EAAA,IAAA,GAAA,EAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;IACb;GAAA,IAAAgC,WAAA;AAAA,WAAA,QAAA;KAAA,IAAAC,IAAAC,GAAA,EAAAC,IAGMxB;AAoBJ,YApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,EAAA,GAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,SAAQ,EAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,4CAEA,wDAEA,oDACA,4EAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,kBACP;AAAA,aAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,EAAA,EAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,EAAA,EAAAF;QAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;MAAA,CAAA,EAAAb;QAAA,EAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;AAAA,YAAEpD,EAAMoD;OAAW,CAAA,CAAA;;GAAA,CAAA,CAAA,EAAApB;KAAA"}

package/dist/components/slider/Slider/Slider.context.d.ts

@@ -0,0 +1,17 @@
+import { Accessor } from 'solid-js';
+interface SliderContextValue {
+    values: Accessor<number[]>;
+    min: Accessor<number>;
+    max: Accessor<number>;
+    step: Accessor<number>;
+    orientation: Accessor<"horizontal" | "vertical">;
+    disabled: Accessor<boolean>;
+    activeThumbIndex: Accessor<number>;
+    setActiveThumbIndex: (index: number) => void;
+    updateValue: (index: number, value: number) => void;
+    trackRef: Accessor<HTMLDivElement | undefined>;
+    setTrackRef: (el: HTMLDivElement) => void;
+}
+export declare const SliderContext: import('solid-js').Context<SliderContextValue | undefined>;
+export declare const useSliderContext: () => SliderContextValue;
+export {};

package/dist/components/slider/Slider/Slider.context.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/slider/Slider/Slider.context.ts
+var n = e(), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useSliderContext must be used within a SliderProvider");
+	return e;
+};
+//#endregion
+export { n as SliderContext, r as useSliderContext };
+
+//# sourceMappingURL=Slider.context.js.map

package/dist/components/slider/Slider/Slider.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.context.js","names":[],"sources":["../../../../src/components/slider/Slider/Slider.context.ts"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\n\ninterface SliderContextValue {\n  values: Accessor<number[]>;\n  min: Accessor<number>;\n  max: Accessor<number>;\n  step: Accessor<number>;\n  orientation: Accessor<\"horizontal\" | \"vertical\">;\n  disabled: Accessor<boolean>;\n  activeThumbIndex: Accessor<number>;\n  setActiveThumbIndex: (index: number) => void;\n  updateValue: (index: number, value: number) => void;\n  trackRef: Accessor<HTMLDivElement | undefined>;\n  setTrackRef: (el: HTMLDivElement) => void;\n}\n\nexport const SliderContext = createContext<SliderContextValue>();\n\nexport const useSliderContext = () => {\n  const ctx = useContext(SliderContext);\n  if (!ctx) {\n    throw new Error(\"useSliderContext must be used within a SliderProvider\");\n  }\n\n  return ctx;\n};\n"],"mappings":";;AAgBA,IAAa,IAAgB,GAAmC,EAEnD,UAAyB;CACpC,IAAM,IAAM,EAAW,EAAc;AACrC,KAAI,CAAC,EACH,OAAU,MAAM,wDAAwD;AAG1E,QAAO"}

package/dist/components/slider/Slider/Slider.d.ts

@@ -0,0 +1,2 @@
+import { SliderProps } from './Slider.types';
+export declare const Slider: <T extends number | number[]>(props: SliderProps<T>) => import("solid-js").JSX.Element;

package/dist/components/slider/Slider/Slider.js

@@ -0,0 +1,62 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./Slider.styles.js";
+import { SliderControl as n } from "../SliderControl/SliderControl.js";
+import { SliderTrack as r } from "../SliderTrack/SliderTrack.js";
+import { SliderIndicator as i } from "../SliderIndicator/SliderIndicator.js";
+import { SliderThumb as a } from "../SliderThumb/SliderThumb.js";
+import { useSlider as o } from "./useSlider.js";
+import { SliderContext as s } from "./Slider.context.js";
+import { createComponent as c, insert as l, mergeProps as u, spread as d, template as f } from "solid-js/web";
+import { For as p, mergeProps as m, splitProps as h } from "solid-js";
+//#region src/components/slider/Slider/Slider.tsx
+var g = /* @__PURE__ */ f("<div data-slot=slider>"), _ = (f) => {
+	let [_, v] = h(m({
+		orientation: "horizontal",
+		max: 100,
+		min: 0,
+		step: 1,
+		disabled: !1
+	}, f), [
+		"defaultValue",
+		"value",
+		"max",
+		"min",
+		"step",
+		"orientation",
+		"onValueChange",
+		"disabled",
+		"class",
+		"classList"
+	]), { context: y } = o({ get local() {
+		return _;
+	} });
+	return c(s.Provider, {
+		value: y,
+		get children() {
+			var o = g();
+			return d(o, u({
+				get "data-orientation"() {
+					return _.orientation;
+				},
+				get class() {
+					return e(t, _.class);
+				}
+			}, v), !1, !0), l(o, c(n, { get children() {
+				return [c(r, { get children() {
+					return c(i, {});
+				} }), c(p, {
+					get each() {
+						return Array.from({ length: y.values().length });
+					},
+					children: (e, t) => c(a, { get index() {
+						return t();
+					} })
+				})];
+			} })), o;
+		}
+	});
+};
+//#endregion
+export { _ as Slider };
+
+//# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["For","mergeProps","splitProps","SliderProps","clsx","classes","SliderControl","SliderTrack","SliderIndicator","SliderThumb","useSlider","SliderContext","Slider","props","T","merged","orientation","max","min","step","disabled","const","local","others","context","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","class","_$insert","each","Array","from","length","values","_","idx","index"],"sources":["../../../../src/components/slider/Slider/Slider.tsx"],"sourcesContent":["import { For, mergeProps, splitProps } from \"solid-js\";\nimport type { SliderProps } from \"./Slider.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Slider.styles\";\nimport { SliderControl } from \"../SliderControl\";\nimport { SliderTrack } from \"../SliderTrack\";\nimport { SliderIndicator } from \"../SliderIndicator\";\nimport { SliderThumb } from \"../SliderThumb\";\nimport { useSlider } from \"./useSlider\";\nimport { SliderContext } from \"./Slider.context\";\n\nexport const Slider = <T extends number | number[]>(props: SliderProps<T>) => {\n  const merged = mergeProps(\n    {\n      orientation: \"horizontal\",\n      max: 100,\n      min: 0,\n      step: 1,\n      disabled: false,\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"max\",\n    \"min\",\n    \"step\",\n    \"orientation\",\n    \"onValueChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const { context } = useSlider({\n    get local() {\n      return local;\n    },\n  });\n\n  return (\n    <SliderContext.Provider value={context}>\n      <div\n        data-slot=\"slider\"\n        data-orientation={local.orientation}\n        class={clsx(classes, local.class)}\n        {...others}\n      >\n        <SliderControl>\n          <SliderTrack>\n            <SliderIndicator />\n          </SliderTrack>\n\n          <For each={Array.from({ length: context.values().length })}>\n            {(_, idx) => <SliderThumb index={idx()} />}\n          </For>\n        </SliderControl>\n      </div>\n    </SliderContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;qDAWaY,KAAuCC,MAA0B;CAY5E,IAAM,CAACS,GAAOC,KAAUrB,EAXTD,EACb;EACEe,aAAa;EACbC,KAAK;EACLC,KAAK;EACLC,MAAM;EACNC,UAAU;EACX,EACDP,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,EAAEW,eAAYd,EAAU,EAC5B,IAAIY,QAAQ;AACV,SAAOA;IAEV,CAAC;AAEF,QAAAG,EACGd,EAAce,UAAQ;EAACC,OAAOH;EAAO,IAAAI,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAaY,UAbZC,EAAAF,GAAAG,EAAA;IAAA,IAAA,qBAAA;AAAA,YAGhBV,EAAMN;;IAAW,IAAA,QAAA;AAAA,YAC5BZ,EAAKC,GAASiB,EAAMY,MAAM;;IAAA,EAC7BX,EAAM,EAAA,IAAA,GAAA,EAAAY,EAAAN,GAAAJ,EAETnB,GAAa,EAAA,IAAAsB,WAAA;AAAA,WAAA,CAAAH,EACXlB,GAAW,EAAA,IAAAqB,WAAA;AAAA,YAAAH,EACTjB,GAAe,EAAA,CAAA;OAAA,CAAA,EAAAiB,EAGjBzB,GAAG;KAAA,IAACoC,OAAI;AAAA,aAAEC,MAAMC,KAAK,EAAEC,QAAQf,EAAQgB,QAAQ,CAACD,QAAQ,CAAC;;KAAAX,WACtDa,GAAGC,MAAGjB,EAAMhB,GAAW,EAAA,IAACkC,QAAK;AAAA,aAAED,GAAK;QAAA,CAAA;KAAI,CAAA,CAAA;MAAA,CAAA,CAAA,EAAAb;;EAAA,CAAA"}

package/dist/components/slider/Slider/Slider.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full";

package/dist/components/slider/Slider/Slider.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/slider/Slider/Slider.styles.ts
+var e = "data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=Slider.styles.js.map

package/dist/components/slider/Slider/Slider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.styles.js","names":[],"sources":["../../../../src/components/slider/Slider/Slider.styles.ts"],"sourcesContent":["export const classes =\n  \"data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/slider/Slider/Slider.types.d.ts

@@ -0,0 +1,13 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseSliderProps<T> {
+    defaultValue?: T;
+    value?: T;
+    min?: number;
+    max?: number;
+    step?: number;
+    orientation?: "horizontal" | "vertical";
+    onValueChange?: (value: T) => void;
+    disabled?: boolean;
+}
+export type SliderProps<T extends number | number[]> = PolymorphicProps<"div", BaseProps & BaseSliderProps<T>, false>;
+export {};

package/dist/components/slider/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from './Slider';
+export { useSliderContext } from './Slider.context';

package/dist/components/slider/Slider/useSlider.d.ts

@@ -0,0 +1,19 @@
+import { SliderProps } from './Slider.types';
+import { NonNullableProps } from '../../../types';
+export declare const useSlider: <T extends number | number[]>({ local, }: {
+    local: NonNullableProps<Pick<SliderProps<T>, "defaultValue" | "value" | "max" | "min" | "step" | "orientation" | "onValueChange" | "disabled">, "max" | "min" | "step" | "orientation" | "disabled">;
+}) => {
+    context: {
+        values: import('solid-js').Accessor<number[]>;
+        min: () => number;
+        max: () => number;
+        step: () => number;
+        orientation: () => "horizontal" | "vertical";
+        disabled: () => boolean;
+        activeThumbIndex: import('solid-js').Accessor<number>;
+        setActiveThumbIndex: import('solid-js').Setter<number>;
+        updateValue: (index: number, rawValue: number) => void;
+        trackRef: () => HTMLDivElement | undefined;
+        setTrackRef: (el: HTMLDivElement) => void;
+    };
+};

package/dist/components/slider/Slider/useSlider.js

@@ -0,0 +1,33 @@
+import { createMemo as e, createSignal as t } from "solid-js";
+//#region src/components/slider/Slider/useSlider.ts
+var n = ({ local: n }) => {
+	let r = Array.isArray(n.value ?? n.defaultValue), i = (e) => e === void 0 ? [n.min] : Array.isArray(e) ? e : [e], a = () => n.value !== void 0, [o, s] = t(i(n.defaultValue)), c = e(() => a() ? i(n.value) : o()), l = (e) => r ? e : e[0], [u, d] = t(0), f, p = () => f, m = (e) => {
+		f = e;
+	}, h = e(() => {
+		let e = n.step.toString(), t = e.indexOf(".");
+		return t === -1 ? 0 : e.length - t - 1;
+	}), g = (e) => {
+		let { min: t, max: r, step: i } = n, a = Math.round((e - t) / i) * i + t, o = parseFloat(a.toFixed(h()));
+		return Math.min(r, Math.max(t, o));
+	};
+	return { context: {
+		values: c,
+		min: () => n.min,
+		max: () => n.max,
+		step: () => n.step,
+		orientation: () => n.orientation,
+		disabled: () => n.disabled,
+		activeThumbIndex: u,
+		setActiveThumbIndex: d,
+		updateValue: (e, t) => {
+			let r = c().slice(), i = g(t);
+			e > 0 && i <= r[e - 1] && (i = g(r[e - 1] + n.step)), e < r.length - 1 && i >= r[e + 1] && (i = g(r[e + 1] - n.step)), r[e] = i, a() || s(r), n.onValueChange?.(l(r));
+		},
+		trackRef: p,
+		setTrackRef: m
+	} };
+};
+//#endregion
+export { n as useSlider };
+
+//# sourceMappingURL=useSlider.js.map

package/dist/components/slider/Slider/useSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.js","names":[],"sources":["../../../../src/components/slider/Slider/useSlider.ts"],"sourcesContent":["import { createMemo, createSignal } from \"solid-js\";\nimport type { SliderProps } from \"./Slider.types\";\nimport type { NonNullableProps } from \"~/types\";\n\nexport const useSlider = <T extends number | number[]>({\n  local,\n}: {\n  local: NonNullableProps<\n    Pick<\n      SliderProps<T>,\n      | \"defaultValue\"\n      | \"value\"\n      | \"max\"\n      | \"min\"\n      | \"step\"\n      | \"orientation\"\n      | \"onValueChange\"\n      | \"disabled\"\n    >,\n    \"max\" | \"min\" | \"step\" | \"orientation\" | \"disabled\"\n  >;\n}) => {\n  // 由初始传入的类型一次性决定，运行时不再改变\n  const isArray = Array.isArray(local.value ?? local.defaultValue);\n\n  // 将外部的 T 统一转为内部 number[]\n  const toArray = (v: T | undefined): number[] => {\n    if (v === undefined) return [local.min];\n    return Array.isArray(v) ? v : [v as number];\n  };\n\n  // 受控 / 非受控模式\n  const isControlled = () => local.value !== undefined;\n\n  const [internalValues, setInternalValues] = createSignal<number[]>(\n    toArray(local.defaultValue),\n  );\n\n  const values = createMemo<number[]>(() =>\n    isControlled() ? toArray(local.value) : internalValues(),\n  );\n\n  // 将内部 number[] 还原为外部类型 T\n  const toExternal = (arr: number[]): T => (isArray ? arr : arr[0]) as T;\n\n  // 当前被拖拽的 thumb 索引\n  const [activeThumbIndex, setActiveThumbIndex] = createSignal(0);\n\n  // track DOM 引用（由 SliderTrack 注入）\n  let trackEl: HTMLDivElement | undefined;\n  const trackRef = () => trackEl;\n  const setTrackRef = (el: HTMLDivElement) => {\n    trackEl = el;\n  };\n\n  /** 从 step 推导需要保留的小数位数，例如 step=0.05 → 2 位 */\n  const stepDecimals = createMemo(() => {\n    const s = local.step.toString();\n    const dot = s.indexOf(\".\");\n    return dot === -1 ? 0 : s.length - dot - 1;\n  });\n\n  /** 将原始数值 snap 到 step 并 clamp 到 [min, max] */\n  const snapValue = (raw: number) => {\n    const { min, max, step } = local;\n    const snapped = Math.round((raw - min) / step) * step + min;\n    const fixed = parseFloat(snapped.toFixed(stepDecimals()));\n    return Math.min(max, Math.max(min, fixed));\n  };\n\n  const updateValue = (index: number, rawValue: number) => {\n    const next = values().slice();\n    let snapped = snapValue(rawValue);\n\n    // 防止 thumbs 交叉（多 thumb 场景）\n    if (index > 0 && snapped <= next[index - 1]) {\n      snapped = snapValue(next[index - 1] + local.step);\n    }\n    if (index < next.length - 1 && snapped >= next[index + 1]) {\n      snapped = snapValue(next[index + 1] - local.step);\n    }\n\n    next[index] = snapped;\n\n    if (!isControlled()) setInternalValues(next);\n    local.onValueChange?.(toExternal(next));\n  };\n\n  const context = {\n    values,\n    min: () => local.min,\n    max: () => local.max,\n    step: () => local.step,\n    orientation: () => local.orientation,\n    disabled: () => local.disabled,\n    activeThumbIndex,\n    setActiveThumbIndex,\n    updateValue,\n    trackRef,\n    setTrackRef,\n  };\n\n  return { context };\n};\n"],"mappings":";;AAIA,IAAa,KAA0C,EACrD,eAgBI;CAEJ,IAAM,IAAU,MAAM,QAAQ,EAAM,SAAS,EAAM,aAAa,EAG1D,KAAW,MACX,MAAM,KAAA,IAAkB,CAAC,EAAM,IAAI,GAChC,MAAM,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAY,EAIvC,UAAqB,EAAM,UAAU,KAAA,GAErC,CAAC,GAAgB,KAAqB,EAC1C,EAAQ,EAAM,aAAa,CAC5B,EAEK,IAAS,QACb,GAAc,GAAG,EAAQ,EAAM,MAAM,GAAG,GAAgB,CACzD,EAGK,KAAc,MAAsB,IAAU,IAAM,EAAI,IAGxD,CAAC,GAAkB,KAAuB,EAAa,EAAE,EAG3D,GACE,UAAiB,GACjB,KAAe,MAAuB;AAC1C,MAAU;IAIN,IAAe,QAAiB;EACpC,IAAM,IAAI,EAAM,KAAK,UAAU,EACzB,IAAM,EAAE,QAAQ,IAAI;AAC1B,SAAO,MAAQ,KAAK,IAAI,EAAE,SAAS,IAAM;GACzC,EAGI,KAAa,MAAgB;EACjC,IAAM,EAAE,QAAK,QAAK,YAAS,GACrB,IAAU,KAAK,OAAO,IAAM,KAAO,EAAK,GAAG,IAAO,GAClD,IAAQ,WAAW,EAAQ,QAAQ,GAAc,CAAC,CAAC;AACzD,SAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAM,CAAC;;AAmC5C,QAAO,EAAE,SAdO;EACd;EACA,WAAW,EAAM;EACjB,WAAW,EAAM;EACjB,YAAY,EAAM;EAClB,mBAAmB,EAAM;EACzB,gBAAgB,EAAM;EACtB;EACA;EACA,cA3BmB,GAAe,MAAqB;GACvD,IAAM,IAAO,GAAQ,CAAC,OAAO,EACzB,IAAU,EAAU,EAAS;AAajC,GAVI,IAAQ,KAAK,KAAW,EAAK,IAAQ,OACvC,IAAU,EAAU,EAAK,IAAQ,KAAK,EAAM,KAAK,GAE/C,IAAQ,EAAK,SAAS,KAAK,KAAW,EAAK,IAAQ,OACrD,IAAU,EAAU,EAAK,IAAQ,KAAK,EAAM,KAAK,GAGnD,EAAK,KAAS,GAET,GAAc,IAAE,EAAkB,EAAK,EAC5C,EAAM,gBAAgB,EAAW,EAAK,CAAC;;EAavC;EACA;EACD,EAEiB"}

package/dist/components/slider/SliderControl/SliderControl.d.ts

@@ -0,0 +1,2 @@
+import { SliderControlProps } from './SliderControl.types';
+export declare const SliderControl: (props: SliderControlProps) => import("solid-js").JSX.Element;

package/dist/components/slider/SliderControl/SliderControl.js

@@ -0,0 +1,33 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./SliderControl.styles.js";
+import { useSliderControl as n } from "./useSliderControl.js";
+import { useSliderContext as r } from "../Slider/Slider.context.js";
+import { addEventListener as i, delegateEvents as a, mergeProps as o, spread as s, template as c } from "solid-js/web";
+import { splitProps as l } from "solid-js";
+//#region src/components/slider/SliderControl/SliderControl.tsx
+var u = /* @__PURE__ */ c("<div>"), d = (a) => {
+	let c = r(), [d, f] = l(a, ["class", "classList"]), { handlePointerDown: p, handlePointerMove: m, handlePointerUp: h } = n();
+	return (() => {
+		var n = u();
+		return i(n, "pointerup", h, !0), i(n, "pointermove", m, !0), i(n, "pointerdown", p, !0), s(n, o({
+			get "data-orientation"() {
+				return c.orientation();
+			},
+			get "data-disabled"() {
+				return c.disabled();
+			},
+			get class() {
+				return e(t, d.class);
+			}
+		}, f), !1, !1), n;
+	})();
+};
+a([
+	"pointerdown",
+	"pointermove",
+	"pointerup"
+]);
+//#endregion
+export { d as SliderControl };
+
+//# sourceMappingURL=SliderControl.js.map

package/dist/components/slider/SliderControl/SliderControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderControl.js","names":["splitProps","SliderControlProps","clsx","classes","useSliderControl","useSliderContext","SliderControl","props","ctx","local","others","handlePointerDown","handlePointerMove","handlePointerUp","_el$","_tmpl$","_$addEventListener","_$spread","_$mergeProps","data-orientation","orientation","data-disabled","disabled","class","_$delegateEvents"],"sources":["../../../../src/components/slider/SliderControl/SliderControl.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SliderControlProps } from \"./SliderControl.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./SliderControl.styles\";\nimport { useSliderControl } from \"./useSliderControl\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const SliderControl = (props: SliderControlProps) => {\n  const ctx = useSliderContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const { handlePointerDown, handlePointerMove, handlePointerUp } =\n    useSliderControl();\n\n  return (\n    <div\n      data-orientation={ctx.orientation()}\n      data-disabled={ctx.disabled()}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;oCAOaM,KAAiBC,MAA8B;CAC1D,IAAMC,IAAMH,GAAkB,EAExB,CAACI,GAAOC,KAAUV,EAAWO,GAAO,CAAC,SAAS,YAAY,CAAC,EAE3D,EAAEI,sBAAmBC,sBAAmBC,uBAC5CT,GAAkB;AAEpB,eAAA;EAAA,IAAAU,IAAAC,GAAA;AAQc,SARdC,EAAAF,GAAA,aAMiBD,GAAe,GAAA,EAAAG,EAAAF,GAAA,eADbF,GAAiB,GAAA,EAAAI,EAAAF,GAAA,eADjBH,GAAiB,GAAA,EAAAM,EAAAH,GAAAI,EAAA;GAAA,IAAA,qBAAA;AAAA,WAFdV,EAAIY,aAAa;;GAAA,IAAA,kBAAA;AAAA,WACpBZ,EAAIc,UAAU;;GAAA,IAAA,QAAA;AAAA,WAItBpB,EAAKC,GAASM,EAAMc,MAAM;;GAAA,EAC7Bb,EAAM,EAAA,IAAA,GAAA,EAAAI;KAAA;;AAGdU,EAAA;CAAA;CAAA;CAAA;CAAA,CAAA"}

package/dist/components/slider/SliderControl/SliderControl.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "relative flex w-full touch-none items-center select-none data-[disabled=true]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col";

package/dist/components/slider/SliderControl/SliderControl.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/slider/SliderControl/SliderControl.styles.ts
+var e = "relative flex w-full touch-none items-center select-none data-[disabled=true]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=SliderControl.styles.js.map

package/dist/components/slider/SliderControl/SliderControl.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderControl.styles.js","names":[],"sources":["../../../../src/components/slider/SliderControl/SliderControl.styles.ts"],"sourcesContent":["export const classes =\n  \"relative flex w-full touch-none items-center select-none data-[disabled=true]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/slider/SliderControl/SliderControl.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type SliderControlProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/slider/SliderControl/index.d.ts

@@ -0,0 +1 @@
+export { SliderControl } from './SliderControl';

package/dist/components/slider/SliderControl/useSliderControl.d.ts

@@ -0,0 +1,5 @@
+export declare const useSliderControl: () => {
+    handlePointerDown: (e: PointerEvent) => void;
+    handlePointerMove: (e: PointerEvent) => void;
+    handlePointerUp: (e: PointerEvent) => void;
+};

package/dist/components/slider/SliderControl/useSliderControl.js

@@ -0,0 +1,36 @@
+import { useSliderContext as e } from "../Slider/Slider.context.js";
+//#region src/components/slider/SliderControl/useSliderControl.ts
+var t = () => {
+	let t = e(), n = (e, n) => {
+		let r = t.trackRef();
+		if (!r) return t.min();
+		let i = r.getBoundingClientRect(), a = t.orientation() === "vertical", o;
+		return o = a ? 1 - (n - i.top) / i.height : (e - i.left) / i.width, t.min() + o * (t.max() - t.min());
+	}, r = (e) => {
+		let n = t.values(), r = 0, i = Infinity;
+		return n.forEach((t, n) => {
+			let a = Math.abs(t - e);
+			a < i && (i = a, r = n);
+		}), r;
+	};
+	return {
+		handlePointerDown: (e) => {
+			if (t.disabled() || e.button !== 0) return;
+			let i = n(e.clientX, e.clientY), a = r(i);
+			t.setActiveThumbIndex(a), t.updateValue(a, i), e.currentTarget.setPointerCapture(e.pointerId);
+		},
+		handlePointerMove: (e) => {
+			if (t.disabled() || !e.currentTarget.hasPointerCapture(e.pointerId)) return;
+			let r = n(e.clientX, e.clientY);
+			t.updateValue(t.activeThumbIndex(), r);
+		},
+		handlePointerUp: (e) => {
+			let t = e.currentTarget;
+			t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId);
+		}
+	};
+};
+//#endregion
+export { t as useSliderControl };
+
+//# sourceMappingURL=useSliderControl.js.map

package/dist/components/slider/SliderControl/useSliderControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderControl.js","names":[],"sources":["../../../../src/components/slider/SliderControl/useSliderControl.ts"],"sourcesContent":["import { useSliderContext } from \"../Slider\";\n\nexport const useSliderControl = () => {\n  const ctx = useSliderContext();\n\n  /** 将页面坐标转为 slider 值 */\n  const coordToValue = (clientX: number, clientY: number): number => {\n    const track = ctx.trackRef();\n    if (!track) return ctx.min();\n\n    const rect = track.getBoundingClientRect();\n    const isVertical = ctx.orientation() === \"vertical\";\n\n    let ratio: number;\n    if (isVertical) {\n      // 垂直方向：底部为 min，顶部为 max\n      ratio = 1 - (clientY - rect.top) / rect.height;\n    } else {\n      ratio = (clientX - rect.left) / rect.width;\n    }\n\n    return ctx.min() + ratio * (ctx.max() - ctx.min());\n  };\n\n  /** 找到距离点击位置最近的 thumb 索引 */\n  const closestThumbIndex = (value: number): number => {\n    const vals = ctx.values();\n    let closest = 0;\n    let minDist = Infinity;\n    vals.forEach((v, i) => {\n      const dist = Math.abs(v - value);\n      if (dist < minDist) {\n        minDist = dist;\n        closest = i;\n      }\n    });\n    return closest;\n  };\n\n  const handlePointerDown = (e: PointerEvent) => {\n    if (ctx.disabled()) return;\n    if (e.button !== 0) return;\n\n    const value = coordToValue(e.clientX, e.clientY);\n    const index = closestThumbIndex(value);\n\n    ctx.setActiveThumbIndex(index);\n    ctx.updateValue(index, value);\n\n    const el = e.currentTarget as HTMLElement;\n    el.setPointerCapture(e.pointerId);\n  };\n\n  const handlePointerMove = (e: PointerEvent) => {\n    if (ctx.disabled()) return;\n    // 只有在 pointer 被捕获（即 pointerdown 后）才处理\n    if (!(e.currentTarget as HTMLElement).hasPointerCapture(e.pointerId))\n      return;\n\n    const value = coordToValue(e.clientX, e.clientY);\n    ctx.updateValue(ctx.activeThumbIndex(), value);\n  };\n\n  const handlePointerUp = (e: PointerEvent) => {\n    const el = e.currentTarget as HTMLElement;\n    if (el.hasPointerCapture(e.pointerId)) {\n      el.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  return {\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n  };\n};\n"],"mappings":";;AAEA,IAAa,UAAyB;CACpC,IAAM,IAAM,GAAkB,EAGxB,KAAgB,GAAiB,MAA4B;EACjE,IAAM,IAAQ,EAAI,UAAU;AAC5B,MAAI,CAAC,EAAO,QAAO,EAAI,KAAK;EAE5B,IAAM,IAAO,EAAM,uBAAuB,EACpC,IAAa,EAAI,aAAa,KAAK,YAErC;AAQJ,SAPA,AAIE,IAJE,IAEM,KAAK,IAAU,EAAK,OAAO,EAAK,UAE/B,IAAU,EAAK,QAAQ,EAAK,OAGhC,EAAI,KAAK,GAAG,KAAS,EAAI,KAAK,GAAG,EAAI,KAAK;IAI7C,KAAqB,MAA0B;EACnD,IAAM,IAAO,EAAI,QAAQ,EACrB,IAAU,GACV,IAAU;AAQd,SAPA,EAAK,SAAS,GAAG,MAAM;GACrB,IAAM,IAAO,KAAK,IAAI,IAAI,EAAM;AAChC,GAAI,IAAO,MACT,IAAU,GACV,IAAU;IAEZ,EACK;;AAkCT,QAAO;EACL,oBAhCyB,MAAoB;AAE7C,OADI,EAAI,UAAU,IACd,EAAE,WAAW,EAAG;GAEpB,IAAM,IAAQ,EAAa,EAAE,SAAS,EAAE,QAAQ,EAC1C,IAAQ,EAAkB,EAAM;AAK3B,GAHX,EAAI,oBAAoB,EAAM,EAC9B,EAAI,YAAY,GAAO,EAAM,EAElB,EAAE,cACV,kBAAkB,EAAE,UAAU;;EAsBjC,oBAnByB,MAAoB;AAG7C,OAFI,EAAI,UAAU,IAEd,CAAE,EAAE,cAA8B,kBAAkB,EAAE,UAAU,CAClE;GAEF,IAAM,IAAQ,EAAa,EAAE,SAAS,EAAE,QAAQ;AAChD,KAAI,YAAY,EAAI,kBAAkB,EAAE,EAAM;;EAa9C,kBAVuB,MAAoB;GAC3C,IAAM,IAAK,EAAE;AACb,GAAI,EAAG,kBAAkB,EAAE,UAAU,IACnC,EAAG,sBAAsB,EAAE,UAAU;;EAQxC"}

package/dist/components/slider/SliderIndicator/SliderIndicator.d.ts

@@ -0,0 +1,2 @@
+import { SliderIndicatorProps } from './SliderIndicator.types';
+export declare const SliderIndicator: (props: SliderIndicatorProps) => import("solid-js").JSX.Element;

package/dist/components/slider/SliderIndicator/SliderIndicator.js

@@ -0,0 +1,28 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./SliderIndicator.styles.js";
+import { useSliderIndicator as n } from "./useSliderIndicator.js";
+import { useSliderContext as r } from "../Slider/Slider.context.js";
+import { mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/slider/SliderIndicator/SliderIndicator.tsx
+var c = /* @__PURE__ */ o("<div data-slot=slider-range>"), l = (o) => {
+	let l = r(), [u, d] = s(o, ["class", "classList"]), { indicatorStyle: f } = n();
+	return (() => {
+		var n = c();
+		return a(n, i({
+			get "data-orientation"() {
+				return l.orientation();
+			},
+			get class() {
+				return e(t, u.class);
+			},
+			get style() {
+				return f();
+			}
+		}, d), !1, !1), n;
+	})();
+};
+//#endregion
+export { l as SliderIndicator };
+
+//# sourceMappingURL=SliderIndicator.js.map

package/dist/components/slider/SliderIndicator/SliderIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderIndicator.js","names":["splitProps","SliderIndicatorProps","clsx","classes","useSliderIndicator","useSliderContext","SliderIndicator","props","ctx","local","others","indicatorStyle","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","orientation","class","style"],"sources":["../../../../src/components/slider/SliderIndicator/SliderIndicator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SliderIndicatorProps } from \"./SliderIndicator.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./SliderIndicator.styles\";\nimport { useSliderIndicator } from \"./useSliderIndicator\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const SliderIndicator = (props: SliderIndicatorProps) => {\n  const ctx = useSliderContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const { indicatorStyle } = useSliderIndicator();\n\n  return (\n    <div\n      data-slot=\"slider-range\"\n      data-orientation={ctx.orientation()}\n      class={clsx(classes, local.class)}\n      style={indicatorStyle()}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;2DAOaM,KAAmBC,MAAgC;CAC9D,IAAMC,IAAMH,GAAkB,EAExB,CAACI,GAAOC,KAAUV,EAAWO,GAAO,CAAC,SAAS,YAAY,CAAC,EAE3D,EAAEI,sBAAmBP,GAAoB;AAE/C,eAAA;EAAA,IAAAQ,IAAAC,GAAA;AAMc,SANdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;AAAA,WAGsBP,EAAIS,aAAa;;GAAA,IAAA,QAAA;AAAA,WAC5Bf,EAAKC,GAASM,EAAMS,MAAM;;GAAA,IACjCC,QAAK;AAAA,WAAER,GAAgB;;GAAA,EACnBD,EAAM,EAAA,IAAA,GAAA,EAAAE;KAAA"}