@neut/ui 0.0.17 → 0.0.18

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","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","Slider","merged","props","local","others","splitProps","useSlider","createComponent","SliderContext","context","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","SliderControl","SliderTrack","SliderIndicator","For","SliderThumb","idx"],"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,IAAA8C,QAAA;KAAA,OAC5B1D,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"}
+{"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","classList","_$insert","each","Array","from","length","values","_","idx","index","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","Slider","merged","props","local","others","splitProps","useSlider","createComponent","SliderContext","context","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","SliderControl","SliderTrack","SliderIndicator","For","SliderThumb","idx"],"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        classList={local.classList}\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;GAcY,OAdZC,EAAAF,GAAAG,EAAA;IAAA,IAAA,qBAAA;KAAA,OAGhBV,EAAMN;IAAW;IAAA,IAAA+C,QAAA;KAAA,OAC5B3D,EAAKC,GAASiB,EAAMY,KAAK;IAAC;IAAA,IACjCC,YAAS;KAAA,OAAEb,EAAMa;IAAS;GAAA,GACtBZ,CAAM,GAAA,IAAA,EAAA,GAAAa,EAAAP,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,IAACqC,OAAI;MAAA,OAAEC,MAAMC,KAAK,EAAEC,QAAQhB,EAAQiB,OAAO,CAAC,CAACD,OAAO,CAAC;KAAC;KAAAZ,WACtDc,GAAGC,MAAGlB,EAAMhB,GAAW,EAAA,IAACmC,QAAK;MAAA,OAAED,EAAI;KAAC,EAAA,CAAA;IAAI,CAAA,CAAA;GAAA,EAAA,CAAA,CAAA,GAAAd;EAAA;CAAA,CAAA;AAMtD"}

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 data-slot=slider-control>"), d = (a) => {
 	let c = r(), [d, f] = l(a, ["class", "classList"]), { handlePointerDown: p, handlePointerMove: m, handlePointerUp: h } = n();
 	return (() => {
 		var n = u();
@@ -18,6 +18,9 @@ var u = /*#__PURE__*/ c("<div>"), d = (a) => {
 			},
 			get class() {
 				return e(t, d.class);
+			},
+			get classList() {
+				return d.classList;
 			}
 		}, f), !1, !1), n;
 	})();

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","_$mergeProps","_$delegateEvents","_tmpl$","SliderControl","ctx","useSliderContext","local","others","splitProps","props","useSliderControl","_el$","addEventListener","handlePointerUp","handlePointerMove","handlePointerDown","spread","mergeProps","\"class\"","clsx","classes","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,IAAAqB,QAAA;IAAA,OAItBzC,EAAKC,GAASM,EAAMc,KAAK;GAAC;EAAA,GAC7Bb,CAAM,GAAA,IAAA,EAAA,GAAAI;CAAA,EAAA,CAAA;AAGhB;AAAEU,EAAA;CAAA;CAAA;CAAA;AAAA,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","classList","_$delegateEvents","_$mergeProps","_$delegateEvents","_tmpl$","SliderControl","ctx","useSliderContext","local","others","splitProps","props","useSliderControl","_el$","addEventListener","handlePointerUp","handlePointerMove","handlePointerDown","spread","mergeProps","\"class\"","clsx","classes","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-slot=\"slider-control\"\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      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;2DAOaM,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;EAUc,OAVdC,EAAAF,GAAA,aAOiBD,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,IAAAsB,QAAA;IAAA,OAItB1C,EAAKC,GAASM,EAAMc,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEf,EAAMe;GAAS;EAAA,GACtBd,CAAM,GAAA,IAAA,EAAA,GAAAI;CAAA,EAAA,CAAA;AAGhB;AAAEW,EAAA;CAAA;CAAA;CAAA;AAAA,CAAA"}

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

