ics-ui-kit 1.0.0-alpha.4 → 1.0.1

package/dist/components/sidebar.js

@@ -1,25 +1,26 @@
 import { jsx as r, jsxs as f, Fragment as B } from "react/jsx-runtime";
-import { e as E } from "../useBreakpoints-DHvp74UL.js";
+import { e as A } from "../useBreakpoints-DHvp74UL.js";
+import { n as D } from "../useIsomorphicLayoutEffect-MNxJD61V.js";
 import s from "react";
-import { T as A, b as D, c as G } from "../Tooltip-D2XvRS0c.js";
+import { T as E, b as G, c as H } from "../Tooltip-D2XvRS0c.js";
 import { c as w } from "../cn-dsXlqdJg.js";
-import { S as L, a as H, b as O, d as P, e as K } from "../Sheet-C2UoHLL0.js";
+import { S as L, a as O, b as P, d as K, e as j } from "../Sheet-C2UoHLL0.js";
 import { I as R } from "../IconButton-DAg1oMwz.js";
-import { T as j } from "../TextInput-CoL8nOyt.js";
-import { D as F } from "../Divider-DPW5ZhZ8.js";
+import { T as F } from "../TextInput-CoL8nOyt.js";
+import { D as $ } from "../Divider-DPW5ZhZ8.js";
 import { S as y } from "../index-BtQfgaSF.js";
 import { T as n } from "../index-BVqs-uqP.js";
 import { S as I } from "../Skeleton-y6I-i9q5.js";
-import { S as $ } from "../ScrollShadowContainer-DdrnF8qU.js";
-import { P as q } from "../plus-BpxYPnAG.js";
-import { c as W } from "../createLucideIcon-DwBrHnj9.js";
+import { S as q } from "../ScrollShadowContainer-DdrnF8qU.js";
+import { P as W } from "../plus-BpxYPnAG.js";
+import { c as V } from "../createLucideIcon-DwBrHnj9.js";
 /**
  * @license lucide-react v0.460.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const V = W("PanelLeft", [
+const U = V("PanelLeft", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }]
 ]), C = s.createContext(null);
@@ -29,24 +30,24 @@ function N() {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return a;
 }
-const U = "sidebar_state", X = 60 * 60 * 24 * 7, Y = "16rem", J = "18rem", Q = "3rem", Z = "b", ee = n({
+const X = "sidebar_state", Y = 60 * 60 * 24 * 7, J = "16rem", Q = "18rem", Z = "3rem", ee = "b", ae = n({
   base: "group/sidebar-wrapper flex min-h-svh w-full",
   variants: {
     hasInset: {
       true: "bg-primary-bg"
     }
   }
-}), ae = s.forwardRef(({ defaultOpen: a = !0, open: e, onOpenChange: t, className: i, style: o, children: d, ...p }, m) => {
-  const u = E(), [g, l] = s.useState(!1), [h, k] = s.useState(!1), [_, z] = s.useState(a), v = e ?? _, S = s.useCallback(
+}), te = s.forwardRef(({ defaultOpen: a = !0, open: e, onOpenChange: t, className: i, style: o, children: d, ...p }, m) => {
+  const b = A(), [g, l] = s.useState(!1), [h, k] = s.useState(!1), [_, z] = s.useState(a), v = e ?? _, S = s.useCallback(
     (c) => {
-      const b = typeof c == "function" ? c(v) : c;
-      t ? t(b) : z(b), document.cookie = `${U}=${b}; path=/; max-age=${X}`;
+      const u = typeof c == "function" ? c(v) : c;
+      t ? t(u) : z(u), document.cookie = `${X}=${u}; path=/; max-age=${Y}`;
     },
     [t, v]
-  ), x = s.useCallback(() => u ? l((c) => !c) : S((c) => !c), [u, S, l]);
+  ), x = s.useCallback(() => b ? l((c) => !c) : S((c) => !c), [b, S, l]);
   s.useEffect(() => {
-    const c = (b) => {
-      b.key === Z && (b.metaKey || b.ctrlKey) && (b.preventDefault(), x());
+    const c = (u) => {
+      u.key === ee && (u.metaKey || u.ctrlKey) && (u.preventDefault(), x());
     };
     return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
   }, [x]);
@@ -55,34 +56,34 @@ const U = "sidebar_state", X = 60 * 60 * 24 * 7, Y = "16rem", J = "18rem", Q = "
       state: M,
       open: v,
       setOpen: S,
-      isMobile: u,
+      isMobile: b,
       openMobile: g,
       setOpenMobile: l,
       toggleSidebar: x,
       hasInset: h,
       setHasInset: k
     }),
-    [M, v, S, u, g, l, x, h]
+    [M, v, S, b, g, l, x, h]
   );
   return /* @__PURE__ */ r(C.Provider, { value: T, children: /* @__PURE__ */ r(
     "div",
     {
       style: {
-        "--sidebar-width": Y,
-        "--sidebar-width-icon": Q,
+        "--sidebar-width": J,
+        "--sidebar-width-icon": Z,
         ...o
       },
-      className: ee({ hasInset: h, className: i }),
+      className: ae({ hasInset: h, className: i }),
       ref: m,
       ...p,
       children: d
     }
   ) });
 });
