@neut/ui 0.0.16 → 0.0.18

package/dist/components/sidebar/SidebarRail/SidebarRail.js

@@ -7,9 +7,14 @@ var c = /*#__PURE__*/ o("<button data-sidebar=rail data-slot=sidebar-rail aria-l
 	let { toggleSidebar: o } = t(), [l, u] = s(r, ["class", "classList"]);
 	return (() => {
 		var t = c();
-		return n(t, "click", o, !0), a(t, i({ get class() {
-			return e("absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:inset-s-1/2 after:w-0.5 hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", l.class);
-		} }, u), !1, !1), t;
+		return n(t, "click", o, !0), a(t, i({
+			get class() {
+				return e("absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:inset-s-1/2 after:w-0.5 hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", l.class);
+			},
+			get classList() {
+				return l.classList;
+			}
+		}, u), !1, !1), t;
 	})();
 };
 r(["click"]);

package/dist/components/sidebar/SidebarRail/SidebarRail.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarRail.js","names":["splitProps","SidebarRailProps","clsx","useSidebar","SidebarRail","props","toggleSidebar","local","others","_el$","_tmpl$","_$addEventListener","_$spread","_$mergeProps","class","_$delegateEvents","_$mergeProps","_$delegateEvents","_tmpl$","SidebarRail","useSidebar","local","others","splitProps","props","_el$","addEventListener","toggleSidebar","spread","mergeProps","\"class\"","clsx","delegateEvents"],"sources":["../../../../src/components/sidebar/SidebarRail/SidebarRail.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarRailProps } from \"./SidebarRail.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const SidebarRail = (props: SidebarRailProps) => {\n  const { toggleSidebar } = useSidebar();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      class={clsx(\n        \"absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:inset-s-1/2 after:w-0.5 hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;gJAKaI,KAAeC,MAA4B;CACtD,IAAM,EAAEC,qBAAkBH,EAAW,GAE/B,CAACI,GAAOC,KAAUR,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAiBc,OAjBdC,EAAAF,GAAA,SAMaH,GAAa,EAAA,GAAAM,EAAAH,GAAAI,EAAA,EAAA,IAAAiB,QAAA;GAAA,OAEf5B,EACL,6QACA,4EACA,0HACA,2JACA,6DACA,6DACAK,EAAMO,KACR;EAAC,EAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB;AAAEM,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"SidebarRail.js","names":["splitProps","SidebarRailProps","clsx","useSidebar","SidebarRail","props","toggleSidebar","local","others","_el$","_tmpl$","_$addEventListener","_$spread","_$mergeProps","class","classList","_$delegateEvents","_$mergeProps","_$delegateEvents","_tmpl$","SidebarRail","useSidebar","local","others","splitProps","props","_el$","addEventListener","toggleSidebar","spread","mergeProps","\"class\"","clsx","delegateEvents"],"sources":["../../../../src/components/sidebar/SidebarRail/SidebarRail.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarRailProps } from \"./SidebarRail.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const SidebarRail = (props: SidebarRailProps) => {\n  const { toggleSidebar } = useSidebar();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      class={clsx(\n        \"absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:inset-s-1/2 after:w-0.5 hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;gJAKaI,KAAeC,MAA4B;CACtD,IAAM,EAAEC,qBAAkBH,EAAW,GAE/B,CAACI,GAAOC,KAAUR,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAkBc,OAlBdC,EAAAF,GAAA,SAMaH,GAAa,EAAA,GAAAM,EAAAH,GAAAI,EAAA;GAAA,IAAAkB,QAAA;IAAA,OAEf7B,EACL,6QACA,4EACA,0HACA,2JACA,6DACA,6DACAK,EAAMO,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAER,EAAMQ;GAAS;EAAA,GACtBP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB;AAAEO,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.js

@@ -10,6 +10,9 @@ var a = (a) => {
 		"data-sidebar": "separator",
 		get class() {
 			return e("mx-2 w-auto bg-sidebar-border", o.class);
+		},
+		get classList() {
+			return o.classList;
 		}
 	}, s));
 };