@@ -16,6 +16,9 @@ var c = /*#__PURE__*/ o("<div data-slot=slider-range>"), l = (o) => {
 			get class() {
 				return e(t, u.class);
 			},
+			get classList() {
+				return u.classList;
+			},
 			get style() {
 				return f();
 			}

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","_$mergeProps","_tmpl$","SliderIndicator","ctx","useSliderContext","local","others","splitProps","props","useSliderIndicator","_el$","spread","mergeProps","\"class\"","clsx","classes","indicatorStyle"],"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,IAAAgB,QAAA;IAAA,OAC5B/B,EAAKC,GAASM,EAAMS,KAAK;GAAC;GAAA,IACjCC,QAAK;IAAA,OAAER,EAAe;GAAC;EAAA,GACnBD,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}
+{"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","classList","style","_$mergeProps","_tmpl$","SliderIndicator","ctx","useSliderContext","local","others","splitProps","props","useSliderIndicator","_el$","spread","mergeProps","\"class\"","clsx","classes","indicatorStyle"],"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      classList={local.classList}\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;EAOc,OAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBP,EAAIS,YAAY;GAAC;GAAA,IAAAiB,QAAA;IAAA,OAC5BhC,EAAKC,GAASM,EAAMS,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEV,EAAMU;GAAS;GAAA,IAC1BC,QAAK;IAAA,OAAET,EAAe;GAAC;EAAA,GACnBD,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -5,12 +5,12 @@ 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 role=slider>"), d = (a) => {
 	let c = r(), [d, f] = l(a, [
 		"index",
 		"class",
 		"classList"
-	]), { positionStyle: p, handleKeyDown: m } = n(d.index);
+	]), { positionStyle: p, handleKeyDown: m, value: h } = n(d.index);
 	return (() => {
 		var n = u();
 		return n.addEventListener("focus", () => c.setActiveThumbIndex(d.index)), i(n, "keydown", m, !0), s(n, o({
@@ -23,15 +23,30 @@ var u = /*#__PURE__*/ c("<div data-slot=slider-thumb>"), d = (a) => {
 			get "data-disabled"() {
 				return c.disabled();
 			},
+			get "aria-valuemin"() {
+				return c.min();
+			},
+			get "aria-valuemax"() {
+				return c.max();
+			},
+			get "aria-valuenow"() {
+				return h();
+			},
+			get "aria-orientation"() {
+				return c.orientation();
+			},
 			get "aria-disabled"() {
 				return c.disabled();
 			},
-			get tabindex() {
+			get tabIndex() {
 				return c.disabled() ? -1 : 0;
 			},
 			get class() {
 				return e(t, d.class);
 			},
+			get classList() {
+				return d.classList;
+			},
 			get style() {
 				return p();
 			}

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","_$mergeProps","_$delegateEvents","_tmpl$","SliderThumb","ctx","useSliderContext","local","others","splitProps","props","useSliderThumb","_el$","addEventListener","handleKeyDown","spread","mergeProps","\"class\"","clsx","classes","positionStyle","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,IAAAsB,QAAA;IAAA,OAC1B7C,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"}
+{"version":3,"file":"SliderThumb.js","names":["splitProps","SliderThumbProps","clsx","classes","useSliderThumb","useSliderContext","SliderThumb","props","ctx","local","others","positionStyle","handleKeyDown","value","index","_el$","_tmpl$","addEventListener","setActiveThumbIndex","_$addEventListener","_$spread","_$mergeProps","data-index","data-orientation","orientation","data-disabled","disabled","aria-valuemin","min","aria-valuemax","max","aria-valuenow","aria-orientation","aria-disabled","tabIndex","class","classList","style","_$delegateEvents","_$mergeProps","_$delegateEvents","_tmpl$","SliderThumb","ctx","useSliderContext","local","others","splitProps","props","useSliderThumb","_el$","addEventListener","handleKeyDown","spread","mergeProps","value","\"class\"","clsx","classes","positionStyle","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, value } = 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      // 滑块语义：屏幕阅读器要能读出当前值与范围（对齐 Base UI / Radix 的 ARIA）\n      role=\"slider\"\n      aria-valuemin={ctx.min()}\n      aria-valuemax={ctx.max()}\n      aria-valuenow={value()}\n      aria-orientation={ctx.orientation()}\n      aria-disabled={ctx.disabled()}\n      // role=\"slider\" 是可交互角色，必须可聚焦（biome 的 useFocusableInteractive）\n      tabIndex={ctx.disabled() ? -1 : 0}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      style={positionStyle()}\n      onKeyDown={handleKeyDown}\n      onFocus={() => ctx.setActiveThumbIndex(local.index)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;qEAOaM,KAAeC,MAA4B;CACtD,IAAMC,IAAMH,EAAiB,GAEvB,CAACI,GAAOC,KAAUV,EAAWO,GAAO;EAAC;EAAS;EAAS;CAAW,CAAC,GAEnE,EAAEI,kBAAeC,kBAAeC,aAAUT,EAAeK,EAAMK,KAAK;CAE1E,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAoBc,OApBdD,EAAAE,iBAAA,eAmBmBT,EAAIU,oBAAoBT,EAAMK,KAAK,CAAC,GAAAK,EAAAJ,GAAA,WADxCH,GAAa,EAAA,GAAAQ,EAAAL,GAAAM,EAAA;GAAA,IAAA,eAAA;IAAA,OAfZZ,EAAMK;GAAK;GAAA,IAAA,qBAAA;IAAA,OACLN,EAAIgB,YAAY;GAAC;GAAA,IAAA,kBAAA;IAAA,OACpBhB,EAAIkB,SAAS;GAAC;GAAA,IAAA,kBAAA;IAAA,OAGdlB,EAAIoB,IAAI;GAAC;GAAA,IAAA,kBAAA;IAAA,OACTpB,EAAIsB,IAAI;GAAC;GAAA,IAAA,kBAAA;IAAA,OACTjB,EAAM;GAAC;GAAA,IAAA,qBAAA;IAAA,OACJL,EAAIgB,YAAY;GAAC;GAAA,IAAA,kBAAA;IAAA,OACpBhB,EAAIkB,SAAS;GAAC;GAAA,IAE7BQ,WAAQ;IAAA,OAAE1B,EAAIkB,SAAS,IAAI,KAAK;GAAC;GAAA,IAAA8B,QAAA;IAAA,OAC1BtD,EAAKC,GAASM,EAAM0B,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAE3B,EAAM2B;GAAS;GAAA,IAC1BC,QAAK;IAAA,OAAE1B,EAAc;GAAC;EAAA,GAGlBD,CAAM,GAAA,IAAA,EAAA,GAAAK;CAAA,EAAA,CAAA;AAGhB;AAAEuB,EAAA,CAAA,SAAA,CAAA"}

package/dist/components/slider/SliderThumb/useSliderThumb.d.ts

@@ -3,4 +3,5 @@ export declare const useSliderThumb: (index: number) => {
         "--position": string;
     }>;
     handleKeyDown: (e: KeyboardEvent) => void;
+    value: import('solid-js').Accessor<number>;
 };

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

@@ -8,8 +8,9 @@ var n = (n) => {
 		handleKeyDown: (e) => {
 			if (r.disabled()) return;
 			let t = e.shiftKey ? r.step() * 10 : r.step(), a = r.orientation() === "vertical", o = a ? ["ArrowUp"] : ["ArrowRight", "ArrowUp"], s = a ? ["ArrowDown"] : ["ArrowLeft", "ArrowDown"];
-			o.includes(e.key) ? (e.preventDefault(), r.updateValue(n, i() + t)) : s.includes(e.key) ? (e.preventDefault(), r.updateValue(n, i() - t)) : e.key === "Home" ? (e.preventDefault(), r.updateValue(n, r.min())) : e.key === "End" && (e.preventDefault(), r.updateValue(n, r.max()));
-		}
+			o.includes(e.key) ? (e.preventDefault(), r.updateValue(n, i() + t)) : s.includes(e.key) ? (e.preventDefault(), r.updateValue(n, i() - t)) : e.key === "PageUp" ? (e.preventDefault(), r.updateValue(n, i() + r.step() * 10)) : e.key === "PageDown" ? (e.preventDefault(), r.updateValue(n, i() - r.step() * 10)) : e.key === "Home" ? (e.preventDefault(), r.updateValue(n, r.min())) : e.key === "End" && (e.preventDefault(), r.updateValue(n, r.max()));
+		},
+		value: i
 	};
 };
 //#endregion

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","useSliderThumb","ctx","useSliderContext","value","createMemo","index","step","isVertical","increaseKeys","decreaseKeys"],"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"}
+{"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","useSliderThumb","ctx","useSliderContext","value","createMemo","index","step","isVertical","increaseKeys","decreaseKeys"],"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 === \"PageUp\") {\n      // 与 Shift+方向键一致：一步 10 个 step\n      e.preventDefault();\n      ctx.updateValue(index, value() + ctx.step() * 10);\n    } else if (e.key === \"PageDown\") {\n      e.preventDefault();\n      ctx.updateValue(index, value() - ctx.step() * 10);\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, value };\n};\n"],"mappings":";;;AAGA,IAAaE,KAAkBC,MAAkB;CAC/C,IAAMC,IAAMH,EAAiB,GAEvBI,IAAQL,QAAiBI,EAAIE,OAAO,CAAC,CAACH,MAAUC,EAAIG,IAAI,CAAC;CAgD/D,OAAO;EAAEC,eAzCaR,SAGb,EACL,cAAc,IAHFK,EAAM,IAAID,EAAIG,IAAI,MAAMH,EAAIM,IAAI,IAAIN,EAAIG,IAAI,KAAM,IAG1C,GACtB,EAoCOC;EAAeG,gBAjCDC,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,YAEnBV,EAAEW,eAAe,GACjBnB,EAAIoB,YAAYrB,GAAOE,EAAM,IAAID,EAAIW,KAAK,IAAI,EAAE,KACvCH,EAAEU,QAAQ,cACnBV,EAAEW,eAAe,GACjBnB,EAAIoB,YAAYrB,GAAOE,EAAM,IAAID,EAAIW,KAAK,IAAI,EAAE,KACvCH,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;EAEuCL;CAAM;AAC/C"}

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

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

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","_$use","_$mergeProps","_tmpl$","SliderTrack","ctx","useSliderContext","local","others","splitProps","props","_el$","_ref$","use","spread","mergeProps","\"class\"","clsx","classes"],"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,IAAAiB,QAAA;IAAA,OAE5BjC,EAAKC,GAASK,EAAMW,KAAK;GAAC;EAAA,GAC7BV,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"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","classList","_$use","_$mergeProps","_tmpl$","SliderTrack","ctx","useSliderContext","local","others","splitProps","props","_el$","_ref$","use","spread","mergeProps","\"class\"","clsx","classes"],"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      classList={local.classList}\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;EAGC,OAHU,OAAAD,KAAA,aAAAE,EAAAF,GAAAF,CAAA,IAAfH,EAAIM,cAAWH,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA,qBAAA;IAAA,OADFT,EAAIW,YAAY;GAAC;GAAA,IAAAkB,QAAA;IAAA,OAE5BlC,EAAKC,GAASK,EAAMW,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEZ,EAAMY;GAAS;EAAA,GACtBX,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/spinner/Spinner.js

@@ -10,6 +10,9 @@ var o = (o) => {
 		get class() {
 			return e(t, s.class);
 		},
+		get classList() {
+			return s.classList;
+		},
 		role: "status",
 		"aria-label": "Loading"
 	}, c));

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","_$createComponent","_$mergeProps","Spinner","local","others","splitProps","props","createComponent","LoaderCircle","mergeProps","\"class\"","clsx","classes"],"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,IAAAa,QAAA;GAAA,OACJrB,EAAKC,GAASI,EAAMI,KAAK;EAAC;EACjCC,MAAI;EAAA,cAAA;CAAA,GAEAJ,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"Spinner.js","names":["LoaderCircle","splitProps","clsx","classes","SpinnerProps","Spinner","props","local","others","_$createComponent","_$mergeProps","class","classList","role","_$createComponent","_$mergeProps","Spinner","local","others","splitProps","props","createComponent","LoaderCircle","mergeProps","\"class\"","clsx","classes"],"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      classList={local.classList}\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,IAAAc,QAAA;GAAA,OACJtB,EAAKC,GAASI,EAAMI,KAAK;EAAC;EAAA,IACjCC,YAAS;GAAA,OAAEL,EAAMK;EAAS;EAC1BC,MAAI;EAAA,cAAA;CAAA,GAEAL,CAAM,CAAA;AAGhB"}

package/dist/components/switch/Switch.js

