@neut/ui 0.0.9 → 0.0.11

package/dist/components/separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;wDAKaK,KAAaC,MAA0B;CAElD,IAAM,CAACI,GAAOC,KAAUV,EADTD,EAAW,EAAEQ,aAAa,cAAc,EAAWF,EAAM,EAC7B;EACzC;EACA;EACA;EACD,CAAC;AAEF,eAAA;EAAA,IAAAM,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;AAAA,WAGsBL,EAAMF;;GAAW,IAAA,oBAAA;AAAA,WAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;;GAAS,IAAA,kBAAA;AAAA,WACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;;GAAS,IAAA,QAAA;AAAA,WACzDhB,EAAKC,GAASO,EAAMU,MAAM;;GAAA,EAC7BT,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;sDAKaK,KAAaC,MAA0B;CAClD,IAAMC,IAASP,EAAW,EAAEQ,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMF;GAAW;GAAA,IAAA,oBAAA;IAAA,OAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;GAAS;GAAA,IAAA,QAAA;IAAA,OACzDhB,EAAKC,GAASO,EAAMU,KAAK;GAAC;EAAA,GAC7BT,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/separator/Separator.styles.js

@@ -1,6 +1,6 @@
 import { clsx as e } from "../../utils/clsx.js";
 //#region src/components/separator/Separator.styles.ts
-var t = e("shrink-0 bg-neutral-200 dark:bg-white/10 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch");
+var t = e("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch");
 //#endregion
 export { t as classes };
 

