@manafishrov/ui 1.1.0 → 1.2.1

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubComponents.js","sources":["../../../src/components/sidebar/SidebarSubComponents.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\nimport ViewSidebarIcon from '~icons/material-symbols/side-navigation';\n\nimport { Button } from '@/components/Button';\nimport { ScrollArea } from '@/components/ScrollArea';\nimport { Separator } from '@/components/Separator';\nimport * as messages from '@/paraglide/messages';\n\nimport { useSidebar } from './context';\n\nexport const SidebarTrigger: Component<ComponentProps<typeof Button>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'onClick']);\n  const { toggleSidebar } = useSidebar();\n\n  const handleClick = (\n    event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element },\n  ): void => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(event);\n    }\n    toggleSidebar();\n  };\n\n  return (\n    <Button\n      data-sidebar='trigger'\n      data-slot='sidebar-trigger'\n      aria-label={messages.ui_sidebar_toggle()}\n      variant='ghost'\n      size='icon-sm'\n      class={cn(local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <ViewSidebarIcon aria-hidden='true' />\n    </Button>\n  );\n};\n\nexport const SidebarRail: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar='rail'\n      data-slot='sidebar-rail'\n      aria-label={messages.ui_sidebar_toggle()}\n      tabIndex={-1}\n      onClick={() => {\n        toggleSidebar();\n      }}\n      class={cn(\n        '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',\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        '[data-side=left][data-state=collapsed]_&]:cursor-e-resize [data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        '[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInset: Component<ComponentProps<'main'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <main\n      data-slot='sidebar-inset'\n      class={cn(\n        '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',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInput: Component<ComponentProps<'input'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <input\n      data-slot='sidebar-input'\n      data-sidebar='input'\n      class={cn(\n        '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',\n        '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',\n        'h-8 w-full bg-background shadow-none',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-header'\n      data-sidebar='header'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-footer'\n      data-sidebar='footer'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarSeparator: Component<ComponentProps<typeof Separator>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <Separator\n      data-slot='sidebar-separator'\n      data-sidebar='separator'\n      class={cn('mx-2 w-auto bg-sidebar-border', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'id']);\n  return (\n    <ScrollArea\n      data-slot='sidebar-content'\n      data-sidebar='content'\n      id={typeof local.id === 'string' ? local.id : 'sidebar-content'}\n      class={cn(\n        'gap-0 min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ScrollArea>\n  );\n};\n\nexport const SidebarGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group'\n      data-sidebar='group'\n      class={cn('p-2 min-w-0 relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupLabel: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-label'\n      data-sidebar='group-label'\n      class={cn(\n        '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',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupAction: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <button\n      data-slot='sidebar-group-action'\n      data-sidebar='group-action'\n      class={cn(\n        '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',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-content'\n      data-sidebar='group-content'\n      class={cn('text-sm w-full', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SidebarTrigger","props","local","others","splitProps","toggleSidebar","useSidebar","_$createComponent","Button","_$mergeProps","messages","ui_sidebar_toggle","variant","size","cn","class","onClick","handleClick","event","children","ViewSidebarIcon","SidebarRail","_el$","_tmpl$","$$click","_$spread","SidebarInset","_el$2","_tmpl$2","SidebarInput","_el$3","_tmpl$3","SidebarHeader","_el$4","_tmpl$4","SidebarFooter","_el$5","_tmpl$5","SidebarSeparator","Separator","SidebarContent","ScrollArea","id","_$memo","SidebarGroup","_el$6","_tmpl$6","SidebarGroupLabel","_el$7","_tmpl$7","SidebarGroupAction","_el$8","_tmpl$8","SidebarGroupContent","_el$9","_tmpl$9","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"SidebarSubComponents.js","sources":["../../../src/components/sidebar/SidebarSubComponents.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\nimport ViewSidebarIcon from '~icons/material-symbols/side-navigation';\n\nimport { Button } from '@/components/Button';\nimport {\n  ScrollArea,\n  ScrollAreaContent,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaViewport,\n} from '@/components/ScrollArea';\nimport { Separator } from '@/components/Separator';\nimport * as messages from '@/paraglide/messages';\n\nimport { useSidebar } from './context';\n\nexport const SidebarTrigger: Component<ComponentProps<typeof Button>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'onClick']);\n  const { toggleSidebar } = useSidebar();\n\n  const handleClick = (\n    event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element },\n  ): void => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(event);\n    }\n    toggleSidebar();\n  };\n\n  return (\n    <Button\n      data-sidebar='trigger'\n      data-slot='sidebar-trigger'\n      aria-label={messages.ui_sidebar_toggle()}\n      variant='ghost'\n      size='icon-sm'\n      class={cn(local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <ViewSidebarIcon aria-hidden='true' />\n    </Button>\n  );\n};\n\nexport const SidebarRail: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar='rail'\n      data-slot='sidebar-rail'\n      aria-label={messages.ui_sidebar_toggle()}\n      tabIndex={-1}\n      onClick={() => {\n        toggleSidebar();\n      }}\n      class={cn(\n        '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',\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        '[data-side=left][data-state=collapsed]_&]:cursor-e-resize [data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        '[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInset: Component<ComponentProps<'main'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <main\n      data-slot='sidebar-inset'\n      class={cn(\n        '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',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInput: Component<ComponentProps<'input'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <input\n      data-slot='sidebar-input'\n      data-sidebar='input'\n      class={cn(\n        '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',\n        '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',\n        'h-8 w-full bg-background shadow-none',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-header'\n      data-sidebar='header'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-footer'\n      data-sidebar='footer'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarSeparator: Component<ComponentProps<typeof Separator>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <Separator\n      data-slot='sidebar-separator'\n      data-sidebar='separator'\n      class={cn('mx-2 w-auto bg-sidebar-border', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'id']);\n  return (\n    <ScrollArea\n      data-slot='sidebar-content'\n      data-sidebar='content'\n      id={typeof local.id === 'string' ? local.id : 'sidebar-content'}\n      class={cn('min-h-0 flex flex-1 flex-col', local.class)}\n      {...others}\n    >\n      <ScrollAreaViewport class='h-full'>\n        <ScrollAreaContent class='gap-0 flex min-h-full flex-col group-data-[collapsible=icon]:overflow-hidden'>\n          {local.children}\n        </ScrollAreaContent>\n      </ScrollAreaViewport>\n      <ScrollAreaScrollbar orientation='vertical'>\n        <ScrollAreaThumb />\n      </ScrollAreaScrollbar>\n    </ScrollArea>\n  );\n};\n\nexport const SidebarGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group'\n      data-sidebar='group'\n      class={cn('p-2 min-w-0 relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupLabel: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-label'\n      data-sidebar='group-label'\n      class={cn(\n        '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',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupAction: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <button\n      data-slot='sidebar-group-action'\n      data-sidebar='group-action'\n      class={cn(\n        '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',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-content'\n      data-sidebar='group-content'\n      class={cn('text-sm w-full', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SidebarTrigger","props","local","others","splitProps","toggleSidebar","useSidebar","_$createComponent","Button","_$mergeProps","messages","ui_sidebar_toggle","variant","size","cn","class","onClick","handleClick","event","children","ViewSidebarIcon","SidebarRail","_el$","_tmpl$","$$click","_$spread","SidebarInset","_el$2","_tmpl$2","SidebarInput","_el$3","_tmpl$3","SidebarHeader","_el$4","_tmpl$4","SidebarFooter","_el$5","_tmpl$5","SidebarSeparator","Separator","SidebarContent","ScrollArea","id","_$memo","ScrollAreaViewport","ScrollAreaContent","ScrollAreaScrollbar","orientation","ScrollAreaThumb","SidebarGroup","_el$6","_tmpl$6","SidebarGroupLabel","_el$7","_tmpl$7","SidebarGroupAction","_el$8","_tmpl$8","SidebarGroupContent","_el$9","_tmpl$9","_$delegateEvents"],"mappings":"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"}

package/dist/components/sidebar/index.js

@@ -1,9 +1,9 @@
 import { SidebarContext as S, useSidebar as a } from "./context.js";
 import { DAYS_IN_WEEK as b, HOURS_IN_DAY as d, MINUTES_IN_HOUR as o, MS_PER_SECOND as t, RANDOM_WIDTH_BASE as _, RANDOM_WIDTH_RANGE as I, SECONDS_IN_MINUTE as n, SIDEBAR_COOKIE_MAX_AGE as u, SIDEBAR_COOKIE_NAME as E, SIDEBAR_KEYBOARD_SHORTCUT as A, SIDEBAR_WIDTH as D, SIDEBAR_WIDTH_ICON as M, SIDEBAR_WIDTH_MOBILE as R } from "./constants.js";
-import { SidebarProvider as B } from "./SidebarProvider.js";
-import { Sidebar as p } from "./Sidebar.js";
-import { SidebarContent as C, SidebarFooter as H, SidebarGroup as m, SidebarGroupAction as x, SidebarGroupContent as f, SidebarGroupLabel as G, SidebarHeader as W, SidebarInput as U, SidebarInset as s, SidebarRail as K, SidebarSeparator as g, SidebarTrigger as l } from "./SidebarSubComponents.js";
-import { SidebarMenu as c, SidebarMenuAction as L, SidebarMenuBadge as P, SidebarMenuButton as k, SidebarMenuItem as v, SidebarMenuSkeleton as F, SidebarMenuSub as V, SidebarMenuSubButton as X, SidebarMenuSubItem as h, sidebarMenuButtonVariants as j } from "./SidebarMenu.js";
+import { SidebarLayout as B, SidebarProvider as N } from "./SidebarProvider.js";
+import { Sidebar as T } from "./Sidebar.js";
+import { SidebarContent as H, SidebarFooter as m, SidebarGroup as x, SidebarGroupAction as f, SidebarGroupContent as G, SidebarGroupLabel as W, SidebarHeader as U, SidebarInput as s, SidebarInset as K, SidebarRail as g, SidebarSeparator as l, SidebarTrigger as L } from "./SidebarSubComponents.js";
+import { SidebarMenu as c, SidebarMenuAction as P, SidebarMenuBadge as k, SidebarMenuButton as v, SidebarMenuItem as y, SidebarMenuSkeleton as F, SidebarMenuSub as V, SidebarMenuSubButton as X, SidebarMenuSubItem as h, sidebarMenuButtonVariants as j } from "./SidebarMenu.js";
 export {
   b as DAYS_IN_WEEK,
   d as HOURS_IN_DAY,
@@ -18,30 +18,31 @@ export {
   D as SIDEBAR_WIDTH,
   M as SIDEBAR_WIDTH_ICON,
   R as SIDEBAR_WIDTH_MOBILE,
-  p as Sidebar,
-  C as SidebarContent,
+  T as Sidebar,
+  H as SidebarContent,
   S as SidebarContext,
-  H as SidebarFooter,
-  m as SidebarGroup,
-  x as SidebarGroupAction,
-  f as SidebarGroupContent,
-  G as SidebarGroupLabel,
-  W as SidebarHeader,
-  U as SidebarInput,
-  s as SidebarInset,
+  m as SidebarFooter,
+  x as SidebarGroup,
+  f as SidebarGroupAction,
+  G as SidebarGroupContent,
+  W as SidebarGroupLabel,
+  U as SidebarHeader,
+  s as SidebarInput,
+  K as SidebarInset,
+  B as SidebarLayout,
   c as SidebarMenu,
-  L as SidebarMenuAction,
-  P as SidebarMenuBadge,
-  k as SidebarMenuButton,
-  v as SidebarMenuItem,
+  P as SidebarMenuAction,
+  k as SidebarMenuBadge,
+  v as SidebarMenuButton,
+  y as SidebarMenuItem,
   F as SidebarMenuSkeleton,
   V as SidebarMenuSub,
   X as SidebarMenuSubButton,
   h as SidebarMenuSubItem,
-  B as SidebarProvider,
-  K as SidebarRail,
-  g as SidebarSeparator,
-  l as SidebarTrigger,
+  N as SidebarProvider,
+  g as SidebarRail,
+  l as SidebarSeparator,
+  L as SidebarTrigger,
   j as sidebarMenuButtonVariants,
   a as useSidebar
 };