@neut/ui 0.0.9 → 0.0.11

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

@@ -9,14 +9,14 @@ 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({
+var g = /*#__PURE__*/ f("<div data-slot=slider>"), _ = (f) => {
+	let _ = m({
 		orientation: "horizontal",
 		max: 100,
 		min: 0,
 		step: 1,
 		disabled: !1
-	}, f), [
+	}, f), [v, y] = h(_, [
 		"defaultValue",
 		"value",
 		"max",
@@ -27,26 +27,26 @@ var g = /* @__PURE__ */ f("<div data-slot=slider>"), _ = (f) => {
 		"disabled",
 		"class",
 		"classList"
-	]), { context: y } = o({ get local() {
-		return _;
+	]), { context: b } = o({ get local() {
+		return v;
 	} });
 	return c(s.Provider, {
-		value: y,
+		value: b,
 		get children() {
 			var o = g();
 			return d(o, u({
 				get "data-orientation"() {
-					return _.orientation;
+					return v.orientation;
 				},
 				get class() {
-					return e(t, _.class);
+					return e(t, v.class);
 				}
-			}, v), !1, !0), l(o, c(n, { get children() {
+			}, y), !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 });
+						return Array.from({ length: b.values().length });
 					},
 					children: (e, t) => c(a, { get index() {
 						return t();

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

@@ -1 +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"}
+{"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":";;;;;;;;;;;mDAWaY,KAAuCC,MAA0B;CAC5E,IAAME,IAASd,EACb;EACEe,aAAa;EACbC,KAAK;EACLC,KAAK;EACLC,MAAM;EACNC,UAAU;CACZ,GACAP,CACF,GAEM,CAACS,GAAOC,KAAUrB,EAAWa,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ,GAEK,EAAES,eAAYd,EAAU,EAC5B,IAAIY,QAAQ;EACV,OAAOA;CACT,EACF,CAAC;CAED,OAAAG,EACGd,EAAce,UAAQ;EAACC,OAAOH;EAAO,IAAAI,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAaY,OAbZC,EAAAF,GAAAG,EAAA;IAAA,IAAA,qBAAA;KAAA,OAGhBV,EAAMN;IAAW;IAAA,IAAA,QAAA;KAAA,OAC5BZ,EAAKC,GAASiB,EAAMY,KAAK;IAAC;GAAA,GAC7BX,CAAM,GAAA,IAAA,EAAA,GAAAY,EAAAN,GAAAJ,EAETnB,GAAa,EAAA,IAAAsB,WAAA;IAAA,OAAA,CAAAH,EACXlB,GAAW,EAAA,IAAAqB,WAAA;KAAA,OAAAH,EACTjB,GAAe,CAAA,CAAA;IAAA,EAAA,CAAA,GAAAiB,EAGjBzB,GAAG;KAAA,IAACoC,OAAI;MAAA,OAAEC,MAAMC,KAAK,EAAEC,QAAQf,EAAQgB,OAAO,CAAC,CAACD,OAAO,CAAC;KAAC;KAAAX,WACtDa,GAAGC,MAAGjB,EAAMhB,GAAW,EAAA,IAACkC,QAAK;MAAA,OAAED,EAAI;KAAC,EAAA,CAAA;IAAI,CAAA,CAAA;GAAA,EAAA,CAAA,CAAA,GAAAb;EAAA;CAAA,CAAA;AAMtD"}

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

@@ -1 +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"}
+{"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,YAAY,GAGzD,KAAW,MACX,MAAM,KAAA,IAAkB,CAAC,EAAM,GAAG,IAC/B,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAW,GAItC,UAAqB,EAAM,UAAU,KAAA,GAErC,CAAC,GAAgB,KAAqB,EAC1C,EAAQ,EAAM,YAAY,CAC5B,GAEM,IAAS,QACb,EAAa,IAAI,EAAQ,EAAM,KAAK,IAAI,EAAe,CACzD,GAGM,KAAc,MAAsB,IAAU,IAAM,EAAI,IAGxD,CAAC,GAAkB,KAAuB,EAAa,CAAC,GAG1D,GACE,UAAiB,GACjB,KAAe,MAAuB;EAC1C,IAAU;CACZ,GAGM,IAAe,QAAiB;EACpC,IAAM,IAAI,EAAM,KAAK,SAAS,GACxB,IAAM,EAAE,QAAQ,GAAG;EACzB,OAAO,MAAQ,KAAK,IAAI,EAAE,SAAS,IAAM;CAC3C,CAAC,GAGK,KAAa,MAAgB;EACjC,IAAM,EAAE,QAAK,QAAK,YAAS,GACrB,IAAU,KAAK,OAAO,IAAM,KAAO,CAAI,IAAI,IAAO,GAClD,IAAQ,WAAW,EAAQ,QAAQ,EAAa,CAAC,CAAC;EACxD,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;CAC3C;CAkCA,OAAO,EAAE,SAAA;EAbP;EACA,WAAW,EAAM;EACjB,WAAW,EAAM;EACjB,YAAY,EAAM;EAClB,mBAAmB,EAAM;EACzB,gBAAgB,EAAM;EACtB;EACA;EACA,cA3BmB,GAAe,MAAqB;GACvD,IAAM,IAAO,EAAO,CAAC,CAAC,MAAM,GACxB,IAAU,EAAU,CAAQ;GAahC,AAVI,IAAQ,KAAK,KAAW,EAAK,IAAQ,OACvC,IAAU,EAAU,EAAK,IAAQ,KAAK,EAAM,IAAI,IAE9C,IAAQ,EAAK,SAAS,KAAK,KAAW,EAAK,IAAQ,OACrD,IAAU,EAAU,EAAK,IAAQ,KAAK,EAAM,IAAI,IAGlD,EAAK,KAAS,GAET,EAAa,KAAG,EAAkB,CAAI,GAC3C,EAAM,gBAAgB,EAAW,CAAI,CAAC;EACxC;EAYE;EACA;CAGO,EAAQ;AACnB"}

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

@@ -5,7 +5,7 @@ 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) => {
+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();

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

@@ -1 +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"}
+{"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":";;;;;;;kCAOaM,KAAiBC,MAA8B;CAC1D,IAAMC,IAAMH,EAAiB,GAEvB,CAACI,GAAOC,KAAUV,EAAWO,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1D,EAAEI,sBAAmBC,sBAAmBC,uBAC5CT,EAAiB;CAEnB,cAAA;EAAA,IAAAU,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAA,aAMiBD,GAAe,EAAA,GAAAG,EAAAF,GAAA,eADbF,GAAiB,EAAA,GAAAI,EAAAF,GAAA,eADjBH,GAAiB,EAAA,GAAAM,EAAAH,GAAAI,EAAA;GAAA,IAAA,qBAAA;IAAA,OAFdV,EAAIY,YAAY;GAAC;GAAA,IAAA,kBAAA;IAAA,OACpBZ,EAAIc,SAAS;GAAC;GAAA,IAAA,QAAA;IAAA,OAItBpB,EAAKC,GAASM,EAAMc,KAAK;GAAC;EAAA,GAC7Bb,CAAM,GAAA,IAAA,EAAA,GAAAI;CAAA,EAAA,CAAA;AAGhB;AAAEU,EAAA;CAAA;CAAA;CAAA;AAAA,CAAA"}

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

@@ -1 +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"}
+{"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,EAAiB,GAGvB,KAAgB,GAAiB,MAA4B;EACjE,IAAM,IAAQ,EAAI,SAAS;EAC3B,IAAI,CAAC,GAAO,OAAO,EAAI,IAAI;EAE3B,IAAM,IAAO,EAAM,sBAAsB,GACnC,IAAa,EAAI,YAAY,MAAM,YAErC;EAQJ,OAPA,AAIE,IAJE,IAEM,KAAK,IAAU,EAAK,OAAO,EAAK,UAE/B,IAAU,EAAK,QAAQ,EAAK,OAGhC,EAAI,IAAI,IAAI,KAAS,EAAI,IAAI,IAAI,EAAI,IAAI;CAClD,GAGM,KAAqB,MAA0B;EACnD,IAAM,IAAO,EAAI,OAAO,GACpB,IAAU,GACV,IAAU;EAQd,OAPA,EAAK,SAAS,GAAG,MAAM;GACrB,IAAM,IAAO,KAAK,IAAI,IAAI,CAAK;GAC/B,AAAI,IAAO,MACT,IAAU,GACV,IAAU;EAEd,CAAC,GACM;CACT;CAiCA,OAAO;EACL,oBAhCyB,MAAoB;GAE7C,IADI,EAAI,SAAS,KACb,EAAE,WAAW,GAAG;GAEpB,IAAM,IAAQ,EAAa,EAAE,SAAS,EAAE,OAAO,GACzC,IAAQ,EAAkB,CAAK;GAMrC,AAJA,EAAI,oBAAoB,CAAK,GAC7B,EAAI,YAAY,GAAO,CAAK,GAG5B,EADa,cACV,kBAAkB,EAAE,SAAS;EAClC;EAqBE,oBAnByB,MAAoB;GAG7C,IAFI,EAAI,SAAS,KAEb,CAAE,EAAE,cAA8B,kBAAkB,EAAE,SAAS,GACjE;GAEF,IAAM,IAAQ,EAAa,EAAE,SAAS,EAAE,OAAO;GAC/C,EAAI,YAAY,EAAI,iBAAiB,GAAG,CAAK;EAC/C;EAYE,kBAVuB,MAAoB;GAC3C,IAAM,IAAK,EAAE;GACb,AAAI,EAAG,kBAAkB,EAAE,SAAS,KAClC,EAAG,sBAAsB,EAAE,SAAS;EAExC;CAMA;AACF"}

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

@@ -5,7 +5,7 @@ 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) => {
+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();

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

@@ -1 +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"}
+{"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":";;;;;;;yDAOaM,KAAmBC,MAAgC;CAC9D,IAAMC,IAAMH,EAAiB,GAEvB,CAACI,GAAOC,KAAUV,EAAWO,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1D,EAAEI,sBAAmBP,EAAmB;CAE9C,cAAA;EAAA,IAAAQ,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBP,EAAIS,YAAY;GAAC;GAAA,IAAA,QAAA;IAAA,OAC5Bf,EAAKC,GAASM,EAAMS,KAAK;GAAC;GAAA,IACjCC,QAAK;IAAA,OAAER,EAAe;GAAC;EAAA,GACnBD,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -1,6 +1,6 @@
 import { clsx as e } from "../../../utils/clsx.js";
 //#region src/components/slider/SliderIndicator/SliderIndicator.styles.ts
-var t = e("bg-neutral-900 dark:bg-neutral-200 select-none", "data-[orientation=horizontal]:relative data-[orientation=horizontal]:h-full data-[orientation=horizontal]:inset-s-(--start-position) data-[orientation=horizontal]:w-(--relative-size)", "data-[orientation=vertical]:absolute data-[orientation=vertical]:w-full data-[orientation=vertical]:h-(--start-position) data-[orientation=vertical]:bottom-(--relative-size)");
+var t = e("bg-primary select-none", "data-[orientation=horizontal]:relative data-[orientation=horizontal]:h-full data-[orientation=horizontal]:inset-s-(--start-position) data-[orientation=horizontal]:w-(--relative-size)", "data-[orientation=vertical]:absolute data-[orientation=vertical]:w-full data-[orientation=vertical]:h-(--start-position) data-[orientation=vertical]:bottom-(--relative-size)");
 //#endregion
 export { t as classes };
 

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

@@ -1 +1 @@
-{"version":3,"file":"SliderIndicator.styles.js","names":[],"sources":["../../../../src/components/slider/SliderIndicator/SliderIndicator.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"bg-neutral-900 dark:bg-neutral-200 select-none\",\n  \"data-[orientation=horizontal]:relative data-[orientation=horizontal]:h-full data-[orientation=horizontal]:inset-s-(--start-position) data-[orientation=horizontal]:w-(--relative-size)\",\n  \"data-[orientation=vertical]:absolute data-[orientation=vertical]:w-full data-[orientation=vertical]:h-(--start-position) data-[orientation=vertical]:bottom-(--relative-size)\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,kDACA,0LACA,gLACD"}
+{"version":3,"file":"SliderIndicator.styles.js","names":[],"sources":["../../../../src/components/slider/SliderIndicator/SliderIndicator.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"bg-primary select-none\",\n  \"data-[orientation=horizontal]:relative data-[orientation=horizontal]:h-full data-[orientation=horizontal]:inset-s-(--start-position) data-[orientation=horizontal]:w-(--relative-size)\",\n  \"data-[orientation=vertical]:absolute data-[orientation=vertical]:w-full data-[orientation=vertical]:h-(--start-position) data-[orientation=vertical]:bottom-(--relative-size)\",\n  // \"bg-primary select-none data-horizontal:h-full data-vertical:w-full\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,0BACA,0LACA,+KAEF"}

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

@@ -1 +1 @@
-{"version":3,"file":"useSliderIndicator.js","names":[],"sources":["../../../../src/components/slider/SliderIndicator/useSliderIndicator.ts"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const useSliderIndicator = () => {\n  const { min, max, values, orientation } = useSliderContext();\n\n  // /**\n  //  * 计算 indicator 的 start% 和 end%：\n  //  *  - 单 thumb：从 0 到当前值\n  //  *  - 双 thumb（range）：从 min thumb 到 max thumb\n  //  */\n  // const indicatorStyle = createMemo(() => {\n  //   const range = max() - min();\n  //   const sorted = values()\n  //     .slice()\n  //     .sort((a, b) => a - b);\n  //   const isSingle = sorted.length === 1;\n\n  //   const startPct = isSingle ? 0 : ((sorted[0] - min()) / range) * 100;\n  //   const endPct = ((sorted[sorted.length - 1] - min()) / range) * 100;\n\n  //   if (orientation() === \"vertical\") {\n  //     return {\n  //       bottom: `${startPct}%`,\n  //       height: `${endPct - startPct}%`,\n  //     };\n  //   }\n\n  //   return {\n  //     left: `${startPct}%`,\n  //     width: `${endPct - startPct}%`,\n  //   };\n  // });\n\n  /**\n   * 计算 indicator 的 start% 和 end%：\n   *  - 单 thumb：start 固定为 0，end 为当前值的百分比\n   *  - 多 thumb（range）：start 为第一个 thumb，end 为最后一个 thumb\n   *  注意：不对 values 排序，保持与 thumb 索引的对应关系\n   */\n  const indicatorStyle = createMemo(() => {\n    const range = max() - min();\n    const vals = values();\n    const isSingle = vals.length === 1;\n\n    const startPct = isSingle ? 0 : ((vals[0] - min()) / range) * 100;\n    const endPct = ((vals[vals.length - 1] - min()) / range) * 100;\n\n    if (orientation() === \"vertical\") {\n      return {\n        \"--relative-size\": `${startPct}%`,\n        \"--start-position\": `${endPct - startPct}%`,\n      };\n    }\n\n    return {\n      \"--start-position\": `${startPct}%`,\n      \"--relative-size\": `${endPct - startPct}%`,\n    };\n  });\n\n  return { indicatorStyle };\n};\n"],"mappings":";;;AAGA,IAAa,UAA2B;CACtC,IAAM,EAAE,QAAK,QAAK,WAAQ,mBAAgB,GAAkB;AAyD5D,QAAO,EAAE,gBArBc,QAAiB;EACtC,IAAM,IAAQ,GAAK,GAAG,GAAK,EACrB,IAAO,GAAQ,EAGf,IAFW,EAAK,WAAW,IAEL,KAAM,EAAK,KAAK,GAAK,IAAI,IAAS,KACxD,KAAW,EAAK,EAAK,SAAS,KAAK,GAAK,IAAI,IAAS;AAS3D,SAPI,GAAa,KAAK,aACb;GACL,mBAAmB,GAAG,EAAS;GAC/B,oBAAoB,GAAG,IAAS,EAAS;GAC1C,GAGI;GACL,oBAAoB,GAAG,EAAS;GAChC,mBAAmB,GAAG,IAAS,EAAS;GACzC;GACD,EAEuB"}
+{"version":3,"file":"useSliderIndicator.js","names":[],"sources":["../../../../src/components/slider/SliderIndicator/useSliderIndicator.ts"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const useSliderIndicator = () => {\n  const { min, max, values, orientation } = useSliderContext();\n\n  // /**\n  //  * 计算 indicator 的 start% 和 end%：\n  //  *  - 单 thumb：从 0 到当前值\n  //  *  - 双 thumb（range）：从 min thumb 到 max thumb\n  //  */\n  // const indicatorStyle = createMemo(() => {\n  //   const range = max() - min();\n  //   const sorted = values()\n  //     .slice()\n  //     .sort((a, b) => a - b);\n  //   const isSingle = sorted.length === 1;\n\n  //   const startPct = isSingle ? 0 : ((sorted[0] - min()) / range) * 100;\n  //   const endPct = ((sorted[sorted.length - 1] - min()) / range) * 100;\n\n  //   if (orientation() === \"vertical\") {\n  //     return {\n  //       bottom: `${startPct}%`,\n  //       height: `${endPct - startPct}%`,\n  //     };\n  //   }\n\n  //   return {\n  //     left: `${startPct}%`,\n  //     width: `${endPct - startPct}%`,\n  //   };\n  // });\n\n  /**\n   * 计算 indicator 的 start% 和 end%：\n   *  - 单 thumb：start 固定为 0，end 为当前值的百分比\n   *  - 多 thumb（range）：start 为第一个 thumb，end 为最后一个 thumb\n   *  注意：不对 values 排序，保持与 thumb 索引的对应关系\n   */\n  const indicatorStyle = createMemo(() => {\n    const range = max() - min();\n    const vals = values();\n    const isSingle = vals.length === 1;\n\n    const startPct = isSingle ? 0 : ((vals[0] - min()) / range) * 100;\n    const endPct = ((vals[vals.length - 1] - min()) / range) * 100;\n\n    if (orientation() === \"vertical\") {\n      return {\n        \"--relative-size\": `${startPct}%`,\n        \"--start-position\": `${endPct - startPct}%`,\n      };\n    }\n\n    return {\n      \"--start-position\": `${startPct}%`,\n      \"--relative-size\": `${endPct - startPct}%`,\n    };\n  });\n\n  return { indicatorStyle };\n};\n"],"mappings":";;;AAGA,IAAa,UAA2B;CACtC,IAAM,EAAE,QAAK,QAAK,WAAQ,mBAAgB,EAAiB;CAyD3D,OAAO,EAAE,gBArBc,QAAiB;EACtC,IAAM,IAAQ,EAAI,IAAI,EAAI,GACpB,IAAO,EAAO,GAGd,IAFW,EAAK,WAAW,IAEL,KAAM,EAAK,KAAK,EAAI,KAAK,IAAS,KACxD,KAAW,EAAK,EAAK,SAAS,KAAK,EAAI,KAAK,IAAS;EAS3D,OAPI,EAAY,MAAM,aACb;GACL,mBAAmB,GAAG,EAAS;GAC/B,oBAAoB,GAAG,IAAS,EAAS;EAC3C,IAGK;GACL,oBAAoB,GAAG,EAAS;GAChC,mBAAmB,GAAG,IAAS,EAAS;EAC1C;CACF,CAES,EAAe;AAC1B"}

package/dist/components/slider/SliderThumb/SliderThumb.js

@@ -5,7 +5,7 @@ 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/SliderThumb/SliderThumb.tsx
-var u = /* @__PURE__ */ c("<div data-slot=slider-thumb>"), d = (a) => {
+var u = /*#__PURE__*/ c("<div data-slot=slider-thumb>"), d = (a) => {
 	let c = r(), [d, f] = l(a, [
 		"index",
 		"class",

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

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","names":["splitProps","SliderThumbProps","clsx","classes","useSliderThumb","useSliderContext","SliderThumb","props","ctx","local","others","positionStyle","handleKeyDown","index","_el$","_tmpl$","addEventListener","setActiveThumbIndex","_$addEventListener","_$spread","_$mergeProps","data-index","data-orientation","orientation","data-disabled","disabled","aria-disabled","tabindex","class","style","_$delegateEvents"],"sources":["../../../../src/components/slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SliderThumbProps } from \"./SliderThumb.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./SliderThumb.styles\";\nimport { useSliderThumb } from \"./useSliderThumb\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const SliderThumb = (props: SliderThumbProps) => {\n  const ctx = useSliderContext();\n\n  const [local, others] = splitProps(props, [\"index\", \"class\", \"classList\"]);\n\n  const { positionStyle, handleKeyDown } = useSliderThumb(local.index);\n\n  return (\n    <div\n      data-slot=\"slider-thumb\"\n      data-index={local.index}\n      data-orientation={ctx.orientation()}\n      data-disabled={ctx.disabled()}\n      aria-disabled={ctx.disabled()}\n      tabindex={ctx.disabled() ? -1 : 0}\n      class={clsx(classes, local.class)}\n      style={positionStyle()}\n      onKeyDown={handleKeyDown}\n      onFocus={() => ctx.setActiveThumbIndex(local.index)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;2DAOaM,KAAeC,MAA4B;CACtD,IAAMC,IAAMH,GAAkB,EAExB,CAACI,GAAOC,KAAUV,EAAWO,GAAO;EAAC;EAAS;EAAS;EAAY,CAAC,EAEpE,EAAEI,kBAAeC,qBAAkBR,EAAeK,EAAMI,MAAM;AAEpE,eAAA;EAAA,IAAAC,IAAAC,GAAA;AAYc,SAZdD,EAAAE,iBAAA,eAWmBR,EAAIS,oBAAoBR,EAAMI,MAAM,CAAA,EAAAK,EAAAJ,GAAA,WADxCF,GAAa,GAAA,EAAAO,EAAAL,GAAAM,EAAA;GAAA,IAAA,eAAA;AAAA,WAPZX,EAAMI;;GAAK,IAAA,qBAAA;AAAA,WACLL,EAAIe,aAAa;;GAAA,IAAA,kBAAA;AAAA,WACpBf,EAAIiB,UAAU;;GAAA,IAAA,kBAAA;AAAA,WACdjB,EAAIiB,UAAU;;GAAA,IAC7BE,WAAQ;AAAA,WAAEnB,EAAIiB,UAAU,GAAG,KAAK;;GAAC,IAAA,QAAA;AAAA,WAC1BvB,EAAKC,GAASM,EAAMmB,MAAM;;GAAA,IACjCC,QAAK;AAAA,WAAElB,GAAe;;GAAA,EAGlBD,EAAM,EAAA,IAAA,GAAA,EAAAI;KAAA;;AAGdgB,EAAA,CAAA,UAAA,CAAA"}
+{"version":3,"file":"SliderThumb.js","names":["splitProps","SliderThumbProps","clsx","classes","useSliderThumb","useSliderContext","SliderThumb","props","ctx","local","others","positionStyle","handleKeyDown","index","_el$","_tmpl$","addEventListener","setActiveThumbIndex","_$addEventListener","_$spread","_$mergeProps","data-index","data-orientation","orientation","data-disabled","disabled","aria-disabled","tabindex","class","style","_$delegateEvents"],"sources":["../../../../src/components/slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SliderThumbProps } from \"./SliderThumb.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./SliderThumb.styles\";\nimport { useSliderThumb } from \"./useSliderThumb\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const SliderThumb = (props: SliderThumbProps) => {\n  const ctx = useSliderContext();\n\n  const [local, others] = splitProps(props, [\"index\", \"class\", \"classList\"]);\n\n  const { positionStyle, handleKeyDown } = useSliderThumb(local.index);\n\n  return (\n    <div\n      data-slot=\"slider-thumb\"\n      data-index={local.index}\n      data-orientation={ctx.orientation()}\n      data-disabled={ctx.disabled()}\n      aria-disabled={ctx.disabled()}\n      tabindex={ctx.disabled() ? -1 : 0}\n      class={clsx(classes, local.class)}\n      style={positionStyle()}\n      onKeyDown={handleKeyDown}\n      onFocus={() => ctx.setActiveThumbIndex(local.index)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;yDAOaM,KAAeC,MAA4B;CACtD,IAAMC,IAAMH,EAAiB,GAEvB,CAACI,GAAOC,KAAUV,EAAWO,GAAO;EAAC;EAAS;EAAS;CAAW,CAAC,GAEnE,EAAEI,kBAAeC,qBAAkBR,EAAeK,EAAMI,KAAK;CAEnE,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAYc,OAZdD,EAAAE,iBAAA,eAWmBR,EAAIS,oBAAoBR,EAAMI,KAAK,CAAC,GAAAK,EAAAJ,GAAA,WADxCF,GAAa,EAAA,GAAAO,EAAAL,GAAAM,EAAA;GAAA,IAAA,eAAA;IAAA,OAPZX,EAAMI;GAAK;GAAA,IAAA,qBAAA;IAAA,OACLL,EAAIe,YAAY;GAAC;GAAA,IAAA,kBAAA;IAAA,OACpBf,EAAIiB,SAAS;GAAC;GAAA,IAAA,kBAAA;IAAA,OACdjB,EAAIiB,SAAS;GAAC;GAAA,IAC7BE,WAAQ;IAAA,OAAEnB,EAAIiB,SAAS,IAAI,KAAK;GAAC;GAAA,IAAA,QAAA;IAAA,OAC1BvB,EAAKC,GAASM,EAAMmB,KAAK;GAAC;GAAA,IACjCC,QAAK;IAAA,OAAElB,EAAc;GAAC;EAAA,GAGlBD,CAAM,GAAA,IAAA,EAAA,GAAAI;CAAA,EAAA,CAAA;AAGhB;AAAEgB,EAAA,CAAA,SAAA,CAAA"}

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

@@ -1,6 +1,6 @@
 import { clsx as e } from "../../../utils/clsx.js";
 //#region src/components/slider/SliderThumb/SliderThumb.styles.ts
-var t = e("absolute block size-3 shrink-0 rounded-full border border-neutral-400 dark:border-neutral-500 bg-white ring-neutral-400/50 dark:ring-neutral-500/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 data-[disabled=true]:pointer-events-none", "data-[orientation=horizontal]:-translate-1/2 data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--position)", "data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:translate-y-1/2 data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:bottom-(--position)");
+var t = e("absolute block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 data-[disabled=true]:pointer-events-none", "data-[orientation=horizontal]:-translate-1/2 data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--position)", "data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:translate-y-1/2 data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:bottom-(--position)");
 //#endregion
 export { t as classes };
 

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

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.styles.js","names":[],"sources":["../../../../src/components/slider/SliderThumb/SliderThumb.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"absolute block size-3 shrink-0 rounded-full border border-neutral-400 dark:border-neutral-500 bg-white ring-neutral-400/50 dark:ring-neutral-500/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 data-[disabled=true]:pointer-events-none\",\n  \"data-[orientation=horizontal]:-translate-1/2 data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--position)\",\n  \"data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:translate-y-1/2 data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:bottom-(--position)\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,qVACA,sIACA,gLACD"}
+{"version":3,"file":"SliderThumb.styles.js","names":[],"sources":["../../../../src/components/slider/SliderThumb/SliderThumb.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"absolute block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 data-[disabled=true]:pointer-events-none\",\n  \"data-[orientation=horizontal]:-translate-1/2 data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--position)\",\n  \"data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:translate-y-1/2 data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:bottom-(--position)\",\n  // \"relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,sRACA,sIACA,+KAEF"}

package/dist/components/slider/SliderThumb/useSliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderThumb.js","names":["createMemo","useSliderContext","useSliderThumb","index","ctx","value","values","min","positionStyle","pct","max","handleKeyDown","e","KeyboardEvent","disabled","step","shiftKey","isVertical","orientation","increaseKeys","decreaseKeys","includes","key","preventDefault","updateValue"],"sources":["../../../../src/components/slider/SliderThumb/useSliderThumb.tsx"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const useSliderThumb = (index: number) => {\n  const ctx = useSliderContext();\n\n  const value = createMemo(() => ctx.values()[index] ?? ctx.min());\n\n  /**\n   * thumb 相对于 SliderControl（position: relative）绝对定位。\n   * 主轴：百分比 + translate(-50%) 使 thumb 中心对齐刻度点。\n   * 交叉轴：50% + translate(-50%) 使 thumb 始终居中于 track 细线。\n   */\n  const positionStyle = createMemo(() => {\n    const pct = ((value() - ctx.min()) / (ctx.max() - ctx.min())) * 100;\n\n    return {\n      \"--position\": `${pct}%`,\n    };\n  });\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (ctx.disabled()) return;\n\n    const step = e.shiftKey ? ctx.step() * 10 : ctx.step();\n    const isVertical = ctx.orientation() === \"vertical\";\n\n    const increaseKeys = isVertical ? [\"ArrowUp\"] : [\"ArrowRight\", \"ArrowUp\"];\n    const decreaseKeys = isVertical\n      ? [\"ArrowDown\"]\n      : [\"ArrowLeft\", \"ArrowDown\"];\n\n    if (increaseKeys.includes(e.key)) {\n      e.preventDefault();\n      ctx.updateValue(index, value() + step);\n    } else if (decreaseKeys.includes(e.key)) {\n      e.preventDefault();\n      ctx.updateValue(index, value() - step);\n    } else if (e.key === \"Home\") {\n      e.preventDefault();\n      ctx.updateValue(index, ctx.min());\n    } else if (e.key === \"End\") {\n      e.preventDefault();\n      ctx.updateValue(index, ctx.max());\n    }\n  };\n\n  return { positionStyle, handleKeyDown };\n};\n"],"mappings":";;;AAGA,IAAaE,KAAkBC,MAAkB;CAC/C,IAAMC,IAAMH,GAAkB,EAExBI,IAAQL,QAAiBI,EAAIE,QAAQ,CAACH,MAAUC,EAAIG,KAAK,CAAC;AAyChE,QAAO;EAAEC,eAlCaR,SAGb,EACL,cAAc,IAHFK,GAAO,GAAGD,EAAIG,KAAK,KAAKH,EAAIM,KAAK,GAAGN,EAAIG,KAAK,IAAK,IAG1C,IACrB,EACD;EA4BsBI,gBA1BDC,MAAqB;AAC1C,OAAIR,EAAIU,UAAU,CAAE;GAEpB,IAAMC,IAAOH,EAAEI,WAAWZ,EAAIW,MAAM,GAAG,KAAKX,EAAIW,MAAM,EAChDE,IAAab,EAAIc,aAAa,KAAK,YAEnCC,IAAeF,IAAa,CAAC,UAAU,GAAG,CAAC,cAAc,UAAU,EACnEG,IAAeH,IACjB,CAAC,YAAY,GACb,CAAC,aAAa,YAAY;AAE9B,GAAIE,EAAaE,SAAST,EAAEU,IAAI,IAC9BV,EAAEW,gBAAgB,EAClBnB,EAAIoB,YAAYrB,GAAOE,GAAO,GAAGU,EAAK,IAC7BK,EAAaC,SAAST,EAAEU,IAAI,IACrCV,EAAEW,gBAAgB,EAClBnB,EAAIoB,YAAYrB,GAAOE,GAAO,GAAGU,EAAK,IAC7BH,EAAEU,QAAQ,UACnBV,EAAEW,gBAAgB,EAClBnB,EAAIoB,YAAYrB,GAAOC,EAAIG,KAAK,CAAC,IACxBK,EAAEU,QAAQ,UACnBV,EAAEW,gBAAgB,EAClBnB,EAAIoB,YAAYrB,GAAOC,EAAIM,KAAK,CAAC;;EAIE"}
+{"version":3,"file":"useSliderThumb.js","names":["createMemo","useSliderContext","useSliderThumb","index","ctx","value","values","min","positionStyle","pct","max","handleKeyDown","e","KeyboardEvent","disabled","step","shiftKey","isVertical","orientation","increaseKeys","decreaseKeys","includes","key","preventDefault","updateValue"],"sources":["../../../../src/components/slider/SliderThumb/useSliderThumb.tsx"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const useSliderThumb = (index: number) => {\n  const ctx = useSliderContext();\n\n  const value = createMemo(() => ctx.values()[index] ?? ctx.min());\n\n  /**\n   * thumb 相对于 SliderControl（position: relative）绝对定位。\n   * 主轴：百分比 + translate(-50%) 使 thumb 中心对齐刻度点。\n   * 交叉轴：50% + translate(-50%) 使 thumb 始终居中于 track 细线。\n   */\n  const positionStyle = createMemo(() => {\n    const pct = ((value() - ctx.min()) / (ctx.max() - ctx.min())) * 100;\n\n    return {\n      \"--position\": `${pct}%`,\n    };\n  });\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (ctx.disabled()) return;\n\n    const step = e.shiftKey ? ctx.step() * 10 : ctx.step();\n    const isVertical = ctx.orientation() === \"vertical\";\n\n    const increaseKeys = isVertical ? [\"ArrowUp\"] : [\"ArrowRight\", \"ArrowUp\"];\n    const decreaseKeys = isVertical\n      ? [\"ArrowDown\"]\n      : [\"ArrowLeft\", \"ArrowDown\"];\n\n    if (increaseKeys.includes(e.key)) {\n      e.preventDefault();\n      ctx.updateValue(index, value() + step);\n    } else if (decreaseKeys.includes(e.key)) {\n      e.preventDefault();\n      ctx.updateValue(index, value() - step);\n    } else if (e.key === \"Home\") {\n      e.preventDefault();\n      ctx.updateValue(index, ctx.min());\n    } else if (e.key === \"End\") {\n      e.preventDefault();\n      ctx.updateValue(index, ctx.max());\n    }\n  };\n\n  return { positionStyle, handleKeyDown };\n};\n"],"mappings":";;;AAGA,IAAaE,KAAkBC,MAAkB;CAC/C,IAAMC,IAAMH,EAAiB,GAEvBI,IAAQL,QAAiBI,EAAIE,OAAO,CAAC,CAACH,MAAUC,EAAIG,IAAI,CAAC;CAyC/D,OAAO;EAAEC,eAlCaR,SAGb,EACL,cAAc,IAHFK,EAAM,IAAID,EAAIG,IAAI,MAAMH,EAAIM,IAAI,IAAIN,EAAIG,IAAI,KAAM,IAG1C,GACtB,EA6BOC;EAAeG,gBA1BDC,MAAqB;GAC1C,IAAIR,EAAIU,SAAS,GAAG;GAEpB,IAAMC,IAAOH,EAAEI,WAAWZ,EAAIW,KAAK,IAAI,KAAKX,EAAIW,KAAK,GAC/CE,IAAab,EAAIc,YAAY,MAAM,YAEnCC,IAAeF,IAAa,CAAC,SAAS,IAAI,CAAC,cAAc,SAAS,GAClEG,IAAeH,IACjB,CAAC,WAAW,IACZ,CAAC,aAAa,WAAW;GAE7B,AAAIE,EAAaE,SAAST,EAAEU,GAAG,KAC7BV,EAAEW,eAAe,GACjBnB,EAAIoB,YAAYrB,GAAOE,EAAM,IAAIU,CAAI,KAC5BK,EAAaC,SAAST,EAAEU,GAAG,KACpCV,EAAEW,eAAe,GACjBnB,EAAIoB,YAAYrB,GAAOE,EAAM,IAAIU,CAAI,KAC5BH,EAAEU,QAAQ,UACnBV,EAAEW,eAAe,GACjBnB,EAAIoB,YAAYrB,GAAOC,EAAIG,IAAI,CAAC,KACvBK,EAAEU,QAAQ,UACnBV,EAAEW,eAAe,GACjBnB,EAAIoB,YAAYrB,GAAOC,EAAIM,IAAI,CAAC;EAEpC;CAEsC;AACxC"}

package/dist/components/slider/SliderTrack/SliderTrack.js

@@ -4,7 +4,7 @@ import { useSliderContext as n } from "../Slider/Slider.context.js";
 import { mergeProps as r, spread as i, template as a, use as o } from "solid-js/web";
 import { splitProps as s } from "solid-js";
 //#region src/components/slider/SliderTrack/SliderTrack.tsx
-var c = /* @__PURE__ */ a("<div data-slot=slider-track>"), l = (a) => {
+var c = /*#__PURE__*/ a("<div data-slot=slider-track>"), l = (a) => {
 	let l = n(), [u, d] = s(a, ["class", "classList"]);
 	return (() => {
 		var n = c(), a = l.setTrackRef;

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

@@ -1 +1 @@
-{"version":3,"file":"SliderTrack.js","names":["splitProps","SliderTrackProps","clsx","classes","useSliderContext","SliderTrack","props","ctx","local","others","_el$","_tmpl$","_ref$","setTrackRef","_$use","_$spread","_$mergeProps","data-orientation","orientation","class"],"sources":["../../../../src/components/slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SliderTrackProps } from \"./SliderTrack.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./SliderTrack.styles\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const SliderTrack = (props: SliderTrackProps) => {\n  const ctx = useSliderContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"slider-track\"\n      data-orientation={ctx.orientation()}\n      ref={ctx.setTrackRef}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;2DAMaK,KAAeC,MAA4B;CACtD,IAAMC,IAAMH,GAAkB,EAExB,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAI,IAAAC,GAAA,EAAAC,IAISL,EAAIM;AAEC,SAFU,OAAAD,KAAA,aAAAE,EAAAF,GAAAF,EAAA,GAAfH,EAAIM,cAAWH,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA,qBAAA;AAAA,WADFT,EAAIW,aAAa;;GAAA,IAAA,QAAA;AAAA,WAE5BhB,EAAKC,GAASK,EAAMW,MAAM;;GAAA,EAC7BV,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SliderTrack.js","names":["splitProps","SliderTrackProps","clsx","classes","useSliderContext","SliderTrack","props","ctx","local","others","_el$","_tmpl$","_ref$","setTrackRef","_$use","_$spread","_$mergeProps","data-orientation","orientation","class"],"sources":["../../../../src/components/slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SliderTrackProps } from \"./SliderTrack.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./SliderTrack.styles\";\nimport { useSliderContext } from \"../Slider\";\n\nexport const SliderTrack = (props: SliderTrackProps) => {\n  const ctx = useSliderContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"slider-track\"\n      data-orientation={ctx.orientation()}\n      ref={ctx.setTrackRef}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;yDAMaK,KAAeC,MAA4B;CACtD,IAAMC,IAAMH,EAAiB,GAEvB,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA,GAAAC,IAISL,EAAIM;EAEC,OAFU,OAAAD,KAAA,aAAAE,EAAAF,GAAAF,CAAA,IAAfH,EAAIM,cAAWH,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA,qBAAA;IAAA,OADFT,EAAIW,YAAY;GAAC;GAAA,IAAA,QAAA;IAAA,OAE5BhB,EAAKC,GAASK,EAAMW,KAAK;GAAC;EAAA,GAC7BV,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -1 +1 @@
-export declare const classes = "relative grow overflow-hidden rounded-full bg-neutral-100 dark:bg-neutral-800 select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1";
+export declare const classes = "relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1";

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

@@ -1,5 +1,5 @@
 //#region src/components/slider/SliderTrack/SliderTrack.styles.ts
-var e = "relative grow overflow-hidden rounded-full bg-neutral-100 dark:bg-neutral-800 select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1";
+var e = "relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1";
 //#endregion
 export { e as classes };
 

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

@@ -1 +1 @@
-{"version":3,"file":"SliderTrack.styles.js","names":[],"sources":["../../../../src/components/slider/SliderTrack/SliderTrack.styles.ts"],"sourcesContent":["export const classes =\n  \"relative grow overflow-hidden rounded-full bg-neutral-100 dark:bg-neutral-800 select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"SliderTrack.styles.js","names":[],"sources":["../../../../src/components/slider/SliderTrack/SliderTrack.styles.ts"],"sourcesContent":["export const classes =\n  \"relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","names":["LoaderCircle","splitProps","clsx","classes","SpinnerProps","Spinner","props","local","others","_$createComponent","_$mergeProps","class","role"],"sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import { LoaderCircle } from \"lucide-solid\";\nimport { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Spinner.styles\";\nimport type { SpinnerProps } from \"./Spinner.types\";\n\nexport const Spinner = (props: SpinnerProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <LoaderCircle\n      class={clsx(classes, local.class)}\n      role=\"status\"\n      aria-label=\"Loading\"\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAAWC,MAAwB;CAC9C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGT,GAAYU,EAAA;EAAA,IAAA,QAAA;AAAA,UACJR,EAAKC,GAASI,EAAMI,MAAM;;EACjCC,MAAI;EAAA,cAAA;EAAA,EAEAJ,EAAM,CAAA"}
+{"version":3,"file":"Spinner.js","names":["LoaderCircle","splitProps","clsx","classes","SpinnerProps","Spinner","props","local","others","_$createComponent","_$mergeProps","class","role"],"sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import { LoaderCircle } from \"lucide-solid\";\nimport { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Spinner.styles\";\nimport type { SpinnerProps } from \"./Spinner.types\";\n\nexport const Spinner = (props: SpinnerProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <LoaderCircle\n      class={clsx(classes, local.class)}\n      role=\"status\"\n      aria-label=\"Loading\"\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAAWC,MAAwB;CAC9C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGT,GAAYU,EAAA;EAAA,IAAA,QAAA;GAAA,OACJR,EAAKC,GAASI,EAAMI,KAAK;EAAC;EACjCC,MAAI;EAAA,cAAA;CAAA,GAEAJ,CAAM,CAAA;AAGhB"}

package/dist/components/spinner/Spinner.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.styles.js","names":[],"sources":["../../../src/components/spinner/Spinner.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\"size-4\", \"animate-spin\");\n"],"mappings":";;AAEA,IAAa,IAAU,EAAK,UAAU,eAAe"}
+{"version":3,"file":"Spinner.styles.js","names":[],"sources":["../../../src/components/spinner/Spinner.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\"size-4\", \"animate-spin\");\n"],"mappings":";;AAEA,IAAa,IAAU,EAAK,UAAU,cAAc"}

package/dist/components/switch/Switch.js

@@ -3,8 +3,8 @@ import { classes as t } from "./Switch.styles.js";
 import { className as n, delegateEvents as r, effect as i, mergeProps as a, setAttribute as o, spread as s, template as c } from "solid-js/web";
 import { createMemo as l, createSignal as u, mergeProps as d, splitProps as f } from "solid-js";
 //#region src/components/switch/Switch.tsx
-var p = /* @__PURE__ */ c("<span data-slot=switch role=switch tabindex=0><span data-slot=switch-thumb></span><input tabindex=-1 aria-hidden=true type=checkbox class=sr-only>"), m = (r) => {
-	let [c, m] = f(d({ size: "md" }, r), [
+var p = /*#__PURE__*/ c("<span data-slot=switch role=switch tabindex=0><span data-slot=switch-thumb></span><input tabindex=-1 aria-hidden=true type=checkbox class=sr-only>"), m = (r) => {
+	let c = d({ size: "md" }, r), [m, h] = f(c, [
 		"id",
 		"checked",
 		"defaultChecked",
@@ -13,41 +13,41 @@ var p = /* @__PURE__ */ c("<span data-slot=switch role=switch tabindex=0><span d
 		"disabled",
 		"class",
 		"classList"
-	]), [h, g] = u(c.defaultChecked ?? !1), _ = () => {
-		if (c.checked !== void 0) {
-			g(c.checked), c.onCheckedChange?.(!c.checked);
+	]), [g, _] = u(m.defaultChecked ?? !1), v = () => {
+		if (m.checked !== void 0) {
+			_(m.checked), m.onCheckedChange?.(!m.checked);
 			return;
 		}
-		let e = !h();
-		g(e), c.onCheckedChange?.(e);
-	}, v = l(() => c.checked === void 0 ? h() : c.checked);
+		let e = !g();
+		_(e), m.onCheckedChange?.(e);
+	}, y = l(() => m.checked === void 0 ? g() : m.checked);
 	return (() => {
-		var r = p(), l = r.firstChild, u = l.nextSibling;
-		return r.$$click = _, s(r, a({
+		var r = p(), c = r.firstChild, l = c.nextSibling;
+		return r.$$click = v, s(r, a({
 			get "data-size"() {
-				return c.size;
+				return m.size;
 			},
 			get "data-checked"() {
-				return v();
+				return y();
 			},
 			get "data-disabled"() {
-				return c.disabled;
+				return m.disabled;
 			},
 			get "aria-checked"() {
-				return v();
+				return y();
 			},
 			get class() {
-				return e(t.switch, c.class);
+				return e(t.switch, m.class);
 			}
-		}, m), !1, !0), i((e) => {
-			var r = t.thumb, i = v(), a = c.id, s = c.disabled;
-			return r !== e.e && n(l, e.e = r), i !== e.t && o(l, "data-checked", e.t = i), a !== e.a && o(u, "id", e.a = a), s !== e.o && (u.disabled = e.o = s), e;
+		}, h), !1, !0), i((e) => {
+			var r = t.thumb, i = y(), a = m.id, s = m.disabled;
+			return r !== e.e && n(c, e.e = r), i !== e.t && o(c, "data-checked", e.t = i), a !== e.a && o(l, "id", e.a = a), s !== e.o && (l.disabled = e.o = s), e;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0,
 			o: void 0
-		}), i(() => u.checked = v()), r;
+		}), i(() => l.checked = y()), r;
 	})();
 };
 r(["click"]);

package/dist/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["createMemo","createSignal","mergeProps","splitProps","SwitchProps","clsx","classes","Switch","props","merged","size","const","local","others","internalChecked","setInternalChecked","defaultChecked","handleClick","checked","undefined","onCheckedChange","newChecked","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","$$click","_$spread","_$mergeProps","data-size","data-checked","data-disabled","disabled","aria-checked","class","switch","_$effect","_p$","_v$","thumb","_v$2","_v$3","id","_v$4","e","_$className","t","_$setAttribute","a","o","_$delegateEvents"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { createMemo, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport type { SwitchProps } from \"./Switch.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Switch.styles\";\n\nexport const Switch = (props: SwitchProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onCheckedChange\",\n    \"size\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked ?? false,\n  );\n\n  const handleClick = () => {\n    if (local.checked !== undefined) {\n      setInternalChecked(local.checked);\n      local.onCheckedChange?.(!local.checked);\n      return;\n    }\n\n    const newChecked = !internalChecked();\n    setInternalChecked(newChecked);\n    local.onCheckedChange?.(newChecked);\n  };\n\n  const checked = createMemo(() =>\n    local.checked !== undefined ? local.checked : internalChecked(),\n  );\n\n  return (\n    <span\n      data-slot=\"switch\"\n      data-size={local.size}\n      data-checked={checked()}\n      data-disabled={local.disabled}\n      role=\"switch\"\n      tabIndex={0}\n      aria-checked={checked()}\n      class={clsx(classes.switch, local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <span\n        data-slot=\"switch-thumb\"\n        class={classes.thumb}\n        data-checked={checked()}\n      />\n      <input\n        id={local.id}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        type=\"checkbox\"\n        checked={checked()}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </span>\n  );\n};\n"],"mappings":";;;;;iLAKaO,KAAUC,MAAuB;CAG5C,IAAM,CAACI,GAAOC,KAAUV,EAFTD,EAAW,EAAEQ,MAAM,MAAM,EAAWF,EAAM,EAEd;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACM,GAAiBC,KAAsBd,EAC5CW,EAAMI,kBAAkB,GACzB,EAEKC,UAAoB;AACxB,MAAIL,EAAMM,YAAYC,KAAAA,GAAW;AAE/BP,GADAG,EAAmBH,EAAMM,QAAQ,EACjCN,EAAMQ,kBAAkB,CAACR,EAAMM,QAAQ;AACvC;;EAGF,IAAMG,IAAa,CAACP,GAAiB;AAErCF,EADAG,EAAmBM,EAAW,EAC9BT,EAAMQ,kBAAkBC,EAAW;IAG/BH,IAAUlB,QACdY,EAAMM,YAAYC,KAAAA,IAA4BL,GAChD,GADgCF,EAAMM,QACrC;AAED,eAAA;EAAA,IAAAI,IAAAC,GAAA,EAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG;AAuBwB,SAvBxBL,EAAAM,UAUaX,GAAWY,EAAAP,GAAAQ,EAAA;GAAA,IAAA,cAAA;AAAA,WAPTlB,EAAMF;;GAAI,IAAA,iBAAA;AAAA,WACPQ,GAAS;;GAAA,IAAA,kBAAA;AAAA,WACRN,EAAMsB;;GAAQ,IAAA,iBAAA;AAAA,WAGfhB,GAAS;;GAAA,IAAA,QAAA;AAAA,WAChBb,EAAKC,EAAQ+B,QAAQzB,EAAMwB,MAAM;;GAAA,EAEpCvB,EAAM,EAAA,IAAA,GAAA,EAAAyB,GAAAC,MAAA;GAAA,IAAAC,IAIDlC,EAAQmC,OAAKC,IACNxB,GAAS,EAAAyB,IAGnB/B,EAAMgC,IAAEC,IAMFjC,EAAMsB;AAAQ,UAAAM,MAAAD,EAAAO,KAAAC,EAAAvB,GAAAe,EAAAO,IAAAN,EAAA,EAAAE,MAAAH,EAAAS,KAAAC,EAAAzB,GAAA,gBAAAe,EAAAS,IAAAN,EAAA,EAAAC,MAAAJ,EAAAW,KAAAD,EAAAvB,GAAA,MAAAa,EAAAW,IAAAP,EAAA,EAAAE,MAAAN,EAAAY,MAAAzB,EAAAQ,WAAAK,EAAAY,IAAAN,IAAAN;KAAA;GAAAO,GAAA3B,KAAAA;GAAA6B,GAAA7B,KAAAA;GAAA+B,GAAA/B,KAAAA;GAAAgC,GAAAhC,KAAAA;GAAA,CAAA,EAAAmB,QAAAZ,EAAAR,UAFfA,GAAS,CAAA,EAAAI;KAAA;;AAMxB8B,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"Switch.js","names":["createMemo","createSignal","mergeProps","splitProps","SwitchProps","clsx","classes","Switch","props","merged","size","const","local","others","internalChecked","setInternalChecked","defaultChecked","handleClick","checked","undefined","onCheckedChange","newChecked","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","$$click","_$spread","_$mergeProps","data-size","data-checked","data-disabled","disabled","aria-checked","class","switch","_$effect","_p$","_v$","thumb","_v$2","_v$3","id","_v$4","e","_$className","t","_$setAttribute","a","o","_$delegateEvents"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { createMemo, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport type { SwitchProps } from \"./Switch.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Switch.styles\";\n\nexport const Switch = (props: SwitchProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onCheckedChange\",\n    \"size\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked ?? false,\n  );\n\n  const handleClick = () => {\n    if (local.checked !== undefined) {\n      setInternalChecked(local.checked);\n      local.onCheckedChange?.(!local.checked);\n      return;\n    }\n\n    const newChecked = !internalChecked();\n    setInternalChecked(newChecked);\n    local.onCheckedChange?.(newChecked);\n  };\n\n  const checked = createMemo(() =>\n    local.checked !== undefined ? local.checked : internalChecked(),\n  );\n\n  return (\n    <span\n      data-slot=\"switch\"\n      data-size={local.size}\n      data-checked={checked()}\n      data-disabled={local.disabled}\n      role=\"switch\"\n      tabIndex={0}\n      aria-checked={checked()}\n      class={clsx(classes.switch, local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <span\n        data-slot=\"switch-thumb\"\n        class={classes.thumb}\n        data-checked={checked()}\n      />\n      <input\n        id={local.id}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        type=\"checkbox\"\n        checked={checked()}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </span>\n  );\n};\n"],"mappings":";;;;;+KAKaO,KAAUC,MAAuB;CAC5C,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAElD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ,GAEK,CAACK,GAAiBC,KAAsBd,EAC5CW,EAAMI,kBAAkB,EAC1B,GAEMC,UAAoB;EACxB,IAAIL,EAAMM,YAAYC,KAAAA,GAAW;GAE/BP,AADAG,EAAmBH,EAAMM,OAAO,GAChCN,EAAMQ,kBAAkB,CAACR,EAAMM,OAAO;GACtC;EACF;EAEA,IAAMG,IAAa,CAACP,EAAgB;EAEpCF,AADAG,EAAmBM,CAAU,GAC7BT,EAAMQ,kBAAkBC,CAAU;CACpC,GAEMH,IAAUlB,QACdY,EAAMM,YAAYC,KAAAA,IAA4BL,EAAgB,IAAhCF,EAAMM,OACtC;CAEA,cAAA;EAAA,IAAAI,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG;EAuBwB,OAvBxBL,EAAAM,UAUaX,GAAWY,EAAAP,GAAAQ,EAAA;GAAA,IAAA,cAAA;IAAA,OAPTlB,EAAMF;GAAI;GAAA,IAAA,iBAAA;IAAA,OACPQ,EAAQ;GAAC;GAAA,IAAA,kBAAA;IAAA,OACRN,EAAMsB;GAAQ;GAAA,IAAA,iBAAA;IAAA,OAGfhB,EAAQ;GAAC;GAAA,IAAA,QAAA;IAAA,OAChBb,EAAKC,EAAQ+B,QAAQzB,EAAMwB,KAAK;GAAC;EAAA,GAEpCvB,CAAM,GAAA,IAAA,EAAA,GAAAyB,GAAAC,MAAA;GAAA,IAAAC,IAIDlC,EAAQmC,OAAKC,IACNxB,EAAQ,GAACyB,IAGnB/B,EAAMgC,IAAEC,IAMFjC,EAAMsB;GAAQ,OAAAM,MAAAD,EAAAO,KAAAC,EAAAvB,GAAAe,EAAAO,IAAAN,CAAA,GAAAE,MAAAH,EAAAS,KAAAC,EAAAzB,GAAA,gBAAAe,EAAAS,IAAAN,CAAA,GAAAC,MAAAJ,EAAAW,KAAAD,EAAAvB,GAAA,MAAAa,EAAAW,IAAAP,CAAA,GAAAE,MAAAN,EAAAY,MAAAzB,EAAAQ,WAAAK,EAAAY,IAAAN,IAAAN;EAAA,GAAA;GAAAO,GAAA3B,KAAAA;GAAA6B,GAAA7B,KAAAA;GAAA+B,GAAA/B,KAAAA;GAAAgC,GAAAhC,KAAAA;EAAA,CAAA,GAAAmB,QAAAZ,EAAAR,UAFfA,EAAQ,CAAC,GAAAI;CAAA,EAAA,CAAA;AAM1B;AAAE8B,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/switch/Switch.styles.js

@@ -1,8 +1,8 @@
 import { clsx as e } from "../../utils/clsx.js";
 //#region src/components/switch/Switch.styles.ts
 var t = {
-	switch: e("relative inline-flex shrink-0 items-center after:absolute after:-inset-x-3 after:-inset-y-2", "rounded-full border border-transparent focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 aria-invalid:border-red-600 dark:aria-invalid:border-red-400/50", "focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 aria-invalid:ring-red-600/20 dark:aria-invalid:ring-red-400/40 data-[checked=true]:bg-neutral-900 dark:data-[checked=true]:bg-neutral-200 data-[checked=false]:bg-neutral-200 dark:data-[checked=false]:bg-white/12", "data-[size=md]:h-[18.4px] data-[size=md]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6", "peer group/switch transition-all outline-none focus-visible:ring-3 aria-invalid:ring-3 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none"),
-	thumb: e("pointer-events-none", "block", "rounded-full", "ring-0", "transition-transform", "group-data-[size=md]/switch:size-4 group-data-[size=sm]/switch:size-3", "group-data-[size=md]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] group-data-[size=md]/switch:data-[checked=false]:translate-x-0 group-data-[size=sm]/switch:data-[checked=false]:translate-x-0", "bg-white dark:bg-neutral-950 dark:data-[checked=true]:bg-neutral-900 dark:data-[checked=false]:bg-neutral-50")
+	switch: e("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=md]:h-[18.4px] data-[size=md]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[checked=true]:bg-primary data-[checked=false]:bg-input dark:data-[checked=false]:bg-input/80 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none"),
+	thumb: e("pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=md]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=md]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] dark:data-[checked=true]:bg-primary-foreground group-data-[size=md]/switch:data-[checked=false]:translate-x-0 group-data-[size=sm]/switch:data-[checked=false]:translate-x-0 dark:data-[checked=false]:bg-foreground")
 };
 //#endregion
 export { t as classes };

package/dist/components/switch/Switch.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.js","names":[],"sources":["../../../src/components/switch/Switch.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = {\n  switch: clsx(\n    \"relative inline-flex shrink-0 items-center after:absolute after:-inset-x-3 after:-inset-y-2\",\n    \"rounded-full border border-transparent focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 aria-invalid:border-red-600 dark:aria-invalid:border-red-400/50\",\n    \"focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 aria-invalid:ring-red-600/20 dark:aria-invalid:ring-red-400/40 data-[checked=true]:bg-neutral-900 dark:data-[checked=true]:bg-neutral-200 data-[checked=false]:bg-neutral-200 dark:data-[checked=false]:bg-white/12\",\n    \"data-[size=md]:h-[18.4px] data-[size=md]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6\",\n    \"peer group/switch transition-all outline-none focus-visible:ring-3 aria-invalid:ring-3 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none\",\n  ),\n  thumb: clsx(\n    \"pointer-events-none\",\n    \"block\",\n    \"rounded-full\",\n    \"ring-0\",\n    \"transition-transform\",\n    \"group-data-[size=md]/switch:size-4 group-data-[size=sm]/switch:size-3\",\n    \"group-data-[size=md]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] group-data-[size=md]/switch:data-[checked=false]:translate-x-0 group-data-[size=sm]/switch:data-[checked=false]:translate-x-0\",\n    \"bg-white dark:bg-neutral-950 dark:data-[checked=true]:bg-neutral-900 dark:data-[checked=false]:bg-neutral-50\",\n  ),\n} as const;\n"],"mappings":";;AAEA,IAAa,IAAU;CACrB,QAAQ,EACN,+FACA,iLACA,gSACA,wFACA,0MACD;CACD,OAAO,EACL,uBACA,SACA,gBACA,UACA,wBACA,yEACA,2RACA,+GACD;CACF"}
+{"version":3,"file":"Switch.styles.js","names":[],"sources":["../../../src/components/switch/Switch.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = {\n  switch: clsx(\n    // \"relative inline-flex shrink-0 items-center after:absolute after:-inset-x-3 after:-inset-y-2\",\n    // \"rounded-full border border-transparent focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 aria-invalid:border-red-600 dark:aria-invalid:border-red-400/50\",\n    // \"focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 aria-invalid:ring-red-600/20 dark:aria-invalid:ring-red-400/40 data-[checked=true]:bg-neutral-900 dark:data-[checked=true]:bg-neutral-200 data-[checked=false]:bg-neutral-200 dark:data-[checked=false]:bg-white/12\",\n    // \"data-[size=md]:h-[18.4px] data-[size=md]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6\",\n    // \"peer group/switch transition-all outline-none focus-visible:ring-3 aria-invalid:ring-3 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none\",\n    \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=md]:h-[18.4px] data-[size=md]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[checked=true]:bg-primary data-[checked=false]:bg-input dark:data-[checked=false]:bg-input/80 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none\",\n  ),\n  thumb: clsx(\n    // \"pointer-events-none\",\n    // \"block\",\n    // \"rounded-full\",\n    // \"ring-0\",\n    // \"transition-transform\",\n    // \"group-data-[size=md]/switch:size-4 group-data-[size=sm]/switch:size-3\",\n    // \"group-data-[size=md]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] group-data-[size=md]/switch:data-[checked=false]:translate-x-0 group-data-[size=sm]/switch:data-[checked=false]:translate-x-0\",\n    // \"bg-white dark:bg-neutral-950 dark:data-[checked=true]:bg-neutral-900 dark:data-[checked=false]:bg-neutral-50\",\n    \"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=md]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=md]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[checked=true]:translate-x-[calc(100%-2px)] dark:data-[checked=true]:bg-primary-foreground group-data-[size=md]/switch:data-[checked=false]:translate-x-0 group-data-[size=sm]/switch:data-[checked=false]:translate-x-0 dark:data-[checked=false]:bg-foreground\",\n  ),\n} as const;\n"],"mappings":";;AAEA,IAAa,IAAU;CACrB,QAAQ,EAMN,wsBACF;CACA,OAAO,EASL,ugBACF;AACF"}

package/dist/components/tabs/Tabs/Tabs.context.d.ts

@@ -0,0 +1,47 @@
+import { Accessor, ParentProps } from 'solid-js';
+import { TabsValue } from './Tabs.types';
+interface TriggerEntry {
+    value: TabsValue;
+    /** accessor,支持运行时 disabled 翻转 */
+    disabled: () => boolean;
+    element: HTMLElement;
+}
+export interface TabsContextValue {
+    /** 当前激活值(受控优先,否则内部状态) */
+    value: Accessor<TabsValue | undefined>;
+    setValue: (value: TabsValue) => void;
+    isSelected: (value: TabsValue) => boolean;
+    orientation: Accessor<"horizontal" | "vertical">;
+    dir: Accessor<"ltr" | "rtl" | "auto">;
+    loop: Accessor<boolean>;
+    /**
+     * 当前焦点高亮 tab,与激活值分离:
+     * 默认(activateOnFocus=false)聚焦/键盘导航只更新高亮,不激活;
+     * 激活只发生在点击(click)时。与 base-ui 的 highlighted/active 语义一致。
+     */
+    highlightedValue: Accessor<TabsValue | undefined>;
+    setHighlightedValue: (value: TabsValue) => void;
+    /** 按挂载顺序注册 trigger,返回注销函数;仅用于渲染期推导与键盘导航 */
+    registerTrigger: (entry: TriggerEntry) => () => void;
+    /** 已注册的 trigger 列表(挂载顺序) */
+    getTriggers: () => TriggerEntry[];
+    /** 无高亮时,该 value 是否为第一个可用 trigger(键盘 tabindex 起点) */
+    isFirstEnabled: (value: TabsValue) => boolean;
+    /** 该 value 对应的 trigger 当前是否可用(已注册且未 disabled) */
+    isUsable: (value: TabsValue) => boolean;
+    /** value -> triggerId / contentId 交叉注册,供 aria-controls / aria-labelledby 使用 */
+    setTriggerId: (value: TabsValue, id: string) => void;
+    getTriggerId: (value: TabsValue) => string | undefined;
+    setContentId: (value: TabsValue, id: string) => void;
+    getContentId: (value: TabsValue) => string | undefined;
+}
+export declare function TabsProvider(props: ParentProps & {
+    defaultValue?: TabsValue;
+    value?: TabsValue;
+    onValueChange?: (value: TabsValue) => void;
+    orientation: "horizontal" | "vertical";
+    dir: "ltr" | "rtl" | "auto";
+    loop: boolean;
+}): import("solid-js").JSX.Element;
+export declare const useTabsContext: () => TabsContextValue;
+export {};

package/dist/components/tabs/Tabs/Tabs.context.js

@@ -0,0 +1,54 @@
+import { createComponent as e } from "solid-js/web";
+import { createContext as t, createEffect as n, createSignal as r, useContext as i } from "solid-js";
+import { createStore as a } from "solid-js/store";
+//#region src/components/tabs/Tabs/Tabs.context.tsx
+var o = t();
+function s(t) {
+	let [i, s] = r(t.defaultValue), [c, l] = r(), [u, d] = r([]), [f, p] = a({
+		trigger: {},
+		content: {}
+	}), m = () => t.value ?? i(), h = (e) => {
+		if (t.value !== void 0) {
+			t.onValueChange?.(e);
+			return;
+		}
+		s(e), t.onValueChange?.(e);
+	}, g = (e) => m() === e;
+	n(() => {
+		let e = m();
+		e !== void 0 && document.activeElement?.getAttribute("role") !== "tab" && l(e);
+	});
+	let _ = {
+		value: m,
+		setValue: h,
+		isSelected: g,
+		orientation: () => t.orientation,
+		dir: () => t.dir,
+		loop: () => t.loop,
+		highlightedValue: c,
+		setHighlightedValue: l,
+		registerTrigger: (e) => (d((t) => [...t, e]), () => d((t) => t.filter((t) => t.value !== e.value))),
+		getTriggers: () => u(),
+		isFirstEnabled: (e) => u().find((e) => !e.disabled())?.value === e,
+		isUsable: (e) => u().some((t) => t.value === e && !t.disabled()),
+		setTriggerId: (e, t) => p("trigger", String(e), t),
+		getTriggerId: (e) => f.trigger[String(e)],
+		setContentId: (e, t) => p("content", String(e), t),
+		getContentId: (e) => f.content[String(e)]
+	};
+	return e(o.Provider, {
+		value: _,
+		get children() {
+			return t.children;
+		}
+	});
+}
+var c = () => {
+	let e = i(o);
+	if (!e) throw Error("useTabsContext must be used within a <Tabs> component");
+	return e;
+};
+//#endregion
+export { s as TabsProvider, c as useTabsContext };
+
+//# sourceMappingURL=Tabs.context.js.map