@neut/ui 0.0.8 → 0.0.10

package/dist/components/sidebar/SidebarProvider/SidebarProvider.js

@@ -4,8 +4,8 @@ import { SidebarContext as a } from "./SidebarProvider.context.js";
 import { createComponent as o, insert as s, mergeProps as c, spread as l, template as u } from "solid-js/web";
 import { createEffect as d, createMemo as f, createSignal as p, mergeProps as m, onCleanup as h, splitProps as g } from "solid-js";
 //#region src/components/sidebar/SidebarProvider/SidebarProvider.tsx
-var _ = /* @__PURE__ */ u("<div data-slot=sidebar-wrapper>"), v = (u) => {
-	let [v, y] = g(m({ defaultOpen: !0 }, u), [
+var _ = /*#__PURE__*/ u("<div data-slot=sidebar-wrapper>"), v = (u) => {
+	let v = m({ defaultOpen: !0 }, u), [y, b] = g(v, [
 		"open",
 		"onOpenChange",
 		"defaultOpen",
@@ -13,26 +13,26 @@ var _ = /* @__PURE__ */ u("<div data-slot=sidebar-wrapper>"), v = (u) => {
 		"class",
 		"style",
 		"children"
-	]), [b, x] = p(!1), [S, C] = p(v.defaultOpen), w = f(() => v.open ?? S()), T = (e) => {
-		let r = typeof e == "function" ? e(w()) : e;
-		v.onOpenChange ? v.onOpenChange(r) : C(r), document.cookie = `${n}=${r}; path=/; max-age=${t}`;
-	}, E = () => T((e) => !e);
+	]), [x, S] = p(!1), [C, w] = p(y.defaultOpen), T = f(() => y.open ?? C()), E = (e) => {
+		let r = typeof e == "function" ? e(T()) : e;
+		y.onOpenChange ? y.onOpenChange(r) : w(r), document.cookie = `${n}=${r}; path=/; max-age=${t}`;
+	}, D = () => E((e) => !e);
 	d(() => {
 		let e = (e) => {
-			e.key === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), E());
+			e.key === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), D());
 		};
 		window.addEventListener("keydown", e), h(() => window.removeEventListener("keydown", e));
 	});
