@neut/ui 0.0.8 → 0.0.10

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupLabel.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupLabelProps","clsx","Dynamic","SidebarGroupLabel","props","T","merged","as","const","local","others","_$createComponent","_$mergeProps","component","class"],"sources":["../../../../src/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupLabelProps } from \"./SidebarGroupLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupLabel = <T extends ValidComponent = \"div\">(\n  props: SidebarGroupLabelProps<T>,\n) => {\n  const merged = mergeProps({ as: \"div\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\"as\", \"class\", \"classList\"]);\n\n  return (\n    // @ts-expect-error\n    <Dynamic\n      component={local.as}\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      class={clsx(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-neutral-950/70 dark:text-neutral-50/70 ring-neutral-400 dark:ring-neutral-500 outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CAGH,IAAM,CAACK,GAAOC,KAAUZ,EAFTD,EAAW,EAAEU,IAAI,OAAO,EAAWH,EAAM,EAEb;EAAC;EAAM;EAAS;EAAY,CAAC;AAExE,QACEO,EACCT,GAAOU,EAAA;EAAA,IACNC,YAAS;AAAA,UAAEJ,EAAMF;;EAAE,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;AAAA,UAGZN,EACL,8VACAQ,EAAMK,MACP;;EAAA,EACGJ,EAAM,CAAA"}
+{"version":3,"file":"SidebarGroupLabel.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupLabelProps","clsx","Dynamic","SidebarGroupLabel","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupLabelProps } from \"./SidebarGroupLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupLabel = <T extends ValidComponent = \"div\">(\n  props: SidebarGroupLabelProps<T>,\n) => {\n  const merged = mergeProps({ component: \"div\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      class={clsx(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EAAW,EAAEU,WAAW,MAAM,GAAYH,CAAK,GAExD,CAACK,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGT,GAAOU,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;GAAA,OAGrCN,EACL,wTACAQ,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}

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

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

package/dist/components/sidebar/SidebarHeader/SidebarHeader.js

@@ -2,7 +2,7 @@ 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/sidebar/SidebarHeader/SidebarHeader.tsx
-var a = /* @__PURE__ */ r("<div data-slot=sidebar-header data-sidebar=header>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div data-slot=sidebar-header data-sidebar=header>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.js","names":["splitProps","SidebarHeaderProps","clsx","SidebarHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarHeaderProps } from \"./SidebarHeader.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarHeader = (props: SidebarHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iFAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EAAK,2BAA2BG,EAAMM,MAAM;KAAA,EAC/CL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarHeader.js","names":["splitProps","SidebarHeaderProps","clsx","SidebarHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarHeaderProps } from \"./SidebarHeader.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarHeader = (props: SidebarHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EAAK,2BAA2BG,EAAMM,KAAK;EAAC,EAAA,GAC/CL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

package/dist/components/sidebar/SidebarInput/SidebarInput.js

@@ -9,7 +9,7 @@ var a = (a) => {
 		"data-slot": "sidebar-input",
 		"data-sidebar": "input",
 		get class() {
-			return e("h-8 w-full bg-white dark:bg-neutral-950 shadow-none", o.class);
+			return e("h-8 w-full bg-background shadow-none", o.class);
 		}
 	}, s));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInput.js","names":["splitProps","SidebarInputProps","clsx","Input","SidebarInput","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarInput/SidebarInput.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInputProps } from \"./SidebarInput.types\";\nimport { clsx } from \"~/utils\";\nimport { Input } from \"~/components/input\";\n\nexport const SidebarInput = (props: SidebarInputProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      class={clsx(\n        \"h-8 w-full bg-white dark:bg-neutral-950 shadow-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;AAAA,UAGGP,EACL,uDACAI,EAAMI,MACP;;EAAA,EACGH,EAAM,CAAA"}