@@ -14,6 +14,7 @@ var p = /*#__PURE__*/ c("<span data-slot=switch role=switch tabindex=0><span dat
 		"class",
 		"classList"
 	]), [g, _] = u(m.defaultChecked ?? !1), v = () => {
+		if (m.disabled) return;
 		if (m.checked !== void 0) {
 			_(m.checked), m.onCheckedChange?.(!m.checked);
 			return;
@@ -36,8 +37,14 @@ var p = /*#__PURE__*/ c("<span data-slot=switch role=switch tabindex=0><span dat
 			get "aria-checked"() {
 				return y();
 			},
+			get "aria-disabled"() {
+				return m.disabled;
+			},
 			get class() {
 				return e(t.switch, m.class);
+			},
+			get classList() {
+				return m.classList;
 			}
 		}, h), !1, !0), i((e) => {
 			var r = t.thumb, i = y(), a = m.id, s = m.disabled;

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","mergeProps","_$mergeProps","_$className","_$setAttribute","_$delegateEvents","mergeProps$1","_tmpl$","Switch","merged","props","local","others","splitProps","internalChecked","setInternalChecked","createSignal","handleClick","newChecked","checked","createMemo","_el$","_el$2","_el$3","spread","mergeProps","\"class\"","clsx","classes","effect","_v$","_v$2","_v$3","_v$4","_p$","className","setAttribute","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,IAAA4D,QAAA;IAAA,OAChBzE,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"}
+{"version":3,"file":"Switch.js","names":["createMemo","createSignal","mergeProps","splitProps","SwitchProps","clsx","classes","Switch","props","merged","size","const","local","others","internalChecked","setInternalChecked","defaultChecked","handleClick","disabled","checked","undefined","onCheckedChange","newChecked","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","$$click","_$spread","_$mergeProps","data-size","data-checked","data-disabled","aria-checked","aria-disabled","class","switch","classList","_$effect","_p$","_v$","thumb","_v$2","_v$3","id","_v$4","e","_$className","t","_$setAttribute","a","o","_$delegateEvents","mergeProps","_$mergeProps","_$className","_$setAttribute","_$delegateEvents","mergeProps$1","_tmpl$","Switch","merged","props","local","others","splitProps","internalChecked","setInternalChecked","createSignal","handleClick","newChecked","checked","createMemo","_el$","_el$2","_el$3","spread","mergeProps","\"class\"","clsx","classes","effect","_v$","_v$2","_v$3","_v$4","_p$","className","setAttribute","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.disabled) return;\n\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      aria-disabled={local.disabled}\n      class={clsx(classes.switch, local.class)}\n      classList={local.classList}\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,UAAU;EAEpB,IAAIN,EAAMO,YAAYC,KAAAA,GAAW;GAE/BR,AADAG,EAAmBH,EAAMO,OAAO,GAChCP,EAAMS,kBAAkB,CAACT,EAAMO,OAAO;GACtC;EACF;EAEA,IAAMG,IAAa,CAACR,EAAgB;EAEpCF,AADAG,EAAmBO,CAAU,GAC7BV,EAAMS,kBAAkBC,CAAU;CACpC,GAEMH,IAAUnB,QACdY,EAAMO,YAAYC,KAAAA,IAA4BN,EAAgB,IAAhCF,EAAMO,OACtC;CAEA,cAAA;EAAA,IAAAI,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG;EAyBwB,OAzBxBL,EAAAM,UAYaZ,GAAWa,EAAAP,GAAAQ,EAAA;GAAA,IAAA,cAAA;IAAA,OATTnB,EAAMF;GAAI;GAAA,IAAA,iBAAA;IAAA,OACPS,EAAQ;GAAC;GAAA,IAAA,kBAAA;IAAA,OACRP,EAAMM;GAAQ;GAAA,IAAA,iBAAA;IAAA,OAGfC,EAAQ;GAAC;GAAA,IAAA,kBAAA;IAAA,OACRP,EAAMM;GAAQ;GAAA,IAAA8D,QAAA;IAAA,OACtB3E,EAAKC,EAAQgC,QAAQ1B,EAAMyB,KAAK;GAAC;GAAA,IACxCE,YAAS;IAAA,OAAE3B,EAAM2B;GAAS;EAAA,GAEtB1B,CAAM,GAAA,IAAA,EAAA,GAAA2B,GAAAC,MAAA;GAAA,IAAAC,IAIDpC,EAAQqC,OAAKC,IACNzB,EAAQ,GAAC0B,IAGnBjC,EAAMkC,IAAEC,IAMFnC,EAAMM;GAAQ,OAAAwB,MAAAD,EAAAO,KAAAC,EAAAxB,GAAAgB,EAAAO,IAAAN,CAAA,GAAAE,MAAAH,EAAAS,KAAAC,EAAA1B,GAAA,gBAAAgB,EAAAS,IAAAN,CAAA,GAAAC,MAAAJ,EAAAW,KAAAD,EAAAxB,GAAA,MAAAc,EAAAW,IAAAP,CAAA,GAAAE,MAAAN,EAAAY,MAAA1B,EAAAT,WAAAuB,EAAAY,IAAAN,IAAAN;EAAA,GAAA;GAAAO,GAAA5B,KAAAA;GAAA8B,GAAA9B,KAAAA;GAAAgC,GAAAhC,KAAAA;GAAAiC,GAAAjC,KAAAA;EAAA,CAAA,GAAAoB,QAAAb,EAAAR,UAFfA,EAAQ,CAAC,GAAAI;CAAA,EAAA,CAAA;AAM1B;AAAE+B,EAAA,CAAA,OAAA,CAAA"}

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

@@ -45,7 +45,7 @@ function s(t) {
 }
 var c = () => {
 	let e = i(o);
-	if (!e) throw Error("useTabsContext must be used within a <Tabs> component");
+	if (!e) throw Error("useTabsContext 必须用在 <Tabs> 内部");
 	return e;
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.context.js","names":["createContext","createEffect","createSignal","Accessor","ParentProps","useContext","createStore","TabsValue","TriggerEntry","value","disabled","element","HTMLElement","TabsContextValue","setValue","isSelected","orientation","dir","loop","highlightedValue","setHighlightedValue","registerTrigger","entry","getTriggers","isFirstEnabled","isUsable","setTriggerId","id","getTriggerId","setContentId","getContentId","TabsContext","TabsProvider","props","defaultValue","onValueChange","internalValue","setInternalValue","triggerOrder","setTriggerOrder","ids","setIds","trigger","Record","content","next","undefined","v","current","active","document","activeElement","getAttribute","prev","filter","t","first","find","some","String","contextValue","_$createComponent","Provider","children","useTabsContext","context","Error","_$createComponent","TabsContext","createContext","TabsProvider","internalValue","setInternalValue","createSignal","props","highlightedValue","setHighlightedValue","triggerOrder","setTriggerOrder","ids","setIds","createStore","value","setValue","next","isSelected","v","current","contextValue","prev","entry","t","id","createComponent","useTabsContext","context","useContext"],"sources":["../../../../src/components/tabs/Tabs/Tabs.context.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createSignal,\n  type Accessor,\n  type ParentProps,\n  useContext,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport type { TabsValue } from \"./Tabs.types\";\n\ninterface TriggerEntry {\n  value: TabsValue;\n  /** accessor,支持运行时 disabled 翻转 */\n  disabled: () => boolean;\n  element: HTMLElement;\n}\n\nexport interface TabsContextValue {\n  /** 当前激活值(受控优先,否则内部状态) */\n  value: Accessor<TabsValue | undefined>;\n  setValue: (value: TabsValue) => void;\n  isSelected: (value: TabsValue) => boolean;\n  orientation: Accessor<\"horizontal\" | \"vertical\">;\n  dir: Accessor<\"ltr\" | \"rtl\" | \"auto\">;\n  loop: Accessor<boolean>;\n  /**\n   * 当前焦点高亮 tab,与激活值分离:\n   * 默认(activateOnFocus=false)聚焦/键盘导航只更新高亮,不激活;\n   * 激活只发生在点击(click)时。与 base-ui 的 highlighted/active 语义一致。\n   */\n  highlightedValue: Accessor<TabsValue | undefined>;\n  setHighlightedValue: (value: TabsValue) => void;\n  /** 按挂载顺序注册 trigger,返回注销函数;仅用于渲染期推导与键盘导航 */\n  registerTrigger: (entry: TriggerEntry) => () => void;\n  /** 已注册的 trigger 列表(挂载顺序) */\n  getTriggers: () => TriggerEntry[];\n  /** 无高亮时,该 value 是否为第一个可用 trigger(键盘 tabindex 起点) */\n  isFirstEnabled: (value: TabsValue) => boolean;\n  /** 该 value 对应的 trigger 当前是否可用(已注册且未 disabled) */\n  isUsable: (value: TabsValue) => boolean;\n  /** value -> triggerId / contentId 交叉注册,供 aria-controls / aria-labelledby 使用 */\n  setTriggerId: (value: TabsValue, id: string) => void;\n  getTriggerId: (value: TabsValue) => string | undefined;\n  setContentId: (value: TabsValue, id: string) => void;\n  getContentId: (value: TabsValue) => string | undefined;\n}\n\nconst TabsContext = createContext<TabsContextValue>();\n\nexport function TabsProvider(\n  props: ParentProps & {\n    defaultValue?: TabsValue;\n    value?: TabsValue;\n    onValueChange?: (value: TabsValue) => void;\n    orientation: \"horizontal\" | \"vertical\";\n    dir: \"ltr\" | \"rtl\" | \"auto\";\n    loop: boolean;\n  },\n) {\n  const [internalValue, setInternalValue] = createSignal<TabsValue | undefined>(\n    props.defaultValue,\n  );\n  const [highlightedValue, setHighlightedValue] = createSignal<\n    TabsValue | undefined\n  >();\n  const [triggerOrder, setTriggerOrder] = createSignal<TriggerEntry[]>([]);\n  const [ids, setIds] = createStore<{\n    trigger: Record<string, string>;\n    content: Record<string, string>;\n  }>({ trigger: {}, content: {} });\n\n  // 受控优先:props.value 存在时读外部值,否则读内部状态\n  const value = (): TabsValue | undefined => props.value ?? internalValue();\n\n  const setValue = (next: TabsValue) => {\n    // 受控模式:只通知外部,不改本地状态\n    if (props.value !== undefined) {\n      props.onValueChange?.(next);\n      return;\n    }\n    setInternalValue(next);\n    props.onValueChange?.(next);\n  };\n\n  const isSelected = (v: TabsValue) => value() === v;\n\n  // 对齐 base-ui:激活值变化时,若焦点不在 tab 上,将高亮同步到激活 tab\n  // (键盘 roving focus 过程中不覆盖,保持相对当前位置导航)\n  createEffect(() => {\n    const current = value();\n    if (current === undefined) return;\n    const active = document.activeElement as HTMLElement | null;\n    if (active?.getAttribute(\"role\") !== \"tab\") {\n      setHighlightedValue(current);\n    }\n  });\n\n  const registerTrigger = (entry: TriggerEntry) => {\n    setTriggerOrder((prev) => [...prev, entry]);\n    return () =>\n      setTriggerOrder((prev) => prev.filter((t) => t.value !== entry.value));\n  };\n\n  const isFirstEnabled = (v: TabsValue) => {\n    const first = triggerOrder().find((t) => !t.disabled());\n    return first?.value === v;\n  };\n\n  const isUsable = (v: TabsValue) =>\n    triggerOrder().some((t) => t.value === v && !t.disabled());\n\n  const setTriggerId = (v: TabsValue, id: string) =>\n    setIds(\"trigger\", String(v), id);\n  const getTriggerId = (v: TabsValue) => ids.trigger[String(v)];\n  const setContentId = (v: TabsValue, id: string) =>\n    setIds(\"content\", String(v), id);\n  const getContentId = (v: TabsValue) => ids.content[String(v)];\n\n  const contextValue: TabsContextValue = {\n    value,\n    setValue,\n    isSelected,\n    orientation: () => props.orientation,\n    dir: () => props.dir,\n    loop: () => props.loop,\n    highlightedValue,\n    setHighlightedValue,\n    registerTrigger,\n    getTriggers: () => triggerOrder(),\n    isFirstEnabled,\n    isUsable,\n    setTriggerId,\n    getTriggerId,\n    setContentId,\n    getContentId,\n  };\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      {props.children}\n    </TabsContext.Provider>\n  );\n}\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  if (!context)\n    throw new Error(\"useTabsContext must be used within a <Tabs> component\");\n  return context;\n};\n"],"mappings":";;;;AAgDA,IAAM+B,IAAc/B,EAAgC;AAEpD,SAAgBgC,EACdC,GAQA;CACA,IAAM,CAACG,GAAeC,KAAoBnC,EACxC+B,EAAMC,YACR,GACM,CAACf,GAAkBC,KAAuBlB,EAE9C,GACI,CAACoC,GAAcC,KAAmBrC,EAA6B,CAAA,CAAE,GACjE,CAACsC,GAAKC,KAAUnC,EAGnB;EAAEoC,SAAS,CAAC;EAAGE,SAAS,CAAC;CAAE,CAAC,GAGzBnC,UAAqCwB,EAAMxB,SAAS2B,EAAc,GAElEtB,KAAY+B,MAAoB;EAEpC,IAAIZ,EAAMxB,UAAUqC,KAAAA,GAAW;GAC7Bb,EAAME,gBAAgBU,CAAI;GAC1B;EACF;EAEAZ,AADAI,EAAiBQ,CAAI,GACrBZ,EAAME,gBAAgBU,CAAI;CAC5B,GAEM9B,KAAcgC,MAAiBtC,EAAM,MAAMsC;CAIjD9C,QAAmB;EACjB,IAAM+C,IAAUvC,EAAM;EACtB,AAAIuC,MAAYF,KAAAA,KACDI,SAASC,eACZC,aAAa,MAAM,MAAM,SACnChC,EAAoB4B,CAAO;CAE/B,CAAC;CAuBD,IAAMY,IAAiC;EACrCnD;EACAK;EACAC;EACAC,mBAAmBiB,EAAMjB;EACzBC,WAAWgB,EAAMhB;EACjBC,YAAYe,EAAMf;EAClBC;EACAC;EACAC,kBA9BuBC,OACvBiB,GAAiBc,MAAS,CAAC,GAAGA,GAAM/B,CAAK,CAAC,SAExCiB,GAAiBc,MAASA,EAAKC,QAAQC,MAAMA,EAAE9C,UAAUa,EAAMb,KAAK,CAAC;EA4BvEc,mBAAmBe,EAAa;EAChCd,iBA1BsBuB,MACRT,EAAa,CAAC,CAACmB,MAAMF,MAAM,CAACA,EAAE7C,SAAS,CAC9C8C,CAAAA,EAAO/C,UAAUsC;EAyBxBtB,WAtBgBsB,MAChBT,EAAa,CAAC,CAACoB,MAAMH,MAAMA,EAAE9C,UAAUsC,KAAK,CAACQ,EAAE7C,SAAS,CAAC;EAsBzDgB,eApBoBqB,GAAcpB,MAClCc,EAAO,WAAWkB,OAAOZ,CAAC,GAAGpB,CAAE;EAoB/BC,eAnBoBmB,MAAiBP,EAAIE,QAAQiB,OAAOZ,CAAC;EAoBzDlB,eAnBoBkB,GAAcpB,MAClCc,EAAO,WAAWkB,OAAOZ,CAAC,GAAGpB,CAAE;EAmB/BG,eAlBoBiB,MAAiBP,EAAII,QAAQe,OAAOZ,CAAC;CAmB3D;CAEA,OAAAc,EACG9B,EAAY+B,UAAQ;EAACrD,OAAOmD;EAAY,IAAAG,WAAA;GAAA,OACtC9B,EAAM8B;EAAQ;CAAA,CAAA;AAGrB;AAEA,IAAaC,UAAuB;CAClC,IAAMC,IAAU5D,EAAW0B,CAAW;CACtC,IAAI,CAACkC,GACH,MAAUC,MAAM,uDAAuD;CACzE,OAAOD;AACT"}
+{"version":3,"file":"Tabs.context.js","names":["createContext","createEffect","createSignal","Accessor","ParentProps","useContext","createStore","TabsValue","TriggerEntry","value","disabled","element","HTMLElement","TabsContextValue","setValue","isSelected","orientation","dir","loop","highlightedValue","setHighlightedValue","registerTrigger","entry","getTriggers","isFirstEnabled","isUsable","setTriggerId","id","getTriggerId","setContentId","getContentId","TabsContext","TabsProvider","props","defaultValue","onValueChange","internalValue","setInternalValue","triggerOrder","setTriggerOrder","ids","setIds","trigger","Record","content","next","undefined","v","current","active","document","activeElement","getAttribute","prev","filter","t","first","find","some","String","contextValue","_$createComponent","Provider","children","useTabsContext","context","Error","_$createComponent","TabsContext","createContext","TabsProvider","internalValue","setInternalValue","createSignal","props","highlightedValue","setHighlightedValue","triggerOrder","setTriggerOrder","ids","setIds","createStore","value","setValue","next","isSelected","v","current","contextValue","prev","entry","t","id","createComponent","useTabsContext","context","useContext"],"sources":["../../../../src/components/tabs/Tabs/Tabs.context.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createSignal,\n  type Accessor,\n  type ParentProps,\n  useContext,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport type { TabsValue } from \"./Tabs.types\";\n\ninterface TriggerEntry {\n  value: TabsValue;\n  /** accessor,支持运行时 disabled 翻转 */\n  disabled: () => boolean;\n  element: HTMLElement;\n}\n\nexport interface TabsContextValue {\n  /** 当前激活值(受控优先,否则内部状态) */\n  value: Accessor<TabsValue | undefined>;\n  setValue: (value: TabsValue) => void;\n  isSelected: (value: TabsValue) => boolean;\n  orientation: Accessor<\"horizontal\" | \"vertical\">;\n  dir: Accessor<\"ltr\" | \"rtl\" | \"auto\">;\n  loop: Accessor<boolean>;\n  /**\n   * 当前焦点高亮 tab,与激活值分离:\n   * 默认(activateOnFocus=false)聚焦/键盘导航只更新高亮,不激活;\n   * 激活只发生在点击(click)时。与 base-ui 的 highlighted/active 语义一致。\n   */\n  highlightedValue: Accessor<TabsValue | undefined>;\n  setHighlightedValue: (value: TabsValue) => void;\n  /** 按挂载顺序注册 trigger,返回注销函数;仅用于渲染期推导与键盘导航 */\n  registerTrigger: (entry: TriggerEntry) => () => void;\n  /** 已注册的 trigger 列表(挂载顺序) */\n  getTriggers: () => TriggerEntry[];\n  /** 无高亮时,该 value 是否为第一个可用 trigger(键盘 tabindex 起点) */\n  isFirstEnabled: (value: TabsValue) => boolean;\n  /** 该 value 对应的 trigger 当前是否可用(已注册且未 disabled) */\n  isUsable: (value: TabsValue) => boolean;\n  /** value -> triggerId / contentId 交叉注册,供 aria-controls / aria-labelledby 使用 */\n  setTriggerId: (value: TabsValue, id: string) => void;\n  getTriggerId: (value: TabsValue) => string | undefined;\n  setContentId: (value: TabsValue, id: string) => void;\n  getContentId: (value: TabsValue) => string | undefined;\n}\n\nconst TabsContext = createContext<TabsContextValue>();\n\nexport function TabsProvider(\n  props: ParentProps & {\n    defaultValue?: TabsValue;\n    value?: TabsValue;\n    onValueChange?: (value: TabsValue) => void;\n    orientation: \"horizontal\" | \"vertical\";\n    dir: \"ltr\" | \"rtl\" | \"auto\";\n    loop: boolean;\n  },\n) {\n  const [internalValue, setInternalValue] = createSignal<TabsValue | undefined>(\n    props.defaultValue,\n  );\n  const [highlightedValue, setHighlightedValue] = createSignal<\n    TabsValue | undefined\n  >();\n  const [triggerOrder, setTriggerOrder] = createSignal<TriggerEntry[]>([]);\n  const [ids, setIds] = createStore<{\n    trigger: Record<string, string>;\n    content: Record<string, string>;\n  }>({ trigger: {}, content: {} });\n\n  // 受控优先:props.value 存在时读外部值,否则读内部状态\n  const value = (): TabsValue | undefined => props.value ?? internalValue();\n\n  const setValue = (next: TabsValue) => {\n    // 受控模式:只通知外部,不改本地状态\n    if (props.value !== undefined) {\n      props.onValueChange?.(next);\n      return;\n    }\n    setInternalValue(next);\n    props.onValueChange?.(next);\n  };\n\n  const isSelected = (v: TabsValue) => value() === v;\n\n  // 对齐 base-ui:激活值变化时,若焦点不在 tab 上,将高亮同步到激活 tab\n  // (键盘 roving focus 过程中不覆盖,保持相对当前位置导航)\n  createEffect(() => {\n    const current = value();\n    if (current === undefined) return;\n    const active = document.activeElement as HTMLElement | null;\n    if (active?.getAttribute(\"role\") !== \"tab\") {\n      setHighlightedValue(current);\n    }\n  });\n\n  const registerTrigger = (entry: TriggerEntry) => {\n    setTriggerOrder((prev) => [...prev, entry]);\n    return () =>\n      setTriggerOrder((prev) => prev.filter((t) => t.value !== entry.value));\n  };\n\n  const isFirstEnabled = (v: TabsValue) => {\n    const first = triggerOrder().find((t) => !t.disabled());\n    return first?.value === v;\n  };\n\n  const isUsable = (v: TabsValue) =>\n    triggerOrder().some((t) => t.value === v && !t.disabled());\n\n  const setTriggerId = (v: TabsValue, id: string) =>\n    setIds(\"trigger\", String(v), id);\n  const getTriggerId = (v: TabsValue) => ids.trigger[String(v)];\n  const setContentId = (v: TabsValue, id: string) =>\n    setIds(\"content\", String(v), id);\n  const getContentId = (v: TabsValue) => ids.content[String(v)];\n\n  const contextValue: TabsContextValue = {\n    value,\n    setValue,\n    isSelected,\n    orientation: () => props.orientation,\n    dir: () => props.dir,\n    loop: () => props.loop,\n    highlightedValue,\n    setHighlightedValue,\n    registerTrigger,\n    getTriggers: () => triggerOrder(),\n    isFirstEnabled,\n    isUsable,\n    setTriggerId,\n    getTriggerId,\n    setContentId,\n    getContentId,\n  };\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      {props.children}\n    </TabsContext.Provider>\n  );\n}\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  if (!context) throw new Error(\"useTabsContext 必须用在 <Tabs> 内部\");\n  return context;\n};\n"],"mappings":";;;;AAgDA,IAAM+B,IAAc/B,EAAgC;AAEpD,SAAgBgC,EACdC,GAQA;CACA,IAAM,CAACG,GAAeC,KAAoBnC,EACxC+B,EAAMC,YACR,GACM,CAACf,GAAkBC,KAAuBlB,EAE9C,GACI,CAACoC,GAAcC,KAAmBrC,EAA6B,CAAA,CAAE,GACjE,CAACsC,GAAKC,KAAUnC,EAGnB;EAAEoC,SAAS,CAAC;EAAGE,SAAS,CAAC;CAAE,CAAC,GAGzBnC,UAAqCwB,EAAMxB,SAAS2B,EAAc,GAElEtB,KAAY+B,MAAoB;EAEpC,IAAIZ,EAAMxB,UAAUqC,KAAAA,GAAW;GAC7Bb,EAAME,gBAAgBU,CAAI;GAC1B;EACF;EAEAZ,AADAI,EAAiBQ,CAAI,GACrBZ,EAAME,gBAAgBU,CAAI;CAC5B,GAEM9B,KAAcgC,MAAiBtC,EAAM,MAAMsC;CAIjD9C,QAAmB;EACjB,IAAM+C,IAAUvC,EAAM;EACtB,AAAIuC,MAAYF,KAAAA,KACDI,SAASC,eACZC,aAAa,MAAM,MAAM,SACnChC,EAAoB4B,CAAO;CAE/B,CAAC;CAuBD,IAAMY,IAAiC;EACrCnD;EACAK;EACAC;EACAC,mBAAmBiB,EAAMjB;EACzBC,WAAWgB,EAAMhB;EACjBC,YAAYe,EAAMf;EAClBC;EACAC;EACAC,kBA9BuBC,OACvBiB,GAAiBc,MAAS,CAAC,GAAGA,GAAM/B,CAAK,CAAC,SAExCiB,GAAiBc,MAASA,EAAKC,QAAQC,MAAMA,EAAE9C,UAAUa,EAAMb,KAAK,CAAC;EA4BvEc,mBAAmBe,EAAa;EAChCd,iBA1BsBuB,MACRT,EAAa,CAAC,CAACmB,MAAMF,MAAM,CAACA,EAAE7C,SAAS,CAC9C8C,CAAAA,EAAO/C,UAAUsC;EAyBxBtB,WAtBgBsB,MAChBT,EAAa,CAAC,CAACoB,MAAMH,MAAMA,EAAE9C,UAAUsC,KAAK,CAACQ,EAAE7C,SAAS,CAAC;EAsBzDgB,eApBoBqB,GAAcpB,MAClCc,EAAO,WAAWkB,OAAOZ,CAAC,GAAGpB,CAAE;EAoB/BC,eAnBoBmB,MAAiBP,EAAIE,QAAQiB,OAAOZ,CAAC;EAoBzDlB,eAnBoBkB,GAAcpB,MAClCc,EAAO,WAAWkB,OAAOZ,CAAC,GAAGpB,CAAE;EAmB/BG,eAlBoBiB,MAAiBP,EAAII,QAAQe,OAAOZ,CAAC;CAmB3D;CAEA,OAAAc,EACG9B,EAAY+B,UAAQ;EAACrD,OAAOmD;EAAY,IAAAG,WAAA;GAAA,OACtC9B,EAAM8B;EAAQ;CAAA,CAAA;AAGrB;AAEA,IAAaC,UAAuB;CAClC,IAAMC,IAAU5D,EAAW0B,CAAW;CACtC,IAAI,CAACkC,GAAS,MAAUC,MAAM,+BAA+B;CAC7D,OAAOD;AACT"}

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

@@ -1,18 +1,14 @@
 import { TabsContextValue } from './Tabs.context';
 /**
- * tablist 的 roving focus 键盘导航(纯逻辑,可在事件中独立单测)
+ * tablist 的 roving focus 键盘导航。
  *
- * 方向映射:
- * - horizontal + ltr: ArrowRight → next, ArrowLeft → prev
- * - horizontal + rtl: 左右反转
- * - vertical:          ArrowDown → next, ArrowUp → prev
- * - Home → 第一个,End → 最后一个
- * - loop=true 环绕,false 边界停止;跳过 disabled 的 trigger
+ * 通用算法(方向映射、Home/End、loop、跳过 disabled、RTL)已抽到
+ * `~/utils/roving-navigation`,这里只负责把 Tabs 的 context 接上去。
  *
- * 与 base-ui 一致:方向键只移动焦点(触发 onFocus 更新高亮),不激活;
- * 激活靠点击(Enter/Space 触发 button 的 click)。activateOnFocus 时的
- * 聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。
+ * 与 base-ui 一致:方向键只移动焦点(触发 trigger 的 onFocus → 更新高亮),
+ * 不激活;激活靠点击(Enter/Space 触发 button 的 click)。
+ * activateOnFocus 时的聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。
  */
 export declare function useTabsKeyboard(ctx: TabsContextValue): {
-    handleKeyDown: (e: KeyboardEvent) => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
 };

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

@@ -1,47 +1,13 @@
+import { createRovingNavigation as e } from "../../../utils/roving-navigation.js";
 //#region src/components/tabs/Tabs/useTabsKeyboard.ts
-var e = /* @__PURE__ */ new Set([
-	"ArrowLeft",
-	"ArrowRight",
-	"ArrowUp",
-	"ArrowDown",
-	"Home",
-	"End"
-]);
 function t(t) {
-	return { handleKeyDown: (n) => {
-		if (!e.has(n.key)) return;
-		let r = document.activeElement;
-		if (r?.getAttribute("role") !== "tab") return;
-		let i = t.getTriggers().filter((e) => !e.disabled());
-		if (i.length === 0) return;
-		let a = i.findIndex((e) => e.element === r);
-		if (a === -1) return;
-		let o = t.orientation() === "vertical", s = t.dir(), c = s === "rtl" || s === "auto" && typeof document < "u" && document.documentElement.dir === "rtl", l;
-		switch (n.key) {
-			case "Home":
-				l = 0;
-				break;
-			case "End":
-				l = i.length - 1;
-				break;
-			case "ArrowLeft":
-				if (o) return;
-				l = a + (c ? 1 : -1);
-				break;
-			case "ArrowRight":
-				if (o) return;
-				l = a + (c ? -1 : 1);
-				break;
-			case "ArrowUp":
-				if (!o) return;
-				l = a - 1;
-				break;
-			case "ArrowDown":
-				if (!o) return;
-				l = a + 1;
-		}
-		l !== void 0 && (n.preventDefault(), l = t.loop() ? (l + i.length) % i.length : Math.min(i.length - 1, Math.max(0, l)), i[l].element.focus());
-	} };
+	return e({
+		getItems: () => t.getTriggers(),
+		orientation: t.orientation,
+		dir: t.dir,
+		loop: t.loop,
+		onHighlight: t.setHighlightedValue
+	});
 }
 //#endregion
 export { t as useTabsKeyboard };

package/dist/components/tabs/Tabs/useTabsKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTabsKeyboard.js","names":["NAV_KEYS","useTabsKeyboard","e","activeEl","tabs","ctx","t","currentIndex","isVertical","dir","isRTL","nextIndex"],"sources":["../../../../src/components/tabs/Tabs/useTabsKeyboard.ts"],"sourcesContent":["import type { TabsContextValue } from \"./Tabs.context\";\n\nconst NAV_KEYS = new Set([\n  \"ArrowLeft\",\n  \"ArrowRight\",\n  \"ArrowUp\",\n  \"ArrowDown\",\n  \"Home\",\n  \"End\",\n]);\n\n/**\n * tablist 的 roving focus 键盘导航(纯逻辑,可在事件中独立单测)\n *\n * 方向映射:\n * - horizontal + ltr: ArrowRight → next, ArrowLeft → prev\n * - horizontal + rtl: 左右反转\n * - vertical:          ArrowDown → next, ArrowUp → prev\n * - Home → 第一个,End → 最后一个\n * - loop=true 环绕,false 边界停止;跳过 disabled 的 trigger\n *\n * 与 base-ui 一致:方向键只移动焦点(触发 onFocus 更新高亮),不激活;\n * 激活靠点击(Enter/Space 触发 button 的 click)。activateOnFocus 时的\n * 聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。\n */\nexport function useTabsKeyboard(ctx: TabsContextValue) {\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (!NAV_KEYS.has(e.key)) return;\n\n    const activeEl = document.activeElement as HTMLElement | null;\n    // 只有焦点在 tab 上时才接管键盘\n    if (activeEl?.getAttribute(\"role\") !== \"tab\") return;\n\n    const tabs = ctx.getTriggers().filter((t) => !t.disabled());\n    if (tabs.length === 0) return;\n\n    const currentIndex = tabs.findIndex((t) => t.element === activeEl);\n    if (currentIndex === -1) return;\n\n    const isVertical = ctx.orientation() === \"vertical\";\n    // dir=auto 时回退到文档实际方向\n    const dir = ctx.dir();\n    const isRTL =\n      dir === \"rtl\" ||\n      (dir === \"auto\" &&\n        typeof document !== \"undefined\" &&\n        document.documentElement.dir === \"rtl\");\n\n    let nextIndex: number | undefined;\n    switch (e.key) {\n      case \"Home\":\n        nextIndex = 0;\n        break;\n      case \"End\":\n        nextIndex = tabs.length - 1;\n        break;\n      case \"ArrowLeft\":\n        if (isVertical) return;\n        nextIndex = currentIndex + (isRTL ? 1 : -1);\n        break;\n      case \"ArrowRight\":\n        if (isVertical) return;\n        nextIndex = currentIndex + (isRTL ? -1 : 1);\n        break;\n      case \"ArrowUp\":\n        if (!isVertical) return;\n        nextIndex = currentIndex - 1;\n        break;\n      case \"ArrowDown\":\n        if (!isVertical) return;\n        nextIndex = currentIndex + 1;\n        break;\n    }\n\n    if (nextIndex === undefined) return;\n\n    // 方向键与当前布局匹配,接管默认滚动行为\n    e.preventDefault();\n\n    if (ctx.loop()) {\n      nextIndex = (nextIndex + tabs.length) % tabs.length;\n    } else {\n      nextIndex = Math.min(tabs.length - 1, Math.max(0, nextIndex));\n    }\n\n    // focus 触发 trigger 的 onFocus → 更新高亮(及 activateOnFocus 时激活)\n    tabs[nextIndex].element.focus();\n  };\n\n  return { handleKeyDown };\n}\n"],"mappings":";AAEA,IAAMA,oBAAW,IAAI,IAAI;CACvB;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAgBD,SAAgBC,EAAgB,GAAuB;CAgErD,OAAO,EAAE,gBA/Dc,MAAqB;EAC1C,IAAI,CAACD,EAAS,IAAIE,EAAE,GAAG,GAAG;EAE1B,IAAMC,IAAW,SAAS;EAE1B,IAAIA,GAAU,aAAa,MAAM,MAAM,OAAO;EAE9C,IAAMC,IAAOC,EAAI,YAAY,CAAC,CAAC,QAAQ,MAAM,CAACC,EAAE,SAAS,CAAC;EAC1D,IAAIF,EAAK,WAAW,GAAG;EAEvB,IAAMG,IAAeH,EAAK,WAAW,MAAME,EAAE,YAAYH,CAAQ;EACjE,IAAII,MAAiB,IAAI;EAEzB,IAAMC,IAAaH,EAAI,YAAY,MAAM,YAEnCI,IAAMJ,EAAI,IAAI,GACdK,IACJD,MAAQ,SACPA,MAAQ,UACP,OAAO,WAAa,OACpB,SAAS,gBAAgB,QAAQ,OAEjCE;EACJ,QAAQT,EAAE,KAAV;GACE,KAAK;IACH,IAAY;IACZ;GACF,KAAK;IACH,IAAYE,EAAK,SAAS;IAC1B;GACF,KAAK;IACH,IAAII,GAAY;IAChB,IAAYD,KAAgBG,IAAQ,IAAI;IACxC;GACF,KAAK;IACH,IAAIF,GAAY;IAChB,IAAYD,KAAgBG,IAAQ,KAAK;IACzC;GACF,KAAK;IACH,IAAI,CAACF,GAAY;IACjB,IAAYD,IAAe;IAC3B;GACF,KAAK;IACH,IAAI,CAACC,GAAY;IACjB,IAAYD,IAAe;EAE/B;EAEA,AAAII,MAAc,KAAA,MAGlBT,EAAE,eAAe,GAEjB,AAGES,IAHEN,EAAI,KAAK,KACEM,IAAYP,EAAK,UAAUA,EAAK,SAEjC,KAAK,IAAIA,EAAK,SAAS,GAAG,KAAK,IAAI,GAAGO,CAAS,CAAC,GAI9DP,EAAKO,EAAU,CAAC,QAAQ,MAAM;CAChC,EAEuB;AACzB"}
+{"version":3,"file":"useTabsKeyboard.js","names":["useTabsKeyboard","createRovingNavigation","ctx"],"sources":["../../../../src/components/tabs/Tabs/useTabsKeyboard.ts"],"sourcesContent":["import { createRovingNavigation } from \"~/utils\";\nimport type { TabsContextValue } from \"./Tabs.context\";\n\n/**\n * tablist 的 roving focus 键盘导航。\n *\n * 通用算法(方向映射、Home/End、loop、跳过 disabled、RTL)已抽到\n * `~/utils/roving-navigation`,这里只负责把 Tabs 的 context 接上去。\n *\n * 与 base-ui 一致:方向键只移动焦点(触发 trigger 的 onFocus → 更新高亮),\n * 不激活;激活靠点击(Enter/Space 触发 button 的 click)。\n * activateOnFocus 时的聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。\n */\nexport function useTabsKeyboard(ctx: TabsContextValue) {\n  return createRovingNavigation({\n    getItems: () => ctx.getTriggers(),\n    orientation: ctx.orientation,\n    dir: ctx.dir,\n    loop: ctx.loop,\n    // dir=auto 时由通用实现回退到 document.documentElement.dir\n    onHighlight: ctx.setHighlightedValue,\n  });\n}\n"],"mappings":";;AAaA,SAAgBA,EAAgB,GAAuB;CACrD,OAAOC,EAAuB;EAC5B,gBAAgBC,EAAI,YAAY;EAChC,aAAaA,EAAI;EACjB,KAAKA,EAAI;EACT,MAAMA,EAAI;EAEV,aAAaA,EAAI;CACnB,CAAC;AACH"}

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

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

