@neut/ui 0.0.17 → 0.0.18

package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=sidebar-menu-badge data-sidebar=menu-bad
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuBadge.js","names":["splitProps","SidebarMenuBadgeProps","clsx","SidebarMenuBadge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarMenuBadge","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuBadgeProps } from \"./SidebarMenuBadge.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuBadge = (props: SidebarMenuBadgeProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      class={clsx(\n        \"pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;uFAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EACL,4bACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarMenuBadge.js","names":["splitProps","SidebarMenuBadgeProps","clsx","SidebarMenuBadge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarMenuBadge","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuBadgeProps } from \"./SidebarMenuBadge.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuBadge = (props: SidebarMenuBadgeProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      class={clsx(\n        \"pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;uFAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EACL,4bACAG,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.js

@@ -44,6 +44,9 @@ var f = (f) => {
 						variant: g.variant,
 						size: g.size
 					}), g.class);
+				},
+				get classList() {
+					return g.classList;
 				}
 			}, _));
 		},
@@ -66,6 +69,9 @@ var f = (f) => {
 							variant: g.variant,
 							size: g.size
 						}), g.class);
+					},
+					get classList() {
+						return g.classList;
 					}
 				}, _)), s(a, c({
 					side: "right",

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.js","names":["mergeProps","Show","splitProps","ValidComponent","Dynamic","SidebarMenuButtonProps","clsx","useSidebar","sidebarMenuButtonVariants","Tooltip","TooltipContent","TooltipTrigger","SidebarMenuButton","props","T","isMobile","state","merged","isActive","variant","size","component","const","local","others","_$createComponent","when","tooltip","fallback","_$mergeProps","data-size","data-active","class","children","side","align","hidden","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarMenuButton","useSidebar","merged","props","local","others","splitProps","createComponent","Show","Dynamic","mergeProps","\"class\"","clsx","sidebarMenuButtonVariants","Tooltip","TooltipTrigger","TooltipContent","state","isMobile"],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type { SidebarMenuButtonProps } from \"./SidebarMenuButton.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\nimport { sidebarMenuButtonVariants } from \"./SidebarMenuButton.styles\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"~/components/tooltip\";\n\nexport const SidebarMenuButton = <T extends ValidComponent = \"button\">(\n  props: SidebarMenuButtonProps<T>,\n) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    {\n      isActive: false,\n      variant: \"ghost\",\n      size: \"md\",\n      component: \"button\",\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"isActive\",\n    \"variant\",\n    \"size\",\n    \"tooltip\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Show\n      when={local.tooltip}\n      fallback={\n        <Dynamic\n          component={local.component as ValidComponent}\n          data-slot=\"sidebar-menu-button\"\n          data-sidebar=\"menu-button\"\n          data-size={local.size}\n          data-active={local.isActive}\n          class={clsx(\n            sidebarMenuButtonVariants({\n              variant: local.variant,\n              size: local.size,\n            }),\n            local.class,\n          )}\n          {...others}\n        />\n      }\n    >\n      <Tooltip>\n        <TooltipTrigger\n          component={local.component as ValidComponent}\n          data-slot=\"sidebar-menu-button\"\n          data-sidebar=\"menu-button\"\n          data-size={local.size}\n          data-active={local.isActive}\n          class={clsx(\n            sidebarMenuButtonVariants({\n              variant: local.variant,\n              size: local.size,\n            }),\n            local.class,\n          )}\n          {...others}\n        />\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state() !== \"collapsed\" || isMobile}\n          {...(typeof local.tooltip === \"string\"\n            ? { children: local.tooltip }\n            : local.tooltip)}\n        />\n      </Tooltip>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,IAAaY,KACXC,MACG;CACH,IAAM,EAAEE,aAAUC,aAAUT,EAAW,GAEjCU,IAASjB,EACb;EACEkB,UAAU;EACVC,SAAS;EACTC,MAAM;EACNC,WAAW;CACb,GACAR,CACF,GAEM,CAACU,GAAOC,KAAUtB,EAAWe,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAQ,EACGxB,GAAI;EAAA,IACHyB,OAAI;GAAA,OAAEH,EAAMI;EAAO;EAAA,IACnBC,WAAQ;GAAA,OAAAH,EACLrB,GAAOyB,EAAA;IAAA,IACNR,YAAS;KAAA,OAAEE,EAAMF;IAA2B;IAAA,aAAA;IAAA,gBAAA;IAAA,IAAA,cAAA;KAAA,OAGjCE,EAAMH;IAAI;IAAA,IAAA,gBAAA;KAAA,OACRG,EAAML;IAAQ;IAAA,IAAAkC,QAAA;KAAA,OACpB9C,EACLE,EAA0B;MACxBW,SAASI,EAAMJ;MACfC,MAAMG,EAAMH;KACd,CAAC,GACDG,EAAMS,KACR;IAAC;GAAA,GACGR,CAAM,CAAA;EAAA;EAAA,IAAAS,WAAA;GAAA,OAAAR,EAIbhB,GAAO,EAAA,IAAAwB,WAAA;IAAA,OAAA,CAAAR,EACLd,GAAckB,EAAA;KAAA,IACbR,YAAS;MAAA,OAAEE,EAAMF;KAA2B;KAAA,aAAA;KAAA,gBAAA;KAAA,IAAA,cAAA;MAAA,OAGjCE,EAAMH;KAAI;KAAA,IAAA,gBAAA;MAAA,OACRG,EAAML;KAAQ;KAAA,IAAAkC,QAAA;MAAA,OACpB9C,EACLE,EAA0B;OACxBW,SAASI,EAAMJ;OACfC,MAAMG,EAAMH;MACd,CAAC,GACDG,EAAMS,KACR;KAAC;IAAA,GACGR,CAAM,CAAA,GAAAC,EAEXf,GAAcmB,EAAA;KACbK,MAAI;KACJC,OAAK;KAAA,IACLC,SAAM;MAAA,OAAEpB,EAAM,MAAM,eAAeD;KAAQ;IAAA,SACtC,OAAOQ,EAAMI,WAAY,WAC1B,EAAEM,UAAUV,EAAMI,QAAQ,IAC1BJ,EAAMI,OAAO,CAAA,CAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAK3B"}
+{"version":3,"file":"SidebarMenuButton.js","names":["mergeProps","Show","splitProps","ValidComponent","Dynamic","SidebarMenuButtonProps","clsx","useSidebar","sidebarMenuButtonVariants","Tooltip","TooltipContent","TooltipTrigger","SidebarMenuButton","props","T","isMobile","state","merged","isActive","variant","size","component","const","local","others","_$createComponent","when","tooltip","fallback","_$mergeProps","data-size","data-active","class","classList","children","side","align","hidden","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarMenuButton","useSidebar","merged","props","local","others","splitProps","createComponent","Show","Dynamic","mergeProps","\"class\"","clsx","sidebarMenuButtonVariants","Tooltip","TooltipTrigger","TooltipContent","state","isMobile"],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type { SidebarMenuButtonProps } from \"./SidebarMenuButton.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\nimport { sidebarMenuButtonVariants } from \"./SidebarMenuButton.styles\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"~/components/tooltip\";\n\nexport const SidebarMenuButton = <T extends ValidComponent = \"button\">(\n  props: SidebarMenuButtonProps<T>,\n) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    {\n      isActive: false,\n      variant: \"ghost\",\n      size: \"md\",\n      component: \"button\",\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"isActive\",\n    \"variant\",\n    \"size\",\n    \"tooltip\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Show\n      when={local.tooltip}\n      fallback={\n        <Dynamic\n          component={local.component as ValidComponent}\n          data-slot=\"sidebar-menu-button\"\n          data-sidebar=\"menu-button\"\n          data-size={local.size}\n          data-active={local.isActive}\n          class={clsx(\n            sidebarMenuButtonVariants({\n              variant: local.variant,\n              size: local.size,\n            }),\n            local.class,\n          )}\n          classList={local.classList}\n          {...others}\n        />\n      }\n    >\n      <Tooltip>\n        <TooltipTrigger\n          component={local.component as ValidComponent}\n          data-slot=\"sidebar-menu-button\"\n          data-sidebar=\"menu-button\"\n          data-size={local.size}\n          data-active={local.isActive}\n          class={clsx(\n            sidebarMenuButtonVariants({\n              variant: local.variant,\n              size: local.size,\n            }),\n            local.class,\n          )}\n          classList={local.classList}\n          {...others}\n        />\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state() !== \"collapsed\" || isMobile}\n          {...(typeof local.tooltip === \"string\"\n            ? { children: local.tooltip }\n            : local.tooltip)}\n        />\n      </Tooltip>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,IAAaY,KACXC,MACG;CACH,IAAM,EAAEE,aAAUC,aAAUT,EAAW,GAEjCU,IAASjB,EACb;EACEkB,UAAU;EACVC,SAAS;EACTC,MAAM;EACNC,WAAW;CACb,GACAR,CACF,GAEM,CAACU,GAAOC,KAAUtB,EAAWe,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAQ,EACGxB,GAAI;EAAA,IACHyB,OAAI;GAAA,OAAEH,EAAMI;EAAO;EAAA,IACnBC,WAAQ;GAAA,OAAAH,EACLrB,GAAOyB,EAAA;IAAA,IACNR,YAAS;KAAA,OAAEE,EAAMF;IAA2B;IAAA,aAAA;IAAA,gBAAA;IAAA,IAAA,cAAA;KAAA,OAGjCE,EAAMH;IAAI;IAAA,IAAA,gBAAA;KAAA,OACRG,EAAML;IAAQ;IAAA,IAAAmC,QAAA;KAAA,OACpB/C,EACLE,EAA0B;MACxBW,SAASI,EAAMJ;MACfC,MAAMG,EAAMH;KACd,CAAC,GACDG,EAAMS,KACR;IAAC;IAAA,IACDC,YAAS;KAAA,OAAEV,EAAMU;IAAS;GAAA,GACtBT,CAAM,CAAA;EAAA;EAAA,IAAAU,WAAA;GAAA,OAAAT,EAIbhB,GAAO,EAAA,IAAAyB,WAAA;IAAA,OAAA,CAAAT,EACLd,GAAckB,EAAA;KAAA,IACbR,YAAS;MAAA,OAAEE,EAAMF;KAA2B;KAAA,aAAA;KAAA,gBAAA;KAAA,IAAA,cAAA;MAAA,OAGjCE,EAAMH;KAAI;KAAA,IAAA,gBAAA;MAAA,OACRG,EAAML;KAAQ;KAAA,IAAAmC,QAAA;MAAA,OACpB/C,EACLE,EAA0B;OACxBW,SAASI,EAAMJ;OACfC,MAAMG,EAAMH;MACd,CAAC,GACDG,EAAMS,KACR;KAAC;KAAA,IACDC,YAAS;MAAA,OAAEV,EAAMU;KAAS;IAAA,GACtBT,CAAM,CAAA,GAAAC,EAEXf,GAAcmB,EAAA;KACbM,MAAI;KACJC,OAAK;KAAA,IACLC,SAAM;MAAA,OAAErB,EAAM,MAAM,eAAeD;KAAQ;IAAA,SACtC,OAAOQ,EAAMI,WAAY,WAC1B,EAAEO,UAAUX,EAAMI,QAAQ,IAC1BJ,EAAMI,OAAO,CAAA,CAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAK3B"}

package/dist/components/sidebar/SidebarMenuItem/SidebarMenuItem.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<li data-slot=sidebar-menu-item data-sidebar=menu-item>
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("group/menu-item relative", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("group/menu-item relative", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuItem.js","names":["splitProps","SidebarMenuItemProps","clsx","SidebarMenuItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarMenuItem","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuItem/SidebarMenuItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuItemProps } from \"./SidebarMenuItem.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuItem = (props: SidebarMenuItemProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      data-sidebar=\"menu-item\"\n      class={clsx(\"group/menu-item relative\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;oFAIaG,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,4BAA4BG,EAAMM,KAAK;EAAC,EAAA,GAChDL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarMenuItem.js","names":["splitProps","SidebarMenuItemProps","clsx","SidebarMenuItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarMenuItem","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuItem/SidebarMenuItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuItemProps } from \"./SidebarMenuItem.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuItem = (props: SidebarMenuItemProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      data-sidebar=\"menu-item\"\n      class={clsx(\"group/menu-item relative\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;oFAIaG,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EAAK,4BAA4BG,EAAMM,KAAK;GAAC;GAAA,IACpDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.js

@@ -11,9 +11,14 @@ var u = /*#__PURE__*/ o("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-
 	]), m = () => `${Math.floor(Math.random() * 40) + 50}%`;
 	return (() => {
 		var o = u();
-		return a(o, i({ get class() {
-			return e("flex h-8 items-center gap-2 rounded-md px-2", f.class);
-		} }, p), !1, !0), r(o, n(s, {
+		return a(o, i({
+			get class() {
+				return e("flex h-8 items-center gap-2 rounded-md px-2", f.class);
+			},
+			get classList() {
+				return f.classList;
+			}
+		}, p), !1, !0), r(o, n(s, {
 			get when() {
 				return f.showIcon;
 			},

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSkeleton.js","names":["mergeProps","Show","splitProps","SidebarMenuSkeletonProps","clsx","Skeleton","SidebarMenuSkeleton","props","merged","showIcon","const","local","others","width","Math","floor","random","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","style","mergeProps","_$mergeProps","_$createComponent","mergeProps$1","_tmpl$","SidebarMenuSkeleton","merged","props","local","others","splitProps","width","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","Show","Skeleton"],"sources":["../../../../src/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarMenuSkeletonProps } from \"./SidebarMenuSkeleton.types\";\nimport { clsx } from \"~/utils\";\nimport { Skeleton } from \"~/components/skeleton\";\n\nexport const SidebarMenuSkeleton = (props: SidebarMenuSkeletonProps) => {\n  const merged = mergeProps({ showIcon: false } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"showIcon\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const width = () => `${Math.floor(Math.random() * 40) + 50}%`;\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      class={clsx(\"flex h-8 items-center gap-2 rounded-md px-2\", local.class)}\n      {...others}\n    >\n      <Show when={local.showIcon}>\n        <Skeleton class=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />\n      </Show>\n\n      <Skeleton\n        class=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={{\n          \"--skeleton-width\": width(),\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;6FAKaM,KAAuBC,MAAoC;CACtE,IAAMC,IAASR,EAAW,EAAES,UAAU,GAAM,GAAYF,CAAK,GAEvD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ,GAEKK,UAAc,GAAGC,KAAKC,MAAMD,KAAKE,OAAO,IAAI,EAAE,IAAI,GAAE;CAE1D,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAgBO,OAhBPC,EAAAF,GAAAG,EAAA,EAAA,IAAAsB,QAAA;GAAA,OAIWtC,EAAK,+CAA+CO,EAAMU,KAAK;EAAC,EAAA,GACnET,CAAM,GAAA,IAAA,EAAA,GAAAU,EAAAL,GAAAM,EAETtB,GAAI;GAAA,IAACuB,OAAI;IAAA,OAAEb,EAAMF;GAAQ;GAAA,IAAAgB,WAAA;IAAA,OAAAF,EACvBlB,GAAQ;KAAAqC,OAAA;KAAA,gBAAA;IAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAApB,EAAAL,GAAAM,EAGVlB,GAAQ;GAAAqC,OAAA;GAAA,gBAAA;GAAA,IAGPhB,QAAK;IAAA,OAAE,EACL,oBAAoBb,EAAM,EAC5B;GAAC;EAAA,CAAA,GAAA,IAAA,GAAAI;CAAA,EAAA,CAAA;AAIT"}
+{"version":3,"file":"SidebarMenuSkeleton.js","names":["mergeProps","Show","splitProps","SidebarMenuSkeletonProps","clsx","Skeleton","SidebarMenuSkeleton","props","merged","showIcon","const","local","others","width","Math","floor","random","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$insert","_$createComponent","when","children","style","mergeProps","_$mergeProps","_$createComponent","mergeProps$1","_tmpl$","SidebarMenuSkeleton","merged","props","local","others","splitProps","width","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","Show","Skeleton"],"sources":["../../../../src/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarMenuSkeletonProps } from \"./SidebarMenuSkeleton.types\";\nimport { clsx } from \"~/utils\";\nimport { Skeleton } from \"~/components/skeleton\";\n\nexport const SidebarMenuSkeleton = (props: SidebarMenuSkeletonProps) => {\n  const merged = mergeProps({ showIcon: false } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"showIcon\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const width = () => `${Math.floor(Math.random() * 40) + 50}%`;\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      class={clsx(\"flex h-8 items-center gap-2 rounded-md px-2\", local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <Show when={local.showIcon}>\n        <Skeleton class=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />\n      </Show>\n\n      <Skeleton\n        class=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={{\n          \"--skeleton-width\": width(),\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;6FAKaM,KAAuBC,MAAoC;CACtE,IAAMC,IAASR,EAAW,EAAES,UAAU,GAAM,GAAYF,CAAK,GAEvD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ,GAEKK,UAAc,GAAGC,KAAKC,MAAMD,KAAKE,OAAO,IAAI,EAAE,IAAI,GAAE;CAE1D,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAiBO,OAjBPC,EAAAF,GAAAG,EAAA;GAAA,IAAAuB,QAAA;IAAA,OAIWvC,EAAK,+CAA+CO,EAAMU,KAAK;GAAC;GAAA,IACvEC,YAAS;IAAA,OAAEX,EAAMW;GAAS;EAAA,GACtBV,CAAM,GAAA,IAAA,EAAA,GAAAW,EAAAN,GAAAO,EAETvB,GAAI;GAAA,IAACwB,OAAI;IAAA,OAAEd,EAAMF;GAAQ;GAAA,IAAAiB,WAAA;IAAA,OAAAF,EACvBnB,GAAQ;KAAAsC,OAAA;KAAA,gBAAA;IAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAApB,EAAAN,GAAAO,EAGVnB,GAAQ;GAAAsC,OAAA;GAAA,gBAAA;GAAA,IAGPhB,QAAK;IAAA,OAAE,EACL,oBAAoBd,EAAM,EAC5B;GAAC;EAAA,CAAA,GAAA,IAAA,GAAAI;CAAA,EAAA,CAAA;AAIT"}

package/dist/components/sidebar/SidebarMenuSub/SidebarMenuSub.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>")
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSub.js","names":["splitProps","SidebarMenuSubProps","clsx","SidebarMenuSub","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarMenuSub","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuSub/SidebarMenuSub.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuSubProps } from \"./SidebarMenuSub.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuSub = (props: SidebarMenuSubProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      class={clsx(\n        \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;kFAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EACL,uIACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarMenuSub.js","names":["splitProps","SidebarMenuSubProps","clsx","SidebarMenuSub","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarMenuSub","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuSub/SidebarMenuSub.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuSubProps } from \"./SidebarMenuSub.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuSub = (props: SidebarMenuSubProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      class={clsx(\n        \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;kFAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EACL,uIACAG,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.js

@@ -28,6 +28,9 @@ var o = (o) => {
 		},
 		get class() {
 			return e("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", c.class);
+		},
+		get classList() {
+			return c.classList;
 		}
 	}, l));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSubButton.js","names":["mergeProps","splitProps","ValidComponent","Dynamic","SidebarMenuSubButtonProps","clsx","SidebarMenuSubButton","props","T","merged","isActive","size","component","local","others","_$createComponent","_$mergeProps","data-size","data-active","class","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarMenuSubButton","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type { SidebarMenuSubButtonProps } from \"./SidebarMenuSubButton.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuSubButton = <T extends ValidComponent = \"a\">(\n  props: SidebarMenuSubButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    { isActive: false, size: \"md\", component: \"a\" },\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"isActive\",\n    \"size\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-menu-sub-button\"\n      data-sidebar=\"menu-sub-button\"\n      data-size={local.size}\n      data-active={local.isActive}\n      class={clsx(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EACb;EAAEU,UAAU;EAAOC,MAAM;EAAMC,WAAW;CAAI,GAC9CL,CACF,GAEM,CAACM,GAAOC,KAAUb,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAM,EACGZ,GAAOa,EAAA;EAAA,IACNJ,YAAS;GAAA,OAAEC,EAAMD;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,cAAA;GAAA,OAGjCC,EAAMF;EAAI;EAAA,IAAA,gBAAA;GAAA,OACRE,EAAMH;EAAQ;EAAA,IAAAuB,QAAA;GAAA,OACpB5B,EACL,6oBACAQ,EAAMM,KACR;EAAC;CAAA,GACGL,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarMenuSubButton.js","names":["mergeProps","splitProps","ValidComponent","Dynamic","SidebarMenuSubButtonProps","clsx","SidebarMenuSubButton","props","T","merged","isActive","size","component","local","others","_$createComponent","_$mergeProps","data-size","data-active","class","classList","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarMenuSubButton","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type { SidebarMenuSubButtonProps } from \"./SidebarMenuSubButton.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuSubButton = <T extends ValidComponent = \"a\">(\n  props: SidebarMenuSubButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    { isActive: false, size: \"md\", component: \"a\" },\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"isActive\",\n    \"size\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-menu-sub-button\"\n      data-sidebar=\"menu-sub-button\"\n      data-size={local.size}\n      data-active={local.isActive}\n      class={clsx(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EACb;EAAEU,UAAU;EAAOC,MAAM;EAAMC,WAAW;CAAI,GAC9CL,CACF,GAEM,CAACM,GAAOC,KAAUb,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAM,EACGZ,GAAOa,EAAA;EAAA,IACNJ,YAAS;GAAA,OAAEC,EAAMD;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,cAAA;GAAA,OAGjCC,EAAMF;EAAI;EAAA,IAAA,gBAAA;GAAA,OACRE,EAAMH;EAAQ;EAAA,IAAAwB,QAAA;GAAA,OACpB7B,EACL,6oBACAQ,EAAMM,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAEP,EAAMO;EAAS;CAAA,GACtBN,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-s
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("group/menu-sub-item relative", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("group/menu-sub-item relative", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSubItem.js","names":["splitProps","SidebarMenuSubItemProps","clsx","SidebarMenuSubItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarMenuSubItem","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuSubItemProps } from \"./SidebarMenuSubItem.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuSubItem = (props: SidebarMenuSubItemProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      class={clsx(\"group/menu-sub-item relative\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4FAIaG,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,gCAAgCG,EAAMM,KAAK;EAAC,EAAA,GACpDL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarMenuSubItem.js","names":["splitProps","SidebarMenuSubItemProps","clsx","SidebarMenuSubItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarMenuSubItem","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuSubItemProps } from \"./SidebarMenuSubItem.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuSubItem = (props: SidebarMenuSubItemProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      class={clsx(\"group/menu-sub-item relative\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4FAIaG,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EAAK,gCAAgCG,EAAMM,KAAK;GAAC;GAAA,IACxDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -3,7 +3,7 @@ import { createContext as e, useContext as t } from "solid-js";
 var n = e();
 function r() {
 	let e = t(n);
-	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
+	if (!e) throw Error("useSidebar 必须用在 <SidebarProvider> 内部");
 	return e;
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.context.js","names":["SidebarContext","createContext","useSidebar","context","useContext"],"sources":["../../../../src/components/sidebar/SidebarProvider/SidebarProvider.context.ts"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\n\ntype SidebarContextProps = {\n  state: Accessor<\"expanded\" | \"collapsed\">;\n  open: Accessor<boolean>;\n  setOpen: (open: boolean) => void;\n  openMobile: Accessor<boolean>;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps>();\n\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n  }\n\n  return context;\n}\n"],"mappings":";;AAYA,IAAaA,IAAiBC,EAAmC;AAEjE,SAAgBC,IAAa;CAC3B,IAAMC,IAAUC,EAAWJ,CAAc;CACzC,IAAI,CAACG,GACH,MAAU,MAAM,mDAAmD;CAGrE,OAAOA;AACT"}
+{"version":3,"file":"SidebarProvider.context.js","names":["SidebarContext","createContext","useSidebar","context","useContext"],"sources":["../../../../src/components/sidebar/SidebarProvider/SidebarProvider.context.ts"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\n\ntype SidebarContextProps = {\n  state: Accessor<\"expanded\" | \"collapsed\">;\n  open: Accessor<boolean>;\n  setOpen: (open: boolean) => void;\n  openMobile: Accessor<boolean>;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps>();\n\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebar 必须用在 <SidebarProvider> 内部\");\n  }\n\n  return context;\n}\n"],"mappings":";;AAYA,IAAaA,IAAiBC,EAAmC;AAEjE,SAAgBC,IAAa;CAC3B,IAAMC,IAAUC,EAAWJ,CAAc;CACzC,IAAI,CAACG,GACH,MAAU,MAAM,sCAAsC;CAGxD,OAAOA;AACT"}

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

@@ -1,11 +1,12 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { SIDEBAR_COOKIE_MAX_AGE as t, SIDEBAR_COOKIE_NAME as n, SIDEBAR_WIDTH as r, SIDEBAR_WIDTH_ICON as i } from "./SidebarProvider.consts.js";
 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";
+import { useIsMobile as o } from "./useIsMobile.js";
+import { createComponent as s, insert as c, mergeProps as l, spread as u, template as d } from "solid-js/web";
+import { createEffect as f, createMemo as p, createSignal as m, mergeProps as h, onCleanup as g, splitProps as _ } from "solid-js";
 //#region src/components/sidebar/SidebarProvider/SidebarProvider.tsx
-var _ = /*#__PURE__*/ u("<div data-slot=sidebar-wrapper>"), v = (u) => {
-	let v = m({ defaultOpen: !0 }, u), [y, b] = g(v, [
+var v = /*#__PURE__*/ d("<div data-slot=sidebar-wrapper>"), y = (d) => {
+	let y = h({ defaultOpen: !0 }, d), [b, x] = _(y, [
 		"open",
 		"onOpenChange",
 		"defaultOpen",
@@ -13,45 +14,47 @@ var _ = /*#__PURE__*/ u("<div data-slot=sidebar-wrapper>"), v = (u) => {
 		"class",
 		"style",
 		"children"
-	]), [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(() => {
+	]), S = o(), [C, w] = m(!1), [T, E] = m(b.defaultOpen), D = p(() => b.open ?? T()), O = (e) => {
+		let r = typeof e == "function" ? e(D()) : e;
+		b.onOpenChange ? b.onOpenChange(r) : E(r), document.cookie = `${n}=${r}; path=/; max-age=${t}`;
+	}, k = () => S() ? w((e) => !e) : O((e) => !e);
+	f(() => {
 		let e = (e) => {
-			e.key === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), D());
+			e.key === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), k());
 		};
-		window.addEventListener("keydown", e), h(() => window.removeEventListener("keydown", e));
+		window.addEventListener("keydown", e), g(() => window.removeEventListener("keydown", e));
 	});
-	let O = f(() => T() ? "expanded" : "collapsed");
-	return o(a.Provider, {
-		value: {
-			state: O,
-			open: T,
-			setOpen: E,
-			isMobile: !1,
-			openMobile: x,
-			setOpenMobile: S,
-			toggleSidebar: D
+	let A = p(() => D() ? "expanded" : "collapsed");
+	return s(a.Provider, {
+		get value() {
+			return {
+				state: A,
+				open: D,
+				setOpen: O,
+				isMobile: S(),
+				openMobile: C,
+				setOpenMobile: w,
+				toggleSidebar: k
+			};
 		},
 		get children() {
-			var t = _();
-			return l(t, c({
+			var t = v();
+			return u(t, l({
 				get style() {
 					return {
 						"--sidebar-width": r,
 						"--sidebar-width-icon": i,
-						...y.style
+						...b.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", y.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", b.class);
 				}
-			}, b), !1, !0), s(t, () => y.children), t;
+			}, x), !1, !0), c(t, () => b.children), t;
 		}
 	});
 };
 //#endregion
-export { v as SidebarProvider };
+export { y as SidebarProvider };
 
 //# sourceMappingURL=SidebarProvider.js.map

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","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","SidebarProvider","merged","props","local","others","splitProps","openMobile","setOpenMobile","createSignal","_open","_setOpen","open","createMemo","setOpen","openState","value","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","toggleSidebar","handleKeyDown","event","onCleanup","state","createComponent","SidebarContext","_el$","spread","mergeProps","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","\"class\"","clsx","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,IAAAsC,QAAA;KAAA,OACM7E,EACL,mIACAM,EAAMkC,KACR;IAAC;GAAA,GACGjC,CAAM,GAAA,IAAA,EAAA,GAAAkC,EAAAN,SAET7B,EAAM4B,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}
+{"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","useIsMobile","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","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","SidebarProvider","merged","props","local","others","splitProps","isMobile","useIsMobile","openMobile","setOpenMobile","createSignal","_open","_setOpen","open","createMemo","setOpen","openState","value","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","toggleSidebar","handleKeyDown","event","onCleanup","state","createComponent","SidebarContext","_el$","spread","mergeProps","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","\"class\"","clsx","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\";\nimport { useIsMobile } from \"./useIsMobile\";\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  const isMobile = useIsMobile();\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: 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":";;;;;;;4DAoBae,KAAmBC,MAAgC;CAC9D,IAAMC,IAASd,EAAW,EAAEe,aAAa,GAAK,GAAYF,CAAK,GACzD,CAACI,GAAOC,KAAUhB,EAAWY,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKK,IAAWR,EAAY,GAEvB,CAACS,GAAYC,KAAiBtB,EAAa,EAAK,GAIhD,CAACuB,GAAOC,KAAYxB,EAAakB,EAAMF,WAAW,GAClDS,IAAO1B,QAAiBmB,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,GAAGzB,EAAmB,GAAIsB,EAAS,oBAAqBvB;CAC5E,GAGM2B,UACJZ,EAAS,IAAIE,GAAeG,MAAS,CAACA,CAAI,IAAIC,GAASD,MAAS,CAACA,CAAI;CAEvE3B,QAAmB;EACjB,IAAMmC,KAAiBC,MAAyB;GAC9C,AACEA,EAAME,QAAAA,QACLF,EAAMG,WAAWH,EAAMI,aAExBJ,EAAMK,eAAe,GACrBP,EAAc;EAElB;EAIA9B,AAFAsC,OAAOC,iBAAiB,WAAWR,CAAa,GAEhD/B,QAAgBsC,OAAOE,oBAAoB,WAAWT,CAAa,CAAC;CACtE,CAAC;CAID,IAAMU,IAAQ5C,QAAkB0B,EAAK,IAAI,aAAa,WAAY;CAElE,OAAAmB,EACGlC,EAAemC,UAAQ;EAAA,IACtBlB,QAAK;GAAA,OAAE;IACLgB;IACAlB;IACAC;IACAN,UAAUA,EAAS;IACnBC;IACAC;IACAU;GACF;EAAC;EAAA,IAAAc,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAegB,OAfhBC,EAAAF,GAAAG,EAAA;IAAA,IAICC,QAAK;KAAA,OAAE;MACL,mBAAmB3C;MACnB,wBAAwBC;MACxB,GAAGS,EAAMiC;KACX;IAAC;IAAA,IAAAwC,QAAA;KAAA,OACMhF,EACL,mIACAO,EAAMkC,KACR;IAAC;GAAA,GACGjC,CAAM,GAAA,IAAA,EAAA,GAAAkC,EAAAN,SAET7B,EAAM4B,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

package/dist/components/sidebar/SidebarProvider/useIsMobile.d.ts

@@ -0,0 +1,10 @@
+/** 与 Tailwind 的 md 断点一致：小于 768px 视为移动端 */
+export declare const MOBILE_BREAKPOINT = 768;
+/**
+ * 响应式判断是否处于移动端。
+ *
+ * 原本这里是 `const isMobile = false` 的硬编码（源码里还留着 FIXME），
+ * 于是 `openMobile` / `setOpenMobile` 与 `toggleSidebar` 的移动分支全是死代码，
+ * 移动端也不会走 Sheet 形态。这里用 matchMedia 订阅断点变化。
+ */
+export declare function useIsMobile(): () => boolean;

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

@@ -0,0 +1,14 @@
+import { createSignal as e, onCleanup as t } from "solid-js";
+//#region src/components/sidebar/SidebarProvider/useIsMobile.ts
+function n() {
+	let n = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(max-width: 767px)") : void 0, [r, i] = e(n?.matches ?? !1);
+	if (n) {
+		let e = (e) => i(e.matches);
+		n.addEventListener("change", e), t(() => n.removeEventListener("change", e));
+	}
+	return r;
+}
+//#endregion
+export { n as useIsMobile };
+
+//# sourceMappingURL=useIsMobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.js","names":["useIsMobile","list","isMobile","setIsMobile","createSignal","handleChange","event","onCleanup"],"sources":["../../../../src/components/sidebar/SidebarProvider/useIsMobile.ts"],"sourcesContent":["import { createSignal, onCleanup } from \"solid-js\";\n\n/** 与 Tailwind 的 md 断点一致：小于 768px 视为移动端 */\nexport const MOBILE_BREAKPOINT = 768;\n\n/**\n * 响应式判断是否处于移动端。\n *\n * 原本这里是 `const isMobile = false` 的硬编码（源码里还留着 FIXME），\n * 于是 `openMobile` / `setOpenMobile` 与 `toggleSidebar` 的移动分支全是死代码，\n * 移动端也不会走 Sheet 形态。这里用 matchMedia 订阅断点变化。\n */\nexport function useIsMobile(): () => boolean {\n  const query = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`;\n  const list =\n    typeof window !== \"undefined\" && typeof window.matchMedia === \"function\"\n      ? window.matchMedia(query)\n      : undefined;\n\n  const [isMobile, setIsMobile] = createSignal(list?.matches ?? false);\n  if (list) {\n    const handleChange = (event: MediaQueryListEvent) =>\n      setIsMobile(event.matches);\n    list.addEventListener(\"change\", handleChange);\n    onCleanup(() => list.removeEventListener(\"change\", handleChange));\n  }\n\n  return isMobile;\n}\n"],"mappings":";;AAYA,SAAgBA,IAA6B;CAE3C,IAAMC,IACJ,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe,aAC1D,OAAO,WAAW,oBAAK,IACvB,KAAA,GAEA,CAACC,GAAUC,KAAeC,EAAaH,GAAM,WAAW,EAAK;CACnE,IAAIA,GAAM;EACR,IAAMI,KAAgB,MACpBF,EAAYG,EAAM,OAAO;EAE3B,AADAL,EAAK,iBAAiB,UAAUI,CAAY,GAC5CE,QAAgBN,EAAK,oBAAoB,UAAUI,CAAY,CAAC;CAClE;CAEA,OAAOH;AACT"}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/skeleton/Skeleton.js

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

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

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

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

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

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

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

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

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