+{"version":3,"file":"SidebarInput.js","names":["splitProps","SidebarInputProps","clsx","Input","SidebarInput","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarInput/SidebarInput.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInputProps } from \"./SidebarInput.types\";\nimport { clsx } from \"~/utils\";\nimport { Input } from \"~/components/input\";\n\nexport const SidebarInput = (props: SidebarInputProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      class={clsx(\"h-8 w-full bg-background shadow-none\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;GAAA,OAGGP,EAAK,wCAAwCI,EAAMI,KAAK;EAAC;CAAA,GAC5DH,CAAM,CAAA;AAGhB"}

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

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

package/dist/components/sidebar/SidebarInset/SidebarInset.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/sidebar/SidebarInset/SidebarInset.tsx
-var a = /* @__PURE__ */ r("<main data-slot=sidebar-inset>"), o = (r) => {
+var a = /*#__PURE__*/ r("<main data-slot=sidebar-inset>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
 		return n(r, t({ get class() {
-			return e("relative flex w-full flex-1 flex-col bg-white dark:bg-neutral-950 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", o.class);
+			return e("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", o.class);
 		} }, s), !1, !1), r;
 	})();
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInset.js","names":["splitProps","SidebarInsetProps","clsx","SidebarInset","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarInset/SidebarInset.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInsetProps } from \"./SidebarInset.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarInset = (props: SidebarInsetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      class={clsx(\n        \"relative flex w-full flex-1 flex-col bg-white dark:bg-neutral-950 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6DAIaG,KAAgBC,MAA6B;CACxD,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,qRACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarInset.js","names":["splitProps","SidebarInsetProps","clsx","SidebarInset","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarInset/SidebarInset.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInsetProps } from \"./SidebarInset.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarInset = (props: SidebarInsetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      class={clsx(\n        \"relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EACL,sQACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

package/dist/components/sidebar/SidebarMenu/SidebarMenu.js

@@ -2,7 +2,7 @@ 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/sidebar/SidebarMenu/SidebarMenu.tsx
-var a = /* @__PURE__ */ r("<ul data-slot=sidebar-menu data-sidebar=menu>"), o = (r) => {
+var a = /*#__PURE__*/ r("<ul data-slot=sidebar-menu data-sidebar=menu>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","names":["splitProps","SidebarMenuProps","clsx","SidebarMenu","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarMenu/SidebarMenu.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuProps } from \"./SidebarMenu.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenu = (props: SidebarMenuProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      class={clsx(\"flex w-full min-w-0 flex-col gap-0\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4EAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EAAK,sCAAsCG,EAAMM,MAAM;KAAA,EAC1DL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarMenu.js","names":["splitProps","SidebarMenuProps","clsx","SidebarMenu","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarMenu/SidebarMenu.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuProps } from \"./SidebarMenu.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenu = (props: SidebarMenuProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      class={clsx(\"flex w-full min-w-0 flex-col gap-0\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0EAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EAAK,sCAAsCG,EAAMM,KAAK;EAAC,EAAA,GAC1DL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.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/sidebar/SidebarMenuBadge/SidebarMenuBadge.tsx
-var a = /* @__PURE__ */ r("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), o = (r) => {
 	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-neutral-950 dark:text-neutral-50 tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-neutral-900 dark:peer-hover/menu-button:text-neutral-50 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-neutral-900 dark:peer-data-active/menu-button:text-neutral-50", o.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;
 	})();
 };

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"],"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-neutral-950 dark:text-neutral-50 tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-neutral-900 dark:peer-hover/menu-button:text-neutral-50 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-neutral-900 dark:peer-data-active/menu-button:text-neutral-50\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;yFAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAQc,SARdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EACL,4gBACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarMenuBadge.js","names":["splitProps","SidebarMenuBadgeProps","clsx","SidebarMenuBadge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"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,IAAA,QAAA;GAAA,OAIWR,EACL,4bACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

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

@@ -5,57 +5,73 @@ import { Tooltip as r } from "../../tooltip/Tooltip/Tooltip.js";
 import { TooltipTrigger as i } from "../../tooltip/TooltipTrigger/TooltipTrigger.js";
 import { TooltipContent as a } from "../../tooltip/TooltipContent/TooltipContent.js";
 import { Dynamic as o, createComponent as s, mergeProps as c } from "solid-js/web";
-import { Show as l, children as u, mergeProps as d, splitProps as f } from "solid-js";
+import { Show as l, mergeProps as u, splitProps as d } from "solid-js";
 //#region src/components/sidebar/SidebarMenuButton/SidebarMenuButton.tsx
-var p = (p) => {
-	let { isMobile: m, state: h } = t(), [g, _] = f(d({
+var f = (f) => {
+	let { isMobile: p, state: m } = t(), h = u({
 		isActive: !1,
 		variant: "ghost",
 		size: "md",
-		as: "button"
-	}, p), [
-		"as",
+		component: "button"
+	}, f), [g, _] = d(h, [
+		"component",
 		"isActive",
 		"variant",
 		"size",
 		"tooltip",
 		"class",
 		"classList"
-	]), v = u(() => s(o, c({
-		get component() {
-			return g.as;
-		},
-		"data-slot": "sidebar-menu-button",
-		"data-sidebar": "menu-button",
-		get "data-size"() {
-			return g.size;
-		},
-		get "data-active"() {
-			return g.isActive;
-		},
-		get class() {
-			return e(n({
-				variant: g.variant,
-				size: g.size
-			}), g.class);
-		}
-	}, _)));
+	]);
 	return s(l, {
 		get when() {
 			return g.tooltip;
 		},
 		get fallback() {
-			return v();
+			return s(o, c({
+				get component() {
+					return g.component;
+				},
+				"data-slot": "sidebar-menu-button",
+				"data-sidebar": "menu-button",
+				get "data-size"() {
+					return g.size;
+				},
+				get "data-active"() {
+					return g.isActive;
+				},
+				get class() {
+					return e(n({
+						variant: g.variant,
+						size: g.size
+					}), g.class);
+				}
+			}, _));
 		},
 		get children() {
 			return s(r, { get children() {
-				return [s(i, { get children() {
-					return v();
-				} }), s(a, c({
+				return [s(i, c({
+					get component() {
+						return g.component;
+					},
+					"data-slot": "sidebar-menu-button",
+					"data-sidebar": "menu-button",
+					get "data-size"() {
+						return g.size;
+					},
+					get "data-active"() {
+						return g.isActive;
+					},
+					get class() {
+						return e(n({
+							variant: g.variant,
+							size: g.size
+						}), g.class);
+					}
+				}, _)), s(a, c({
 					side: "right",
 					align: "center",
 					get hidden() {
-						return h() !== "collapsed" || m;
+						return m() !== "collapsed" || p;
 					}
 				}, () => typeof g.tooltip == "string" ? { children: g.tooltip } : g.tooltip))];
 			} });
@@ -63,6 +79,6 @@ var p = (p) => {
 	});
 };
 //#endregion
-export { p as SidebarMenuButton };
+export { f as SidebarMenuButton };
 
 //# sourceMappingURL=SidebarMenuButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.js","names":["children","mergeProps","Show","splitProps","ValidComponent","SidebarMenuButtonProps","clsx","useSidebar","Dynamic","sidebarMenuButtonVariants","Tooltip","TooltipContent","TooltipTrigger","SidebarMenuButton","props","T","isMobile","state","merged","isActive","variant","size","as","local","others","comp","_$createComponent","_$mergeProps","component","data-size","data-active","class","when","tooltip","fallback","side","align","hidden"],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.tsx"],"sourcesContent":["import {\n  children,\n  mergeProps,\n  Show,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport type { SidebarMenuButtonProps } from \"./SidebarMenuButton.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\nimport { Dynamic } from \"solid-js/web\";\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    { isActive: false, variant: \"ghost\", size: \"md\", as: \"button\" as T },\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"as\",\n    \"isActive\",\n    \"variant\",\n    \"size\",\n    \"tooltip\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const comp = children(() => (\n    // @ts-expect-error\n    <Dynamic\n      component={local.as}\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({ variant: local.variant, size: local.size }),\n        local.class,\n      )}\n      {...others}\n    />\n  ));\n\n  return (\n    <Show when={local.tooltip} fallback={comp()}>\n      <Tooltip>\n        <TooltipTrigger>{comp()}</TooltipTrigger>\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":";;;;;;;;;AAcA,IAAaa,KACXC,MACG;CACH,IAAM,EAAEE,aAAUC,aAAUV,GAAY,EAOlC,CAACgB,GAAOC,KAAUrB,EALTF,EACb;EAAEkB,UAAU;EAAOC,SAAS;EAASC,MAAM;EAAMC,IAAI;EAAe,EACpER,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIW,IAAOzB,QACX0B,EACClB,GAAOmB,EAAA;EAAA,IACNC,YAAS;AAAA,UAAEL,EAAMD;;EAAE,aAAA;EAAA,gBAAA;EAAA,IAAA,cAAA;AAAA,UAGRC,EAAMF;;EAAI,IAAA,gBAAA;AAAA,UACRE,EAAMJ;;EAAQ,IAAA,QAAA;AAAA,UACpBb,EACLG,EAA0B;IAAEW,SAASG,EAAMH;IAASC,MAAME,EAAMF;IAAM,CAAC,EACvEE,EAAMQ,MACP;;EAAA,EACGP,EAAM,CAEb,CAAC;AAEF,QAAAE,EACGxB,GAAI;EAAA,IAAC8B,OAAI;AAAA,UAAET,EAAMU;;EAAO,IAAEC,WAAQ;AAAA,UAAET,GAAM;;EAAA,IAAAzB,WAAA;AAAA,UAAA0B,EACxChB,GAAO,EAAA,IAAAV,WAAA;AAAA,WAAA,CAAA0B,EACLd,GAAc,EAAA,IAAAZ,WAAA;AAAA,YAAEyB,GAAM;OAAA,CAAA,EAAAC,EACtBf,GAAcgB,EAAA;KACbQ,MAAI;KACJC,OAAK;KAAA,IACLC,SAAM;AAAA,aAAEpB,GAAO,KAAK,eAAeD;;KAAQ,QACtC,OAAOO,EAAMU,WAAY,WAC1B,EAAEjC,UAAUuB,EAAMU,SAAS,GAC3BV,EAAMU,QAAO,CAAA,CAAA;MAAA,CAAA;;EAAA,CAAA"}
+{"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"],"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,IAAA,QAAA;KAAA,OACpBZ,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,IAAA,QAAA;MAAA,OACpBZ,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"}

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

@@ -1,11 +1,10 @@
-import { clsx as e } from "../../../utils/clsx.js";
-import { cva as t } from "class-variance-authority";
+import { cva as e } from "class-variance-authority";
 //#region src/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.ts
-var n = t(e("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", "ring-neutral-400 hover:bg-neutral-100 hover:text-neutral-900 active:bg-neutral-100 active:text-neutral-900 data-open:hover:bg-neutral-100 data-open:hover:text-neutral-900 data-[active=true]:bg-neutral-100 data-[active=true]:text-neutral-900", "dark:ring-neutral-500 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:active:bg-neutral-800 dark:active:text-neutral-50 dark:data-open:hover:bg-neutral-800 dark:data-open:hover:text-neutral-50 dark:data-[active=true]:bg-neutral-800 dark:data-[active=true]:text-neutral-50"), {
+var t = e("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! 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-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
 	variants: {
 		variant: {
-			ghost: "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
-			outline: e("bg-white shadow-[0_0_0_1px_(var(--color-neutral-200)] hover:bg-neutral-100 hover:text-neutral-900 hover:shadow-[0_0_0_1px_var(--color-neutral-100)]", "dark:bg-neutral-950 dark:shadow-[0_0_0_1px_hsl(var(--sidebar-border))] dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:hover:shadow-[0_0_0_1px_--alpha(var(--color-white) / 10%)]]")
+			ghost: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
 		},
 		size: {
 			md: "h-8 text-sm",
@@ -19,6 +18,6 @@ var n = t(e("peer/menu-button group/menu-button flex w-full items-center gap-2 o
 	}
 });
 //#endregion
-export { n as sidebarMenuButtonVariants };
+export { t as sidebarMenuButtonVariants };
 
 //# sourceMappingURL=SidebarMenuButton.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.styles.js","names":[],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { clsx } from \"~/utils\";\n\nexport const sidebarMenuButtonVariants = cva(\n  clsx(\n    \"peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n    \"ring-neutral-400 hover:bg-neutral-100 hover:text-neutral-900 active:bg-neutral-100 active:text-neutral-900 data-open:hover:bg-neutral-100 data-open:hover:text-neutral-900 data-[active=true]:bg-neutral-100 data-[active=true]:text-neutral-900\",\n    \"dark:ring-neutral-500 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:active:bg-neutral-800 dark:active:text-neutral-50 dark:data-open:hover:bg-neutral-800 dark:data-open:hover:text-neutral-50 dark:data-[active=true]:bg-neutral-800 dark:data-[active=true]:text-neutral-50\",\n  ),\n  {\n    variants: {\n      variant: {\n        ghost:\n          \"hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\n        outline: clsx(\n          \"bg-white shadow-[0_0_0_1px_(var(--color-neutral-200)] hover:bg-neutral-100 hover:text-neutral-900 hover:shadow-[0_0_0_1px_var(--color-neutral-100)]\",\n          \"dark:bg-neutral-950 dark:shadow-[0_0_0_1px_hsl(var(--sidebar-border))] dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:hover:shadow-[0_0_0_1px_--alpha(var(--color-white) / 10%)]]\",\n        ),\n      },\n      size: {\n        md: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"ghost\",\n      size: \"md\",\n    },\n  },\n);\n"],"mappings":";;;AAGA,IAAa,IAA4B,EACvC,EACE,igBACA,oPACA,4RACD,EACD;CACE,UAAU;EACR,SAAS;GACP,OACE;GACF,SAAS,EACP,uJACA,+LACD;GACF;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF"}
+{"version":3,"file":"SidebarMenuButton.styles.js","names":[],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const sidebarMenuButtonVariants = cva(\n  \"peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! 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-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n  {\n    variants: {\n      variant: {\n        ghost: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n      },\n      size: {\n        md: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"ghost\",\n      size: \"md\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAA4B,EACvC,uzBACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,SACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF"}

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

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

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

@@ -2,7 +2,7 @@ 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/sidebar/SidebarMenuItem/SidebarMenuItem.tsx
-var a = /* @__PURE__ */ r("<li data-slot=sidebar-menu-item data-sidebar=menu-item>"), o = (r) => {
+var a = /*#__PURE__*/ r("<li data-slot=sidebar-menu-item data-sidebar=menu-item>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

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"],"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":";;;;sFAIaG,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EAAK,4BAA4BG,EAAMM,MAAM;KAAA,EAChDL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarMenuItem.js","names":["splitProps","SidebarMenuItemProps","clsx","SidebarMenuItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"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,IAAA,QAAA;GAAA,OAIWR,EAAK,4BAA4BG,EAAMM,KAAK;EAAC,EAAA,GAChDL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

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

@@ -3,19 +3,19 @@ import { Skeleton as t } from "../../skeleton/Skeleton.js";
 import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
 import { Show as s, mergeProps as c, splitProps as l } from "solid-js";
 //#region src/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.tsx
-var u = /* @__PURE__ */ o("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), d = (o) => {
-	let [d, f] = l(c({ showIcon: !1 }, o), [
+var u = /*#__PURE__*/ o("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), d = (o) => {
+	let d = c({ showIcon: !1 }, o), [f, p] = l(d, [
 		"showIcon",
 		"class",
 		"classList"
-	]), p = () => `${Math.floor(Math.random() * 40) + 50}%`;
+	]), 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", d.class);
-		} }, f), !1, !0), r(o, n(s, {
+			return e("flex h-8 items-center gap-2 rounded-md px-2", f.class);
+		} }, p), !1, !0), r(o, n(s, {
 			get when() {
-				return d.showIcon;
+				return f.showIcon;
 			},
 			get children() {
 				return n(t, {
@@ -27,7 +27,7 @@ var u = /* @__PURE__ */ o("<div data-slot=sidebar-menu-skeleton data-sidebar=men
 			class: "h-4 max-w-(--skeleton-width) flex-1",
 			"data-sidebar": "menu-skeleton-text",
 			get style() {
-				return { "--skeleton-width": p() };
+				return { "--skeleton-width": m() };
 			}
 		}), null), o;
 	})();

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"],"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":";;;;;+FAKaM,KAAuBC,MAAoC;CAGtE,IAAM,CAACI,GAAOC,KAAUV,EAFTF,EAAW,EAAES,UAAU,IAAO,EAAWF,EAAM,EAEnB;EACzC;EACA;EACA;EACD,CAAC,EAEIM,UAAc,GAAGC,KAAKC,MAAMD,KAAKE,QAAQ,GAAG,GAAG,GAAG,GAAE;AAE1D,eAAA;EAAA,IAAAC,IAAAC,GAAA;AAgBO,SAhBPC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWhB,EAAK,+CAA+CO,EAAMU,MAAM;KAAA,EACnET,EAAM,EAAA,IAAA,GAAA,EAAAU,EAAAL,GAAAM,EAETtB,GAAI;GAAA,IAACuB,OAAI;AAAA,WAAEb,EAAMF;;GAAQ,IAAAgB,WAAA;AAAA,WAAAF,EACvBlB,GAAQ;KAAA,OAAA;KAAA,gBAAA;KAAA,CAAA;;GAAA,CAAA,EAAA,KAAA,EAAAiB,EAAAL,GAAAM,EAGVlB,GAAQ;GAAA,OAAA;GAAA,gBAAA;GAAA,IAGPqB,QAAK;AAAA,WAAE,EACL,oBAAoBb,GAAM,EAC3B;;GAAA,CAAA,EAAA,KAAA,EAAAI;KAAA"}
+{"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"],"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,IAAA,QAAA;GAAA,OAIWhB,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;KAAA,OAAA;KAAA,gBAAA;IAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAiB,EAAAL,GAAAM,EAGVlB,GAAQ;GAAA,OAAA;GAAA,gBAAA;GAAA,IAGPqB,QAAK;IAAA,OAAE,EACL,oBAAoBb,EAAM,EAC5B;GAAC;EAAA,CAAA,GAAA,IAAA,GAAAI;CAAA,EAAA,CAAA;AAIT"}

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

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

package/dist/components/sidebar/SidebarMenuSub/SidebarMenuSub.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/sidebar/SidebarMenuSub/SidebarMenuSub.tsx
-var a = /* @__PURE__ */ r("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), o = (r) => {
+var a = /*#__PURE__*/ r("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), o = (r) => {
 	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-neutral-200 dark:border-white/10 px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", o.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;
 	})();
 };

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"],"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-neutral-200 dark:border-white/10 px-2.5 py-0.5 group-data-[collapsible=icon]:hidden\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;oFAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAQc,SARdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EACL,yJACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarMenuSub.js","names":["splitProps","SidebarMenuSubProps","clsx","SidebarMenuSub","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"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,IAAA,QAAA;GAAA,OAIWR,EACL,uIACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

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

@@ -3,12 +3,12 @@ import { Dynamic as t, createComponent as n, mergeProps as r } from "solid-js/we
 import { mergeProps as i, splitProps as a } from "solid-js";
 //#region src/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.tsx
 var o = (o) => {
-	let [s, c] = a(i({
+	let s = i({
 		isActive: !1,
 		size: "md",
-		as: "a"
-	}, o), [
-		"as",
+		component: "a"
+	}, o), [c, l] = a(s, [
+		"component",
 		"isActive",
 		"size",
 		"class",
@@ -16,20 +16,20 @@ var o = (o) => {
 	]);
 	return n(t, r({
 		get component() {
-			return s.as;
+			return c.component;
 		},
 		"data-slot": "sidebar-menu-sub-button",
 		"data-sidebar": "menu-sub-button",
 		get "data-size"() {
-			return s.size;
+			return c.size;
 		},
 		get "data-active"() {
-			return s.isActive;
+			return c.isActive;
 		},
 		get class() {
-			return e("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-neutral-950 dark:text-neutral-50 ring-neutral-400 dark:ring-neutral-500 outline-hidden group-data-[collapsible=icon]:hidden hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-neutral-50 focus-visible:ring-2 active:bg-neutral-100 dark:active:bg-neutral-800 active:text-neutral-900 dark:active:text-neutral-50 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-neutral-100 dark:data-active:bg-neutral-800 data-active:text-neutral-900 dark:data-active:text-neutral-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-neutral-900 dark:[&>svg]:text-neutral-50", s.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);
 		}
-	}, c));
+	}, l));
 };
 //#endregion
 export { o as SidebarMenuSubButton };

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","as","local","others","_$createComponent","_$mergeProps","component","data-size","data-active","class"],"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\", as: \"a\" as T },\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"as\",\n    \"isActive\",\n    \"size\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    // @ts-expect-error\n    <Dynamic\n      component={local.as}\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-neutral-950 dark:text-neutral-50 ring-neutral-400 dark:ring-neutral-500 outline-hidden group-data-[collapsible=icon]:hidden hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-neutral-50 focus-visible:ring-2 active:bg-neutral-100 dark:active:bg-neutral-800 active:text-neutral-900 dark:active:text-neutral-50 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-neutral-100 dark:data-active:bg-neutral-800 data-active:text-neutral-900 dark:data-active:text-neutral-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-neutral-900 dark:[&>svg]:text-neutral-50\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CAMH,IAAM,CAACM,GAAOC,KAAUb,EALTD,EACb;EAAEU,UAAU;EAAOC,MAAM;EAAMC,IAAI;EAAU,EAC7CL,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACEQ,EACCZ,GAAOa,EAAA;EAAA,IACNC,YAAS;AAAA,UAAEJ,EAAMD;;EAAE,aAAA;EAAA,gBAAA;EAAA,IAAA,cAAA;AAAA,UAGRC,EAAMF;;EAAI,IAAA,gBAAA;AAAA,UACRE,EAAMH;;EAAQ,IAAA,QAAA;AAAA,UACpBL,EACL,yzBACAQ,EAAMO,MACP;;EAAA,EACGN,EAAM,CAAA"}
+{"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"],"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,IAAA,QAAA;GAAA,OACpBL,EACL,6oBACAQ,EAAMM,KACR;EAAC;CAAA,GACGL,CAAM,CAAA;AAGhB"}

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

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

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

@@ -2,7 +2,7 @@ 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/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.tsx
-var a = /* @__PURE__ */ r("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), o = (r) => {
+var a = /*#__PURE__*/ r("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

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"],"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":";;;;8FAIaG,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EAAK,gCAAgCG,EAAMM,MAAM;KAAA,EACpDL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarMenuSubItem.js","names":["splitProps","SidebarMenuSubItemProps","clsx","SidebarMenuSubItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"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,IAAA,QAAA;GAAA,OAIWR,EAAK,gCAAgCG,EAAMM,KAAK;EAAC,EAAA,GACpDL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

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

@@ -1,5 +1,5 @@
 //#region src/components/sidebar/SidebarProvider/SidebarProvider.consts.ts
-var e = "sidebar_state", t = 3600 * 24 * 7, n = "16rem", r = "3rem";
+var e = "sidebar_state", t = 604800, n = "16rem", r = "3rem";
 //#endregion
 export { t as SIDEBAR_COOKIE_MAX_AGE, e as SIDEBAR_COOKIE_NAME, n as SIDEBAR_WIDTH, r as SIDEBAR_WIDTH_ICON };
 

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.consts.js","names":[],"sources":["../../../../src/components/sidebar/SidebarProvider/SidebarProvider.consts.ts"],"sourcesContent":["export const SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nexport const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nexport const SIDEBAR_WIDTH = \"16rem\";\nexport const SIDEBAR_WIDTH_MOBILE = \"18rem\";\nexport const SIDEBAR_WIDTH_ICON = \"3rem\";\nexport const SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n"],"mappings":";AAAA,IAAa,IAAsB,iBACtB,IAAyB,OAAU,KAAK,GACxC,IAAgB,SAEhB,IAAqB"}
+{"version":3,"file":"SidebarProvider.consts.js","names":[],"sources":["../../../../src/components/sidebar/SidebarProvider/SidebarProvider.consts.ts"],"sourcesContent":["export const SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nexport const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nexport const SIDEBAR_WIDTH = \"16rem\";\nexport const SIDEBAR_WIDTH_MOBILE = \"18rem\";\nexport const SIDEBAR_WIDTH_ICON = \"3rem\";\nexport const SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n"],"mappings":";AAAA,IAAa,IAAsB,iBACtB,IAAyB,QACzB,IAAgB,SAEhB,IAAqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.context.js","names":[],"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,IAAa,IAAiB,GAAoC;AAElE,SAAgB,IAAa;CAC3B,IAAM,IAAU,EAAW,EAAe;AAC1C,KAAI,CAAC,EACH,OAAU,MAAM,oDAAoD;AAGtE,QAAO"}
+{"version":3,"file":"SidebarProvider.context.js","names":[],"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,IAAa,IAAiB,EAAmC;AAEjE,SAAgB,IAAa;CAC3B,IAAM,IAAU,EAAW,CAAc;CACzC,IAAI,CAAC,GACH,MAAU,MAAM,mDAAmD;CAGrE,OAAO;AACT"}