package/dist/components/tabs/TabsList/TabsList.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.context.js","names":["TabsListContext","createContext","useTabsListContext","context","useContext"],"sources":["../../../../src/components/tabs/TabsList/TabsList.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface TabsListContextValue {\n  /** 聚焦是否激活 tab(base-ui 语义,默认 false:聚焦只高亮,点击才激活) */\n  activateOnFocus: boolean;\n}\n\nexport const TabsListContext = createContext<TabsListContextValue>();\n\nexport const useTabsListContext = () => {\n  const context = useContext(TabsListContext);\n  if (!context)\n    throw new Error(\n      \"useTabsListContext must be used within a <TabsList> component\",\n    );\n  return context;\n};\n"],"mappings":";;AAOA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GACH,MAAU,MACR,+DACF;CACF,OAAOA;AACT"}
+{"version":3,"file":"TabsList.context.js","names":["TabsListContext","createContext","useTabsListContext","context","useContext"],"sources":["../../../../src/components/tabs/TabsList/TabsList.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface TabsListContextValue {\n  /** 聚焦是否激活 tab(base-ui 语义,默认 false:聚焦只高亮,点击才激活) */\n  activateOnFocus: boolean;\n}\n\nexport const TabsListContext = createContext<TabsListContextValue>();\n\nexport const useTabsListContext = () => {\n  const context = useContext(TabsListContext);\n  if (!context) throw new Error(\"useTabsListContext 必须用在 <TabsList> 内部\");\n  return context;\n};\n"],"mappings":";;AAOA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GAAS,MAAU,MAAM,uCAAuC;CACrE,OAAOA;AACT"}