package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSeparator.js","names":["splitProps","SidebarSeparatorProps","clsx","Separator","SidebarSeparator","props","local","others","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps","SidebarSeparator","local","others","splitProps","props","createComponent","Separator","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarSeparator/SidebarSeparator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarSeparatorProps } from \"./SidebarSeparator.types\";\nimport { clsx } from \"~/utils\";\nimport { Separator } from \"~/components/separator\";\n\nexport const SidebarSeparator = (props: SidebarSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      class={clsx(\"mx-2 w-auto bg-sidebar-border\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAASM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAY,QAAA;GAAA,OAGDnB,EAAK,iCAAiCI,EAAMI,KAAK;EAAC;CAAA,GACrDH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarSeparator.js","names":["splitProps","SidebarSeparatorProps","clsx","Separator","SidebarSeparator","props","local","others","_$createComponent","_$mergeProps","class","classList","_$createComponent","_$mergeProps","SidebarSeparator","local","others","splitProps","props","createComponent","Separator","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarSeparator/SidebarSeparator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarSeparatorProps } from \"./SidebarSeparator.types\";\nimport { clsx } from \"~/utils\";\nimport { Separator } from \"~/components/separator\";\n\nexport const SidebarSeparator = (props: SidebarSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      class={clsx(\"mx-2 w-auto bg-sidebar-border\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAASM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAa,QAAA;GAAA,OAGDpB,EAAK,iCAAiCI,EAAMI,KAAK;EAAC;EAAA,IACzDC,YAAS;GAAA,OAAEL,EAAMK;EAAS;CAAA,GACtBJ,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.js

@@ -18,6 +18,9 @@ var c = (c) => {
 		get class() {
 			return d.class;
 		},
+		get classList() {
+			return d.classList;
+		},
 		onClick: (e) => {
 			d.onClick?.(e), l();
 		},

package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarTrigger.js","names":["splitProps","SidebarTriggerProps","Button","useSidebar","PanelLeft","PanelRight","SidebarTrigger","props","toggleSidebar","open","local","others","_$createComponent","_$mergeProps","variant","size","class","onClick","event","icon","_$memo","_$createComponent","_$mergeProps","_$memo","SidebarTrigger","useSidebar","local","others","splitProps","props","createComponent","Button","mergeProps","\"class\"","event","toggleSidebar","memo","open","PanelLeft","PanelRight"],"sources":["../../../../src/components/sidebar/SidebarTrigger/SidebarTrigger.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarTriggerProps } from \"./SidebarTrigger.types\";\nimport { Button } from \"~/components/button\";\nimport { useSidebar } from \"../SidebarProvider\";\nimport { PanelLeft, PanelRight } from \"lucide-solid\";\n\nexport const SidebarTrigger = (props: SidebarTriggerProps) => {\n  const { toggleSidebar, open } = useSidebar();\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"onClick\"]);\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      size=\"sm\"\n      class={local.class}\n      onClick={(event) => {\n        local.onClick?.(event);\n        toggleSidebar();\n      }}\n      icon={\n        open() ? (\n          <PanelLeft class=\"cn-rtl-flip\" />\n        ) : (\n          <PanelRight class=\"cn-rtl-flip\" />\n        )\n      }\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaM,KAAkBC,MAA+B;CAC5D,IAAM,EAAEC,kBAAeC,YAASN,EAAW,GACrC,CAACO,GAAOC,KAAUX,EAAWO,GAAO;EAAC;EAAS;EAAa;CAAS,CAAC;CAE3E,OAAAK,EACGV,GAAMW,EAAA;EAAA,gBAAA;EAAA,aAAA;EAGLC,SAAO;EACPC,MAAI;EAAA,IAAAkB,QAAA;GAAA,OACGvB,EAAMM;EAAK;EAClBC,UAAUC,MAAU;GAElBV,AADAE,EAAMO,UAAUC,CAAK,GACrBV,EAAc;EAChB;EAAC,IACDW,OAAI;GAAA,OACFC,QAAA,CAAA,CAAAX,EAAK,CAAC,CAAA,CAAA,IAAAG,EACHR,GAAS,EAAA6B,OAAA,cAAA,CAAA,IAAArB,EAETP,GAAU,EAAA4B,OAAA,cAAA,CAAA;EACZ;CAAA,GAECtB,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarTrigger.js","names":["splitProps","SidebarTriggerProps","Button","useSidebar","PanelLeft","PanelRight","SidebarTrigger","props","toggleSidebar","open","local","others","_$createComponent","_$mergeProps","variant","size","class","classList","onClick","event","icon","_$memo","_$createComponent","_$mergeProps","_$memo","SidebarTrigger","useSidebar","local","others","splitProps","props","createComponent","Button","mergeProps","\"class\"","event","toggleSidebar","memo","open","PanelLeft","PanelRight"],"sources":["../../../../src/components/sidebar/SidebarTrigger/SidebarTrigger.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarTriggerProps } from \"./SidebarTrigger.types\";\nimport { Button } from \"~/components/button\";\nimport { useSidebar } from \"../SidebarProvider\";\nimport { PanelLeft, PanelRight } from \"lucide-solid\";\n\nexport const SidebarTrigger = (props: SidebarTriggerProps) => {\n  const { toggleSidebar, open } = useSidebar();\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"onClick\"]);\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      size=\"sm\"\n      class={local.class}\n      classList={local.classList}\n      onClick={(event) => {\n        local.onClick?.(event);\n        toggleSidebar();\n      }}\n      icon={\n        open() ? (\n          <PanelLeft class=\"cn-rtl-flip\" />\n        ) : (\n          <PanelRight class=\"cn-rtl-flip\" />\n        )\n      }\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaM,KAAkBC,MAA+B;CAC5D,IAAM,EAAEC,kBAAeC,YAASN,EAAW,GACrC,CAACO,GAAOC,KAAUX,EAAWO,GAAO;EAAC;EAAS;EAAa;CAAS,CAAC;CAE3E,OAAAK,EACGV,GAAMW,EAAA;EAAA,gBAAA;EAAA,aAAA;EAGLC,SAAO;EACPC,MAAI;EAAA,IAAAmB,QAAA;GAAA,OACGxB,EAAMM;EAAK;EAAA,IAClBC,YAAS;GAAA,OAAEP,EAAMO;EAAS;EAC1BC,UAAUC,MAAU;GAElBX,AADAE,EAAMQ,UAAUC,CAAK,GACrBX,EAAc;EAChB;EAAC,IACDY,OAAI;GAAA,OACFC,QAAA,CAAA,CAAAZ,EAAK,CAAC,CAAA,CAAA,IAAAG,EACHR,GAAS,EAAA8B,OAAA,cAAA,CAAA,IAAAtB,EAETP,GAAU,EAAA6B,OAAA,cAAA,CAAA;EACZ;CAAA,GAECvB,CAAM,CAAA;AAGhB"}

package/dist/components/skeleton/Skeleton.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=skeleton>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("animate-pulse rounded-md bg-muted", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("animate-pulse rounded-md bg-muted", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["splitProps","SkeletonProps","clsx","Skeleton","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","Skeleton","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SkeletonProps } from \"./Skeleton.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Skeleton = (props: SkeletonProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"skeleton\"\n      class={clsx(\"animate-pulse rounded-md bg-muted\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;qDAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EAAK,qCAAqCG,EAAMM,KAAK;EAAC,EAAA,GACzDL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Skeleton.js","names":["splitProps","SkeletonProps","clsx","Skeleton","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","Skeleton","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SkeletonProps } from \"./Skeleton.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Skeleton = (props: SkeletonProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"skeleton\"\n      class={clsx(\"animate-pulse rounded-md bg-muted\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;qDAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWrB,EAAK,qCAAqCG,EAAMM,KAAK;GAAC;GAAA,IAC7DC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.context.js","names":["SliderContext","createContext","useSliderContext","ctx","useContext"],"sources":["../../../../src/components/slider/Slider/Slider.context.ts"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\n\ninterface SliderContextValue {\n  values: Accessor<number[]>;\n  min: Accessor<number>;\n  max: Accessor<number>;\n  step: Accessor<number>;\n  orientation: Accessor<\"horizontal\" | \"vertical\">;\n  disabled: Accessor<boolean>;\n  activeThumbIndex: Accessor<number>;\n  setActiveThumbIndex: (index: number) => void;\n  updateValue: (index: number, value: number) => void;\n  trackRef: Accessor<HTMLDivElement | undefined>;\n  setTrackRef: (el: HTMLDivElement) => void;\n}\n\nexport const SliderContext = createContext<SliderContextValue>();\n\nexport const useSliderContext = () => {\n  const ctx = useContext(SliderContext);\n  if (!ctx) {\n    throw new Error(\"useSliderContext must be used within a SliderProvider\");\n  }\n\n  return ctx;\n};\n"],"mappings":";;AAgBA,IAAaA,IAAgBC,EAAkC,GAElDC,UAAyB;CACpC,IAAMC,IAAMC,EAAWJ,CAAa;CACpC,IAAI,CAACG,GACH,MAAU,MAAM,uDAAuD;CAGzE,OAAOA;AACT"}
+{"version":3,"file":"Slider.context.js","names":["SliderContext","createContext","useSliderContext","ctx","useContext"],"sources":["../../../../src/components/slider/Slider/Slider.context.ts"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\n\ninterface SliderContextValue {\n  values: Accessor<number[]>;\n  min: Accessor<number>;\n  max: Accessor<number>;\n  step: Accessor<number>;\n  orientation: Accessor<\"horizontal\" | \"vertical\">;\n  disabled: Accessor<boolean>;\n  activeThumbIndex: Accessor<number>;\n  setActiveThumbIndex: (index: number) => void;\n  updateValue: (index: number, value: number) => void;\n  trackRef: Accessor<HTMLDivElement | undefined>;\n  setTrackRef: (el: HTMLDivElement) => void;\n}\n\nexport const SliderContext = createContext<SliderContextValue>();\n\nexport const useSliderContext = () => {\n  const ctx = useContext(SliderContext);\n  if (!ctx) {\n    throw new Error(\"useSliderContext 必须用在 <Slider> 内部\");\n  }\n\n  return ctx;\n};\n"],"mappings":";;AAgBA,IAAaA,IAAgBC,EAAkC,GAElDC,UAAyB;CACpC,IAAMC,IAAMC,EAAWJ,CAAa;CACpC,IAAI,CAACG,GACH,MAAU,MAAM,mCAAmC;CAGrD,OAAOA;AACT"}

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

@@ -40,6 +40,9 @@ var g = /*#__PURE__*/ f("<div data-slot=slider>"), _ = (f) => {
 				},
 				get class() {
 					return e(t, v.class);
+				},
+				get classList() {
+					return v.classList;
 				}
 			}, y), !1, !0), l(o, c(n, { get children() {
 				return [c(r, { get children() {

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 };