package/dist/components/separator/Separator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.styles.js","names":[],"sources":["../../../src/components/separator/Separator.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"shrink-0 bg-neutral-200 dark:bg-white/10 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,qIACD"}
+{"version":3,"file":"Separator.styles.js","names":[],"sources":["../../../src/components/separator/Separator.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,8GACF"}

package/dist/components/sidebar/Sidebar/Sidebar.js

@@ -3,12 +3,12 @@ import { useSidebar as t } from "../SidebarProvider/SidebarProvider.context.js";
 import { className as n, createComponent as r, effect as i, insert as a, mergeProps as o, setAttribute as s, spread as c, template as l } from "solid-js/web";
 import { Show as u, mergeProps as d, splitProps as f } from "solid-js";
 //#region src/components/sidebar/Sidebar/Sidebar.tsx
-var p = /* @__PURE__ */ l("<div class=\"group peer hidden text-neutral-950 dark:text-neutral-50 md:block\"data-slot=sidebar><div data-slot=sidebar-gap></div><div data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner class=\"flex size-full flex-col bg-neutral-50 dark:bg-neutral-900 group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-neutral-200 dark:group-data-[variant=floating]:ring-white/10\">"), m = /* @__PURE__ */ l("<div data-slot=sidebar>"), h = (l) => {
-	let { isMobile: h, state: g } = t(), [_, v] = f(d({
+var p = /*#__PURE__*/ l("<div class=\"group peer hidden text-sidebar-foreground md:block\"data-slot=sidebar><div data-slot=sidebar-gap></div><div data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner class=\"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\">"), m = /*#__PURE__*/ l("<div data-slot=sidebar>"), h = (l) => {
+	let { isMobile: h, state: g } = t(), _ = d({
 		side: "left",
 		variant: "sidebar",
 		collapsible: "offcanvas"
-	}, l), [
+	}, l), [v, y] = f(_, [
 		"side",
 		"variant",
 		"collapsible",
@@ -18,14 +18,14 @@ var p = /* @__PURE__ */ l("<div class=\"group peer hidden text-neutral-950 dark:
 	]);
 	return r(u, {
 		get when() {
-			return _.collapsible !== "none";
+			return v.collapsible !== "none";
 		},
 		get fallback() {
 			return (() => {
 				var t = m();
 				return c(t, o({ get class() {
-					return e("flex h-full w-(--sidebar-width) flex-col", "bg-neutral-50 text-neutral-950", "dark:bg-neutral-900 dark:text-neutral-50", _.class);
-				} }, v), !1, !0), a(t, () => _.children), t;
+					return e("flex h-full w-(--sidebar-width) flex-col", "bg-sidebar text-sidebar-foreground", v.class);
+				} }, y), !1, !0), a(t, () => v.children), t;
 			})();
 		},
 		get children() {
@@ -36,13 +36,13 @@ var p = /* @__PURE__ */ l("<div class=\"group peer hidden text-neutral-950 dark:
 					var t = p(), r = t.firstChild, u = r.nextSibling, d = u.firstChild;
 					return c(u, o({
 						get "data-side"() {
-							return _.side;
+							return v.side;
 						},
 						get class() {
-							return e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", _.variant === "floating" || _.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", _.class);
+							return e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width) data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width) md:flex", v.variant === "floating" || v.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", v.class);
 						}
-					}, l), !1, !0), a(d, () => _.children), i((i) => {
-						var a = g(), o = g() === "collapsed" ? _.collapsible : "", c = _.variant, l = _.side, u = e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", _.variant === "floating" || _.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)");
+					}, l), !1, !0), a(d, () => v.children), i((i) => {
+						var a = g(), o = g() === "collapsed" ? v.collapsible : "", c = v.variant, l = v.side, u = e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", v.variant === "floating" || v.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)");
 						return a !== i.e && s(t, "data-state", i.e = a), o !== i.t && s(t, "data-collapsible", i.t = o), c !== i.a && s(t, "data-variant", i.a = c), l !== i.o && s(t, "data-side", i.o = l), u !== i.i && n(r, i.i = u), i;
 					}, {
 						e: void 0,

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":["mergeProps","Show","splitProps","SidebarProps","clsx","useSidebar","Sidebar","props","isMobile","state","merged","side","variant","collapsible","const","local","others","_$createComponent","when","fallback","_el$5","_tmpl$2","_$spread","_$mergeProps","class","_$insert","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","data-side","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$setAttribute","t","a","o","i","_$className","undefined"],"sources":["../../../../src/components/sidebar/Sidebar/Sidebar.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarProps } from \"./Sidebar.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    { side: \"left\", variant: \"sidebar\", collapsible: \"offcanvas\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"variant\",\n    \"collapsible\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <Show\n      when={local.collapsible !== \"none\"}\n      fallback={\n        <div\n          data-slot=\"sidebar\"\n          class={clsx(\n            \"flex h-full w-(--sidebar-width) flex-col\",\n            \"bg-neutral-50 text-neutral-950\",\n            \"dark:bg-neutral-900 dark:text-neutral-50\",\n            local.class,\n          )}\n          {...others}\n        >\n          {local.children}\n        </div>\n      }\n    >\n      <Show when={!isMobile} fallback={null}>\n        <div\n          class=\"group peer hidden text-neutral-950 dark:text-neutral-50 md:block\"\n          data-state={state()}\n          data-collapsible={state() === \"collapsed\" ? local.collapsible : \"\"}\n          data-variant={local.variant}\n          data-side={local.side}\n          data-slot=\"sidebar\"\n        >\n          {/* This is what handles the sidebar gap on desktop */}\n          <div\n            data-slot=\"sidebar-gap\"\n            class={clsx(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n            )}\n          />\n          <div\n            data-slot=\"sidebar-container\"\n            data-side={local.side}\n            class={clsx(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex\",\n              // Adjust the padding for floating and inset variants.\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n              local.class,\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              data-slot=\"sidebar-inner\"\n              // \"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\"\n              class=\"flex size-full flex-col bg-neutral-50 dark:bg-neutral-900 group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-neutral-200 dark:group-data-[variant=floating]:ring-white/10\"\n            >\n              {local.children}\n            </div>\n          </div>\n        </div>\n      </Show>\n    </Show>\n  );\n};\n"],"mappings":";;;;;gkBAKaM,KAAWC,MAAwB;CAC9C,IAAM,EAAEC,aAAUC,aAAUJ,GAAY,EAOlC,CAACU,GAAOC,KAAUd,EALTF,EACb;EAAEW,MAAM;EAAQC,SAAS;EAAWC,aAAa;EAAa,EAC9DN,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAU,EACGhB,GAAI;EAAA,IACHiB,OAAI;AAAA,UAAEH,EAAMF,gBAAgB;;EAAM,IAClCM,WAAQ;AAAA,iBAAA;IAAA,IAAAC,IAAAC,GAAA;AAWW,WAXXC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,YAGGnB,EACL,4CACA,kCACA,4CACAW,EAAMS,MACP;OAAA,EACGR,EAAM,EAAA,IAAA,GAAA,EAAAS,EAAAL,SAETL,EAAMW,SAAQ,EAAAN;OAAA;;EAAA,IAAAM,WAAA;AAAA,UAAAT,EAIlBhB,GAAI;IAACiB,MAAM,CAACV;IAAUW,UAAU;IAAI,IAAAO,WAAA;KAAA,IAAAC,IAAAC,GAAA,EAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD;AAmB9B,YAnB8BR,EAAAS,GAAAR,EAAA;MAAA,IAAA,cAAA;AAAA,cAuBpBR,EAAMJ;;MAAI,IAAA,QAAA;AAAA,cACdP,EACL,8VAEAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,6FACA,2HACJG,EAAMS,MACP;;MAAA,EACGjB,EAAK,EAAA,IAAA,GAAA,EAAAkB,EAAAQ,SAQNlB,EAAMW,SAAQ,EAAAS,GAAAC,MAAA;MAAA,IAAAC,IArCP5B,GAAO,EAAA6B,IACD7B,GAAO,KAAK,cAAcM,EAAMF,cAAc,IAAE0B,IACpDxB,EAAMH,SAAO4B,IAChBzB,EAAMJ,MAAI8B,IAMZrC,EACL,2FACA,0CACA,sCACAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,qFACA,yDACL;AAAA,aAAAyB,MAAAD,EAAAM,KAAAC,EAAAhB,GAAA,cAAAS,EAAAM,IAAAL,EAAA,EAAAC,MAAAF,EAAAQ,KAAAD,EAAAhB,GAAA,oBAAAS,EAAAQ,IAAAN,EAAA,EAAAC,MAAAH,EAAAS,KAAAF,EAAAhB,GAAA,gBAAAS,EAAAS,IAAAN,EAAA,EAAAC,MAAAJ,EAAAU,KAAAH,EAAAhB,GAAA,aAAAS,EAAAU,IAAAN,EAAA,EAAAC,MAAAL,EAAAW,KAAAC,EAAAnB,GAAAO,EAAAW,IAAAN,EAAA,EAAAL;QAAA;MAAAM,GAAAO,KAAAA;MAAAL,GAAAK,KAAAA;MAAAJ,GAAAI,KAAAA;MAAAH,GAAAG,KAAAA;MAAAF,GAAAE,KAAAA;MAAA,CAAA,EAAAtB;;IAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"Sidebar.js","names":["mergeProps","Show","splitProps","SidebarProps","clsx","useSidebar","Sidebar","props","isMobile","state","merged","side","variant","collapsible","const","local","others","_$createComponent","when","fallback","_el$5","_tmpl$2","_$spread","_$mergeProps","class","_$insert","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","data-side","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$setAttribute","t","a","o","i","_$className","undefined"],"sources":["../../../../src/components/sidebar/Sidebar/Sidebar.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarProps } from \"./Sidebar.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    { side: \"left\", variant: \"sidebar\", collapsible: \"offcanvas\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"variant\",\n    \"collapsible\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <Show\n      when={local.collapsible !== \"none\"}\n      fallback={\n        <div\n          data-slot=\"sidebar\"\n          class={clsx(\n            \"flex h-full w-(--sidebar-width) flex-col\",\n            \"bg-sidebar text-sidebar-foreground\",\n            local.class,\n          )}\n          {...others}\n        >\n          {local.children}\n        </div>\n      }\n    >\n      <Show when={!isMobile} fallback={null}>\n        <div\n          class=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state()}\n          data-collapsible={state() === \"collapsed\" ? local.collapsible : \"\"}\n          data-variant={local.variant}\n          data-side={local.side}\n          data-slot=\"sidebar\"\n        >\n          {/* This is what handles the sidebar gap on desktop */}\n          <div\n            data-slot=\"sidebar-gap\"\n            class={clsx(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n            )}\n          />\n          <div\n            data-slot=\"sidebar-container\"\n            data-side={local.side}\n            class={clsx(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width) data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width) md:flex\",\n              // Adjust the padding for floating and inset variants.\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n              local.class,\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              data-slot=\"sidebar-inner\"\n              class=\"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\"\n            >\n              {local.children}\n            </div>\n          </div>\n        </div>\n      </Show>\n    </Show>\n  );\n};\n"],"mappings":";;;;;yeAKaM,KAAWC,MAAwB;CAC9C,IAAM,EAAEC,aAAUC,aAAUJ,EAAW,GAEjCK,IAASV,EACb;EAAEW,MAAM;EAAQC,SAAS;EAAWC,aAAa;CAAY,GAC7DN,CACF,GAEM,CAACQ,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAO,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEH,EAAMF,gBAAgB;EAAM;EAAA,IAClCM,WAAQ;GAAA,cAAA;IAAA,IAAAC,IAAAC,EAAA;IAUW,OAVXC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;KAAA,OAGGnB,EACL,4CACA,sCACAW,EAAMS,KACR;IAAC,EAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAL,SAETL,EAAMW,QAAQ,GAAAN;GAAA,EAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAT,EAIlBhB,GAAI;IAACiB,MAAM,CAACV;IAAUW,UAAU;IAAI,IAAAO,WAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD;KAmB9B,OAnB8BR,EAAAS,GAAAR,EAAA;MAAA,IAAA,cAAA;OAAA,OAuBpBR,EAAMJ;MAAI;MAAA,IAAA,QAAA;OAAA,OACdP,EACL,oUAEAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,6FACA,2HACJG,EAAMS,KACR;MAAC;KAAA,GACGjB,CAAK,GAAA,IAAA,EAAA,GAAAkB,EAAAQ,SAONlB,EAAMW,QAAQ,GAAAS,GAAAC,MAAA;MAAA,IAAAC,IApCP5B,EAAM,GAAC6B,IACD7B,EAAM,MAAM,cAAcM,EAAMF,cAAc,IAAE0B,IACpDxB,EAAMH,SAAO4B,IAChBzB,EAAMJ,MAAI8B,IAMZrC,EACL,2FACA,0CACA,sCACAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,qFACA,wDACN;MAAC,OAAAyB,MAAAD,EAAAM,KAAAC,EAAAhB,GAAA,cAAAS,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAhB,GAAA,oBAAAS,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAhB,GAAA,gBAAAS,EAAAS,IAAAN,CAAA,GAAAC,MAAAJ,EAAAU,KAAAH,EAAAhB,GAAA,aAAAS,EAAAU,IAAAN,CAAA,GAAAC,MAAAL,EAAAW,KAAAC,EAAAnB,GAAAO,EAAAW,IAAAN,CAAA,GAAAL;KAAA,GAAA;MAAAM,GAAAO,KAAAA;MAAAL,GAAAK,KAAAA;MAAAJ,GAAAI,KAAAA;MAAAH,GAAAG,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAtB;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AA2Bb"}

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarContent.js","names":["splitProps","SidebarContentProps","clsx","SidebarContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarContentProps } from \"./SidebarContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarContent = (props: SidebarContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      class={clsx(\n        \"no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;mFAIaG,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,+GACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarContent.js","names":["splitProps","SidebarContentProps","clsx","SidebarContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarContentProps } from \"./SidebarContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarContent = (props: SidebarContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      class={clsx(\n        \"no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iFAIaG,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,+GACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.js","names":["splitProps","SidebarFooterProps","clsx","SidebarFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarFooterProps } from \"./SidebarFooter.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarFooter = (props: SidebarFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\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":"SidebarFooter.js","names":["splitProps","SidebarFooterProps","clsx","SidebarFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarFooterProps } from \"./SidebarFooter.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarFooter = (props: SidebarFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\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/SidebarFooter/index.d.ts

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroup.js","names":["splitProps","SidebarGroupProps","clsx","SidebarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroup/SidebarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupProps } from \"./SidebarGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroup = (props: SidebarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      class={clsx(\"relative flex w-full min-w-0 flex-col p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAgBC,MAA6B;CACxD,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,6CAA6CG,EAAMM,MAAM;KAAA,EACjEL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarGroup.js","names":["splitProps","SidebarGroupProps","clsx","SidebarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroup/SidebarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupProps } from \"./SidebarGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroup = (props: SidebarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      class={clsx(\"relative flex w-full min-w-0 flex-col p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAgBC,MAA6B;CACxD,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,6CAA6CG,EAAMM,KAAK;EAAC,EAAA,GACjEL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js

@@ -3,21 +3,21 @@ 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/SidebarGroupAction/SidebarGroupAction.tsx
 var o = (o) => {
-	let [s, c] = a(i({ as: "button" }, o), [
-		"as",
+	let s = i({ component: "button" }, o), [c, l] = a(s, [
+		"component",
 		"class",
 		"classList"
 	]);
 	return n(t, r({
 		get component() {
-			return s.as;
+			return c.component;
 		},
 		"data-slot": "sidebar-group-action",
 		"data-sidebar": "group-action",
 		get class() {
-			return e("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-neutral-950 dark:text-neutral-50 ring-neutral-400 dark:ring-neutral-500 outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-neutral-50 focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", s.class);
+			return e("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", c.class);
 		}
-	}, c));
+	}, l));
 };
 //#endregion
 export { o as SidebarGroupAction };

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupAction.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupActionProps","clsx","Dynamic","SidebarGroupAction","props","T","merged","as","const","local","others","_$createComponent","_$mergeProps","component","class"],"sources":["../../../../src/components/sidebar/SidebarGroupAction/SidebarGroupAction.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupActionProps } from \"./SidebarGroupAction.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupAction = <T extends ValidComponent = \"button\">(\n  props: SidebarGroupActionProps<T>,\n) => {\n  const merged = mergeProps({ as: \"button\" as T } 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-action\"\n      data-sidebar=\"group-action\"\n      class={clsx(\n        \"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-neutral-950 dark:text-neutral-50 ring-neutral-400 dark:ring-neutral-500 outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-neutral-50 focus-visible:ring-2 md:after:hidden [&>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,UAAe,EAAWH,EAAM,EAErB;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,wbACAQ,EAAMK,MACP;;EAAA,EACGJ,EAAM,CAAA"}
+{"version":3,"file":"SidebarGroupAction.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupActionProps","clsx","Dynamic","SidebarGroupAction","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroupAction/SidebarGroupAction.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupActionProps } from \"./SidebarGroupAction.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupAction = <T extends ValidComponent = \"button\">(\n  props: SidebarGroupActionProps<T>,\n) => {\n  const merged = mergeProps({ component: \"button\" } 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-action\"\n      data-sidebar=\"group-action\"\n      class={clsx(\n        \"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>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,SAAS,GAAYH,CAAK,GAE3D,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,iXACAQ,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupContent.js","names":["splitProps","SidebarGroupContentProps","clsx","SidebarGroupContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroupContent/SidebarGroupContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupContentProps } from \"./SidebarGroupContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroupContent = (props: SidebarGroupContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      class={clsx(\"w-full text-sm\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+FAIaG,KAAuBC,MAAoC;CACtE,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,kBAAkBG,EAAMM,MAAM;KAAA,EACtCL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"SidebarGroupContent.js","names":["splitProps","SidebarGroupContentProps","clsx","SidebarGroupContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroupContent/SidebarGroupContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupContentProps } from \"./SidebarGroupContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroupContent = (props: SidebarGroupContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      class={clsx(\"w-full text-sm\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6FAIaG,KAAuBC,MAAoC;CACtE,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,kBAAkBG,EAAMM,KAAK;EAAC,EAAA,GACtCL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

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

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

@@ -3,21 +3,21 @@ 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/SidebarGroupLabel/SidebarGroupLabel.tsx
 var o = (o) => {
-	let [s, c] = a(i({ as: "div" }, o), [
-		"as",
+	let s = i({ component: "div" }, o), [c, l] = a(s, [
+		"component",
 		"class",
 		"classList"
 	]);
 	return n(t, r({
 		get component() {
-			return s.as;
+			return c.component;
 		},
 		"data-slot": "sidebar-group-label",
 		"data-sidebar": "group-label",
 		get class() {
-			return e("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", s.class);
+			return e("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", c.class);
 		}
-	}, c));
+	}, l));
 };
 //#endregion
 export { o as SidebarGroupLabel };

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