package/dist/components/tabs/TabsList/TabsList.js

@@ -1,8 +1,8 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { useTabsContext as t } from "../Tabs/Tabs.context.js";
-import { tabsListVariants as n } from "./TabsList.styles.js";
-import { useTabsKeyboard as r } from "../Tabs/useTabsKeyboard.js";
-import { callEventHandler as i } from "../Tabs/call-event-handler.js";
+import { callEventHandler as t } from "../../../utils/call-event-handler.js";
+import { useTabsContext as n } from "../Tabs/Tabs.context.js";
+import { tabsListVariants as r } from "./TabsList.styles.js";
+import { useTabsKeyboard as i } from "../Tabs/useTabsKeyboard.js";
 import { TabsListContext as a } from "./TabsList.context.js";
 import { createComponent as o, mergeProps as s, spread as c, template as l } from "solid-js/web";
 import { mergeProps as u, splitProps as d } from "solid-js";
@@ -16,14 +16,14 @@ var f = /*#__PURE__*/ l("<div role=tablist data-slot=tabs-list>"), p = (l) => {
 		"class",
 		"classList",
 		"activateOnFocus"
-	], ["onKeyDown"]), _ = t(), { handleKeyDown: v } = r(_);
+	], ["onKeyDown"]), _ = n(), { handleKeyDown: v } = i(_);
 	return o(a.Provider, {
 		get value() {
 			return { activateOnFocus: m.activateOnFocus };
 		},
 		get children() {
-			var t = f();
-			return c(t, s({
+			var n = f();
+			return c(n, s({
 				get "data-variant"() {
 					return m.variant;
 				},
@@ -31,14 +31,14 @@ var f = /*#__PURE__*/ l("<div role=tablist data-slot=tabs-list>"), p = (l) => {
 					return _.orientation() === "vertical" ? "vertical" : void 0;
 				},
 				get class() {
-					return e(n({ variant: m.variant }), m.class);
+					return e(r({ variant: m.variant }), m.class);
 				},
 				get classList() {
 					return m.classList;
 				}
 			}, g, { onKeyDown: (e) => {
-				v(e), i(h.onKeyDown, e);
-			} }), !1, !1), t;
+				t(h.onKeyDown, e), e.defaultPrevented || v(e);
+			} }), !1, !1), n;
 		}
 	});
 };