-ae.displayName = "SidebarProvider";
-const te = s.forwardRef(({ side: a = "left", variant: e = "sidebar", collapsible: t = "offcanvas", className: i, children: o, ...d }, p) => {
-  const { state: m, openMobile: u, setOpenMobile: g, setHasInset: l } = N();
-  return s.useLayoutEffect(() => {
+te.displayName = "SidebarProvider";
+const re = s.forwardRef(({ side: a = "left", variant: e = "sidebar", collapsible: t = "offcanvas", className: i, children: o, ...d }, p) => {
+  const { state: m, openMobile: b, setOpenMobile: g, setHasInset: l } = N();
+  return D(() => {
     if (e === "inset")
       return l(!0), () => l(!1);
   }, [e, l]), t === "none" ? /* @__PURE__ */ r(
@@ -97,20 +98,20 @@ const te = s.forwardRef(({ side: a = "left", variant: e = "sidebar", collapsible
       children: o
     }
   ) : /* @__PURE__ */ f(B, { children: [
-    /* @__PURE__ */ r("div", { className: "contents lg:hidden", children: /* @__PURE__ */ r(L, { open: u, onOpenChange: g, ...d, children: /* @__PURE__ */ f(
-      H,
+    /* @__PURE__ */ r("div", { className: "contents lg:hidden", children: /* @__PURE__ */ r(L, { open: b, onOpenChange: g, ...d, children: /* @__PURE__ */ f(
+      O,
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
         className: "w-(--sidebar-width) bg-sidebar-bg p-0 text-secondary-fg [&>button]:hidden",
         style: {
-          "--sidebar-width": J
+          "--sidebar-width": Q
         },
         side: a,
         children: [
-          /* @__PURE__ */ f(O, { className: "sr-only", children: [
-            /* @__PURE__ */ r(P, { children: "Sidebar" }),
-            /* @__PURE__ */ r(K, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ f(P, { className: "sr-only", children: [
+            /* @__PURE__ */ r(K, { children: "Sidebar" }),
+            /* @__PURE__ */ r(j, { children: "Displays the mobile sidebar." })
           ] }),
           /* @__PURE__ */ r("div", { className: "flex h-full w-full flex-col", children: o })
         ]
@@ -163,14 +164,14 @@ const te = s.forwardRef(({ side: a = "left", variant: e = "sidebar", collapsible
     )
   ] });
 });
-te.displayName = "Sidebar";
-const re = s.forwardRef(
+re.displayName = "Sidebar";
+const se = s.forwardRef(
   ({ onClick: a, ...e }, t) => {
     const { toggleSidebar: i } = N();
     return /* @__PURE__ */ r(
       R,
       {
-        icon: V,
+        icon: U,
         ref: t,
         "data-sidebar": "trigger",
         variant: "ghost",
@@ -183,8 +184,8 @@ const re = s.forwardRef(
     );
   }
 );
-re.displayName = "SidebarTrigger";
-const se = n({
+se.displayName = "SidebarTrigger";
+const ie = n({
   base: [
     "absolute inset-y-0 z-20 hidden w-[5px] -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-0 hover:after:-translate-x-1/2 hover:after:border-l hover:after:border-primary-border group-data-[side=left]:-right-[5px] group-data-[side=right]:left-0 sm:flex",
     "cursor-ew-resize",
@@ -192,7 +193,7 @@ const se = n({
     "[[data-side=left][data-collapsible=offcanvas]_&]:-right-[2.5px]",
     "[[data-side=right][data-collapsible=offcanvas]_&]:-left-[2.5px]"
   ]
-}), ie = s.forwardRef(
+}), oe = s.forwardRef(
   ({ className: a, ...e }, t) => {
     const { toggleSidebar: i } = N();
     return /* @__PURE__ */ r(
@@ -204,58 +205,58 @@ const se = n({
         tabIndex: -1,
         onClick: i,
         title: "Toggle Sidebar",
-        className: se({ className: a }),
+        className: ie({ className: a }),
         ...e
       }
     );
   }
 );
-ie.displayName = "SidebarRail";
-const oe = n({
+oe.displayName = "SidebarRail";
+const ne = n({
   base: [
     "relative flex w-full flex-1 flex-col bg-secondary-bg",
     "md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow"
   ]
-}), ne = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("main", { ref: t, className: oe({ className: a }), ...e }));
-ne.displayName = "SidebarInset";
-const de = n({
+}), de = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("main", { ref: t, className: ne({ className: a }), ...e }));
+de.displayName = "SidebarInset";
+const le = n({
   base: "h-8 w-full shadow-none"
-}), le = s.forwardRef(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ r(j, { ref: t, "data-sidebar": "input", className: de({ className: a }), ...e })
+}), ce = s.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(F, { ref: t, "data-sidebar": "input", className: le({ className: a }), ...e })
 );
-le.displayName = "SidebarInput";
-const ce = n({
+ce.displayName = "SidebarInput";
+const be = n({
   base: "flex flex-col gap-2 p-2 group-data-[variant=floating]:px-2.5 overflow-y-hidden [scrollbar-gutter:stable]"
-}), ue = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "header", className: ce({ className: a }), ...e }));
+}), ue = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "header", className: be({ className: a }), ...e }));
 ue.displayName = "SidebarHeader";
-const be = n({
+const pe = n({
   base: "flex flex-col gap-2 p-2 group-data-[variant=floating]:px-2.5 overflow-y-hidden [scrollbar-gutter:stable]"
-}), pe = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "footer", className: be({ className: a }), ...e }));
-pe.displayName = "SidebarFooter";
-const fe = n({
+}), fe = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "footer", className: pe({ className: a }), ...e }));
+fe.displayName = "SidebarFooter";
+const me = n({
   base: "w-auto bg-secondary-border"
-}), me = s.forwardRef(
+}), ge = s.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
-    F,
+    $,
     {
       ref: t,
       orientation: "horizontal",
       "data-sidebar": "separator",
-      className: fe({ className: a }),
+      className: me({ className: a }),
       ...e
     }
   )
 );
-me.displayName = "SidebarSeparator";
-const ge = n({
+ge.displayName = "SidebarSeparator";
+const he = n({
   slots: {
     content: "flex flex-1 flex-col gap-2 [scrollbar-gutter:stable] group-data-[collapsible=icon]:overflow-hidden"
   }
-}), he = s.forwardRef(
+}), ve = s.forwardRef(
   ({ className: a, children: e, ...t }, i) => {
-    const o = ge();
+    const o = he();
     return /* @__PURE__ */ r(
-      $,
+      q,
       {
         ref: i,
         "data-sidebar": "content",
@@ -267,54 +268,54 @@ const ge = n({
     );
   }
 );
-he.displayName = "SidebarContent";
-const ve = n({
+ve.displayName = "SidebarContent";
+const ye = n({
   base: "relative flex w-full min-w-0 flex-col p-2 group-data-[variant=floating]:px-2.5"
-}), ye = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "group", className: ve({ className: a }), ...e }));
-ye.displayName = "SidebarGroup";
-const Se = n({
+}), Se = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "group", className: ye({ className: a }), ...e }));
+Se.displayName = "SidebarGroup";
+const xe = n({
   base: [
     "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-secondary-fg/70 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0"
   ]
-}), xe = s.forwardRef(
-  ({ className: a, asChild: e = !1, ...t }, i) => /* @__PURE__ */ r(e ? y : "div", { ref: i, "data-sidebar": "group-label", className: Se({ className: a }), ...t })
+}), we = s.forwardRef(
+  ({ className: a, asChild: e = !1, ...t }, i) => /* @__PURE__ */ r(e ? y : "div", { ref: i, "data-sidebar": "group-label", className: xe({ className: a }), ...t })
 );
-xe.displayName = "SidebarGroupLabel";
-const we = n({
+we.displayName = "SidebarGroupLabel";
+const Ne = n({
   base: [
     "focus-visible:ring-primary2 absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-muted outline-hidden transition-transform hover:text-primary-fg focus-visible:shadow-focus [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
     "after:absolute after:-inset-2 after:md:hidden",
     "group-data-[collapsible=icon]:hidden"
   ]
-}), Ne = s.forwardRef(
+}), Me = s.forwardRef(
   ({ className: a, asChild: e = !1, ...t }, i) => /* @__PURE__ */ r(
     e ? y : "button",
     {
       ref: i,
       "data-sidebar": "group-action",
-      className: we({ className: a }),
+      className: Ne({ className: a }),
       ...t
     }
   )
 );
-Ne.displayName = "SidebarGroupAction";
-const Me = n({
+Me.displayName = "SidebarGroupAction";
+const Ie = n({
   base: "w-full text-sm"
-}), Ie = s.forwardRef(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "group-content", className: Me({ className: a }), ...e })
+}), Re = s.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "group-content", className: Ie({ className: a }), ...e })
 );
-Ie.displayName = "SidebarGroupContent";
-const Re = n({
+Re.displayName = "SidebarGroupContent";
+const Ce = n({
   base: "flex w-full min-w-0 flex-col gap-1"
-}), Ce = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("ul", { ref: t, "data-sidebar": "menu", className: Re({ className: a }), ...e }));
-Ce.displayName = "SidebarMenu";
-const ke = n({
+}), ke = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("ul", { ref: t, "data-sidebar": "menu", className: Ce({ className: a }), ...e }));
+ke.displayName = "SidebarMenu";
+const _e = n({
   base: "group/menu-item relative"
-}), _e = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("li", { ref: t, "data-sidebar": "menu-item", className: ke({ className: a }), ...e }));
-_e.displayName = "SidebarMenuItem";
-const ze = n({
+}), ze = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("li", { ref: t, "data-sidebar": "menu-item", className: _e({ className: a }), ...e }));
+ze.displayName = "SidebarMenuItem";
+const Te = n({
   base: [
     "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md bg-primary-bg p-2 text-left text-sm text-secondary-fg outline-hidden transition-[width,height,padding]",
     "hover:bg-primary-bg-hover hover:text-primary-fg focus-visible:shadow-focus",
@@ -343,27 +344,27 @@ const ze = n({
     variant: "default",
     size: "default"
   }
-}), Te = s.forwardRef(({ asChild: a = !1, isActive: e = !1, variant: t = "default", size: i = "default", tooltip: o, className: d, ...p }, m) => {
-  const u = a ? y : "button", { isMobile: g, state: l } = N(), h = /* @__PURE__ */ r(
-    u,
+}), Be = s.forwardRef(({ asChild: a = !1, isActive: e = !1, variant: t = "default", size: i = "default", tooltip: o, className: d, ...p }, m) => {
+  const b = a ? y : "button", { isMobile: g, state: l } = N(), h = /* @__PURE__ */ r(
+    b,
     {
       ref: m,
       "data-sidebar": "menu-button",
       "data-size": i,
       "data-active": e,
-      className: w(ze({ variant: t, size: i }), d),
+      className: w(Te({ variant: t, size: i }), d),
       ...p
     }
   );
   return o ? (typeof o == "string" && (o = {
     children: o
-  }), /* @__PURE__ */ f(A, { children: [
-    /* @__PURE__ */ r(D, { asChild: !0, children: h }),
-    /* @__PURE__ */ r(G, { side: "right", align: "center", hidden: l !== "collapsed" || g, ...o })
+  }), /* @__PURE__ */ f(E, { children: [
+    /* @__PURE__ */ r(G, { asChild: !0, children: h }),
+    /* @__PURE__ */ r(H, { side: "right", align: "center", hidden: l !== "collapsed" || g, ...o })
   ] })) : h;
 });
-Te.displayName = "SidebarMenuButton";
-const Be = n({
+Be.displayName = "SidebarMenuButton";
+const Ae = n({
   base: [
     "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-muted outline-hidden transition-transform hover:text-primary-fg focus-visible:ring-1 focus-visible:ring-primary peer-hover/menu-button:text-primary-fg [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -378,17 +379,17 @@ const Be = n({
       true: "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-primary-accent md:opacity-0"
     }
   }
-}), Ee = s.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...i }, o) => /* @__PURE__ */ r(
+}), De = s.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...i }, o) => /* @__PURE__ */ r(
   e ? y : "button",
   {
     ref: o,
     "data-sidebar": "menu-action",
-    className: Be({ isHover: t, className: a }),
+    className: Ae({ isHover: t, className: a }),
     ...i
   }
 ));
-Ee.displayName = "SidebarMenuAction";
-const Ae = n({
+De.displayName = "SidebarMenuAction";
+const Ee = n({
   base: [
     "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-normal tabular-nums leading-none text-muted",
     "peer-hover/menu-button:text-muted peer-disabled/menu-button:opacity-50 peer-data-[active=true]/menu-button:text-muted",
@@ -397,18 +398,18 @@ const Ae = n({
     "peer-data-[size=lg]/menu-button:top-2.5",
     "group-data-[collapsible=icon]:hidden"
   ]
-}), De = s.forwardRef(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "menu-badge", className: Ae({ className: a }), ...e })
+}), Ge = s.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "menu-badge", className: Ee({ className: a }), ...e })
 );
-De.displayName = "SidebarMenuBadge";
-const Ge = n({
+Ge.displayName = "SidebarMenuBadge";
+const He = n({
   slots: {
     wrapper: "flex h-8 items-center gap-2 rounded-md px-2",
     skeleton: "h-4 max-w-(--skeleton-width) flex-1",
     skeletonIcon: "size-4 rounded-md"
   }
 }), Le = s.forwardRef(({ className: a, showIcon: e = !1, ...t }, i) => {
-  const o = s.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []), d = Ge();
+  const o = s.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []), d = He();
   return /* @__PURE__ */ f("div", { ref: i, "data-sidebar": "menu-skeleton", className: d.wrapper({ className: a }), ...t, children: [
     e && /* @__PURE__ */ r(I, { className: d.skeletonIcon(), "data-sidebar": "menu-skeleton-icon" }),
     /* @__PURE__ */ r(
@@ -424,22 +425,22 @@ const Ge = n({
   ] });
 });
 Le.displayName = "SidebarMenuSkeleton";
-const He = n({
+const Oe = n({
   base: [
     "ml-3.5 flex min-w-0 flex-col gap-1 border-l border-secondary-border py-0.5 pl-2.5",
     "group-data-[collapsible=icon]:hidden"
   ]
-}), Oe = s.forwardRef(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ r("ul", { ref: t, "data-sidebar": "menu-sub", className: He({ className: a }), ...e })
+}), Pe = s.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("ul", { ref: t, "data-sidebar": "menu-sub", className: Oe({ className: a }), ...e })
 );
-Oe.displayName = "SidebarMenuSub";
-const Pe = n({
+Pe.displayName = "SidebarMenuSub";
+const Ke = n({
   base: "rounded-md focus-visible:shadow-focus focus-visible:outline-hidden"
-}), Ke = s.forwardRef(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ r("li", { ref: t, className: Pe({ className: a }), ...e })
+}), je = s.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("li", { ref: t, className: Ke({ className: a }), ...e })
 );
-Ke.displayName = "SidebarMenuSubItem";
-const je = n({
+je.displayName = "SidebarMenuSubItem";
+const Fe = n({
   base: [
     "flex h-7 min-w-0 items-center gap-2 overflow-hidden rounded-md px-2 text-secondary-fg outline-hidden hover:bg-secondary-bg-hover hover:text-primary-fg focus-visible:mr-0.5 focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-primary-fg",
     "data-[active=true]:bg-primary-bg-hover data-[active=true]:text-primary-accent",
@@ -451,59 +452,59 @@ const je = n({
       md: "text-sm"
     }
   }
-}), Fe = s.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: i, ...o }, d) => /* @__PURE__ */ r(
+}), $e = s.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: i, ...o }, d) => /* @__PURE__ */ r(
   a ? y : "a",
   {
     ref: d,
     "data-sidebar": "menu-sub-button",
     "data-size": e,
     "data-active": t,
-    className: je({ size: e, className: i }),
+    className: Fe({ size: e, className: i }),
     ...o
   }
 ));
-Fe.displayName = "SidebarMenuSubButton";
-const $e = n({
+$e.displayName = "SidebarMenuSubButton";
+const qe = n({
   slots: {
     wrapper: "group/insertion flex cursor-pointer flex-row items-center border-none bg-transparent p-0",
     icon: "peer/icon h-4 w-4 p-0.5 text-muted opacity-0 group-hover/insertion:opacity-100",
     line: "h-px w-full bg-transparent group-hover/insertion:bg-muted peer-hover/icon:bg-primary-fg"
   }
-}), qe = s.forwardRef(
+}), We = s.forwardRef(
   ({ className: a, ...e }, t) => {
-    const i = $e();
+    const i = qe();
     return /* @__PURE__ */ f("div", { "data-sidebar": "sidebar-insertion-line", className: i.wrapper({ className: a }), ref: t, ...e, children: [
-      /* @__PURE__ */ r(R, { icon: q, size: "xs", className: i.icon(), variant: "link" }),
+      /* @__PURE__ */ r(R, { icon: W, size: "xs", className: i.icon(), variant: "link" }),
       /* @__PURE__ */ r("div", { className: i.line() })
     ] });
   }
 );
-qe.displayName = "SidebarInsertionLine";
+We.displayName = "SidebarInsertionLine";
 export {
-  te as Sidebar,
-  he as SidebarContent,
-  pe as SidebarFooter,
-  ye as SidebarGroup,
-  Ne as SidebarGroupAction,
-  Ie as SidebarGroupContent,
-  xe as SidebarGroupLabel,
+  re as Sidebar,
+  ve as SidebarContent,
+  fe as SidebarFooter,
+  Se as SidebarGroup,
+  Me as SidebarGroupAction,
+  Re as SidebarGroupContent,
+  we as SidebarGroupLabel,
   ue as SidebarHeader,
-  le as SidebarInput,
-  qe as SidebarInsertionLine,
-  ne as SidebarInset,
-  Ce as SidebarMenu,
-  Ee as SidebarMenuAction,
-  De as SidebarMenuBadge,
-  Te as SidebarMenuButton,
-  _e as SidebarMenuItem,
+  ce as SidebarInput,
+  We as SidebarInsertionLine,
+  de as SidebarInset,
+  ke as SidebarMenu,
+  De as SidebarMenuAction,
+  Ge as SidebarMenuBadge,
+  Be as SidebarMenuButton,
+  ze as SidebarMenuItem,
   Le as SidebarMenuSkeleton,
-  Oe as SidebarMenuSub,
-  Fe as SidebarMenuSubButton,
-  Ke as SidebarMenuSubItem,
-  ae as SidebarProvider,
-  ie as SidebarRail,
-  me as SidebarSeparator,
-  re as SidebarTrigger,
+  Pe as SidebarMenuSub,
+  $e as SidebarMenuSubButton,
+  je as SidebarMenuSubItem,
+  te as SidebarProvider,
+  oe as SidebarRail,
+  ge as SidebarSeparator,
+  se as SidebarTrigger,
   N as useSidebar
 };
 //# sourceMappingURL=sidebar.js.map