laif-ds 0.2.91 → 1.0.0

package/dist/components/ui/sidebar.js

@@ -1,25 +1,25 @@
 "use client";
-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 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 j, TooltipContent as H, TooltipProvider as K } from "./tooltip.js";
-import { useIsMobile as L } from "../../hooks/use-mobile.js";
+import { jsx as d, jsxs as S } from "react/jsx-runtime";
+import { Root as N } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as I } from "../../node_modules/class-variance-authority/dist/index.js";
+import * as r from "react";
+import { Button as T } from "./button.js";
+import { Input as E } from "./input.js";
+import { Separator as A } from "./separator.js";
+import { Sheet as B, SheetContent as D, SheetHeader as O, SheetTitle as G } from "./sheet.js";
+import { Skeleton as C } from "./skeleton.js";
+import { Tooltip as H, TooltipTrigger as j, TooltipContent as K, TooltipProvider as L } from "./tooltip.js";
+import { useIsMobile as F } 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, q = "16rem", F = "3rem", W = "b", M = d.createContext(null);
-function y() {
-  const a = d.useContext(M);
+const $ = "sidebar_state", V = 3600 * 24 * 7, q = "16rem", W = "3rem", U = "b", k = r.createContext(null);
+function M() {
+  const a = r.useContext(k);
   if (!a)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return a;
 }
-const U = d.forwardRef(
+const X = r.forwardRef(
   ({
     defaultOpen: a = !0,
     open: e,
@@ -27,62 +27,72 @@ const U = d.forwardRef(
     className: o,
     style: n,
     children: s,
-    ...f
-  }, g) => {
-    const c = L(), [p, u] = d.useState(!1), [x, _] = d.useState(a), h = e ?? x, w = d.useCallback(
+    ...m
+  }, h) => {
+    const c = F(), [u, b] = r.useState(!1), [f, g] = r.useState(
+      null
+    );
+    r.useEffect(() => {
+      u || g(null);
+    }, [u]);
+    const [v, x] = r.useState(a), w = e ?? v, y = r.useCallback(
       (l) => {
-        const b = typeof l == "function" ? l(h) : l;
-        t ? t(b) : _(b), document.cookie = `${$}=${b}; path=/; max-age=${V}`;
+        const p = typeof l == "function" ? l(w) : l;
+        t ? t(p) : x(p), document.cookie = `${$}=${p}; path=/; max-age=${V}`;
       },
-      [t, h]
-    ), S = d.useCallback(() => c ? u((l) => !l) : w((l) => !l), [c, w, u]);
-    d.useEffect(() => {
-      const l = (b) => {
-        b.key === W && (b.metaKey || b.ctrlKey) && (b.preventDefault(), S());
+      [t, w]
+    ), R = r.useCallback(() => c ? b((l) => !l) : y((l) => !l), [c, y, b]);
+    r.useEffect(() => {
+      const l = (p) => {
+        p.key === U && (p.metaKey || p.ctrlKey) && (p.preventDefault(), R());
       };
       return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
-    }, [S]);
-    const N = h ? "expanded" : "collapsed", C = d.useMemo(
+    }, [R]);
+    const _ = w ? "expanded" : "collapsed", z = r.useMemo(
       () => ({
-        state: N,
-        open: h,
-        setOpen: w,
+        state: _,
+        open: w,
+        setOpen: y,
         isMobile: c,
-        openMobile: p,
-        setOpenMobile: u,
-        toggleSidebar: S
+        openMobile: u,
+        setOpenMobile: b,
+        mobileNavTarget: f,
+        setMobileNavTarget: g,
+        toggleSidebar: R
       }),
       [
-        N,
-        h,
+        _,
         w,
+        y,
         c,
-        p,
         u,
-        S
+        b,
+        f,
+        g,
+        R
       ]
     );
-    return /* @__PURE__ */ r(M.Provider, { value: C, children: /* @__PURE__ */ r(K, { delayDuration: 0, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ d(k.Provider, { value: z, children: /* @__PURE__ */ d(L, { delayDuration: 0, children: /* @__PURE__ */ d(
       "div",
       {
         style: {
           "--sidebar-width": q,
-          "--sidebar-width-icon": F,
+          "--sidebar-width-icon": W,
           ...n
         },
         className: i(
           "group/sidebar-wrapper has-[[data-variant=inset]]:bg-d-sidebar flex min-h-svh w-full",
           o
         ),
-        ref: g,
-        ...f,
+        ref: h,
+        ...m,
         children: s
       }
     ) }) });
   }
 );
-U.displayName = "SidebarProvider";
-const X = d.forwardRef(
+X.displayName = "SidebarProvider";
+const Y = r.forwardRef(
   ({
     side: a = "left",
     variant: e = "sidebar",
@@ -90,45 +100,59 @@ const X = d.forwardRef(
     className: o,
     children: n,
     ...s
-  }, f) => {
-    const { isMobile: g, state: c, openMobile: p, setOpenMobile: u } = y();
-    return t === "none" ? /* @__PURE__ */ r(
+  }, m) => {
+    const { isMobile: h, state: c, openMobile: u, setOpenMobile: b } = M(), f = r.useRef(null), g = r.useRef(null);
+    return h ? /* @__PURE__ */ d(B, { open: u, onOpenChange: b, ...s, children: /* @__PURE__ */ S(
+      D,
+      {
+        "data-sidebar": "sidebar",
+        "data-mobile": "true",
+        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",
+        "aria-describedby": void 0,
+        onOpenAutoFocus: (v) => {
+          v.preventDefault();
+          const x = document.activeElement;
+          g.current = x instanceof HTMLElement && x !== document.body ? x : null, f.current?.focus();
+        },
+        onCloseAutoFocus: (v) => {
+          v.preventDefault(), g.current?.focus();
+        },
+        children: [
+          /* @__PURE__ */ d(O, { className: "sr-only", children: /* @__PURE__ */ d(G, { children: "Navigation menu" }) }),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              ref: f,
+              tabIndex: -1,
+              className: "flex h-full w-full flex-col outline-none",
+              children: n
+            }
+          )
+        ]
+      }
+    ) }) : t === "none" ? /* @__PURE__ */ d(
       "div",
       {
         className: i(
           "bg-d-sidebar text-d-sidebar-foreground flex h-full w-[var(--sidebar-width)] flex-col",
           o
         ),
-        ref: f,
+        ref: m,
         ...s,
         children: n
       }
-    ) : 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 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(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 })
-        ]
-      }
-    ) }) : /* @__PURE__ */ m(
+    ) : /* @__PURE__ */ S(
       "div",
       {
-        ref: f,
+        ref: m,
         className: "group peer text-d-sidebar-foreground hidden md:block",
         "data-state": c,
         "data-collapsible": c === "collapsed" ? t : "",
         "data-variant": e,
         "data-side": a,
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ d(
             "div",
             {
               className: i(
@@ -139,7 +163,7 @@ const X = d.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ d(
             "div",
             {
               className: i(
@@ -150,7 +174,7 @@ const X = d.forwardRef(
                 o
               ),
               ...s,
-              children: /* @__PURE__ */ r(
+              children: /* @__PURE__ */ d(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -165,11 +189,11 @@ const X = d.forwardRef(
     );
   }
 );
-X.displayName = "Sidebar";
-const Y = d.forwardRef(({ className: a, onClick: e, ...t }, o) => {
-  const { toggleSidebar: n } = y();
-  return /* @__PURE__ */ m(
-    z,
+Y.displayName = "Sidebar";
+const J = r.forwardRef(({ className: a, onClick: e, ...t }, o) => {
+  const { toggleSidebar: n } = M();
+  return /* @__PURE__ */ S(
+    T,
     {
       ref: o,
       "data-sidebar": "trigger",
@@ -181,16 +205,16 @@ const Y = d.forwardRef(({ className: a, onClick: e, ...t }, o) => {
       },
       ...t,
       children: [
-        /* @__PURE__ */ r(P, {}),
-        /* @__PURE__ */ r("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ d(P, {}),
+        /* @__PURE__ */ d("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
-Y.displayName = "SidebarTrigger";
-const J = d.forwardRef(({ className: a, ...e }, t) => {
-  const { toggleSidebar: o } = y();
-  return /* @__PURE__ */ r(
+J.displayName = "SidebarTrigger";
+const Q = r.forwardRef(({ className: a, ...e }, t) => {
+  const { toggleSidebar: o } = M();
+  return /* @__PURE__ */ d(
     "button",
     {
       ref: t,
@@ -212,8 +236,8 @@ const J = d.forwardRef(({ className: a, ...e }, t) => {
     }
   );
 });
-J.displayName = "SidebarRail";
-const Q = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+Q.displayName = "SidebarRail";
+const Z = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "main",
   {
     ref: t,
@@ -225,9 +249,9 @@ const Q = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-Q.displayName = "SidebarInset";
-const Z = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  I,
+Z.displayName = "SidebarInset";
+const ee = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
+  E,
   {
     ref: t,
     "data-sidebar": "input",
@@ -238,8 +262,8 @@ const Z = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-Z.displayName = "SidebarInput";
-const ee = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+ee.displayName = "SidebarInput";
+const ae = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "div",
   {
     ref: t,
@@ -248,8 +272,8 @@ const ee = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ee.displayName = "SidebarHeader";
-const ae = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+ae.displayName = "SidebarHeader";
+const te = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "div",
   {
     ref: t,
@@ -258,9 +282,9 @@ const ae = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ae.displayName = "SidebarFooter";
-const te = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  T,
+te.displayName = "SidebarFooter";
+const re = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
+  A,
   {
     ref: t,
     "data-sidebar": "separator",
@@ -268,8 +292,8 @@ const te = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-te.displayName = "SidebarSeparator";
-const re = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+re.displayName = "SidebarSeparator";
+const de = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "div",
   {
     ref: t,
@@ -281,8 +305,8 @@ const re = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-re.displayName = "SidebarContent";
-const de = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+de.displayName = "SidebarContent";
+const ie = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "div",
   {
     ref: t,
@@ -291,9 +315,9 @@ const de = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-de.displayName = "SidebarGroup";
-const ie = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
-  e ? v : "div",
+ie.displayName = "SidebarGroup";
+const oe = r.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ d(
+  e ? N : "div",
   {
     ref: o,
     "data-sidebar": "group-label",
@@ -305,9 +329,9 @@ const ie = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
     ...t
   }
 ));
-ie.displayName = "SidebarGroupLabel";
-const oe = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
-  e ? v : "button",
+oe.displayName = "SidebarGroupLabel";
+const ne = r.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ d(
+  e ? N : "button",
   {
     ref: o,
     "data-sidebar": "group-action",
@@ -321,8 +345,8 @@ const oe = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
     ...t
   }
 ));
-oe.displayName = "SidebarGroupAction";
-const ne = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+ne.displayName = "SidebarGroupAction";
+const se = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "div",
   {
     ref: t,
@@ -331,8 +355,8 @@ const ne = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ne.displayName = "SidebarGroupContent";
-const se = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+se.displayName = "SidebarGroupContent";
+const le = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "ul",
   {
     ref: t,
@@ -341,8 +365,8 @@ const se = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-se.displayName = "SidebarMenu";
-const le = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+le.displayName = "SidebarMenu";
+const ce = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "li",
   {
     ref: t,
@@ -351,8 +375,8 @@ const le = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-le.displayName = "SidebarMenuItem";
-const ce = k(
+ce.displayName = "SidebarMenuItem";
+const ue = I(
   "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: {
@@ -371,7 +395,7 @@ const ce = k(
       size: "default"
     }
   }
-), ue = d.forwardRef(
+), be = r.forwardRef(
   ({
     asChild: a = !1,
     isActive: e = !1,
@@ -379,38 +403,38 @@ const ce = k(
     size: o = "default",
     tooltip: n,
     className: s,
-    ...f
-  }, g) => {
-    const c = a ? v : "button", { isMobile: p, state: u } = y(), x = /* @__PURE__ */ r(
+    ...m
+  }, h) => {
+    const c = a ? N : "button", { isMobile: u, state: b } = M(), f = /* @__PURE__ */ d(
       c,
       {
-        ref: g,
+        ref: h,
         "data-sidebar": "menu-button",
         "data-size": o,
         "data-active": e,
-        className: i(ce({ variant: t, size: o }), s),
-        ...f
+        className: i(ue({ variant: t, size: o }), s),
+        ...m
       }
     );
     return n ? (typeof n == "string" && (n = {
       children: n
-    }), /* @__PURE__ */ m(G, { children: [
-      /* @__PURE__ */ r(j, { asChild: !0, children: x }),
-      /* @__PURE__ */ r(
-        H,
+    }), /* @__PURE__ */ S(H, { children: [
+      /* @__PURE__ */ d(j, { asChild: !0, children: f }),
+      /* @__PURE__ */ d(
+        K,
         {
           side: "right",
           align: "center",
-          hidden: u !== "collapsed" || p,
+          hidden: b !== "collapsed" || u,
           ...n
         }
       )
-    ] })) : x;
+    ] })) : f;
   }
 );
-ue.displayName = "SidebarMenuButton";
-const be = d.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ r(
-  e ? v : "button",
+be.displayName = "SidebarMenuButton";
+const fe = r.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ d(
+  e ? N : "button",
   {
     ref: n,
     "data-sidebar": "menu-action",
@@ -428,8 +452,8 @@ const be = d.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, .
     ...o
   }
 ));
-be.displayName = "SidebarMenuAction";
-const fe = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+fe.displayName = "SidebarMenuAction";
+const pe = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "div",
   {
     ref: t,
@@ -446,10 +470,10 @@ const fe = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-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(
+pe.displayName = "SidebarMenuBadge";
+const me = r.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
+  const n = r.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ S(
     "div",
     {
       ref: o,
@@ -457,15 +481,15 @@ const pe = d.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
       className: i("flex h-8 items-center gap-2 rounded-md px-2", a),
       ...t,
       children: [
-        e && /* @__PURE__ */ r(
-          R,
+        e && /* @__PURE__ */ d(
+          C,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ r(
-          R,
+        /* @__PURE__ */ d(
+          C,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
             "data-sidebar": "menu-skeleton-text",
@@ -478,8 +502,8 @@ const pe = d.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
     }
   );
 });
-pe.displayName = "SidebarMenuSkeleton";
-const me = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+me.displayName = "SidebarMenuSkeleton";
+const ge = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(
   "ul",
   {
     ref: t,
@@ -492,11 +516,11 @@ const me = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-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",
+ge.displayName = "SidebarMenuSub";
+const he = r.forwardRef(({ ...a }, e) => /* @__PURE__ */ d("li", { ref: e, ...a }));
+he.displayName = "SidebarMenuSubItem";
+const ve = r.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: o, ...n }, s) => /* @__PURE__ */ d(
+  a ? N : "a",
   {
     ref: s,
     "data-sidebar": "menu-sub-button",
@@ -513,30 +537,30 @@ const he = d.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, classNa
     ...n
   }
 ));
-he.displayName = "SidebarMenuSubButton";
+ve.displayName = "SidebarMenuSubButton";
 export {
-  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
+  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,
+  M as useSidebar
 };

package/dist/css-for-template.css

@@ -22,10 +22,10 @@
   --color-d-destructive: var(--d-destructive);
   --color-d-destructive-foreground: var(--d-destructive-foreground);
   --color-d-warning: var(--d-warning);
-  --color-d-warning-background: var(--d-warning);
+  --color-d-warning-background: var(--d-warning-background);
   --color-d-warning-foreground: var(--d-warning-foreground);
   --color-d-success: var(--d-success);
-  --color-d-success-background: var(--d-success);
+  --color-d-success-background: var(--d-success-background);
   --color-d-success-foreground: var(--d-success-foreground);
   --color-d-border: var(--d-border);
   --color-d-input: var(--d-input);