-	let D = f(() => w() ? "expanded" : "collapsed");
+	let O = f(() => T() ? "expanded" : "collapsed");
 	return o(a.Provider, {
 		value: {
-			state: D,
-			open: w,
-			setOpen: T,
+			state: O,
+			open: T,
+			setOpen: E,
 			isMobile: !1,
-			openMobile: b,
-			setOpenMobile: x,
-			toggleSidebar: E
+			openMobile: x,
+			setOpenMobile: S,
+			toggleSidebar: D
 		},
 		get children() {
 			var t = _();
@@ -41,13 +41,13 @@ var _ = /* @__PURE__ */ u("<div data-slot=sidebar-wrapper>"), v = (u) => {
 					return {
 						"--sidebar-width": r,
 						"--sidebar-width-icon": i,
-						...v.style
+						...y.style
 					};
 				},
 				get class() {
-					return e("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-neutral-50 dark:has-data-[variant=inset]:bg-neutral-900", v.class);
+					return e("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-neutral-50 dark:has-data-[variant=inset]:bg-neutral-900", y.class);
 				}
-			}, y), !1, !0), s(t, () => v.children), t;
+			}, b), !1, !0), s(t, () => y.children), t;
 		}
 	});
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.js","names":["createEffect","createMemo","createSignal","mergeProps","onCleanup","splitProps","SidebarProviderProps","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_COOKIE_NAME","SIDEBAR_KEYBOARD_SHORTCUT","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","SidebarContext","clsx","SidebarProvider","props","merged","defaultOpen","const","local","others","isMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","onOpenChange","document","cookie","toggleSidebar","handleKeyDown","event","KeyboardEvent","key","metaKey","ctrlKey","preventDefault","window","addEventListener","removeEventListener","state","_$createComponent","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","style","class","_$insert"],"sources":["../../../../src/components/sidebar/SidebarProvider/SidebarProvider.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport type { SidebarProviderProps } from \"./SidebarProvider.types\";\nimport {\n  SIDEBAR_COOKIE_MAX_AGE,\n  SIDEBAR_COOKIE_NAME,\n  SIDEBAR_KEYBOARD_SHORTCUT,\n  SIDEBAR_WIDTH,\n  SIDEBAR_WIDTH_ICON,\n} from \"./SidebarProvider.consts\";\nimport { SidebarContext } from \"./SidebarProvider.context\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarProvider = (props: SidebarProviderProps) => {\n  const merged = mergeProps({ defaultOpen: true } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"open\",\n    \"onOpenChange\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"class\",\n    \"style\",\n    \"children\",\n  ]);\n\n  // FIXME: Remove hardcoded value and use a responsive breakpoint instead.\n  const isMobile = false;\n\n  const [openMobile, setOpenMobile] = createSignal(false);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = createSignal(local.defaultOpen);\n  const open = createMemo(() => local.open ?? _open());\n\n  const setOpen = (value: boolean | ((value: boolean) => boolean)) => {\n    const openState = typeof value === \"function\" ? value(open()) : value;\n    if (local.onOpenChange) {\n      local.onOpenChange(openState);\n    } else {\n      _setOpen(openState);\n    }\n\n    // biome-ignore lint/suspicious/noDocumentCookie: This sets the cookie to keep the sidebar state.\n    document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n  };\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = () =>\n    isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n\n  createEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n\n    onCleanup(() => window.removeEventListener(\"keydown\", handleKeyDown));\n  });\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = createMemo(() => (open() ? \"expanded\" : \"collapsed\"));\n\n  return (\n    <SidebarContext.Provider\n      value={{\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n      }}\n    >\n      <div\n        data-slot=\"sidebar-wrapper\"\n        style={{\n          \"--sidebar-width\": SIDEBAR_WIDTH,\n          \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n          ...local.style,\n        }}\n        class={clsx(\n          \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-neutral-50 dark:has-data-[variant=inset]:bg-neutral-900\",\n          local.class,\n        )}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n"],"mappings":";;;;;;8DAmBac,KAAmBC,MAAgC;CAE9D,IAAM,CAACI,GAAOC,KAAUf,EADTF,EAAW,EAAEc,aAAa,IAAM,EAAWF,EAAM,EACrB;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAKI,CAACO,GAAYC,KAAiBrB,EAAa,GAAM,EAIjD,CAACsB,GAAOC,KAAYvB,EAAaiB,EAAMF,YAAY,EACnDS,IAAOzB,QAAiBkB,EAAMO,QAAQF,GAAO,CAAC,EAE9CG,KAAWC,MAAmD;EAClE,IAAMC,IAAY,OAAOD,KAAU,aAAaA,EAAMF,GAAM,CAAC,GAAGE;AAQhEG,EAPIZ,EAAMW,eACRX,EAAMW,aAAaD,EAAU,GAE7BJ,EAASI,EAAU,EAIrBE,SAASC,SAAS,GAAGxB,EAAmB,GAAIqB,EAAS,oBAAqBtB;IAItE0B,UACwCN,GAASD,MAAS,CAACA,EAAK;AAEtE1B,SAAmB;EACjB,IAAMkC,KAAiBC,MAAyB;AAC9C,GACEA,EAAME,QAAAA,QACLF,EAAMG,WAAWH,EAAMI,aAExBJ,EAAMK,gBAAgB,EACtBP,GAAe;;AAMnB7B,EAFAqC,OAAOC,iBAAiB,WAAWR,EAAc,EAEjD9B,QAAgBqC,OAAOE,oBAAoB,WAAWT,EAAc,CAAC;GACrE;CAIF,IAAMU,IAAQ3C,QAAkByB,GAAM,GAAG,aAAa,YAAa;AAEnE,QAAAmB,EACGjC,EAAekC,UAAQ;EACtBlB,OAAO;GACLgB;GACAlB;GACAC;GACAN;GACAC;GACAC;GACAU;GACD;EAAA,IAAAc,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAegB,UAfhBC,EAAAF,GAAAG,EAAA;IAAA,IAICC,QAAK;AAAA,YAAE;MACL,mBAAmB1C;MACnB,wBAAwBC;MACxB,GAAGQ,EAAMiC;MACV;;IAAA,IAAA,QAAA;AAAA,YACMvC,EACL,mIACAM,EAAMkC,MACP;;IAAA,EACGjC,EAAM,EAAA,IAAA,GAAA,EAAAkC,EAAAN,SAET7B,EAAM4B,SAAQ,EAAAC;;EAAA,CAAA"}
+{"version":3,"file":"SidebarProvider.js","names":["createEffect","createMemo","createSignal","mergeProps","onCleanup","splitProps","SidebarProviderProps","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_COOKIE_NAME","SIDEBAR_KEYBOARD_SHORTCUT","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","SidebarContext","clsx","SidebarProvider","props","merged","defaultOpen","const","local","others","isMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","onOpenChange","document","cookie","toggleSidebar","handleKeyDown","event","KeyboardEvent","key","metaKey","ctrlKey","preventDefault","window","addEventListener","removeEventListener","state","_$createComponent","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","style","class","_$insert"],"sources":["../../../../src/components/sidebar/SidebarProvider/SidebarProvider.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport type { SidebarProviderProps } from \"./SidebarProvider.types\";\nimport {\n  SIDEBAR_COOKIE_MAX_AGE,\n  SIDEBAR_COOKIE_NAME,\n  SIDEBAR_KEYBOARD_SHORTCUT,\n  SIDEBAR_WIDTH,\n  SIDEBAR_WIDTH_ICON,\n} from \"./SidebarProvider.consts\";\nimport { SidebarContext } from \"./SidebarProvider.context\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarProvider = (props: SidebarProviderProps) => {\n  const merged = mergeProps({ defaultOpen: true } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"open\",\n    \"onOpenChange\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"class\",\n    \"style\",\n    \"children\",\n  ]);\n\n  // FIXME: Remove hardcoded value and use a responsive breakpoint instead.\n  const isMobile = false;\n\n  const [openMobile, setOpenMobile] = createSignal(false);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = createSignal(local.defaultOpen);\n  const open = createMemo(() => local.open ?? _open());\n\n  const setOpen = (value: boolean | ((value: boolean) => boolean)) => {\n    const openState = typeof value === \"function\" ? value(open()) : value;\n    if (local.onOpenChange) {\n      local.onOpenChange(openState);\n    } else {\n      _setOpen(openState);\n    }\n\n    // biome-ignore lint/suspicious/noDocumentCookie: This sets the cookie to keep the sidebar state.\n    document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n  };\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = () =>\n    isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n\n  createEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n\n    onCleanup(() => window.removeEventListener(\"keydown\", handleKeyDown));\n  });\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = createMemo(() => (open() ? \"expanded\" : \"collapsed\"));\n\n  return (\n    <SidebarContext.Provider\n      value={{\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n      }}\n    >\n      <div\n        data-slot=\"sidebar-wrapper\"\n        style={{\n          \"--sidebar-width\": SIDEBAR_WIDTH,\n          \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n          ...local.style,\n        }}\n        class={clsx(\n          \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-neutral-50 dark:has-data-[variant=inset]:bg-neutral-900\",\n          local.class,\n        )}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n"],"mappings":";;;;;;4DAmBac,KAAmBC,MAAgC;CAC9D,IAAMC,IAASb,EAAW,EAAEc,aAAa,GAAK,GAAYF,CAAK,GACzD,CAACI,GAAOC,KAAUf,EAAWW,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAKK,CAACM,GAAYC,KAAiBrB,EAAa,EAAK,GAIhD,CAACsB,GAAOC,KAAYvB,EAAaiB,EAAMF,WAAW,GAClDS,IAAOzB,QAAiBkB,EAAMO,QAAQF,EAAM,CAAC,GAE7CG,KAAWC,MAAmD;EAClE,IAAMC,IAAY,OAAOD,KAAU,aAAaA,EAAMF,EAAK,CAAC,IAAIE;EAQhEG,AAPIZ,EAAMW,eACRX,EAAMW,aAAaD,CAAS,IAE5BJ,EAASI,CAAS,GAIpBE,SAASC,SAAS,GAAGxB,EAAmB,GAAIqB,EAAS,oBAAqBtB;CAC5E,GAGM0B,UACwCN,GAASD,MAAS,CAACA,CAAI;CAErE1B,QAAmB;EACjB,IAAMkC,KAAiBC,MAAyB;GAC9C,AACEA,EAAME,QAAAA,QACLF,EAAMG,WAAWH,EAAMI,aAExBJ,EAAMK,eAAe,GACrBP,EAAc;EAElB;EAIA7B,AAFAqC,OAAOC,iBAAiB,WAAWR,CAAa,GAEhD9B,QAAgBqC,OAAOE,oBAAoB,WAAWT,CAAa,CAAC;CACtE,CAAC;CAID,IAAMU,IAAQ3C,QAAkByB,EAAK,IAAI,aAAa,WAAY;CAElE,OAAAmB,EACGjC,EAAekC,UAAQ;EACtBlB,OAAO;GACLgB;GACAlB;GACAC;GACAN;GACAC;GACAC;GACAU;EACF;EAAC,IAAAc,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAegB,OAfhBC,EAAAF,GAAAG,EAAA;IAAA,IAICC,QAAK;KAAA,OAAE;MACL,mBAAmB1C;MACnB,wBAAwBC;MACxB,GAAGQ,EAAMiC;KACX;IAAC;IAAA,IAAA,QAAA;KAAA,OACMvC,EACL,mIACAM,EAAMkC,KACR;IAAC;GAAA,GACGjC,CAAM,GAAA,IAAA,EAAA,GAAAkC,EAAAN,SAET7B,EAAM4B,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

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

@@ -3,12 +3,12 @@ import { useSidebar as t } from "../SidebarProvider/SidebarProvider.context.js";
 import { addEventListener as n, delegateEvents as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
 import { splitProps as s } from "solid-js";
 //#region src/components/sidebar/SidebarRail/SidebarRail.tsx
-var c = /* @__PURE__ */ o("<button data-sidebar=rail data-slot=sidebar-rail aria-label=\"Toggle Sidebar\"tabindex=-1 title=\"Toggle Sidebar\">"), l = (r) => {
+var c = /*#__PURE__*/ o("<button data-sidebar=rail data-slot=sidebar-rail aria-label=\"Toggle Sidebar\"tabindex=-1 title=\"Toggle Sidebar\">"), l = (r) => {
 	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-neutral-200 dark:hover:after:bg-white/10 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-neutral-50 dark:hover:group-data-[collapsible=offcanvas]:bg-neutral-900", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", l.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;
 	})();
 };

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"],"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-neutral-200 dark:hover:after:bg-white/10 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-neutral-50 dark:hover:group-data-[collapsible=offcanvas]:bg-neutral-900\",\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":";;;;;kJAKaI,KAAeC,MAA4B;CACtD,IAAM,EAAEC,qBAAkBH,GAAY,EAEhC,CAACI,GAAOC,KAAUR,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAI,IAAAC,GAAA;AAiBc,SAjBdC,EAAAF,GAAA,SAMaH,GAAa,GAAA,EAAAM,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;AAAA,UAEfX,EACL,uSACA,4EACA,0HACA,2NACA,6DACA,6DACAK,EAAMO,MACP;KAAA,EACGN,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;;AAGdM,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"SidebarRail.js","names":["splitProps","SidebarRailProps","clsx","useSidebar","SidebarRail","props","toggleSidebar","local","others","_el$","_tmpl$","_$addEventListener","_$spread","_$mergeProps","class","_$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,IAAA,QAAA;GAAA,OAEfX,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"}

package/dist/components/sidebar/SidebarRail/index.d.ts

@@ -1 +1,2 @@
 export { SidebarRail } from './SidebarRail';
+export * from './SidebarRail.types';

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"],"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,YAAY,CAAC;AAEjE,QAAAG,EACGL,GAASM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;AAAA,UAGDP,EAAK,iCAAiCI,EAAMI,MAAM;;EAAA,EACrDH,EAAM,CAAA"}
+{"version":3,"file":"SidebarSeparator.js","names":["splitProps","SidebarSeparatorProps","clsx","Separator","SidebarSeparator","props","local","others","_$createComponent","_$mergeProps","class"],"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,IAAA,QAAA;GAAA,OAGDP,EAAK,iCAAiCI,EAAMI,KAAK;EAAC;CAAA,GACrDH,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarSeparator/index.d.ts

@@ -1 +1,2 @@
 export { SidebarSeparator } from './SidebarSeparator';
+export * from './SidebarSeparator.types';

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"],"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,GAAY,EACtC,CAACO,GAAOC,KAAUX,EAAWO,GAAO;EAAC;EAAS;EAAa;EAAU,CAAC;AAE5E,QAAAK,EACGV,GAAMW,EAAA;EAAA,gBAAA;EAAA,aAAA;EAGLC,SAAO;EACPC,MAAI;EAAA,IAAA,QAAA;AAAA,UACGL,EAAMM;;EACbC,UAAUC,MAAU;AAElBV,GADAE,EAAMO,UAAUC,EAAM,EACtBV,GAAe;;EAChB,IACDW,OAAI;AAAA,UACFC,QAAA,CAAA,CAAAX,GAAM,CAAA,EAAA,GAAAG,EACHR,GAAS,EAAA,OAAA,eAAA,CAAA,GAAAQ,EAETP,GAAU,EAAA,OAAA,eAAA,CACZ;;EAAA,EAECM,EAAM,CAAA"}
+{"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"],"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,IAAA,QAAA;GAAA,OACGL,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,EAAA,OAAA,cAAA,CAAA,IAAAQ,EAETP,GAAU,EAAA,OAAA,cAAA,CAAA;EACZ;CAAA,GAECM,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarTrigger/index.d.ts

@@ -1 +1,2 @@
+export * from './SidebarTrigger.types';
 export { SidebarTrigger } from './SidebarTrigger';

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

@@ -1,22 +1,22 @@
 export { SidebarProvider } from './SidebarProvider';
-export { Sidebar } from './Sidebar';
-export { SidebarTrigger } from './SidebarTrigger';
-export { SidebarRail } from './SidebarRail';
-export { SidebarInset } from './SidebarInset';
-export { SidebarInput } from './SidebarInput';
-export { SidebarHeader } from './SidebarHeader';
-export { SidebarFooter } from './SidebarFooter';
-export { SidebarSeparator } from './SidebarSeparator';
-export { SidebarContent } from './SidebarContent';
-export { SidebarGroup } from './SidebarGroup';
-export { SidebarGroupLabel } from './SidebarGroupLabel';
-export { SidebarGroupAction } from './SidebarGroupAction';
-export { SidebarGroupContent } from './SidebarGroupContent';
-export { SidebarMenu } from './SidebarMenu';
-export { SidebarMenuItem } from './SidebarMenuItem';
-export { SidebarMenuButton } from './SidebarMenuButton';
-export { SidebarMenuBadge } from './SidebarMenuBadge';
-export { SidebarMenuSkeleton } from './SidebarMenuSkeleton';
-export { SidebarMenuSub } from './SidebarMenuSub';
-export { SidebarMenuSubItem } from './SidebarMenuSubItem';
-export { SidebarMenuSubButton } from './SidebarMenuSubButton';
+export * from './Sidebar';
+export * from './SidebarTrigger';
+export * from './SidebarRail';
+export * from './SidebarInset';
+export * from './SidebarInput';
+export * from './SidebarHeader';
+export * from './SidebarFooter';
+export * from './SidebarSeparator';
+export * from './SidebarContent';
+export * from './SidebarGroup';
+export * from './SidebarGroupLabel';
+export * from './SidebarGroupAction';
+export * from './SidebarGroupContent';
+export * from './SidebarMenu';
+export * from './SidebarMenuItem';
+export * from './SidebarMenuButton';
+export * from './SidebarMenuBadge';
+export * from './SidebarMenuSkeleton';
+export * from './SidebarMenuSub';
+export * from './SidebarMenuSubItem';
+export * from './SidebarMenuSubButton';

package/dist/components/skeleton/Skeleton.js

@@ -2,12 +2,12 @@ import { clsx as e } from "../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/skeleton/Skeleton.tsx
-var a = /* @__PURE__ */ r("<div data-slot=skeleton>"), o = (r) => {
+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-neutral-100 dark:bg-neutral-800", o.class);
+			return e("animate-pulse rounded-md bg-muted", o.class);
 		} }, s), !1, !1), r;
 	})();
 };

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"],"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(\n        \"animate-pulse rounded-md bg-neutral-100 dark:bg-neutral-800\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;uDAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWR,EACL,+DACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"Skeleton.js","names":["splitProps","SkeletonProps","clsx","Skeleton","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"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,IAAA,QAAA;GAAA,OAGWR,EAAK,qCAAqCG,EAAMM,KAAK;EAAC,EAAA,GACzDL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import { useSliderContext as r } from "../Slider/Slider.context.js";
 import { addEventListener as i, delegateEvents as a, mergeProps as o, spread as s, template as c } from "solid-js/web";
 import { splitProps as l } from "solid-js";
 //#region src/components/slider/SliderControl/SliderControl.tsx
-var u = /* @__PURE__ */ c("<div>"), d = (a) => {
+var u = /*#__PURE__*/ c("<div>"), d = (a) => {
 	let c = r(), [d, f] = l(a, ["class", "classList"]), { handlePointerDown: p, handlePointerMove: m, handlePointerUp: h } = n();
 	return (() => {
 		var n = u();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import { useSliderContext as r } from "../Slider/Slider.context.js";
 import { addEventListener as i, delegateEvents as a, mergeProps as o, spread as s, template as c } from "solid-js/web";
 import { splitProps as l } from "solid-js";
 //#region src/components/slider/SliderThumb/SliderThumb.tsx
-var u = /* @__PURE__ */ c("<div data-slot=slider-thumb>"), d = (a) => {
+var u = /*#__PURE__*/ c("<div data-slot=slider-thumb>"), d = (a) => {
 	let c = r(), [d, f] = l(a, [
 		"index",
 		"class",

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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