impact-nova 2.0.9 → 2.1.0-alpha.1

package/dist/components/ui/sidebar.js

@@ -1,740 +0,0 @@
-import { jsx as t, jsxs as g, Fragment as C } from "react/jsx-runtime";
-import * as n from "react";
-import * as k from "@radix-ui/react-collapsible";
-import { Slot as N } from "@radix-ui/react-slot";
-import { cva as H } from "class-variance-authority";
-import { ChevronRight as A, HamburgerOpen as P, HamburgerClosed as j } from "impact-nova-icons";
-import { cn as l } from "../../lib/utils.js";
-import { Button as W } from "./button.js";
-import { Input as $ } from "./input.js";
-import { Separator as F } from "./separator.js";
-import { Skeleton as I } from "./skeleton.js";
-import { Tooltip as q, TooltipTrigger as K, TooltipContent as V, TooltipProvider as X } from "./tooltip.js";
-import { useImpactNovaI18n as y } from "../../i18n/ImpactNovaI18nContext.js";
-const J = "sidebar_state", Q = 3600 * 24 * 7, U = "280px", Y = "64px", B = n.createContext(null), _ = n.createContext(null);
-function S() {
-  const a = n.useContext(B);
-  if (!a)
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  return a;
-}
-const Z = n.forwardRef(
-  ({
-    defaultOpen: a = !1,
-    open: r,
-    onOpenChange: e,
-    className: o,
-    style: i,
-    children: s,
-    autoHideAfter: u,
-    ...b
-  }, f) => {
-    const [m, d] = n.useState(a), p = r ?? m, v = n.useCallback(
-      (h) => {
-        const z = typeof h == "function" ? h(p) : h;
-        e ? e(z) : d(z), document.cookie = `${J}=${z}; path=/; max-age=${Q}`;
-      },
-      [e, p]
-    ), x = n.useCallback(() => {
-      v((h) => !h);
-    }, [v]), c = p ? "expanded" : "collapsed", w = n.useMemo(
-      () => ({
-        state: c,
-        open: p,
-        setOpen: v,
-        toggleSidebar: x,
-        autoHideAfter: u
-      }),
-      [c, p, v, x, u]
-    );
-    return /* @__PURE__ */ t(B.Provider, { value: w, children: /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(
-      "div",
-      {
-        style: {
-          "--sidebar-width": U,
-          "--sidebar-width-icon": Y,
-          ...i
-        },
-        className: l(
-          "group/sidebar-wrapper relative flex min-h-svh has-[[data-variant=inset]]:bg-navigation",
-          o
-        ),
-        ref: f,
-        ...b,
-        children: s
-      }
-    ) }) });
-  }
-);
-Z.displayName = "SidebarProvider";
-const ee = n.forwardRef(
-  ({
-    side: a = "left",
-    variant: r = "sidebar",
-    collapsible: e = "offcanvas",
-    className: o,
-    children: i,
-    ...s
-  }, u) => {
-    const { state: b, open: f, setOpen: m } = S();
-    return e === "none" ? /* @__PURE__ */ t(
-      "div",
-      {
-        className: l(
-          "flex h-full w-[--sidebar-width] flex-col bg-navigation text-navigation-foreground",
-          o
-        ),
-        ref: u,
-        ...s,
-        children: i
-      }
-    ) : /* @__PURE__ */ g(C, { children: [
-      e === "offcanvas" && f ? /* @__PURE__ */ t(
-        "div",
-        {
-          role: "presentation",
-          "aria-hidden": !0,
-          "data-sidebar": "offcanvas-backdrop",
-          className: "fixed inset-0 z-[44] hidden  md:block",
-          onPointerDown: () => m(!1)
-        }
-      ) : null,
-      /* @__PURE__ */ g(
-        "div",
-        {
-          ref: u,
-          className: "group peer hidden md:block text-navigation-foreground",
-          "data-state": b,
-          "data-collapsible": b === "collapsed" ? e : "",
-          "data-variant": r,
-          "data-side": a,
-          children: [
-            /* @__PURE__ */ t(
-              "div",
-              {
-                className: l(
-                  "relative h-full w-[--sidebar-width-icon] bg-transparent transition-[width] duration-200 ease-linear"
-                )
-              }
-            ),
-            /* @__PURE__ */ t(
-              "div",
-              {
-                className: l(
-                  "absolute inset-y-0 left-0 z-[45] duration-200 ease-linear md:flex h-full w-[--sidebar-width] flex-col bg-navigation group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-navigation-border group-data-[variant=floating]:shadow",
-                  "group-data-[state=collapsed]:w-[--sidebar-width-icon]",
-                  a === "left" ? "border-r group-data-[variant=floating]:border-r-0" : "border-l group-data-[variant=floating]:border-l-0",
-                  o
-                ),
-                ...s,
-                children: /* @__PURE__ */ t(
-                  "div",
-                  {
-                    "data-sidebar": "sidebar",
-                    className: "flex h-full w-full flex-col bg-navigation group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-navigation-border group-data-[variant=floating]:shadow",
-                    children: i
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-ee.displayName = "Sidebar";
-const ae = n.forwardRef(({ className: a, onClick: r, ...e }, o) => {
-  const { t: i } = y(), { toggleSidebar: s, state: u } = S(), b = i("aria.toggleSidebar");
-  return /* @__PURE__ */ g(
-    W,
-    {
-      ref: o,
-      "data-sidebar": "trigger",
-      variant: "ghost",
-      size: "icon",
-      className: l(
-        "rounded-lg p-0 hover:bg-transparent h-10 w-10 min-h-10 min-w-10 [&_svg]:size-10",
-        a
-      ),
-      onClick: (f) => {
-        r?.(f), s();
-      },
-      "aria-label": b,
-      ...e,
-      children: [
-        u === "expanded" ? /* @__PURE__ */ t(P, { size: "3xl" }) : /* @__PURE__ */ t(j, { size: "3xl" }),
-        /* @__PURE__ */ t("span", { className: "sr-only", children: b })
-      ]
-    }
-  );
-});
-ae.displayName = "SidebarTrigger";
-const te = n.forwardRef(({ className: a, ...r }, e) => {
-  const { t: o } = y(), { toggleSidebar: i } = S(), s = o("aria.toggleSidebar");
-  return /* @__PURE__ */ t(
-    "button",
-    {
-      ref: e,
-      "data-sidebar": "rail",
-      "aria-label": s,
-      tabIndex: -1,
-      onClick: i,
-      title: s,
-      className: l(
-        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-navigation-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
-        "[[data-side=left]_&]:cursor-w-resize [[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 group-data-[collapsible=offcanvas]:hover:bg-navigation",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-        a
-      ),
-      ...r
-    }
-  );
-});
-te.displayName = "SidebarRail";
-const re = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    className: l(
-      "relative flex w-full flex-1 flex-col bg-canvas",
-      "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",
-      a
-    ),
-    ...r
-  }
-));
-re.displayName = "SidebarInset";
-const ne = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  $,
-  {
-    ref: e,
-    "data-sidebar": "input",
-    className: l(
-      "h-8 w-full bg-canvas shadow-none focus-visible:ring-2 focus-visible:ring-navigation-ring",
-      a
-    ),
-    ...r
-  }
-));
-ne.displayName = "SidebarInput";
-const ie = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    "data-sidebar": "header",
-    className: l(
-      "flex mt-3 mb-[34px] items-center px-3 transition-all duration-200 ease-linear",
-      a
-    ),
-    ...r
-  }
-));
-ie.displayName = "SidebarHeader";
-const oe = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    "data-sidebar": "footer",
-    className: l(
-      "flex shrink-0 flex-col gap-2 pt-2 min-w-0 w-full overflow-x-hidden group-data-[state=collapsed]:px-0",
-      a
-    ),
-    ...r
-  }
-));
-oe.displayName = "SidebarFooter";
-const se = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  F,
-  {
-    ref: e,
-    "data-sidebar": "separator",
-    className: l(
-      "mx-5 w-auto bg-[#31416e] group-data-[state=collapsed]:mx-0 group-data-[state=collapsed]:w-full",
-      a
-    ),
-    ...r
-  }
-));
-se.displayName = "SidebarSeparator";
-const de = n.forwardRef(
-  ({
-    className: a,
-    routes: r,
-    activeValue: e,
-    isActive: o,
-    onNavigate: i,
-    asLinks: s = !1,
-    children: u,
-    ...b
-  }, f) => {
-    const m = r ? /* @__PURE__ */ t(O, { children: r.map((d) => {
-      const p = !!d.children, v = e === d.value || p && d.children?.some((c) => c.value === e);
-      return /* @__PURE__ */ g(p ? D : M, { isActive: v, children: [
-        /* @__PURE__ */ t(
-          R,
-          {
-            asChild: s,
-            isActive: v,
-            tooltip: d.label,
-            onClick: () => {
-              !s && !p && !d.disabled && i?.(d.value);
-            },
-            disabled: d.disabled,
-            children: s ? /* @__PURE__ */ g(
-              "a",
-              {
-                href: d.url,
-                "aria-disabled": d.disabled,
-                className: d.disabled ? "pointer-events-none" : "",
-                onClick: (c) => {
-                  if (d.disabled) {
-                    c.preventDefault();
-                    return;
-                  }
-                  if (p) {
-                    c.preventDefault();
-                    return;
-                  }
-                  c.preventDefault(), i?.(d.value);
-                },
-                children: [
-                  d.icon,
-                  /* @__PURE__ */ t("span", { children: d.label })
-                ]
-              }
-            ) : /* @__PURE__ */ g(C, { children: [
-              d.icon,
-              /* @__PURE__ */ t("span", { children: d.label })
-            ] })
-          }
-        ),
-        p && d.children && /* @__PURE__ */ t(L, { children: d.children.map((c) => /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(
-          G,
-          {
-            asChild: s,
-            isActive: e === c.value,
-            href: s ? c.url : void 0,
-            onClick: s ? (w) => {
-              w.preventDefault(), i?.(c.value);
-            } : () => i?.(c.value),
-            children: /* @__PURE__ */ t("span", { children: c.label })
-          }
-        ) }, c.value)) })
-      ] }, d.value);
-    }) }) : u;
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: f,
-        "data-sidebar": "content",
-        className: l(
-          "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden group-data-[collapsible=icon]:overflow-hidden",
-          a
-        ),
-        ...b,
-        children: m
-      }
-    );
-  }
-);
-de.displayName = "SidebarContent";
-const le = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    "data-sidebar": "group",
-    className: l(
-      "relative flex w-full min-w-0 flex-col py-2 group-data-[state=collapsed]:px-0",
-      a
-    ),
-    ...r
-  }
-));
-le.displayName = "SidebarGroup";
-const ue = n.forwardRef(({ className: a, asChild: r = !1, ...e }, o) => /* @__PURE__ */ t(
-  r ? N : "div",
-  {
-    ref: o,
-    "data-sidebar": "group-label",
-    className: l(
-      "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-navigation-foreground/70 outline-none ring-navigation-ring 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",
-      a
-    ),
-    ...e
-  }
-));
-ue.displayName = "SidebarGroupLabel";
-const ce = n.forwardRef(({ className: a, asChild: r = !1, ...e }, o) => /* @__PURE__ */ t(
-  r ? N : "button",
-  {
-    ref: o,
-    "data-sidebar": "group-action",
-    className: l(
-      "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-navigation-foreground outline-none ring-navigation-ring transition-transform hover:bg-navigation-hover hover:text-navigation-on-hover focus-visible:ring-2 [&>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",
-      a
-    ),
-    ...e
-  }
-));
-ce.displayName = "SidebarGroupAction";
-const be = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    "data-sidebar": "group-content",
-    className: l("w-full text-sm", a),
-    ...r
-  }
-));
-be.displayName = "SidebarGroupContent";
-const O = n.forwardRef(({ className: a, children: r, ...e }, o) => {
-  const { t: i } = y(), { autoHideAfter: s } = S(), [u, b] = n.useState(!1), f = n.Children.toArray(r), m = i("sidebar.viewMore"), d = i("sidebar.viewLess");
-  return /* @__PURE__ */ t(
-    "ul",
-    {
-      ref: o,
-      "data-sidebar": "menu",
-      className: l("flex w-full min-w-0 flex-col gap-1", a),
-      ...e,
-      children: !s || f.length <= s + 1 ? r : /* @__PURE__ */ g(C, { children: [
-        f.slice(0, s),
-        /* @__PURE__ */ t(M, { children: /* @__PURE__ */ g(
-          R,
-          {
-            onClick: () => b(!u),
-            className: "hover:bg-transparent",
-            tooltip: u ? d : m,
-            children: [
-              /* @__PURE__ */ t("div", { className: "text-success", children: /* @__PURE__ */ t(
-                A,
-                {
-                  size: "lg",
-                  className: l(
-                    "transition-transform duration-200",
-                    u ? "-rotate-90" : "rotate-90"
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ t("span", { children: u ? d : m })
-            ]
-          }
-        ) }),
-        u && f.slice(s)
-      ] })
-    }
-  );
-});
-O.displayName = "SidebarMenu";
-const M = n.forwardRef(({ className: a, isActive: r, ...e }, o) => /* @__PURE__ */ t(
-  "li",
-  {
-    ref: o,
-    "data-sidebar": "menu-item",
-    className: l("group/menu-item relative", a),
-    ...e
-  }
-));
-M.displayName = "SidebarMenuItem";
-const D = n.forwardRef(
-  ({
-    children: a,
-    isActive: r,
-    defaultOpen: e,
-    open: o,
-    onOpenChange: i,
-    ...s
-  }, u) => {
-    const { state: b } = S(), [f, m] = n.useState(
-      e ?? !1
-    ), d = o !== void 0 ? o : f, p = (v) => {
-      o === void 0 && m(v), i?.(v);
-    };
-    return n.useEffect(() => {
-      b === "expanded" && r && !d && p(!0);
-    }, [b, r]), /* @__PURE__ */ t(_.Provider, { value: { isCollapsible: !0 }, children: /* @__PURE__ */ t(
-      k.Root,
-      {
-        ref: u,
-        asChild: !0,
-        open: d,
-        onOpenChange: p,
-        ...s,
-        children: /* @__PURE__ */ t(M, { children: a })
-      }
-    ) });
-  }
-);
-D.displayName = "SidebarMenuCollapsible";
-const pe = H(
-  "peer/menu-button flex w-full items-center gap-[22px] overflow-visible py-[14px] px-[20px] text-left text-[14px] outline-none ring-navigation-ring transition-[width,height,padding,background-color] hover:bg-navigation-item-active hover:text-navigation-on-hover focus-visible:ring-2 disabled:pointer-events-none disabled:text-navigation-muted group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:text-navigation-muted aria-disabled:opacity-50 hover:aria-disabled:bg-transparent data-[active=true]:bg-navigation-item-active data-[active=true]:font-medium data-[active=true]:text-navigation-on-hover cursor-pointer group-data-[state=collapsed]:!w-[var(--sidebar-width-icon)] group-data-[state=collapsed]:!h-12 group-data-[state=collapsed]:!p-0 group-data-[state=collapsed]:!pl-[20px] [&>[data-sidebar=menu-label]]:truncate [&>svg]:size-5 [&>img]:size-5 [&>svg]:shrink-0 [&>svg]:text-inherit group-data-[state=collapsed]:[&>[data-sidebar=menu-label]]:sr-only group-data-[state=collapsed]:[&>svg:not(:first-of-type)]:hidden [&>[data-sidebar=menu-button-chevron]]:ml-auto [&>[data-sidebar=menu-button-chevron]]:size-4 [&>[data-sidebar=menu-button-chevron]]:transition-transform [&>[data-sidebar=menu-button-chevron]]:duration-200 [&>[data-sidebar=menu-button-chevron]]:rotate-90 data-[state=open]:[&>[data-sidebar=menu-button-chevron]]:rotate-[270deg] before:absolute before:left-0 before:top-0 before:w-1 before:bg-success before:rounded-r-[4px] before:transition-[height] before:duration-200 before:linear before:z-20 data-[active=false]:before:h-0 data-[active=true]:before:h-full",
-  {
-    variants: {
-      variant: {
-        default: "",
-        outline: "bg-canvas shadow-[0_0_0_1px_var(--color-sidebar-border)] hover:bg-navigation-hover hover:text-navigation-on-hover hover:shadow-[0_0_0_1px_var(--color-sidebar-hover)]"
-      },
-      size: {
-        default: "h-12 text-sm",
-        sm: "h-9 text-xs",
-        lg: "h-14 text-sm"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), R = n.forwardRef(
-  ({
-    asChild: a = !1,
-    isActive: r = !1,
-    variant: e = "default",
-    size: o = "default",
-    tooltip: i,
-    className: s,
-    children: u,
-    ...b
-  }, f) => {
-    const m = a ? N : "button", { state: d, setOpen: p } = S(), x = !!n.useContext(_)?.isCollapsible, c = /* @__PURE__ */ t(
-      m,
-      {
-        ref: f,
-        "data-sidebar": "menu-button",
-        "data-size": o,
-        "data-active": r,
-        className: l(
-          "relative",
-          pe({ variant: e, size: o }),
-          s
-        ),
-        ...b,
-        onClick: (h) => {
-          d === "collapsed" && x && (p(!0), r && (h.preventDefault(), h.stopPropagation())), b.onClick?.(h);
-        },
-        children: a ? u : /* @__PURE__ */ g(C, { children: [
-          u,
-          x && /* @__PURE__ */ t(A, { "data-sidebar": "menu-button-chevron" })
-        ] })
-      }
-    ), w = x ? /* @__PURE__ */ t(k.Trigger, { asChild: !0, children: c }) : c;
-    return i ? (typeof i == "string" && (i = {
-      children: i
-    }), /* @__PURE__ */ g(q, { children: [
-      /* @__PURE__ */ t(K, { asChild: !0, children: w }),
-      /* @__PURE__ */ t(
-        V,
-        {
-          side: "right",
-          align: "center",
-          variant: "tertiary",
-          hidden: d !== "collapsed",
-          ...i
-        }
-      )
-    ] })) : w;
-  }
-);
-R.displayName = "SidebarMenuButton";
-const E = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  "span",
-  {
-    ref: e,
-    "data-sidebar": "menu-label",
-    className: a,
-    ...r
-  }
-));
-E.displayName = "SidebarMenuLabel";
-const fe = n.forwardRef(({ className: a, isActive: r, ...e }, o) => {
-  const { t: i } = y(), s = i("sidebar.logout");
-  return /* @__PURE__ */ g(
-    R,
-    {
-      ref: o,
-      className: l(
-        "text-success hover:text-success hover:bg-navigation-item-hover",
-        a
-      ),
-      ...e,
-      children: [
-        /* @__PURE__ */ t(
-          "svg",
-          {
-            width: "20",
-            height: "20",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ t(
-              "path",
-              {
-                d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ t(E, { children: s })
-      ]
-    }
-  );
-});
-fe.displayName = "SidebarLogout";
-const me = n.forwardRef(({ className: a, asChild: r = !1, showOnHover: e = !1, ...o }, i) => /* @__PURE__ */ t(
-  r ? N : "button",
-  {
-    ref: i,
-    "data-sidebar": "menu-action",
-    className: l(
-      "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-navigation-foreground outline-none ring-navigation-ring transition-transform hover:bg-navigation-hover hover:text-navigation-on-hover focus-visible:ring-2 peer-hover/menu-button:text-navigation-on-hover [&>svg]:size-4 [&>svg]:shrink-0",
-      // Increases the hit area of the button on mobile.
-      "after:absolute after:-inset-2 after:md:hidden",
-      "peer-data-[size=sm]/menu-button:top-1",
-      "peer-data-[size=default]/menu-button:top-1.5",
-      "peer-data-[size=lg]/menu-button:top-2.5",
-      "group-data-[collapsible=icon]:hidden",
-      e && "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-navigation-on-hover md:opacity-0",
-      a
-    ),
-    ...o
-  }
-));
-me.displayName = "SidebarMenuAction";
-const ge = n.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    "data-sidebar": "menu-badge",
-    className: l(
-      "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-medium tabular-nums text-navigation-foreground",
-      "peer-hover/menu-button:text-navigation-on-hover peer-data-[active=true]/menu-button:text-navigation-on-hover",
-      "peer-data-[size=sm]/menu-button:top-1",
-      "peer-data-[size=default]/menu-button:top-1.5",
-      "peer-data-[size=lg]/menu-button:top-2.5",
-      "group-data-[collapsible=icon]:hidden",
-      a
-    ),
-    ...r
-  }
-));
-ge.displayName = "SidebarMenuBadge";
-const ve = n.forwardRef(({ className: a, showIcon: r = !1, ...e }, o) => {
-  const i = n.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      ref: o,
-      "data-sidebar": "menu-skeleton",
-      className: l("flex h-8 items-center gap-2 rounded-md px-2", a),
-      ...e,
-      children: [
-        r && /* @__PURE__ */ t(
-          I,
-          {
-            className: "size-4 rounded-md",
-            "data-sidebar": "menu-skeleton-icon"
-          }
-        ),
-        /* @__PURE__ */ t(
-          I,
-          {
-            className: "h-4 max-w-[--skeleton-width] flex-1",
-            "data-sidebar": "menu-skeleton-text",
-            style: {
-              "--skeleton-width": i
-            }
-          }
-        )
-      ]
-    }
-  );
-});
-ve.displayName = "SidebarMenuSkeleton";
-const L = n.forwardRef(({ className: a, ...r }, e) => {
-  const i = !!n.useContext(_)?.isCollapsible, s = /* @__PURE__ */ t(
-    "ul",
-    {
-      ref: e,
-      "data-sidebar": "menu-sub",
-      className: l(
-        "relative ml-8 mt-2 mb-2 flex min-w-0 flex-col gap-0 py-0",
-        "group-data-[state=collapsed]:hidden",
-        a
-      ),
-      ...r
-    }
-  );
-  return i ? /* @__PURE__ */ t(k.Content, { className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: s }) : s;
-});
-L.displayName = "SidebarMenuSub";
-const T = n.forwardRef(({ className: a, isActive: r, ...e }, o) => /* @__PURE__ */ t(
-  "li",
-  {
-    ref: o,
-    "data-sidebar": "menu-sub-item",
-    className: l("group/menu-sub-item relative", a),
-    ...e
-  }
-));
-T.displayName = "SidebarMenuSubItem";
-const G = n.forwardRef(({ asChild: a = !1, size: r = "md", isActive: e, className: o, ...i }, s) => /* @__PURE__ */ t(
-  a ? N : "a",
-  {
-    ref: s,
-    "data-sidebar": "menu-sub-button",
-    "data-size": r,
-    "data-active": e,
-    className: l(
-      "relative flex h-auto min-w-0 items-center gap-2 overflow-visible py-[14px] px-5 text-navigation-foreground outline-none transition-colors hover:bg-navigation-item-hover focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 cursor-pointer [&>span]:truncate [&>span]:shrink [&>span]:text-[14px] [&>span]:whitespace-nowrap [&>svg]:size-4 [&>svg]:shrink-0",
-      "data-[active=true]:font-medium data-[active=true]:text-success",
-      "group-data-[state=collapsed]:hidden",
-      "before:absolute before:left-0 before:top-0 before:w-1 before:transition-all before:duration-200 before:h-full before:z-10",
-      "group-first/menu-sub-item:before:rounded-tr-[4px] group-last/menu-sub-item:before:rounded-br-[4px]",
-      e ? "before:bg-success" : "before:bg-navigation-item-active",
-      o
-    ),
-    ...i,
-    children: i.children
-  }
-));
-G.displayName = "SidebarMenuSubButton";
-export {
-  ee as Sidebar,
-  de as SidebarContent,
-  oe as SidebarFooter,
-  le as SidebarGroup,
-  ce as SidebarGroupAction,
-  be as SidebarGroupContent,
-  ue as SidebarGroupLabel,
-  ie as SidebarHeader,
-  ne as SidebarInput,
-  re as SidebarInset,
-  fe as SidebarLogout,
-  O as SidebarMenu,
-  me as SidebarMenuAction,
-  ge as SidebarMenuBadge,
-  R as SidebarMenuButton,
-  D as SidebarMenuCollapsible,
-  M as SidebarMenuItem,
-  E as SidebarMenuLabel,
-  ve as SidebarMenuSkeleton,
-  L as SidebarMenuSub,
-  G as SidebarMenuSubButton,
-  T as SidebarMenuSubItem,
-  Z as SidebarProvider,
-  te as SidebarRail,
-  se as SidebarSeparator,
-  ae as SidebarTrigger,
-  S as useSidebar
-};