@mayor_grd/centry-ui 0.1.0

package/dist/components/ui/sidebar.js

@@ -0,0 +1,541 @@
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import * as i from "react";
+import { Slot as x } from "@radix-ui/react-slot";
+import { cva as _ } from "class-variance-authority";
+import { cn as o } from "../../lib/utils.js";
+import { Sheet as I, SheetContent as k } from "./sheet.js";
+import { Separator as E } from "./separator.js";
+import { Tooltip as B, TooltipTrigger as z, TooltipContent as T, TooltipProvider as A } from "./tooltip.js";
+import { Input as D } from "./input.js";
+const O = "sidebar_state", G = 3600 * 24 * 7, L = "280px", j = "72px", H = "18rem", K = "b", R = i.createContext(null);
+function y() {
+  const a = i.useContext(R);
+  if (!a)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return a;
+}
+function P(a = 768) {
+  const [e, t] = i.useState(!1);
+  return i.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${a - 1}px)`), d = () => t(s.matches);
+    return s.addEventListener("change", d), t(s.matches), () => s.removeEventListener("change", d);
+  }, [a]), e;
+}
+const $ = i.forwardRef(
+  ({
+    defaultOpen: a = !0,
+    open: e,
+    onOpenChange: t,
+    className: s,
+    style: d,
+    children: n,
+    ...u
+  }, m) => {
+    const c = P(), [f, p] = i.useState(!1), [v, N] = i.useState(a), g = e ?? v, w = i.useCallback(
+      (l) => {
+        const b = typeof l == "function" ? l(g) : l;
+        t ? t(b) : N(b), document.cookie = `${O}=${b}; path=/; max-age=${G}`;
+      },
+      [t, g]
+    ), S = i.useCallback(() => c ? p((l) => !l) : w((l) => !l), [c, w]);
+    i.useEffect(() => {
+      const l = (b) => {
+        b.key === K && (b.metaKey || b.ctrlKey) && (b.preventDefault(), S());
+      };
+      return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+    }, [S]);
+    const M = g ? "expanded" : "collapsed", C = i.useMemo(
+      () => ({
+        state: M,
+        open: g,
+        setOpen: w,
+        isMobile: c,
+        openMobile: f,
+        setOpenMobile: p,
+        toggleSidebar: S
+      }),
+      [M, g, w, c, f, p, S]
+    );
+    return /* @__PURE__ */ r(R.Provider, { value: C, children: /* @__PURE__ */ r(A, { delayDuration: 0, children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: m,
+        style: {
+          "--sidebar-width": L,
+          "--sidebar-width-icon": j,
+          ...d
+        },
+        className: o(
+          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-bg-sidebar",
+          s
+        ),
+        ...u,
+        children: n
+      }
+    ) }) });
+  }
+);
+$.displayName = "SidebarProvider";
+const W = i.forwardRef(
+  ({
+    side: a = "left",
+    variant: e = "sidebar",
+    collapsible: t = "offcanvas",
+    className: s,
+    children: d,
+    ...n
+  }, u) => {
+    const { isMobile: m, state: c, openMobile: f, setOpenMobile: p } = y();
+    return t === "none" ? /* @__PURE__ */ r(
+      "div",
+      {
+        ref: u,
+        className: o(
+          "flex h-full w-(--sidebar-width) flex-col bg-bg-sidebar text-text-sidebar",
+          s
+        ),
+        ...n,
+        children: d
+      }
+    ) : m ? /* @__PURE__ */ r(I, { open: f, onOpenChange: p, children: /* @__PURE__ */ r(
+      k,
+      {
+        "data-sidebar": "sidebar",
+        "data-mobile": "true",
+        className: "w-(--sidebar-width) bg-bg-sidebar p-0 text-text-sidebar [&>button]:hidden",
+        style: { "--sidebar-width": H },
+        side: a,
+        children: /* @__PURE__ */ r("div", { className: "flex h-full w-full flex-col", children: d })
+      }
+    ) }) : /* @__PURE__ */ h(
+      "div",
+      {
+        ref: u,
+        className: "group peer hidden md:block",
+        "data-state": c,
+        "data-collapsible": c === "collapsed" ? t : "",
+        "data-variant": e,
+        "data-side": a,
+        children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: o(
+                "relative h-svh w-(--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)"
+              )
+            }
+          ),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: o(
+                "fixed inset-y-0 z-10 hidden h-svh w-(--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)]",
+                "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[collapsible=icon]:overflow-hidden",
+                e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[side=left]:border-r group-data-[side=right]:border-l border-border-default",
+                s
+              ),
+              ...n,
+              children: /* @__PURE__ */ r(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: o(
+                    "flex h-full w-full flex-col bg-bg-sidebar text-text-sidebar",
+                    e === "floating" || e === "inset" ? "rounded-lg border border-border-default shadow-card" : ""
+                  ),
+                  children: d
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+W.displayName = "Sidebar";
+const q = i.forwardRef(({ className: a, onClick: e, ...t }, s) => {
+  const { toggleSidebar: d } = y();
+  return /* @__PURE__ */ h(
+    "button",
+    {
+      ref: s,
+      "data-sidebar": "trigger",
+      className: o("h-7 w-7", a),
+      onClick: (n) => {
+        e == null || e(n), d();
+      },
+      ...t,
+      children: [
+        /* @__PURE__ */ h(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "size-4",
+            children: [
+              /* @__PURE__ */ r("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+              /* @__PURE__ */ r("path", { d: "M9 3v18" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+});
+q.displayName = "SidebarTrigger";
+const V = i.forwardRef(({ className: a, ...e }, t) => {
+  const { toggleSidebar: s } = y();
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ref: t,
+      "data-sidebar": "rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: s,
+      title: "Toggle Sidebar",
+      className: o(
+        "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-border-strong 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-bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        a
+      ),
+      ...e
+    }
+  );
+});
+V.displayName = "SidebarRail";
+const F = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "main",
+    {
+      ref: t,
+      className: o(
+        "relative flex min-h-svh flex-1 flex-col bg-bg-canvas",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] 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-card",
+        a
+      ),
+      ...e
+    }
+  )
+);
+F.displayName = "SidebarInset";
+const U = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  D,
+  {
+    ref: t,
+    "data-sidebar": "input",
+    className: o(
+      "h-8 w-full bg-bg-canvas shadow-none focus-visible:ring-2 focus-visible:ring-focus-ring",
+      a
+    ),
+    ...e
+  }
+));
+U.displayName = "SidebarInput";
+const X = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "header",
+      className: o("flex flex-col gap-2 p-2", a),
+      ...e
+    }
+  )
+);
+X.displayName = "SidebarHeader";
+const Y = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "footer",
+      className: o("flex flex-col gap-2 p-2", a),
+      ...e
+    }
+  )
+);
+Y.displayName = "SidebarFooter";
+const J = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  E,
+  {
+    ref: t,
+    "data-sidebar": "separator",
+    className: o("mx-2 w-auto bg-border-muted", a),
+    ...e
+  }
+));
+J.displayName = "SidebarSeparator";
+const Q = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "content",
+      className: o(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        a
+      ),
+      ...e
+    }
+  )
+);
+Q.displayName = "SidebarContent";
+const Z = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "group",
+      className: o("relative flex w-full min-w-0 flex-col p-2", a),
+      ...e
+    }
+  )
+);
+Z.displayName = "SidebarGroup";
+const ee = i.forwardRef(({ className: a, asChild: e = !1, ...t }, s) => /* @__PURE__ */ r(
+  e ? x : "div",
+  {
+    ref: s,
+    "data-sidebar": "group-label",
+    className: o(
+      "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-text-muted outline-none ring-focus-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
+    ),
+    ...t
+  }
+));
+ee.displayName = "SidebarGroupLabel";
+const ae = i.forwardRef(({ className: a, asChild: e = !1, ...t }, s) => /* @__PURE__ */ r(
+  e ? x : "button",
+  {
+    ref: s,
+    "data-sidebar": "group-action",
+    className: o(
+      "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-text-secondary outline-none ring-focus-ring transition-transform hover:bg-bg-accent hover:text-text-primary focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      "after:absolute after:-inset-2 after:md:hidden",
+      "group-data-[collapsible=icon]:hidden",
+      a
+    ),
+    ...t
+  }
+));
+ae.displayName = "SidebarGroupAction";
+const te = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "group-content",
+      className: o("w-full text-sm", a),
+      ...e
+    }
+  )
+);
+te.displayName = "SidebarGroupContent";
+const re = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "ul",
+    {
+      ref: t,
+      "data-sidebar": "menu",
+      className: o("flex w-full min-w-0 flex-col gap-1", a),
+      ...e
+    }
+  )
+);
+re.displayName = "SidebarMenu";
+const ie = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "li",
+    {
+      ref: t,
+      "data-sidebar": "menu-item",
+      className: o("group/menu-item relative", a),
+      ...e
+    }
+  )
+);
+ie.displayName = "SidebarMenuItem";
+const se = _(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-focus-ring transition-[width,height,padding] hover:bg-bg-sidebar-accent hover:text-text-sidebar active:bg-bg-sidebar-accent active:text-text-sidebar 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-bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-text-sidebar data-[state=open]:hover:bg-bg-sidebar-accent data-[state=open]:hover:text-text-sidebar group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-bg-sidebar-accent hover:text-text-sidebar",
+        outline: "bg-bg-canvas shadow-input hover:bg-bg-sidebar-accent hover:text-text-sidebar hover:shadow-none"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), oe = i.forwardRef(
+  ({ asChild: a = !1, isActive: e = !1, variant: t, size: s, tooltip: d, className: n, ...u }, m) => {
+    const c = a ? x : "button", { isMobile: f, state: p } = y(), v = /* @__PURE__ */ r(
+      c,
+      {
+        ref: m,
+        "data-sidebar": "menu-button",
+        "data-size": s,
+        "data-active": e,
+        className: o(se({ variant: t, size: s }), n),
+        ...u
+      }
+    );
+    return d ? /* @__PURE__ */ h(B, { children: [
+      /* @__PURE__ */ r(z, { asChild: !0, children: v }),
+      /* @__PURE__ */ r(
+        T,
+        {
+          side: "right",
+          align: "center",
+          hidden: p !== "collapsed" || f,
+          ...typeof d == "string" ? { children: d } : d
+        }
+      )
+    ] }) : v;
+  }
+);
+oe.displayName = "SidebarMenuButton";
+const de = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...s }, d) => /* @__PURE__ */ r(
+  e ? x : "button",
+  {
+    ref: d,
+    "data-sidebar": "menu-action",
+    className: o(
+      "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-text-secondary outline-none ring-focus-ring transition-transform hover:bg-bg-accent hover:text-text-primary focus-visible:ring-2 peer-hover/menu-button:text-text-primary [&>svg]:size-4 [&>svg]:shrink-0",
+      "after:absolute after:-inset-2 after:md:hidden",
+      "group-data-[collapsible=icon]:hidden",
+      t && "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-text-primary md:opacity-0",
+      a
+    ),
+    ...s
+  }
+));
+de.displayName = "SidebarMenuAction";
+const ne = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "menu-badge",
+      className: o(
+        "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-text-secondary",
+        "peer-hover/menu-button:text-text-primary peer-data-[active=true]/menu-button:text-text-primary",
+        "group-data-[collapsible=icon]:hidden",
+        a
+      ),
+      ...e
+    }
+  )
+);
+ne.displayName = "SidebarMenuBadge";
+const le = i.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
+    "ul",
+    {
+      ref: t,
+      "data-sidebar": "menu-sub",
+      className: o(
+        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border-muted px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        a
+      ),
+      ...e
+    }
+  )
+);
+le.displayName = "SidebarMenuSub";
+const ce = i.forwardRef(
+  ({ ...a }, e) => /* @__PURE__ */ r("li", { ref: e, ...a })
+);
+ce.displayName = "SidebarMenuSubItem";
+const be = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: s, ...d }, n) => /* @__PURE__ */ r(
+  a ? x : "a",
+  {
+    ref: n,
+    "data-sidebar": "menu-sub-button",
+    "data-size": e,
+    "data-active": t,
+    className: o(
+      "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-text-secondary outline-none ring-focus-ring hover:bg-bg-sidebar-accent hover:text-text-sidebar focus-visible:ring-2 active:bg-bg-sidebar-accent active:text-text-sidebar 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-icon-sidebar",
+      "data-[active=true]:bg-bg-sidebar-accent data-[active=true]:text-text-sidebar",
+      e === "sm" && "text-xs",
+      e === "md" && "text-sm",
+      "group-data-[collapsible=icon]:hidden",
+      s
+    ),
+    ...d
+  }
+));
+be.displayName = "SidebarMenuSubButton";
+const ue = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, s) => {
+  const d = i.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: s,
+      "data-sidebar": "menu-skeleton",
+      className: o("flex h-8 items-center gap-2 rounded-md px-2", a),
+      ...t,
+      children: [
+        e && /* @__PURE__ */ r("div", { className: "size-4 rounded-md bg-bg-muted animate-pulse" }),
+        /* @__PURE__ */ r("div", { className: "h-4 max-w-(--skeleton-width) flex-1 rounded-md bg-bg-muted animate-pulse", style: { "--skeleton-width": d } })
+      ]
+    }
+  );
+});
+ue.displayName = "SidebarMenuSkeleton";
+export {
+  W as Sidebar,
+  Q as SidebarContent,
+  Y as SidebarFooter,
+  Z as SidebarGroup,
+  ae as SidebarGroupAction,
+  te as SidebarGroupContent,
+  ee as SidebarGroupLabel,
+  X as SidebarHeader,
+  U as SidebarInput,
+  F as SidebarInset,
+  re as SidebarMenu,
+  de as SidebarMenuAction,
+  ne as SidebarMenuBadge,
+  oe as SidebarMenuButton,
+  ie as SidebarMenuItem,
+  ue as SidebarMenuSkeleton,
+  le as SidebarMenuSub,
+  be as SidebarMenuSubButton,
+  ce as SidebarMenuSubItem,
+  $ as SidebarProvider,
+  V as SidebarRail,
+  J as SidebarSeparator,
+  q as SidebarTrigger,
+  se as sidebarMenuButtonVariants,
+  y as useSidebar
+};
+//# sourceMappingURL=sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport { Sheet, SheetContent } from './sheet';\nimport { Separator } from './separator';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip';\nimport { Input } from './input';\n\n// ── Constants ──────────────────────────────────────────────────────────────\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7; // 7 days\nconst SIDEBAR_WIDTH = '280px';\nconst SIDEBAR_WIDTH_ICON = '72px';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\n// ── Context ────────────────────────────────────────────────────────────────\n\ntype SidebarContextValue = {\n  state: 'expanded' | 'collapsed';\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContextValue | null>(null);\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n  return context;\n}\n\n// ── useIsMobile hook ───────────────────────────────────────────────────────\n\nfunction useIsMobile(breakpoint = 768) {\n  const [isMobile, setIsMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n    const onChange = () => setIsMobile(mql.matches);\n    mql.addEventListener('change', onChange);\n    setIsMobile(mql.matches);\n    return () => mql.removeEventListener('change', onChange);\n  }, [breakpoint]);\n\n  return isMobile;\n}\n\n// ── Provider ───────────────────────────────────────────────────────────────\n\ninterface SidebarProviderProps extends React.ComponentProps<'div'> {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = React.useState(false);\n\n    // Controlled or uncontrolled\n    const [_open, _setOpen] = React.useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === 'function' ? value(open) : value;\n        if (setOpenProp) {\n          setOpenProp(openState);\n        } else {\n          _setOpen(openState);\n        }\n        // Persist to cookie\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n      },\n      [setOpenProp, open]\n    );\n\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile ? setOpenMobile((prev) => !prev) : setOpen((prev) => !prev);\n    }, [isMobile, setOpen]);\n\n    // Keyboard shortcut\n    React.useEffect(() => {\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {\n          e.preventDefault();\n          toggleSidebar();\n        }\n      };\n      window.addEventListener('keydown', handleKeyDown);\n      return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = React.useMemo<SidebarContextValue>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n      }),\n      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            ref={ref}\n            style={\n              {\n                '--sidebar-width': SIDEBAR_WIDTH,\n                '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              'group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-bg-sidebar',\n              className\n            )}\n            {...props}\n          >\n            {children}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    );\n  }\n);\nSidebarProvider.displayName = 'SidebarProvider';\n\n// ── Sidebar ────────────────────────────────────────────────────────────────\n\ninterface SidebarProps extends React.ComponentProps<'div'> {\n  side?: 'left' | 'right';\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n  (\n    {\n      side = 'left',\n      variant = 'sidebar',\n      collapsible = 'offcanvas',\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            'flex h-full w-(--sidebar-width) flex-col bg-bg-sidebar text-text-sidebar',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    if (isMobile) {\n      return (\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"w-(--sidebar-width) bg-bg-sidebar p-0 text-text-sidebar [&>button]:hidden\"\n            style={{ '--sidebar-width': SIDEBAR_WIDTH_MOBILE } as React.CSSProperties}\n            side={side}\n          >\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className=\"group peer hidden md:block\"\n        data-state={state}\n        data-collapsible={state === 'collapsed' ? collapsible : ''}\n        data-variant={variant}\n        data-side={side}\n      >\n        {/* Gap placeholder */}\n        <div\n          className={cn(\n            'relative h-svh w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n            'group-data-[collapsible=offcanvas]:w-0',\n            'group-data-[side=right]:rotate-180',\n            variant === 'floating' || variant === 'inset'\n              ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n              : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n          )}\n        />\n        <div\n          className={cn(\n            'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n            side === 'left'\n              ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n              : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n            'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[collapsible=icon]:overflow-hidden',\n            variant === 'floating' || variant === 'inset'\n              ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n              : 'group-data-[side=left]:border-r group-data-[side=right]:border-l border-border-default',\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            className={cn(\n              'flex h-full w-full flex-col bg-bg-sidebar text-text-sidebar',\n              variant === 'floating' || variant === 'inset'\n                ? 'rounded-lg border border-border-default shadow-card'\n                : ''\n            )}\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\nSidebar.displayName = 'Sidebar';\n\n// ── Trigger ────────────────────────────────────────────────────────────────\n\nconst SidebarTrigger = React.forwardRef<\n  React.ComponentRef<'button'>,\n  React.ComponentProps<'button'>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"trigger\"\n      className={cn('h-7 w-7', className)}\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className=\"size-4\"\n      >\n        <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n        <path d=\"M9 3v18\" />\n      </svg>\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </button>\n  );\n});\nSidebarTrigger.displayName = 'SidebarTrigger';\n\n// ── Rail ───────────────────────────────────────────────────────────────────\n\nconst SidebarRail = React.forwardRef<\n  React.ComponentRef<'button'>,\n  React.ComponentProps<'button'>\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        '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-border-strong group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex',\n        '[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize',\n        '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-bg-sidebar',\n        '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarRail.displayName = 'SidebarRail';\n\n// ── Inset ──────────────────────────────────────────────────────────────────\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<'main'>>(\n  ({ className, ...props }, ref) => (\n    <main\n      ref={ref}\n      className={cn(\n        'relative flex min-h-svh flex-1 flex-col bg-bg-canvas',\n        'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] 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-card',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nSidebarInset.displayName = 'SidebarInset';\n\n// ── Input ──────────────────────────────────────────────────────────────────\n\nconst SidebarInput = React.forwardRef<\n  React.ComponentRef<typeof Input>,\n  React.ComponentPropsWithoutRef<typeof Input>\n>(({ className, ...props }, ref) => (\n  <Input\n    ref={ref}\n    data-sidebar=\"input\"\n    className={cn(\n      'h-8 w-full bg-bg-canvas shadow-none focus-visible:ring-2 focus-visible:ring-focus-ring',\n      className\n    )}\n    {...props}\n  />\n));\nSidebarInput.displayName = 'SidebarInput';\n\n// ── Header / Footer / Content ──────────────────────────────────────────────\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  )\n);\nSidebarHeader.displayName = 'SidebarHeader';\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  )\n);\nSidebarFooter.displayName = 'SidebarFooter';\n\nconst SidebarSeparator = React.forwardRef<\n  React.ComponentRef<typeof Separator>,\n  React.ComponentPropsWithoutRef<typeof Separator>\n>(({ className, ...props }, ref) => (\n  <Separator\n    ref={ref}\n    data-sidebar=\"separator\"\n    className={cn('mx-2 w-auto bg-border-muted', className)}\n    {...props}\n  />\n));\nSidebarSeparator.displayName = 'SidebarSeparator';\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nSidebarContent.displayName = 'SidebarContent';\n\n// ── Group ──────────────────────────────────────────────────────────────────\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n      {...props}\n    />\n  )\n);\nSidebarGroup.displayName = 'SidebarGroup';\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'div';\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-text-muted outline-none ring-focus-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n        'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupLabel.displayName = 'SidebarGroupLabel';\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        'absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-text-secondary outline-none ring-focus-ring transition-transform hover:bg-bg-accent hover:text-text-primary focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n        'after:absolute after:-inset-2 after:md:hidden',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupAction.displayName = 'SidebarGroupAction';\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"group-content\"\n      className={cn('w-full text-sm', className)}\n      {...props}\n    />\n  )\n);\nSidebarGroupContent.displayName = 'SidebarGroupContent';\n\n// ── Menu ───────────────────────────────────────────────────────────────────\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu\"\n      className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n      {...props}\n    />\n  )\n);\nSidebarMenu.displayName = 'SidebarMenu';\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      data-sidebar=\"menu-item\"\n      className={cn('group/menu-item relative', className)}\n      {...props}\n    />\n  )\n);\nSidebarMenuItem.displayName = 'SidebarMenuItem';\n\nconst sidebarMenuButtonVariants = cva(\n  'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-focus-ring transition-[width,height,padding] hover:bg-bg-sidebar-accent hover:text-text-sidebar active:bg-bg-sidebar-accent active:text-text-sidebar 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-bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-text-sidebar data-[state=open]:hover:bg-bg-sidebar-accent data-[state=open]:hover:text-text-sidebar group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-bg-sidebar-accent hover:text-text-sidebar',\n        outline:\n          'bg-bg-canvas shadow-input hover:bg-bg-sidebar-accent hover:text-text-sidebar hover:shadow-none',\n      },\n      size: {\n        default: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-sm group-data-[collapsible=icon]:!p-0',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\ninterface SidebarMenuButtonProps\n  extends React.ComponentProps<'button'>,\n    VariantProps<typeof sidebarMenuButtonVariants> {\n  asChild?: boolean;\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n}\n\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  ({ asChild = false, isActive = false, variant, size, tooltip, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n    const { isMobile, state } = useSidebar();\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    );\n\n    if (!tooltip) return button;\n\n    const tooltipProps = typeof tooltip === 'string' ? { children: tooltip } : tooltip;\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== 'collapsed' || isMobile}\n          {...tooltipProps}\n        />\n      </Tooltip>\n    );\n  }\n);\nSidebarMenuButton.displayName = 'SidebarMenuButton';\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & { asChild?: boolean; showOnHover?: boolean }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        'absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-text-secondary outline-none ring-focus-ring transition-transform hover:bg-bg-accent hover:text-text-primary focus-visible:ring-2 peer-hover/menu-button:text-text-primary [&>svg]:size-4 [&>svg]:shrink-0',\n        'after:absolute after:-inset-2 after:md:hidden',\n        'group-data-[collapsible=icon]:hidden',\n        showOnHover &&\n          '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-text-primary md:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuAction.displayName = 'SidebarMenuAction';\n\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        '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-text-secondary',\n        'peer-hover/menu-button:text-text-primary peer-data-[active=true]/menu-button:text-text-primary',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nSidebarMenuBadge.displayName = 'SidebarMenuBadge';\n\n// ── Sub-menu ───────────────────────────────────────────────────────────────\n\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border-muted px-2.5 py-0.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nSidebarMenuSub.displayName = 'SidebarMenuSub';\n\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ ...props }, ref) => <li ref={ref} {...props} />\n);\nSidebarMenuSubItem.displayName = 'SidebarMenuSubItem';\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<'a'> & { asChild?: boolean; size?: 'sm' | 'md'; isActive?: boolean }\n>(({ asChild = false, size = 'md', isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a';\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        'flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-text-secondary outline-none ring-focus-ring hover:bg-bg-sidebar-accent hover:text-text-sidebar focus-visible:ring-2 active:bg-bg-sidebar-accent active:text-text-sidebar 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-icon-sidebar',\n        'data-[active=true]:bg-bg-sidebar-accent data-[active=true]:text-text-sidebar',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuSubButton.displayName = 'SidebarMenuSubButton';\n\n// ── Skeleton ───────────────────────────────────────────────────────────────\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { showIcon?: boolean }\n>(({ className, showIcon = false, ...props }, ref) => {\n  const width = React.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}\n      {...props}\n    >\n      {showIcon && <div className=\"size-4 rounded-md bg-bg-muted animate-pulse\" />}\n      <div className=\"h-4 max-w-(--skeleton-width) flex-1 rounded-md bg-bg-muted animate-pulse\" style={{ '--skeleton-width': width } as React.CSSProperties} />\n    </div>\n  );\n});\nSidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton';\n\n// ── Exports ────────────────────────────────────────────────────────────────\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n  sidebarMenuButtonVariants,\n};\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","SIDEBAR_WIDTH_MOBILE","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","useIsMobile","breakpoint","isMobile","setIsMobile","mql","onChange","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","prev","handleKeyDown","e","state","contextValue","jsx","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","jsxs","SidebarTrigger","onClick","event","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton","SidebarMenuSkeleton","showIcon","width"],"mappings":"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"}

package/dist/components/ui/skeleton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),u=require("../../lib/utils.cjs");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=s(a),o=i.forwardRef(({className:e,...n},t)=>c.jsx("div",{ref:t,className:u.cn("animate-pulse rounded-md bg-bg-muted",e),...n}));o.displayName="Skeleton";exports.Skeleton=o;
+//# sourceMappingURL=skeleton.cjs.map

package/dist/components/ui/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.cjs","sources":["../../../src/components/ui/skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst Skeleton = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('animate-pulse rounded-md bg-bg-muted', className)}\n      {...props}\n    />\n  )\n);\nSkeleton.displayName = 'Skeleton';\n\nexport { Skeleton };\n"],"names":["Skeleton","React","className","props","ref","jsx","cn"],"mappings":"mcAGMA,EAAWC,EAAM,WACrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,uCAAwCJ,CAAS,EAC9D,GAAGC,CAAA,CAAA,CAGV,EACAH,EAAS,YAAc"}

package/dist/components/ui/skeleton.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const Skeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/ui/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,QAAQ,6GAQb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/skeleton.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as a } from "../../lib/utils.js";
+const d = t.forwardRef(
+  ({ className: e, ...o }, m) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: m,
+      className: a("animate-pulse rounded-md bg-bg-muted", e),
+      ...o
+    }
+  )
+);
+d.displayName = "Skeleton";
+export {
+  d as Skeleton
+};
+//# sourceMappingURL=skeleton.js.map