@manafishrov/ui 1.1.0 → 1.2.0

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

@@ -1,5 +1,5 @@
 import { Component, ComponentProps } from 'solid-js';
-export type SidebarProps = ComponentProps<'div'> & {
+export type SidebarProps = ComponentProps<'aside'> & {
     side?: 'left' | 'right';
     variant?: 'sidebar' | 'floating' | 'inset';
     collapsible?: 'offcanvas' | 'icon' | 'none';

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["import { type Component, type ComponentProps, createEffect, onCleanup } from 'solid-js';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { useSidebar } from './context';\nimport { SidebarDesktop } from './SidebarDesktop';\nimport { SidebarMobile } from './SidebarMobile';\n\nexport type SidebarProps = ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n  disableMobileSidebar?: boolean;\n};\n\nexport const Sidebar: Component<SidebarProps> = (props) => {\n  const { isMobile, setMobileDisabled, setOpen, setSide } = useSidebar();\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n\n  onCleanup(() => {\n    setMobileDisabled(false);\n  });\n\n  createEffect(() => {\n    const currentSide = props.side ?? 'left';\n    const mobileDisabled = props.disableMobileSidebar ?? false;\n    setSide(currentSide);\n    setMobileDisabled(mobileDisabled);\n  });\n\n  createEffect(() => {\n    if (props.disableMobileSidebar === true && props.collapsible === 'icon') {\n      setOpen(!isViewportMobile());\n    }\n  });\n\n  return (\n    <Show\n      when={!isMobile()}\n      fallback={\n        <Show when={(props.collapsible ?? 'offcanvas') !== 'none'}>\n          <SidebarMobile {...props} />\n        </Show>\n      }\n    >\n      <SidebarDesktop {...props} />\n    </Show>\n  );\n};\n"],"names":["Sidebar","props","isMobile","setMobileDisabled","setOpen","setSide","useSidebar","isViewportMobile","createMediaQuery","onCleanup","createEffect","currentSide","side","mobileDisabled","disableMobileSidebar","collapsible","_$createComponent","_$Show","when","fallback","children","SidebarMobile","SidebarDesktop"],"mappings":";;;;;;AAeO,MAAMA,IAAoCC,CAAAA,MAAU;AACzD,QAAM;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,mBAAAA;AAAAA,IAAmBC,SAAAA;AAAAA,IAASC,SAAAA;AAAAA,EAAAA,IAAYC,EAAAA,GACpDC,IAAmBC,EAAiB,oBAAoB;AAE9DC,SAAAA,EAAU,MAAM;AACdN,IAAAA,EAAkB,EAAK;AAAA,EACzB,CAAC,GAEDO,EAAa,MAAM;AACjB,UAAMC,IAAcV,EAAMW,QAAQ,QAC5BC,IAAiBZ,EAAMa,wBAAwB;AACrDT,IAAAA,EAAQM,CAAW,GACnBR,EAAkBU,CAAc;AAAA,EAClC,CAAC,GAEDH,EAAa,MAAM;AACjB,IAAIT,EAAMa,yBAAyB,MAAQb,EAAMc,gBAAgB,UAC/DX,EAAQ,CAACG,GAAkB;AAAA,EAE/B,CAAC,GAEDS,EACGC,GAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAE,CAAChB,EAAAA;AAAAA,IAAU;AAAA,IAAA,IACjBiB,WAAQ;AAAA,aAAAH,EACLC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,kBAAGjB,EAAMc,eAAe,iBAAiB;AAAA,QAAM;AAAA,QAAA,IAAAK,WAAA;AAAA,iBAAAJ,EACtDK,GAAkBpB,CAAK;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAAAmB,WAAA;AAAA,aAAAJ,EAI3BM,GAAmBrB,CAAK;AAAA,IAAA;AAAA,EAAA,CAAA;AAG/B;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["import { type Component, type ComponentProps, createEffect, onCleanup } from 'solid-js';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { useSidebar } from './context';\nimport { SidebarDesktop } from './SidebarDesktop';\nimport { SidebarMobile } from './SidebarMobile';\n\nexport type SidebarProps = ComponentProps<'aside'> & {\n  side?: 'left' | 'right';\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n  disableMobileSidebar?: boolean;\n};\n\nexport const Sidebar: Component<SidebarProps> = (props) => {\n  const { isMobile, setMobileDisabled, setOpen, setSide } = useSidebar();\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n\n  onCleanup(() => {\n    setMobileDisabled(false);\n  });\n\n  createEffect(() => {\n    const currentSide = props.side ?? 'left';\n    const mobileDisabled = props.disableMobileSidebar ?? false;\n    setSide(currentSide);\n    setMobileDisabled(mobileDisabled);\n  });\n\n  createEffect(() => {\n    if (props.disableMobileSidebar === true && props.collapsible === 'icon') {\n      setOpen(!isViewportMobile());\n    }\n  });\n\n  return (\n    <Show\n      when={!isMobile()}\n      fallback={\n        <Show when={(props.collapsible ?? 'offcanvas') !== 'none'}>\n          <SidebarMobile {...props} />\n        </Show>\n      }\n    >\n      <SidebarDesktop {...props} />\n    </Show>\n  );\n};\n"],"names":["Sidebar","props","isMobile","setMobileDisabled","setOpen","setSide","useSidebar","isViewportMobile","createMediaQuery","onCleanup","createEffect","currentSide","side","mobileDisabled","disableMobileSidebar","collapsible","_$createComponent","_$Show","when","fallback","children","SidebarMobile","SidebarDesktop"],"mappings":";;;;;;AAeO,MAAMA,IAAoCC,CAAAA,MAAU;AACzD,QAAM;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,mBAAAA;AAAAA,IAAmBC,SAAAA;AAAAA,IAASC,SAAAA;AAAAA,EAAAA,IAAYC,EAAAA,GACpDC,IAAmBC,EAAiB,oBAAoB;AAE9DC,SAAAA,EAAU,MAAM;AACdN,IAAAA,EAAkB,EAAK;AAAA,EACzB,CAAC,GAEDO,EAAa,MAAM;AACjB,UAAMC,IAAcV,EAAMW,QAAQ,QAC5BC,IAAiBZ,EAAMa,wBAAwB;AACrDT,IAAAA,EAAQM,CAAW,GACnBR,EAAkBU,CAAc;AAAA,EAClC,CAAC,GAEDH,EAAa,MAAM;AACjB,IAAIT,EAAMa,yBAAyB,MAAQb,EAAMc,gBAAgB,UAC/DX,EAAQ,CAACG,GAAkB;AAAA,EAE/B,CAAC,GAEDS,EACGC,GAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAE,CAAChB,EAAAA;AAAAA,IAAU;AAAA,IAAA,IACjBiB,WAAQ;AAAA,aAAAH,EACLC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,kBAAGjB,EAAMc,eAAe,iBAAiB;AAAA,QAAM;AAAA,QAAA,IAAAK,WAAA;AAAA,iBAAAJ,EACtDK,GAAkBpB,CAAK;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAAAmB,WAAA;AAAA,aAAAJ,EAI3BM,GAAmBrB,CAAK;AAAA,IAAA;AAAA,EAAA,CAAA;AAG/B;"}

package/dist/components/sidebar/SidebarDesktop.js

@@ -1,52 +1,63 @@
-import { template as u, insert as p, createComponent as x, mergeProps as h, effect as S, className as f, setAttribute as d, spread as k } from "solid-js/web";
-import { cn as l } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import { useSidebar as C } from "./context.js";
-import { splitProps as m } from "solid-js";
-var M = /* @__PURE__ */ u('<div data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner class="group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border">'), z = /* @__PURE__ */ u("<div data-slot=sidebar><div data-slot=sidebar-gap>");
-const D = (o) => {
-  const [i, a] = m(o, ["variant", "side", "class", "children"]);
+import { template as p, insert as h, createComponent as C, mergeProps as m, effect as D, style as k, className as u, setAttribute as s, spread as I } from "solid-js/web";
+import { splitProps as w, createMemo as y } from "solid-js";
+import { cn as d } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
+import { SIDEBAR_WIDTH_ICON as M, SIDEBAR_WIDTH as A } from "./constants.js";
+import { useSidebar as R } from "./context.js";
+var z = /* @__PURE__ */ p('<aside data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner class="group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border">'), B = /* @__PURE__ */ p("<div data-slot=sidebar><div data-slot=sidebar-gap>");
+const E = (t) => d(t === !0 ? "group peer min-h-0 relative block self-stretch text-sidebar-foreground" : "group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground"), H = (t) => d("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"), N = (t) => {
+  const r = {
+    "--sidebar-width": A,
+    "--sidebar-width-icon": M
+  };
+  return typeof t == "object" && t !== null ? {
+    ...r,
+    ...t
+  } : r;
+}, P = (t) => {
+  const [r, e] = w(t, ["variant", "side", "class", "children"]);
   return (() => {
-    var t = M(), r = t.firstChild;
-    return k(t, h({
+    var o = z(), l = o.firstChild;
+    return I(o, m({
       get class() {
-        return l("inset-y-0 md:flex fixed z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear", i.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", i.variant === "floating" || i.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", i.class);
+        return d("top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear", r.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", r.variant === "floating" || r.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", r.class);
       }
-    }, a), !1, !0), p(r, () => i.children), t;
+    }, e), !1, !0), h(l, () => r.children), o;
   })();
-}, j = (o) => {
+}, O = (t) => {
   const {
-    state: i
-  } = C(), [a, t] = m(o, ["side", "variant", "collapsible", "disableMobileSidebar", "class", "children"]);
+    state: r
+  } = R(), [e, o] = w(t, ["side", "variant", "collapsible", "disableMobileSidebar", "style", "class", "children"]), l = y(() => N(e.style));
   return (() => {
-    var r = z(), w = r.firstChild;
-    return p(r, x(D, h({
+    var i = B(), S = i.firstChild;
+    return h(i, C(P, m({
       get variant() {
-        return a.variant ?? "sidebar";
+        return e.variant ?? "sidebar";
       },
       get side() {
-        return a.side ?? "left";
+        return e.side ?? "left";
       },
       get class() {
-        return l(a.disableMobileSidebar === !0 ? "flex" : "md:flex hidden", a.class);
+        return d(e.disableMobileSidebar === !0 ? "flex" : "md:flex hidden", e.class);
       }
-    }, t, {
+    }, o, {
       get children() {
-        return a.children;
+        return e.children;
       }
-    })), null), S((e) => {
-      var s = l(a.disableMobileSidebar === !0 ? "group peer block text-sidebar-foreground" : "group peer md:block hidden text-sidebar-foreground"), n = i(), c = i() === "collapsed" ? a.collapsible ?? "offcanvas" : "", b = a.variant ?? "sidebar", v = a.side ?? "left", g = l("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", a.variant === "floating" || a.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)");
-      return s !== e.e && f(r, e.e = s), n !== e.t && d(r, "data-state", e.t = n), c !== e.a && d(r, "data-collapsible", e.a = c), b !== e.o && d(r, "data-variant", e.o = b), v !== e.i && d(r, "data-side", e.i = v), g !== e.n && f(w, e.n = g), e;
+    })), null), D((a) => {
+      var x = l(), n = E(e.disableMobileSidebar), c = r(), b = r() === "collapsed" ? e.collapsible ?? "offcanvas" : "", g = e.variant ?? "sidebar", v = e.side ?? "left", f = H(e.variant);
+      return a.e = k(i, x, a.e), n !== a.t && u(i, a.t = n), c !== a.a && s(i, "data-state", a.a = c), b !== a.o && s(i, "data-collapsible", a.o = b), g !== a.i && s(i, "data-variant", a.i = g), v !== a.n && s(i, "data-side", a.n = v), f !== a.s && u(S, a.s = f), a;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
       i: void 0,
-      n: void 0
-    }), r;
+      n: void 0,
+      s: void 0
+    }), i;
   })();
 };
 export {
-  j as SidebarDesktop
+  O as SidebarDesktop
 };
 //# sourceMappingURL=SidebarDesktop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarDesktop.js","sources":["../../../src/components/sidebar/SidebarDesktop.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { useSidebar } from './context';\n\ntype SidebarDesktopContainerProps = ComponentProps<'div'> & {\n  variant: string;\n  side: string;\n  children: JSXElement;\n};\n\nconst SidebarDesktopContainer: Component<SidebarDesktopContainerProps> = (props) => {\n  const [local, others] = splitProps(props, ['variant', 'side', 'class', 'children']);\n  return (\n    <div\n      data-slot='sidebar-container'\n      class={cn(\n        'inset-y-0 md:flex fixed z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear',\n        local.side === 'left'\n          ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n          : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n        local.variant === 'floating' || local.variant === 'inset'\n          ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+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      {...others}\n    >\n      <div\n        data-sidebar='sidebar'\n        data-slot='sidebar-inner'\n        class='group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border'\n      >\n        {local.children}\n      </div>\n    </div>\n  );\n};\n\nexport const SidebarDesktop: Component<SidebarProps> = (props) => {\n  const { state } = useSidebar();\n  const [local, others] = splitProps(props, [\n    'side',\n    'variant',\n    'collapsible',\n    'disableMobileSidebar',\n    'class',\n    'children',\n  ]);\n\n  return (\n    <div\n      class={cn(\n        local.disableMobileSidebar === true\n          ? 'group peer block text-sidebar-foreground'\n          : 'group peer md:block hidden text-sidebar-foreground',\n      )}\n      data-state={state()}\n      data-collapsible={state() === 'collapsed' ? (local.collapsible ?? 'offcanvas') : ''}\n      data-variant={local.variant ?? 'sidebar'}\n      data-side={local.side ?? 'left'}\n      data-slot='sidebar'\n    >\n      <div\n        data-slot='sidebar-gap'\n        class={cn(\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)+1rem)]'\n            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n        )}\n      />\n      <SidebarDesktopContainer\n        variant={local.variant ?? 'sidebar'}\n        side={local.side ?? 'left'}\n        class={cn(local.disableMobileSidebar === true ? 'flex' : 'md:flex hidden', local.class)}\n        {...others}\n      >\n        {local.children}\n      </SidebarDesktopContainer>\n    </div>\n  );\n};\n"],"names":["SidebarDesktopContainer","props","local","others","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","cn","side","variant","class","_$insert","children","SidebarDesktop","state","useSidebar","_el$3","_tmpl$2","_el$4","_$createComponent","disableMobileSidebar","_$effect","_p$","_v$","_v$2","_v$3","collapsible","_v$4","_v$5","_v$6","e","_$className","t","_$setAttribute","a","o","i","n","undefined"],"mappings":";;;;;AAcA,MAAMA,IAAoEC,CAAAA,MAAU;AAClF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,WAAW,QAAQ,SAAS,UAAU,CAAC;AAClF,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EAAAJ,GAAAK,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWC,EACL,wHACAT,EAAMU,SAAS,SACX,mFACA,oFACJV,EAAMW,YAAY,cAAcX,EAAMW,YAAY,UAC9C,mFACA,2HACJX,EAAMY,KACR;AAAA,MAAC;AAAA,IAAA,GACGX,CAAM,GAAA,IAAA,EAAA,GAAAY,EAAAR,GAAA,MAOPL,EAAMc,QAAQ,GAAAX;AAAAA,EAAA,GAAA;AAIvB,GAEaY,IAA2ChB,CAAAA,MAAU;AAChE,QAAM;AAAA,IAAEiB,OAAAA;AAAAA,EAAAA,IAAUC,EAAAA,GACZ,CAACjB,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CACxC,QACA,WACA,eACA,wBACA,SACA,UAAU,CACX;AAED,UAAA,MAAA;AAAA,QAAAmB,IAAAC,EAAAA,GAAAC,IAAAF,EAAAZ;AAAAO,WAAAA,EAAAK,GAAAG,EAwBKvB,GAAuBU,EAAA;AAAA,MAAA,IACtBG,UAAO;AAAA,eAAEX,EAAMW,WAAW;AAAA,MAAS;AAAA,MAAA,IACnCD,OAAI;AAAA,eAAEV,EAAMU,QAAQ;AAAA,MAAM;AAAA,MAAA,IAAA,QAAA;AAAA,eACnBD,EAAGT,EAAMsB,yBAAyB,KAAO,SAAS,kBAAkBtB,EAAMY,KAAK;AAAA,MAAC;AAAA,IAAA,GACnFX,GAAM;AAAA,MAAA,IAAAa,WAAA;AAAA,eAETd,EAAMc;AAAAA,MAAQ;AAAA,IAAA,CAAA,CAAA,GAAA,IAAA,GAAAS,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IA5BVhB,EACLT,EAAMsB,yBAAyB,KAC3B,6CACA,oDACN,GAACI,IACWV,EAAAA,GAAOW,IACDX,EAAAA,MAAY,cAAehB,EAAM4B,eAAe,cAAe,IAAEC,IACrE7B,EAAMW,WAAW,WAASmB,IAC7B9B,EAAMU,QAAQ,QAAMqB,IAKtBtB,EACL,2FACA,0CACA,sCACAT,EAAMW,YAAY,cAAcX,EAAMW,YAAY,UAC9C,2EACA,wDACN;AAACc,aAAAA,MAAAD,EAAAQ,KAAAC,EAAAf,GAAAM,EAAAQ,IAAAP,CAAA,GAAAC,MAAAF,EAAAU,KAAAC,EAAAjB,GAAA,cAAAM,EAAAU,IAAAR,CAAA,GAAAC,MAAAH,EAAAY,KAAAD,EAAAjB,GAAA,oBAAAM,EAAAY,IAAAT,CAAA,GAAAE,MAAAL,EAAAa,KAAAF,EAAAjB,GAAA,gBAAAM,EAAAa,IAAAR,CAAA,GAAAC,MAAAN,EAAAc,KAAAH,EAAAjB,GAAA,aAAAM,EAAAc,IAAAR,CAAA,GAAAC,MAAAP,EAAAe,KAAAN,EAAAb,GAAAI,EAAAe,IAAAR,CAAA,GAAAP;AAAAA,IAAA,GAAA;AAAA,MAAAQ,GAAAQ;AAAAA,MAAAN,GAAAM;AAAAA,MAAAJ,GAAAI;AAAAA,MAAAH,GAAAG;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAAtB;AAAAA,EAAA,GAAA;AAYT;"}
+{"version":3,"file":"SidebarDesktop.js","sources":["../../../src/components/sidebar/SidebarDesktop.tsx"],"sourcesContent":["import {\n  createMemo,\n  type Component,\n  type ComponentProps,\n  type JSX,\n  type JSXElement,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { useSidebar } from './context';\n\ntype SidebarDesktopContainerProps = ComponentProps<'aside'> & {\n  variant: string;\n  side: string;\n  children: JSXElement;\n};\n\nconst getSidebarDesktopRootClass = (\n  disableMobileSidebar: boolean | undefined,\n): ComponentProps<'div'>['class'] =>\n  cn(\n    disableMobileSidebar === true\n      ? 'group peer min-h-0 relative block self-stretch text-sidebar-foreground'\n      : 'group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground',\n  );\n\nconst getSidebarGapClass = (variant: SidebarProps['variant']): ComponentProps<'div'>['class'] =>\n  cn(\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    variant === 'floating' || variant === 'inset'\n      ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]'\n      : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n  );\n\nconst getSidebarStyle = (style: SidebarProps['style']): JSX.CSSProperties => {\n  const base: JSX.CSSProperties = {\n    '--sidebar-width': SIDEBAR_WIDTH,\n    '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n  };\n  return typeof style === 'object' && style !== null ? { ...base, ...style } : base;\n};\n\nconst SidebarDesktopContainer: Component<SidebarDesktopContainerProps> = (props) => {\n  const [local, others] = splitProps(props, ['variant', 'side', 'class', 'children']);\n  return (\n    <aside\n      data-slot='sidebar-container'\n      class={cn(\n        'top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear',\n        local.side === 'left'\n          ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n          : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n        local.variant === 'floating' || local.variant === 'inset'\n          ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+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      {...others}\n    >\n      <div\n        data-sidebar='sidebar'\n        data-slot='sidebar-inner'\n        class='group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border'\n      >\n        {local.children}\n      </div>\n    </aside>\n  );\n};\n\nexport const SidebarDesktop: Component<SidebarProps> = (props) => {\n  const { state } = useSidebar();\n  const [local, others] = splitProps(props, [\n    'side',\n    'variant',\n    'collapsible',\n    'disableMobileSidebar',\n    'style',\n    'class',\n    'children',\n  ]);\n\n  const style = createMemo(() => getSidebarStyle(local.style));\n\n  return (\n    <div\n      style={style()}\n      class={getSidebarDesktopRootClass(local.disableMobileSidebar)}\n      data-state={state()}\n      data-collapsible={state() === 'collapsed' ? (local.collapsible ?? 'offcanvas') : ''}\n      data-variant={local.variant ?? 'sidebar'}\n      data-side={local.side ?? 'left'}\n      data-slot='sidebar'\n    >\n      <div data-slot='sidebar-gap' class={getSidebarGapClass(local.variant)} />\n      <SidebarDesktopContainer\n        variant={local.variant ?? 'sidebar'}\n        side={local.side ?? 'left'}\n        class={cn(local.disableMobileSidebar === true ? 'flex' : 'md:flex hidden', local.class)}\n        {...others}\n      >\n        {local.children}\n      </SidebarDesktopContainer>\n    </div>\n  );\n};\n"],"names":["getSidebarDesktopRootClass","disableMobileSidebar","cn","getSidebarGapClass","variant","getSidebarStyle","style","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","SidebarDesktopContainer","props","local","others","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","side","class","_$insert","children","SidebarDesktop","state","useSidebar","createMemo","_el$3","_tmpl$2","_el$4","_$createComponent","_$effect","_p$","_v$","_v$2","_v$3","_v$4","collapsible","_v$5","_v$6","_v$7","e","_$style","t","_$className","a","_$setAttribute","o","i","n","s","undefined"],"mappings":"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"}

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

@@ -1,7 +1,10 @@
-import { Component, ComponentProps } from 'solid-js';
-export type SidebarProviderProps = ComponentProps<'div'> & {
+import { Component, ComponentProps, JSX } from 'solid-js';
+export type SidebarProviderProps = {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (openValue: boolean) => void;
+    children?: JSX.Element;
 };
+export type SidebarLayoutProps = ComponentProps<'div'>;
+export declare const SidebarLayout: Component<SidebarLayoutProps>;
 export declare const SidebarProvider: Component<SidebarProviderProps>;

package/dist/components/sidebar/SidebarProvider.js

@@ -1,35 +1,45 @@
-import { createComponent as m, template as f, spread as u, mergeProps as g, insert as O } from "solid-js/web";
-import { splitProps as M, createMemo as h, createSignal as r, onMount as y, onCleanup as D } from "solid-js";
-import { cn as w } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import { createMediaQuery as C } from "../../primitives/createMediaQuery.js";
-import { SIDEBAR_WIDTH_ICON as v, SIDEBAR_WIDTH as x, SIDEBAR_KEYBOARD_SHORTCUT as E } from "./constants.js";
-import { SidebarContext as I } from "./context.js";
-import { setSidebarCookie as _ } from "./utils.js";
-var S = /* @__PURE__ */ f("<div data-slot=sidebar-wrapper>");
-const T = (e) => {
-  const o = C("(max-width: 768px)"), [t, n] = r(!1), s = () => o() && !t(), [l, i] = r(!1), [p, d] = r(e.defaultOpen ?? !0), [b, c] = r("left");
+import { template as m, spread as f, mergeProps as u, createComponent as M } from "solid-js/web";
+import { splitProps as g, createSignal as r, onMount as O, onCleanup as h } from "solid-js";
+import { cn as y } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
+import { createMediaQuery as v } from "../../primitives/createMediaQuery.js";
+import { SIDEBAR_KEYBOARD_SHORTCUT as C } from "./constants.js";
+import { SidebarContext as D } from "./context.js";
+import { setSidebarCookie as w } from "./utils.js";
+var x = /* @__PURE__ */ m("<div data-slot=sidebar-wrapper>");
+const V = (e) => {
+  const [o, n] = g(e, ["class"]);
+  return (() => {
+    var i = x();
+    return f(i, u({
+      get class() {
+        return y("relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar", o.class);
+      }
+    }, n), !1, !1), i;
+  })();
+}, E = (e) => {
+  const o = v("(max-width: 768px)"), [n, i] = r(!1), l = () => o() && !n(), [s, a] = r(!1), [d, p] = r(e.defaultOpen ?? !0), [b, c] = r("left");
   return {
-    isMobile: s,
-    setMobileDisabled: n,
-    openMobile: l,
-    setOpenMobile: i,
-    open: () => typeof e.open == "boolean" ? e.open : p(),
-    setOpen: (a) => {
-      e.onOpenChange ? e.onOpenChange(a) : d(a), _(a);
+    isMobile: l,
+    setMobileDisabled: i,
+    openMobile: s,
+    setOpenMobile: a,
+    open: () => typeof e.open == "boolean" ? e.open : d(),
+    setOpen: (t) => {
+      e.onOpenChange ? e.onOpenChange(t) : p(t), w(t);
     },
     side: b,
     setSide: c
   };
-}, R = (e) => {
+}, S = (e) => {
   const o = () => {
-    e.isMobile() ? e.setOpenMobile((t) => !t) : e.setOpen(!e.open());
+    e.isMobile() ? e.setOpenMobile((n) => !n) : e.setOpen(!e.open());
   };
-  return y(() => {
-    const t = (n) => {
-      n.key === E && (n.metaKey || n.ctrlKey) && (n.preventDefault(), o());
+  return O(() => {
+    const n = (i) => {
+      i.key === C && (i.metaKey || i.ctrlKey) && (i.preventDefault(), o());
     };
-    globalThis.addEventListener("keydown", t), D(() => {
-      globalThis.removeEventListener("keydown", t);
+    globalThis.addEventListener("keydown", n), h(() => {
+      globalThis.removeEventListener("keydown", n);
     });
   }), {
     toggle: o
@@ -45,37 +55,21 @@ const T = (e) => {
   toggleSidebar: o,
   side: e.side,
   setSide: e.setSide
-}), j = (e) => {
-  const [o, t] = M(e, ["defaultOpen", "open", "onOpenChange", "class", "style", "children"]), n = T(o), {
-    toggle: s
-  } = R(n), l = h(() => {
-    const i = {
-      "--sidebar-width": x,
-      "--sidebar-width-icon": v
-    };
-    return typeof o.style == "object" && o.style !== null ? {
-      ...i,
-      ...o.style
-    } : i;
-  });
-  return m(I.Provider, {
+}), $ = (e) => {
+  const o = E(e), {
+    toggle: n
+  } = S(o);
+  return M(D.Provider, {
     get value() {
-      return k(n, s);
+      return k(o, n);
     },
     get children() {
-      var i = S();
-      return u(i, g({
-        get style() {
-          return l();
-        },
-        get class() {
-          return w("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", o.class);
-        }
-      }, t), !1, !0), O(i, () => o.children), i;
+      return e.children;
     }
   });
 };
 export {
-  j as SidebarProvider
+  V as SidebarLayout,
+  $ as SidebarProvider
 };
 //# sourceMappingURL=SidebarProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.js","sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n  type JSX,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n};\n\nconst useSidebarState = (\n  props: SidebarProviderProps,\n): {\n  isMobile: () => boolean;\n  setMobileDisabled: (value: boolean) => void;\n  openMobile: () => boolean;\n  setOpenMobile: (value: boolean | ((prev: boolean) => boolean)) => void;\n  open: () => boolean;\n  setOpen: (value: boolean) => void;\n  side: () => 'left' | 'right';\n  setSide: (value: 'left' | 'right') => void;\n} => {\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n  const [mobileDisabled, setMobileDisabled] = createSignal(false);\n  const isMobile = (): boolean => isViewportMobile() && !mobileDisabled();\n  const [openMobile, setOpenMobile] = createSignal(false);\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? true);\n  const [side, setSide] = createSignal<'left' | 'right'>('left');\n\n  const open = (): boolean => (typeof props.open === 'boolean' ? props.open : internalOpen());\n\n  const setOpen = (value: boolean): void => {\n    if (props.onOpenChange) {\n      props.onOpenChange(value);\n    } else {\n      setInternalOpen(value);\n    }\n    setSidebarCookie(value);\n  };\n\n  return {\n    isMobile,\n    setMobileDisabled,\n    openMobile,\n    setOpenMobile,\n    open,\n    setOpen,\n    side,\n    setSide,\n  };\n};\nconst useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {\n  const toggle = (): void => {\n    if (stateSet.isMobile()) {\n      stateSet.setOpenMobile((prev) => !prev);\n    } else {\n      stateSet.setOpen(!stateSet.open());\n    }\n  };\n\n  onMount(() => {\n    const handleKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggle();\n      }\n    };\n    globalThis.addEventListener('keydown', handleKeyDown);\n    onCleanup(() => {\n      globalThis.removeEventListener('keydown', handleKeyDown);\n    });\n  });\n\n  return { toggle };\n};\n\nconst createSidebarContextValue = (\n  stateSet: ReturnType<typeof useSidebarState>,\n  toggle: () => void,\n): SidebarContextProps => ({\n  state: (): 'expanded' | 'collapsed' => (stateSet.open() ? 'expanded' : 'collapsed'),\n  open: stateSet.open,\n  setOpen: stateSet.setOpen,\n  isMobile: stateSet.isMobile,\n  setMobileDisabled: stateSet.setMobileDisabled,\n  openMobile: stateSet.openMobile,\n  setOpenMobile: stateSet.setOpenMobile,\n  toggleSidebar: toggle,\n  side: stateSet.side,\n  setSide: stateSet.setSide,\n});\n\nexport const SidebarProvider: Component<SidebarProviderProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'defaultOpen',\n    'open',\n    'onOpenChange',\n    'class',\n    'style',\n    'children',\n  ]);\n  const stateSet = useSidebarState(local);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  const style = createMemo((): JSX.CSSProperties => {\n    const base: JSX.CSSProperties = {\n      '--sidebar-width': SIDEBAR_WIDTH,\n      '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n    };\n    return typeof local.style === 'object' && local.style !== null\n      ? { ...base, ...local.style }\n      : base;\n  });\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      <div\n        data-slot='sidebar-wrapper'\n        style={style()}\n        class={cn(\n          'group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',\n          local.class,\n        )}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n"],"names":["useSidebarState","props","isViewportMobile","createMediaQuery","mobileDisabled","setMobileDisabled","createSignal","isMobile","openMobile","setOpenMobile","internalOpen","setInternalOpen","defaultOpen","side","setSide","open","setOpen","value","onOpenChange","setSidebarCookie","useSidebarEvents","stateSet","toggle","prev","onMount","handleKeyDown","event","key","SIDEBAR_KEYBOARD_SHORTCUT","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","onCleanup","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","local","others","splitProps","style","createMemo","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","_$createComponent","SidebarContext","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","_$insert"],"mappings":"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"}
+{"version":3,"file":"SidebarProvider.js","sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n  type JSX,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { SIDEBAR_KEYBOARD_SHORTCUT } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n  children?: JSX.Element;\n};\n\nexport type SidebarLayoutProps = ComponentProps<'div'>;\n\nexport const SidebarLayout: Component<SidebarLayoutProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-wrapper'\n      class={cn(\n        'relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nconst useSidebarState = (\n  props: SidebarProviderProps,\n): {\n  isMobile: () => boolean;\n  setMobileDisabled: (value: boolean) => void;\n  openMobile: () => boolean;\n  setOpenMobile: (value: boolean | ((prev: boolean) => boolean)) => void;\n  open: () => boolean;\n  setOpen: (value: boolean) => void;\n  side: () => 'left' | 'right';\n  setSide: (value: 'left' | 'right') => void;\n} => {\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n  const [mobileDisabled, setMobileDisabled] = createSignal(false);\n  const isMobile = (): boolean => isViewportMobile() && !mobileDisabled();\n  const [openMobile, setOpenMobile] = createSignal(false);\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? true);\n  const [side, setSide] = createSignal<'left' | 'right'>('left');\n\n  const open = (): boolean => (typeof props.open === 'boolean' ? props.open : internalOpen());\n\n  const setOpen = (value: boolean): void => {\n    if (props.onOpenChange) {\n      props.onOpenChange(value);\n    } else {\n      setInternalOpen(value);\n    }\n    setSidebarCookie(value);\n  };\n\n  return {\n    isMobile,\n    setMobileDisabled,\n    openMobile,\n    setOpenMobile,\n    open,\n    setOpen,\n    side,\n    setSide,\n  };\n};\nconst useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {\n  const toggle = (): void => {\n    if (stateSet.isMobile()) {\n      stateSet.setOpenMobile((prev) => !prev);\n    } else {\n      stateSet.setOpen(!stateSet.open());\n    }\n  };\n\n  onMount(() => {\n    const handleKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggle();\n      }\n    };\n    globalThis.addEventListener('keydown', handleKeyDown);\n    onCleanup(() => {\n      globalThis.removeEventListener('keydown', handleKeyDown);\n    });\n  });\n\n  return { toggle };\n};\n\nconst createSidebarContextValue = (\n  stateSet: ReturnType<typeof useSidebarState>,\n  toggle: () => void,\n): SidebarContextProps => ({\n  state: (): 'expanded' | 'collapsed' => (stateSet.open() ? 'expanded' : 'collapsed'),\n  open: stateSet.open,\n  setOpen: stateSet.setOpen,\n  isMobile: stateSet.isMobile,\n  setMobileDisabled: stateSet.setMobileDisabled,\n  openMobile: stateSet.openMobile,\n  setOpenMobile: stateSet.setOpenMobile,\n  toggleSidebar: toggle,\n  side: stateSet.side,\n  setSide: stateSet.setSide,\n});\n\nexport const SidebarProvider: Component<SidebarProviderProps> = (props) => {\n  const stateSet = useSidebarState(props);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      {props.children}\n    </SidebarContext.Provider>\n  );\n};\n"],"names":["SidebarLayout","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","useSidebarState","isViewportMobile","createMediaQuery","mobileDisabled","setMobileDisabled","createSignal","isMobile","openMobile","setOpenMobile","internalOpen","setInternalOpen","defaultOpen","side","setSide","open","setOpen","value","onOpenChange","setSidebarCookie","useSidebarEvents","stateSet","toggle","prev","onMount","handleKeyDown","event","key","SIDEBAR_KEYBOARD_SHORTCUT","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","onCleanup","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","_$createComponent","SidebarContext","Provider","children"],"mappings":";;;;;;;;AA0BO,MAAMA,IAAgDC,CAAAA,MAAU;AACrE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWC,EACL,8EACAP,EAAMQ,KACR;AAAA,MAAC;AAAA,IAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAE;AAAAA,EAAA,GAAA;AAGhB,GAEMM,IAAkBA,CACtBV,MAUG;AACH,QAAMW,IAAmBC,EAAiB,oBAAoB,GACxD,CAACC,GAAgBC,CAAiB,IAAIC,EAAa,EAAK,GACxDC,IAAWA,MAAeL,EAAAA,KAAsB,CAACE,EAAAA,GACjD,CAACI,GAAYC,CAAa,IAAIH,EAAa,EAAK,GAChD,CAACI,GAAcC,CAAe,IAAIL,EAAaf,EAAMqB,eAAe,EAAI,GACxE,CAACC,GAAMC,CAAO,IAAIR,EAA+B,MAAM;AAa7D,SAAO;AAAA,IACLC,UAAAA;AAAAA,IACAF,mBAAAA;AAAAA,IACAG,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAM,MAhBWA,MAAgB,OAAOxB,EAAMwB,QAAS,YAAYxB,EAAMwB,OAAOL,EAAAA;AAAAA,IAiB1EM,SAfcA,CAACC,MAAyB;AACxC,MAAI1B,EAAM2B,eACR3B,EAAM2B,aAAaD,CAAK,IAExBN,EAAgBM,CAAK,GAEvBE,EAAiBF,CAAK;AAAA,IACxB;AAAA,IASEJ,MAAAA;AAAAA,IACAC,SAAAA;AAAAA,EAAAA;AAEJ,GACMM,IAAmBA,CAACC,MAAyE;AACjG,QAAMC,IAASA,MAAY;AACzB,IAAID,EAASd,aACXc,EAASZ,cAAec,CAAAA,MAAS,CAACA,CAAI,IAEtCF,EAASL,QAAQ,CAACK,EAASN,KAAAA,CAAM;AAAA,EAErC;AAEAS,SAAAA,EAAQ,MAAM;AACZ,UAAMC,IAAgBA,CAACC,MAA+B;AACpD,MAAIA,EAAMC,QAAQC,MAA8BF,EAAMG,WAAWH,EAAMI,aACrEJ,EAAMK,eAAAA,GACNT,EAAAA;AAAAA,IAEJ;AACAU,eAAWC,iBAAiB,WAAWR,CAAa,GACpDS,EAAU,MAAM;AACdF,iBAAWG,oBAAoB,WAAWV,CAAa;AAAA,IACzD,CAAC;AAAA,EACH,CAAC,GAEM;AAAA,IAAEH,QAAAA;AAAAA,EAAAA;AACX,GAEMc,IAA4BA,CAChCf,GACAC,OACyB;AAAA,EACzBe,OAAOA,MAAiChB,EAASN,KAAAA,IAAS,aAAa;AAAA,EACvEA,MAAMM,EAASN;AAAAA,EACfC,SAASK,EAASL;AAAAA,EAClBT,UAAUc,EAASd;AAAAA,EACnBF,mBAAmBgB,EAAShB;AAAAA,EAC5BG,YAAYa,EAASb;AAAAA,EACrBC,eAAeY,EAASZ;AAAAA,EACxB6B,eAAehB;AAAAA,EACfT,MAAMQ,EAASR;AAAAA,EACfC,SAASO,EAASP;AACpB,IAEayB,IAAoDhD,CAAAA,MAAU;AACzE,QAAM8B,IAAWpB,EAAgBV,CAAK,GAChC;AAAA,IAAE+B,QAAAA;AAAAA,EAAAA,IAAWF,EAAiBC,CAAQ;AAE5C,SAAAmB,EACGC,EAAeC,UAAQ;AAAA,IAAA,IAACzB,QAAK;AAAA,aAAEmB,EAA0Bf,GAAUC,CAAM;AAAA,IAAC;AAAA,IAAA,IAAAqB,WAAA;AAAA,aACxEpD,EAAMoD;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGrB;"}

package/dist/components/sidebar/SidebarSubComponents.js

@@ -1,18 +1,18 @@
-import { createComponent as c, mergeProps as s, template as o, spread as n, memo as p, delegateEvents as g } from "solid-js/web";
+import { createComponent as d, mergeProps as s, template as i, spread as n, memo as p, delegateEvents as g } from "solid-js/web";
 import { cn as l } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
 import m from "../../_virtual/side-navigation.js";
 import { Button as v } from "../Button.js";
-import { ScrollArea as h } from "../ScrollArea.js";
-import { Separator as x } from "../Separator.js";
+import { ScrollArea as h, ScrollAreaViewport as x, ScrollAreaContent as S, ScrollAreaScrollbar as _, ScrollAreaThumb as $ } from "../ScrollArea.js";
+import { Separator as w } from "../Separator.js";
 import { useSidebar as u } from "./context.js";
-import { splitProps as i } from "solid-js";
+import { splitProps as o } from "solid-js";
 import { ui_sidebar_toggle as b } from "../../paraglide/messages/ui_sidebar_toggle.js";
-var _ = /* @__PURE__ */ o("<button data-sidebar=rail data-slot=sidebar-rail tabindex=-1>"), $ = /* @__PURE__ */ o("<main data-slot=sidebar-inset>"), S = /* @__PURE__ */ o("<input data-slot=sidebar-input data-sidebar=input>"), w = /* @__PURE__ */ o("<div data-slot=sidebar-header data-sidebar=header>"), k = /* @__PURE__ */ o("<div data-slot=sidebar-footer data-sidebar=footer>"), y = /* @__PURE__ */ o("<div data-slot=sidebar-group data-sidebar=group>"), C = /* @__PURE__ */ o("<div data-slot=sidebar-group-label data-sidebar=group-label>"), z = /* @__PURE__ */ o("<button data-slot=sidebar-group-action data-sidebar=group-action>"), G = /* @__PURE__ */ o("<div data-slot=sidebar-group-content data-sidebar=group-content>");
-const L = (r) => {
-  const [e, t] = i(r, ["class", "onClick"]), {
+var k = /* @__PURE__ */ i("<button data-sidebar=rail data-slot=sidebar-rail tabindex=-1>"), y = /* @__PURE__ */ i("<main data-slot=sidebar-inset>"), C = /* @__PURE__ */ i("<input data-slot=sidebar-input data-sidebar=input>"), z = /* @__PURE__ */ i("<div data-slot=sidebar-header data-sidebar=header>"), A = /* @__PURE__ */ i("<div data-slot=sidebar-footer data-sidebar=footer>"), G = /* @__PURE__ */ i("<div data-slot=sidebar-group data-sidebar=group>"), I = /* @__PURE__ */ i("<div data-slot=sidebar-group-label data-sidebar=group-label>"), P = /* @__PURE__ */ i("<button data-slot=sidebar-group-action data-sidebar=group-action>"), T = /* @__PURE__ */ i("<div data-slot=sidebar-group-content data-sidebar=group-content>");
+const D = (r) => {
+  const [e, t] = o(r, ["class", "onClick"]), {
     toggleSidebar: a
   } = u();
-  return c(v, s({
+  return d(v, s({
     "data-sidebar": "trigger",
     "data-slot": "sidebar-trigger",
     get "aria-label"() {
@@ -28,127 +28,142 @@ const L = (r) => {
     }
   }, t, {
     get children() {
-      return c(m, {
+      return d(m, {
         "aria-hidden": "true"
       });
     }
   }));
-}, R = (r) => {
-  const [e, t] = i(r, ["class"]), {
+}, J = (r) => {
+  const [e, t] = o(r, ["class"]), {
     toggleSidebar: a
   } = u();
   return (() => {
-    var d = _();
-    return d.$$click = () => {
+    var c = k();
+    return c.$$click = () => {
       a();
-    }, n(d, s({
+    }, n(c, s({
       get "aria-label"() {
         return b();
       },
       get class() {
         return l("inset-y-0 w-4 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:inset-y-0 after:w-0.5 sm:flex absolute z-20 hidden -translate-x-1/2 transition-all ease-linear after:absolute after:left-1/2 hover:after:bg-sidebar-border", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[data-side=left][data-state=collapsed]_&]:cursor-e-resize [data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[data-side=right][data-collapsible=offcanvas]_&]:-left-2", e.class);
       }
-    }, t), !1, !1), d;
+    }, t), !1, !1), c;
   })();
-}, T = (r) => {
-  const [e, t] = i(r, ["class"]);
+}, K = (r) => {
+  const [e, t] = o(r, ["class"]);
   return (() => {
-    var a = $();
+    var a = y();
     return n(a, s({
       get class() {
         return l("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 relative flex w-full flex-1 flex-col bg-background", e.class);
       }
     }, t), !1, !1), a;
   })();
-}, V = (r) => {
-  const [e, t] = i(r, ["class"]);
+}, M = (r) => {
+  const [e, t] = o(r, ["class"]);
   return (() => {
-    var a = S();
+    var a = C();
     return n(a, s({
       get class() {
         return l("min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-readonly:cursor-default", "h-8 px-2.5 py-1 rounded-lg border border-input focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:bg-input/50 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/20 data-readonly:focus-visible:border-input data-readonly:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-invalid:border-destructive/50 dark:data-invalid:ring-destructive/40", "h-8 w-full bg-background shadow-none", e.class);
       }
     }, t), !1, !1), a;
   })();
-}, D = (r) => {
-  const [e, t] = i(r, ["class"]);
+}, N = (r) => {
+  const [e, t] = o(r, ["class"]);
   return (() => {
-    var a = w();
+    var a = z();
     return n(a, s({
       get class() {
         return l("gap-2 p-2 flex flex-col", e.class);
       }
     }, t), !1, !1), a;
   })();
-}, J = (r) => {
-  const [e, t] = i(r, ["class"]);
+}, O = (r) => {
+  const [e, t] = o(r, ["class"]);
   return (() => {
-    var a = k();
+    var a = A();
     return n(a, s({
       get class() {
         return l("gap-2 p-2 flex flex-col", e.class);
       }
     }, t), !1, !1), a;
   })();
-}, K = (r) => {
-  const [e, t] = i(r, ["class"]);
-  return c(x, s({
+}, Q = (r) => {
+  const [e, t] = o(r, ["class"]);
+  return d(w, s({
     "data-slot": "sidebar-separator",
     "data-sidebar": "separator",
     get class() {
       return l("mx-2 w-auto bg-sidebar-border", e.class);
     }
   }, t));
-}, M = (r) => {
-  const [e, t] = i(r, ["class", "children", "id"]);
-  return c(h, s({
+}, U = (r) => {
+  const [e, t] = o(r, ["class", "children", "id"]);
+  return d(h, s({
     "data-slot": "sidebar-content",
     "data-sidebar": "content",
     get id() {
       return p(() => typeof e.id == "string")() ? e.id : "sidebar-content";
     },
     get class() {
-      return l("gap-0 min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden", e.class);
+      return l("min-h-0 flex flex-1 flex-col", e.class);
     }
   }, t, {
     get children() {
-      return e.children;
+      return [d(x, {
+        class: "h-full",
+        get children() {
+          return d(S, {
+            class: "gap-0 flex min-h-full flex-col group-data-[collapsible=icon]:overflow-hidden",
+            get children() {
+              return e.children;
+            }
+          });
+        }
+      }), d(_, {
+        orientation: "vertical",
+        get children() {
+          return d($, {});
+        }
+      })];
     }
   }));
-}, N = (r) => {
-  const [e, t] = i(r, ["class"]);
+}, W = (r) => {
+  const [e, t] = o(r, ["class"]);
   return (() => {
-    var a = y();
+    var a = G();
     return n(a, s({
       get class() {
         return l("p-2 min-w-0 relative flex w-full flex-col", e.class);
       }
     }, t), !1, !1), a;
   })();
-}, O = (r) => {
-  const [e, t] = i(r, ["class"]);
+}, X = (r) => {
+  const [e, t] = o(r, ["class"]);
   return (() => {
-    var a = C();
+    var a = I();
     return n(a, s({
       get class() {
-        return l("h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md font-heading text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0", e.class);
+        return l("h-8 px-2 text-xs group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0", e.class);
       }
     }, t), !1, !1), a;
   })();
-}, Q = (r) => {
-  const [e, t] = i(r, ["class"]);
+}, Y = (r) => {
+  const [e, t] = o(r, ["class"]);
   return (() => {
-    var a = z();
+    var a = P();
     return n(a, s({
       get class() {
         return l("top-3.5 right-3 w-5 p-0 [&>svg]:size-4 after:-inset-2 md:after:hidden absolute flex aspect-square items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0", e.class);
       }
     }, t), !1, !1), a;
   })();
-}, U = (r) => {
-  const [e, t] = i(r, ["class"]);
+}, Z = (r) => {
+  const [e, t] = o(r, ["class"]);
   return (() => {
-    var a = G();
+    var a = T();
     return n(a, s({
       get class() {
         return l("text-sm w-full", e.class);
@@ -158,17 +173,17 @@ const L = (r) => {
 };
 g(["click"]);
 export {
-  M as SidebarContent,
-  J as SidebarFooter,
-  N as SidebarGroup,
-  Q as SidebarGroupAction,
-  U as SidebarGroupContent,
-  O as SidebarGroupLabel,
-  D as SidebarHeader,
-  V as SidebarInput,
-  T as SidebarInset,
-  R as SidebarRail,
-  K as SidebarSeparator,
-  L as SidebarTrigger
+  U as SidebarContent,
+  O as SidebarFooter,
+  W as SidebarGroup,
+  Y as SidebarGroupAction,
+  Z as SidebarGroupContent,
+  X as SidebarGroupLabel,
+  N as SidebarHeader,
+  M as SidebarInput,
+  K as SidebarInset,
+  J as SidebarRail,
+  Q as SidebarSeparator,
+  D as SidebarTrigger
 };
 //# sourceMappingURL=SidebarSubComponents.js.map