package/dist/components/tabs/TabsList/TabsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.js","names":["mergeProps","splitProps","TabsListProps","clsx","tabsListVariants","useTabsContext","useTabsKeyboard","callEventHandler","TabsListContext","TabsList","props","merged","variant","activateOnFocus","const","local","events","others","ctx","handleKeyDown","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","aria-orientation","orientation","undefined","class","classList","e","onKeyDown","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","TabsList","merged","props","local","events","others","splitProps","ctx","useTabsContext","useTabsKeyboard","createComponent","TabsListContext","_el$","spread","mergeProps","\"class\"","clsx","tabsListVariants","\"onKeyDown\"","handleKeyDown","callEventHandler"],"sources":["../../../../src/components/tabs/TabsList/TabsList.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { TabsListProps } from \"./TabsList.types\";\nimport { clsx } from \"~/utils\";\nimport { tabsListVariants } from \"./TabsList.styles\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsKeyboard } from \"../Tabs/useTabsKeyboard\";\nimport { callEventHandler } from \"../Tabs/call-event-handler\";\nimport { TabsListContext } from \"./TabsList.context\";\n\nexport const TabsList = (props: TabsListProps) => {\n  const merged = mergeProps(\n    { variant: \"secondary\", activateOnFocus: false } as const,\n    props,\n  );\n  const [local, events, others] = splitProps(\n    merged,\n    [\"variant\", \"class\", \"classList\", \"activateOnFocus\"],\n    [\"onKeyDown\"],\n  );\n\n  const ctx = useTabsContext();\n  const { handleKeyDown } = useTabsKeyboard(ctx);\n\n  return (\n    <TabsListContext.Provider\n      value={{ activateOnFocus: local.activateOnFocus }}\n    >\n      <div\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        data-variant={local.variant}\n        aria-orientation={\n          ctx.orientation() === \"vertical\" ? \"vertical\" : undefined\n        }\n        class={clsx(tabsListVariants({ variant: local.variant }), local.class)}\n        classList={local.classList}\n        {...others}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          callEventHandler(events.onKeyDown, e);\n        }}\n      />\n    </TabsListContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;mEASaS,KAAYC,MAAyB;CAChD,IAAMC,IAASX,EACb;EAAEY,SAAS;EAAaC,iBAAiB;CAAM,GAC/CH,CACF,GACM,CAACK,GAAOC,GAAQC,KAAUhB,EAC9BU,GACA;EAAC;EAAW;EAAS;EAAa;CAAiB,GACnD,CAAC,WAAW,CACd,GAEMO,IAAMb,EAAe,GACrB,EAAEc,qBAAkBb,EAAgBY,CAAG;CAE7C,OAAAE,EACGZ,EAAgBa,UAAQ;EAAA,IACvBC,QAAK;GAAA,OAAE,EAAET,iBAAiBE,EAAMF,gBAAgB;EAAC;EAAA,IAAAU,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAe9C,OAf8CC,EAAAF,GAAAG,EAAA;IAAA,IAAA,iBAAA;KAAA,OAKjCZ,EAAMH;IAAO;IAAA,IAAA,qBAAA;KAAA,OAEzBM,EAAIY,YAAY,MAAM,aAAa,aAAaC,KAAAA;IAAS;IAAA,IAAAyB,QAAA;KAAA,OAEpDrD,EAAKC,EAAiB,EAAEQ,SAASG,EAAMH,QAAQ,CAAC,GAAGG,EAAMiB,KAAK;IAAC;IAAA,IACtEC,YAAS;KAAA,OAAElB,EAAMkB;IAAS;GAAA,GACtBhB,GAAM,EAAA0C,YACEzB,MAAM;IAEhB3B,AADAY,EAAce,CAAC,GACf3B,EAAiBS,EAAOmB,WAAWD,CAAC;GACtC,EAAC,CAAA,GAAA,IAAA,EAAA,GAAAV;EAAA;CAAA,CAAA;AAIT"}
+{"version":3,"file":"TabsList.js","names":["mergeProps","splitProps","TabsListProps","clsx","tabsListVariants","useTabsContext","useTabsKeyboard","callEventHandler","TabsListContext","TabsList","props","merged","variant","activateOnFocus","const","local","events","others","ctx","handleKeyDown","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","aria-orientation","orientation","undefined","class","classList","e","onKeyDown","defaultPrevented","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","TabsList","merged","props","local","events","others","splitProps","ctx","useTabsContext","useTabsKeyboard","createComponent","TabsListContext","_el$","spread","mergeProps","\"class\"","clsx","tabsListVariants","\"onKeyDown\"","callEventHandler","handleKeyDown"],"sources":["../../../../src/components/tabs/TabsList/TabsList.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { TabsListProps } from \"./TabsList.types\";\nimport { clsx } from \"~/utils\";\nimport { tabsListVariants } from \"./TabsList.styles\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsKeyboard } from \"../Tabs/useTabsKeyboard\";\nimport { callEventHandler } from \"~/utils\";\nimport { TabsListContext } from \"./TabsList.context\";\n\nexport const TabsList = (props: TabsListProps) => {\n  const merged = mergeProps(\n    { variant: \"secondary\", activateOnFocus: false } as const,\n    props,\n  );\n  const [local, events, others] = splitProps(\n    merged,\n    [\"variant\", \"class\", \"classList\", \"activateOnFocus\"],\n    [\"onKeyDown\"],\n  );\n\n  const ctx = useTabsContext();\n  const { handleKeyDown } = useTabsKeyboard(ctx);\n\n  return (\n    <TabsListContext.Provider\n      value={{ activateOnFocus: local.activateOnFocus }}\n    >\n      <div\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        data-variant={local.variant}\n        aria-orientation={\n          ctx.orientation() === \"vertical\" ? \"vertical\" : undefined\n        }\n        class={clsx(tabsListVariants({ variant: local.variant }), local.class)}\n        classList={local.classList}\n        {...others}\n        onKeyDown={(e) => {\n          // 与 ToggleGroup / 菜单项保持一致:先跑用户处理器,\n          // 用户 preventDefault 表示\"我自己处理\",此时不再接管方向键。\n          callEventHandler(events.onKeyDown, e);\n          if (!e.defaultPrevented) handleKeyDown(e);\n        }}\n      />\n    </TabsListContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;mEASaS,KAAYC,MAAyB;CAChD,IAAMC,IAASX,EACb;EAAEY,SAAS;EAAaC,iBAAiB;CAAM,GAC/CH,CACF,GACM,CAACK,GAAOC,GAAQC,KAAUhB,EAC9BU,GACA;EAAC;EAAW;EAAS;EAAa;CAAiB,GACnD,CAAC,WAAW,CACd,GAEMO,IAAMb,EAAe,GACrB,EAAEc,qBAAkBb,EAAgBY,CAAG;CAE7C,OAAAE,EACGZ,EAAgBa,UAAQ;EAAA,IACvBC,QAAK;GAAA,OAAE,EAAET,iBAAiBE,EAAMF,gBAAgB;EAAC;EAAA,IAAAU,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAiB9C,OAjB8CC,EAAAF,GAAAG,EAAA;IAAA,IAAA,iBAAA;KAAA,OAKjCZ,EAAMH;IAAO;IAAA,IAAA,qBAAA;KAAA,OAEzBM,EAAIY,YAAY,MAAM,aAAa,aAAaC,KAAAA;IAAS;IAAA,IAAA0B,QAAA;KAAA,OAEpDtD,EAAKC,EAAiB,EAAEQ,SAASG,EAAMH,QAAQ,CAAC,GAAGG,EAAMiB,KAAK;IAAC;IAAA,IACtEC,YAAS;KAAA,OAAElB,EAAMkB;IAAS;GAAA,GACtBhB,GAAM,EAAA2C,YACE1B,MAAM;IAIhB,AADA3B,EAAiBS,EAAOmB,WAAWD,CAAC,GAC/BA,EAAEE,oBAAkBjB,EAAce,CAAC;GAC1C,EAAC,CAAA,GAAA,IAAA,EAAA,GAAAV;EAAA;CAAA,CAAA;AAIT"}

package/dist/components/tabs/TabsTrigger/TabsTrigger.js

@@ -1,6 +1,6 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { useTabsContext as t } from "../Tabs/Tabs.context.js";
-import { callEventHandler as n } from "../Tabs/call-event-handler.js";
+import { callEventHandler as t } from "../../../utils/call-event-handler.js";
+import { useTabsContext as n } from "../Tabs/Tabs.context.js";
 import { useTabsListContext as r } from "../TabsList/TabsList.context.js";
 import { tabsTriggerStyles as i } from "./TabsTrigger.styles.js";
 import { mergeProps as a, setAttribute as o, spread as s, template as c, use as l } from "solid-js/web";
@@ -12,7 +12,7 @@ var m = /*#__PURE__*/ c("<button type=button role=tab data-slot=tabs-trigger>"),
 		"class",
 		"classList",
 		"disabled"
-	], ["onClick", "onFocus"]), v = t(), y = r(), b = `tabs-trigger-${u()}`, x, S = () => !!h.disabled, C = () => v.isSelected(h.value), w = () => {
+	], ["onClick", "onFocus"]), v = n(), y = r(), b = `tabs-trigger-${u()}`, x, S = () => !!h.disabled, C = () => v.isSelected(h.value), w = () => {
 		if (S()) return -1;
 		let e = v.highlightedValue();
 		return e === h.value && v.isUsable(h.value) || (e === void 0 || !v.isUsable(e)) && v.isFirstEnabled(h.value) ? 0 : -1;
@@ -24,10 +24,10 @@ var m = /*#__PURE__*/ c("<button type=button role=tab data-slot=tabs-trigger>"),
 			element: x
 		}));
 	}), (() => {
-		var t = m();
+		var n = m();
 		return l((e) => {
 			x = e;
-		}, t), o(t, "id", b), s(t, a({
+		}, n), o(n, "id", b), s(n, a({
 			get "data-active"() {
 				return C() ? "" : null;
 			},
@@ -57,12 +57,12 @@ var m = /*#__PURE__*/ c("<button type=button role=tab data-slot=tabs-trigger>"),
 			}
 		}, _, {
 			onClick: (e) => {
-				S() || v.setValue(h.value), n(g.onClick, e);
+				S() || v.setValue(h.value), t(g.onClick, e);
 			},
 			onFocus: (e) => {
-				S() || (v.setHighlightedValue(h.value), y.activateOnFocus && v.setValue(h.value)), n(g.onFocus, e);
+				S() || (v.setHighlightedValue(h.value), y.activateOnFocus && v.setValue(h.value)), t(g.onFocus, e);
 			}
-		}), !1, !1), t;
+		}), !1, !1), n;
 	})();
 };
 //#endregion