laif-ds 0.2.90 → 0.2.91

package/dist/components/ui/sheet.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Root as i, Content as l, Close as c, Description as f, Title as m, Trigger as u, Portal as h, Overlay as p } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { Root as i, Content as l, Close as c, Description as u, Title as f, Trigger as m, Portal as h, Overlay as p } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { designTokens as n } from "../design-tokens.js";
-import { cn as a } from "../../lib/utils.js";
+import { cn as o } from "../../lib/utils.js";
 import b from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function T({ ...t }) {
-  return /* @__PURE__ */ o(i, { "data-slot": "sheet", ...t });
+function z({ ...t }) {
+  return /* @__PURE__ */ a(i, { "data-slot": "sheet", ...t });
 }
-function k({
+function T({
   ...t
 }) {
-  return /* @__PURE__ */ o(u, { "data-slot": "sheet-trigger", ...t });
+  return /* @__PURE__ */ a(m, { "data-slot": "sheet-trigger", ...t });
 }
 function g({
   ...t
 }) {
-  return /* @__PURE__ */ o(h, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ a(h, { "data-slot": "sheet-portal", ...t });
 }
 function x({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     p,
     {
       "data-slot": "sheet-overlay",
-      className: a(
+      className: o(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         t
       ),
@@ -33,40 +33,43 @@ function x({
     }
   );
 }
-function C({
+function k({
   className: t,
   children: e,
-  side: r = "right",
+  side: s = "right",
   ...d
 }) {
-  return /* @__PURE__ */ s(g, { children: [
-    /* @__PURE__ */ o(x, {}),
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ a(x, {}),
+    /* @__PURE__ */ r(
       l,
       {
         "data-slot": "sheet-content",
-        className: a(
+        className: o(
           "bg-d-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          r === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right border-d-border inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          r === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left border-d-border inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          r === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top border-d-border inset-x-0 top-0 h-auto border-b",
-          r === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom border-d-border inset-x-0 bottom-0 h-auto border-t",
+          s === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right border-d-border inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          s === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left border-d-border inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          s === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top border-d-border inset-x-0 top-0 h-auto border-b",
+          s === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom border-d-border inset-x-0 bottom-0 h-auto border-t",
+          // Covers the viewport, so there is no edge to slide in from: it fades
+          // and scales up instead, the usual full-screen mobile menu motion.
+          s === "full" && "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 inset-0 h-svh w-screen max-w-none data-[state=closed]:duration-200 data-[state=open]:duration-300",
           t
         ),
         ...d,
         children: [
           e,
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             c,
             {
-              className: a(
+              className: o(
                 "ring-offset-d-background data-[state=open]:bg-d-secondary absolute top-4 right-4 opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
                 n.focusRing,
                 n.radius.sm
               ),
               children: [
-                /* @__PURE__ */ o(b, { className: "size-4" }),
-                /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ a(b, { className: "size-4" }),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -75,22 +78,22 @@ function C({
     )
   ] });
 }
-function z({ className: t, ...e }) {
-  return /* @__PURE__ */ o(
+function C({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sheet-header",
-      className: a("flex flex-col gap-1.5 p-4", t),
+      className: o("flex flex-col gap-1.5 p-4", t),
       ...e
     }
   );
 }
 function j({ className: t, ...e }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sheet-footer",
-      className: a("mt-auto flex flex-col gap-2 p-4", t),
+      className: o("mt-auto flex flex-col gap-2 p-4", t),
       ...e
     }
   );
@@ -99,11 +102,11 @@ function D({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ o(
-    m,
+  return /* @__PURE__ */ a(
+    f,
     {
       "data-slot": "sheet-title",
-      className: a("text-d-foreground font-semibold", t),
+      className: o("text-d-foreground font-semibold", t),
       ...e
     }
   );
@@ -112,21 +115,21 @@ function O({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ o(
-    f,
+  return /* @__PURE__ */ a(
+    u,
     {
       "data-slot": "sheet-description",
-      className: a("text-d-secondary-foreground text-sm", t),
+      className: o("text-d-secondary-foreground text-sm", t),
       ...e
     }
   );
 }
 export {
-  T as Sheet,
-  C as SheetContent,
+  z as Sheet,
+  k as SheetContent,
   O as SheetDescription,
   j as SheetFooter,
-  z as SheetHeader,
+  C as SheetHeader,
   D as SheetTitle,
-  k as SheetTrigger
+  T as SheetTrigger
 };

package/dist/components/ui/sidebar.js

@@ -3,23 +3,23 @@ import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import { Root as v } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { cva as k } from "../../node_modules/class-variance-authority/dist/index.js";
 import * as d from "react";
-import { Button as I } from "./button.js";
-import { Input as z } from "./input.js";
-import { Separator as B } from "./separator.js";
-import { Sheet as E, SheetContent as T, SheetHeader as D, SheetTitle as A, SheetDescription as O } from "./sheet.js";
+import { Button as z } from "./button.js";
+import { Input as I } from "./input.js";
+import { Separator as T } from "./separator.js";
+import { Sheet as B, SheetContent as E, SheetHeader as A, SheetTitle as D, SheetDescription as O } from "./sheet.js";
 import { Skeleton as R } from "./skeleton.js";
-import { Tooltip as G, TooltipTrigger as H, TooltipContent as K, TooltipProvider as L } from "./tooltip.js";
-import { useIsMobile as j } from "../../hooks/use-mobile.js";
+import { Tooltip as G, TooltipTrigger as j, TooltipContent as H, TooltipProvider as K } from "./tooltip.js";
+import { useIsMobile as L } from "../../hooks/use-mobile.js";
 import { cn as i } from "../../lib/utils.js";
 import P from "../../node_modules/lucide-react/dist/esm/icons/panel-left.js";
-const $ = "sidebar_state", V = 3600 * 24 * 7, W = "16rem", q = "18rem", F = "3rem", U = "b", M = d.createContext(null);
-function N() {
+const $ = "sidebar_state", V = 3600 * 24 * 7, q = "16rem", F = "3rem", W = "b", M = d.createContext(null);
+function y() {
   const a = d.useContext(M);
   if (!a)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return a;
 }
-const X = d.forwardRef(
+const U = d.forwardRef(
   ({
     defaultOpen: a = !0,
     open: e,
@@ -29,7 +29,7 @@ const X = d.forwardRef(
     children: s,
     ...f
   }, g) => {
-    const c = j(), [p, u] = d.useState(!1), [x, _] = d.useState(a), h = e ?? x, w = d.useCallback(
+    const c = L(), [p, u] = d.useState(!1), [x, _] = d.useState(a), h = e ?? x, w = d.useCallback(
       (l) => {
         const b = typeof l == "function" ? l(h) : l;
         t ? t(b) : _(b), document.cookie = `${$}=${b}; path=/; max-age=${V}`;
@@ -38,13 +38,13 @@ const X = d.forwardRef(
     ), S = d.useCallback(() => c ? u((l) => !l) : w((l) => !l), [c, w, u]);
     d.useEffect(() => {
       const l = (b) => {
-        b.key === U && (b.metaKey || b.ctrlKey) && (b.preventDefault(), S());
+        b.key === W && (b.metaKey || b.ctrlKey) && (b.preventDefault(), S());
       };
       return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
     }, [S]);
-    const y = h ? "expanded" : "collapsed", C = d.useMemo(
+    const N = h ? "expanded" : "collapsed", C = d.useMemo(
       () => ({
-        state: y,
+        state: N,
         open: h,
         setOpen: w,
         isMobile: c,
@@ -53,7 +53,7 @@ const X = d.forwardRef(
         toggleSidebar: S
       }),
       [
-        y,
+        N,
         h,
         w,
         c,
@@ -62,11 +62,11 @@ const X = d.forwardRef(
         S
       ]
     );
-    return /* @__PURE__ */ r(M.Provider, { value: C, children: /* @__PURE__ */ r(L, { delayDuration: 0, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(M.Provider, { value: C, children: /* @__PURE__ */ r(K, { delayDuration: 0, children: /* @__PURE__ */ r(
       "div",
       {
         style: {
-          "--sidebar-width": W,
+          "--sidebar-width": q,
           "--sidebar-width-icon": F,
           ...n
         },
@@ -81,8 +81,8 @@ const X = d.forwardRef(
     ) }) });
   }
 );
-X.displayName = "SidebarProvider";
-const Y = d.forwardRef(
+U.displayName = "SidebarProvider";
+const X = d.forwardRef(
   ({
     side: a = "left",
     variant: e = "sidebar",
@@ -91,7 +91,7 @@ const Y = d.forwardRef(
     children: n,
     ...s
   }, f) => {
-    const { isMobile: g, state: c, openMobile: p, setOpenMobile: u } = N();
+    const { isMobile: g, state: c, openMobile: p, setOpenMobile: u } = y();
     return t === "none" ? /* @__PURE__ */ r(
       "div",
       {
@@ -103,19 +103,16 @@ const Y = d.forwardRef(
         ...s,
         children: n
       }
-    ) : g ? /* @__PURE__ */ r(E, { open: p, onOpenChange: u, ...s, children: /* @__PURE__ */ m(
-      T,
+    ) : g ? /* @__PURE__ */ r(B, { open: p, onOpenChange: u, ...s, children: /* @__PURE__ */ m(
+      E,
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
-        className: "bg-d-sidebar text-d-sidebar-foreground w-[var(--sidebar-width)] p-0 [&>button]:hidden",
-        style: {
-          "--sidebar-width": q
-        },
-        side: a,
+        className: "bg-d-sidebar text-d-sidebar-foreground p-0 [&_[data-sidebar=header]]:pr-12 [&>button]:top-2 [&>button]:right-2 [&>button]:flex [&>button]:size-11 [&>button]:items-center [&>button]:justify-center [&>button]:opacity-100",
+        side: "full",
         children: [
-          /* @__PURE__ */ m(D, { className: "sr-only", children: [
-            /* @__PURE__ */ r(A, { children: "Sidebar" }),
+          /* @__PURE__ */ m(A, { className: "sr-only", children: [
+            /* @__PURE__ */ r(D, { children: "Sidebar" }),
             /* @__PURE__ */ r(O, { children: "Displays the mobile sidebar." })
           ] }),
           /* @__PURE__ */ r("div", { className: "flex h-full w-full flex-col", children: n })
@@ -138,7 +135,7 @@ const Y = d.forwardRef(
                 "relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear",
                 "group-data-[collapsible=offcanvas]:w-0",
                 "group-data-[side=right]:rotate-180",
-                e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+                e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
               )
             }
           ),
@@ -149,7 +146,7 @@ const Y = d.forwardRef(
                 "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex",
                 a === "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)]",
                 // Adjust the padding for floating and inset variants.
-                e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l",
                 o
               ),
               ...s,
@@ -168,11 +165,11 @@ const Y = d.forwardRef(
     );
   }
 );
-Y.displayName = "Sidebar";
-const J = d.forwardRef(({ className: a, onClick: e, ...t }, o) => {
-  const { toggleSidebar: n } = N();
+X.displayName = "Sidebar";
+const Y = d.forwardRef(({ className: a, onClick: e, ...t }, o) => {
+  const { toggleSidebar: n } = y();
   return /* @__PURE__ */ m(
-    I,
+    z,
     {
       ref: o,
       "data-sidebar": "trigger",
@@ -190,9 +187,9 @@ const J = d.forwardRef(({ className: a, onClick: e, ...t }, o) => {
     }
   );
 });
-J.displayName = "SidebarTrigger";
-const Q = d.forwardRef(({ className: a, ...e }, t) => {
-  const { toggleSidebar: o } = N();
+Y.displayName = "SidebarTrigger";
+const J = d.forwardRef(({ className: a, ...e }, t) => {
+  const { toggleSidebar: o } = y();
   return /* @__PURE__ */ r(
     "button",
     {
@@ -215,8 +212,8 @@ const Q = d.forwardRef(({ className: a, ...e }, t) => {
     }
   );
 });
-Q.displayName = "SidebarRail";
-const Z = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+J.displayName = "SidebarRail";
+const Q = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "main",
   {
     ref: t,
@@ -228,9 +225,9 @@ const Z = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-Z.displayName = "SidebarInset";
-const ee = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  z,
+Q.displayName = "SidebarInset";
+const Z = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  I,
   {
     ref: t,
     "data-sidebar": "input",
@@ -241,8 +238,8 @@ const ee = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ee.displayName = "SidebarInput";
-const ae = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+Z.displayName = "SidebarInput";
+const ee = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
@@ -251,8 +248,8 @@ const ae = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ae.displayName = "SidebarHeader";
-const te = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+ee.displayName = "SidebarHeader";
+const ae = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
@@ -261,9 +258,9 @@ const te = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-te.displayName = "SidebarFooter";
-const re = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  B,
+ae.displayName = "SidebarFooter";
+const te = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  T,
   {
     ref: t,
     "data-sidebar": "separator",
@@ -271,21 +268,21 @@ const re = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-re.displayName = "SidebarSeparator";
-const de = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+te.displayName = "SidebarSeparator";
+const re = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
     "data-sidebar": "content",
     className: i(
-      "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+      "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-x-hidden group-data-[collapsible=icon]:overflow-y-auto",
       a
     ),
     ...e
   }
 ));
-de.displayName = "SidebarContent";
-const ie = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+re.displayName = "SidebarContent";
+const de = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
@@ -294,8 +291,8 @@ const ie = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ie.displayName = "SidebarGroup";
-const oe = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
+de.displayName = "SidebarGroup";
+const ie = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
   e ? v : "div",
   {
     ref: o,
@@ -308,8 +305,8 @@ const oe = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
     ...t
   }
 ));
-oe.displayName = "SidebarGroupLabel";
-const ne = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
+ie.displayName = "SidebarGroupLabel";
+const oe = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
   e ? v : "button",
   {
     ref: o,
@@ -324,8 +321,8 @@ const ne = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
     ...t
   }
 ));
-ne.displayName = "SidebarGroupAction";
-const se = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+oe.displayName = "SidebarGroupAction";
+const ne = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
@@ -334,8 +331,8 @@ const se = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-se.displayName = "SidebarGroupContent";
-const le = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+ne.displayName = "SidebarGroupContent";
+const se = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "ul",
   {
     ref: t,
@@ -344,8 +341,8 @@ const le = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-le.displayName = "SidebarMenu";
-const ce = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+se.displayName = "SidebarMenu";
+const le = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "li",
   {
     ref: t,
@@ -354,8 +351,8 @@ const ce = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ce.displayName = "SidebarMenuItem";
-const ue = k(
+le.displayName = "SidebarMenuItem";
+const ce = k(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-d-sidebar-ring transition-[width,height,padding] hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground focus-visible:ring-2 active:bg-d-sidebar-accent active:text-d-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-d-sidebar-accent data-[active=true]:font-bold data-[active=true]:text-d-sidebar-accent-foreground data-[state=open]:hover:bg-d-sidebar-accent data-[state=open]:hover:text-d-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -374,7 +371,7 @@ const ue = k(
       size: "default"
     }
   }
-), be = d.forwardRef(
+), ue = d.forwardRef(
   ({
     asChild: a = !1,
     isActive: e = !1,
@@ -384,23 +381,23 @@ const ue = k(
     className: s,
     ...f
   }, g) => {
-    const c = a ? v : "button", { isMobile: p, state: u } = N(), x = /* @__PURE__ */ r(
+    const c = a ? v : "button", { isMobile: p, state: u } = y(), x = /* @__PURE__ */ r(
       c,
       {
         ref: g,
         "data-sidebar": "menu-button",
         "data-size": o,
         "data-active": e,
-        className: i(ue({ variant: t, size: o }), s),
+        className: i(ce({ variant: t, size: o }), s),
         ...f
       }
     );
     return n ? (typeof n == "string" && (n = {
       children: n
     }), /* @__PURE__ */ m(G, { children: [
-      /* @__PURE__ */ r(H, { asChild: !0, children: x }),
+      /* @__PURE__ */ r(j, { asChild: !0, children: x }),
       /* @__PURE__ */ r(
-        K,
+        H,
         {
           side: "right",
           align: "center",
@@ -411,8 +408,8 @@ const ue = k(
     ] })) : x;
   }
 );
-be.displayName = "SidebarMenuButton";
-const fe = d.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ r(
+ue.displayName = "SidebarMenuButton";
+const be = d.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ r(
   e ? v : "button",
   {
     ref: n,
@@ -431,8 +428,8 @@ const fe = d.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, .
     ...o
   }
 ));
-fe.displayName = "SidebarMenuAction";
-const pe = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+be.displayName = "SidebarMenuAction";
+const fe = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
@@ -449,8 +446,8 @@ const pe = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-pe.displayName = "SidebarMenuBadge";
-const me = d.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
+fe.displayName = "SidebarMenuBadge";
+const pe = d.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
   const n = d.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ m(
     "div",
@@ -481,8 +478,8 @@ const me = d.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
     }
   );
 });
-me.displayName = "SidebarMenuSkeleton";
-const ge = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+pe.displayName = "SidebarMenuSkeleton";
+const me = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "ul",
   {
     ref: t,
@@ -495,10 +492,10 @@ const ge = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ge.displayName = "SidebarMenuSub";
-const he = d.forwardRef(({ ...a }, e) => /* @__PURE__ */ r("li", { ref: e, ...a }));
-he.displayName = "SidebarMenuSubItem";
-const ve = d.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: o, ...n }, s) => /* @__PURE__ */ r(
+me.displayName = "SidebarMenuSub";
+const ge = d.forwardRef(({ ...a }, e) => /* @__PURE__ */ r("li", { ref: e, ...a }));
+ge.displayName = "SidebarMenuSubItem";
+const he = d.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: o, ...n }, s) => /* @__PURE__ */ r(
   a ? v : "a",
   {
     ref: s,
@@ -516,30 +513,30 @@ const ve = d.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, classNa
     ...n
   }
 ));
-ve.displayName = "SidebarMenuSubButton";
+he.displayName = "SidebarMenuSubButton";
 export {
-  Y as Sidebar,
-  de as SidebarContent,
-  te as SidebarFooter,
-  ie as SidebarGroup,
-  ne as SidebarGroupAction,
-  se as SidebarGroupContent,
-  oe as SidebarGroupLabel,
-  ae as SidebarHeader,
-  ee as SidebarInput,
-  Z as SidebarInset,
-  le as SidebarMenu,
-  fe as SidebarMenuAction,
-  pe as SidebarMenuBadge,
-  be as SidebarMenuButton,
-  ce as SidebarMenuItem,
-  me as SidebarMenuSkeleton,
-  ge as SidebarMenuSub,
-  ve as SidebarMenuSubButton,
-  he as SidebarMenuSubItem,
-  X as SidebarProvider,
-  Q as SidebarRail,
-  re as SidebarSeparator,
-  J as SidebarTrigger,
-  N as useSidebar
+  X as Sidebar,
+  re as SidebarContent,
+  ae as SidebarFooter,
+  de as SidebarGroup,
+  oe as SidebarGroupAction,
+  ne as SidebarGroupContent,
+  ie as SidebarGroupLabel,
+  ee as SidebarHeader,
+  Z as SidebarInput,
+  Q as SidebarInset,
+  se as SidebarMenu,
+  be as SidebarMenuAction,
+  fe as SidebarMenuBadge,
+  ue as SidebarMenuButton,
+  le as SidebarMenuItem,
+  pe as SidebarMenuSkeleton,
+  me as SidebarMenuSub,
+  he as SidebarMenuSubButton,
+  ge as SidebarMenuSubItem,
+  U as SidebarProvider,
+  J as SidebarRail,
+  te as SidebarSeparator,
+  Y as SidebarTrigger,
+  y as useSidebar
 };

package/dist/index.d.ts

@@ -563,7 +563,7 @@ export declare interface AppSelectOption {
 
 export declare type AppSelectProps = SingleSelectProps | MultiSelectProps;
 
-export declare function AppSidebar({ navigation, navigationFooter, headerContent, footerContent, showRail, linkComponent: LinkComponent, linkProps, ...props }: AppSidebarProps): JSX.Element;
+export declare function AppSidebar({ navigation, navigationFooter, headerContent, footerContent, showRail, collapsible, linkComponent: LinkComponent, linkProps, ...props }: AppSidebarProps): JSX.Element;
 
 declare interface AppSidebarProps extends React_2.ComponentProps<typeof Sidebar> {
     navigation: NavGroup[];
@@ -2662,6 +2662,7 @@ export declare function NavigationMenuViewport({ className, ...props }: React_2.
 
 export declare interface NavItem {
     title: string;
+    /** Ignored when the item has `subItems`: the button toggles instead of navigating. */
     url: string;
     isActive?: boolean;
     iconName?: IconName;
@@ -2937,7 +2938,7 @@ declare interface ServerState {
 export declare function Sheet({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
 
 export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: "top" | "right" | "bottom" | "left" | "full";
 }): JSX.Element;
 
 export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;