@shellui/core 0.0.4 → 0.0.5

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as s, t, v as n, w as a, u as C, x as i } from "./index-lmRk5L6z.js";
+import { A as s, t, v as n, w as a, u as C, x as i } from "./index-PsePV0Ng.js";
 import { default as r } from "./constants/urls.js";
 export {
   s as App,

package/dist/{sidebar-ClIeZ2zb.js → sidebar-Cvm_uv4l.js}

@@ -1,30 +1,30 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as i, useState as f, useCallback as v, createContext as x, useContext as h } from "react";
-import { Slot as d } from "@radix-ui/react-slot";
+import { Slot as l } from "@radix-ui/react-slot";
 import { cva as S } from "class-variance-authority";
-import { c as s, Z as y } from "./index-lmRk5L6z.js";
-const p = x(void 0), c = () => {
-  const e = h(p);
+import { c as o, Z as y } from "./index-PsePV0Ng.js";
+const m = x(void 0), u = () => {
+  const e = h(m);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return e;
 }, K = ({ children: e }) => {
-  const [r, a] = f(!1), o = v(() => {
+  const [r, a] = f(!1), s = v(() => {
     a((n) => !n);
   }, []);
-  return /* @__PURE__ */ t(p.Provider, { value: { isCollapsed: r, toggle: o }, children: e });
+  return /* @__PURE__ */ t(m.Provider, { value: { isCollapsed: r, toggle: s }, children: e });
 }, N = i(
   ({ className: e, ...r }, a) => {
-    const { isCollapsed: o } = c();
+    const { isCollapsed: s } = u();
     return /* @__PURE__ */ t(
       "div",
       {
         ref: a,
         "data-sidebar": "sidebar",
-        "data-collapsed": o,
-        className: s(
+        "data-collapsed": s,
+        className: o(
           "flex h-full flex-col gap-2 border-r bg-sidebar-background p-2 text-sidebar-foreground transition-all duration-300 ease-in-out overflow-hidden",
-          o ? "w-0 border-r-0 p-0" : "w-64",
+          s ? "w-0 border-r-0 p-0" : "w-64",
           e
         ),
         ...r
@@ -33,73 +33,106 @@ const p = x(void 0), c = () => {
   }
 );
 N.displayName = "Sidebar";
-const w = i(
+const w = () => /* @__PURE__ */ d(
+  "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: "h-5 w-5 transition-transform duration-300",
+    "aria-hidden": !0,
+    children: [
+      /* @__PURE__ */ t("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ t("path", { d: "M9 3v18" }),
+      /* @__PURE__ */ t("path", { d: "m14 9 3 3-3 3" })
+    ]
+  }
+), C = () => /* @__PURE__ */ d(
+  "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: "h-5 w-5 transition-transform duration-300",
+    "aria-hidden": !0,
+    children: [
+      /* @__PURE__ */ t("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ t("path", { d: "M9 3v18" }),
+      /* @__PURE__ */ t("path", { d: "m16 15-3-3 3-3" })
+    ]
+  }
+), M = i(
   ({ className: e, ...r }, a) => {
-    const { toggle: o, isCollapsed: n } = c();
+    const { toggle: s, isCollapsed: n } = u();
     return /* @__PURE__ */ t(
       "button",
       {
         ref: a,
-        onClick: o,
-        className: s(
+        onClick: s,
+        className: o(
           "relative flex items-center justify-center rounded-md p-2 text-foreground transition-colors hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring shadow-lg backdrop-blur-md cursor-pointer bg-background/95 border border-border",
           e
         ),
         "aria-label": n ? "Expand sidebar" : "Collapse sidebar",
         style: { zIndex: y.SIDEBAR_TRIGGER },
         ...r,
-        children: /* @__PURE__ */ t(
-          "img",
-          {
-            src: n ? "/icons/panel-left.svg" : "/icons/panel-left-closed.svg",
-            alt: "",
-            className: "h-5 w-5 transition-transform duration-300"
-          }
-        )
+        children: n ? /* @__PURE__ */ t(w, {}) : /* @__PURE__ */ t(C, {})
       }
     );
   }
 );
-w.displayName = "SidebarTrigger";
-const C = i(
+M.displayName = "SidebarTrigger";
+const k = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "div",
     {
       ref: a,
-      className: s("flex flex-col gap-2 p-2", e),
+      className: o("flex flex-col gap-2 p-2", e),
       ...r
     }
   )
 );
-C.displayName = "SidebarHeader";
-const M = i(
+k.displayName = "SidebarHeader";
+const I = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "div",
     {
       ref: a,
-      className: s("flex flex-1 flex-col gap-2 overflow-auto", e),
+      className: o("flex flex-1 flex-col gap-2 overflow-auto", e),
       ...r
     }
   )
 );
-M.displayName = "SidebarContent";
-const k = i(
+I.displayName = "SidebarContent";
+const B = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "div",
     {
       ref: a,
-      className: s("flex flex-col gap-2 p-2", e),
+      className: o("flex flex-col gap-2 p-2", e),
       ...r
     }
   )
 );
-k.displayName = "SidebarFooter";
+B.displayName = "SidebarFooter";
 const G = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "div",
     {
       ref: a,
-      className: s("group/sidebar-group", e),
+      className: o("group/sidebar-group", e),
       ...r
     }
   )
@@ -110,7 +143,7 @@ const _ = i(
     "div",
     {
       ref: a,
-      className: s(
+      className: o(
         "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         e
       ),
@@ -120,30 +153,30 @@ const _ = i(
   )
 );
 _.displayName = "SidebarGroupLabel";
-const I = i(({ className: e, asChild: r = !1, ...a }, o) => /* @__PURE__ */ t(
-  r ? d : "button",
+const j = i(({ className: e, asChild: r = !1, ...a }, s) => /* @__PURE__ */ t(
+  r ? l : "button",
   {
-    ref: o,
-    className: s(
+    ref: s,
+    className: o(
       "absolute right-2 top-1/2 -translate-y-1/2 rounded-md p-1.5 text-sidebar-foreground outline-none ring-sidebar-ring transition-opacity hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:opacity-100 focus-visible:ring-2 group-hover/sidebar-group:opacity-100 peer-data-[size=sm]/sidebar-group-action:opacity-0 [&>svg]:size-4 [&>svg]:shrink-0",
       e
     ),
     ...a
   }
 ));
-I.displayName = "SidebarGroupAction";
-const B = i(
+j.displayName = "SidebarGroupAction";
+const L = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "div",
     {
       ref: a,
-      className: s("w-full text-sm", e),
+      className: o("w-full text-sm", e),
       ...r
     }
   )
 );
-B.displayName = "SidebarGroupContent";
-const j = S(
+L.displayName = "SidebarGroupContent";
+const z = S(
   "flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:bg-sidebar-accent focus-visible:text-sidebar-accent-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground",
   {
     variants: {
@@ -162,52 +195,52 @@ const j = S(
       size: "default"
     }
   }
-), z = i(({ className: e, variant: r, size: a, asChild: o = !1, isActive: n, children: l, ...u }, g) => {
-  const { isCollapsed: b } = c();
+), A = i(({ className: e, variant: r, size: a, asChild: s = !1, isActive: n, children: c, ...b }, g) => {
+  const { isCollapsed: p } = u();
   return /* @__PURE__ */ t(
-    o ? d : "button",
+    s ? l : "button",
     {
       ref: g,
       "data-active": n,
-      "data-collapsed": b,
-      className: s(
-        j({ variant: r, size: a }),
-        b && "justify-center",
+      "data-collapsed": p,
+      className: o(
+        z({ variant: r, size: a }),
+        p && "justify-center",
         e
       ),
-      ...u,
-      children: l
+      ...b,
+      children: c
     }
   );
 });
-z.displayName = "SidebarMenuButton";
-const A = i(
+A.displayName = "SidebarMenuButton";
+const E = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "ul",
     {
       ref: a,
-      className: s("flex w-full min-w-0 flex-col gap-1", e),
+      className: o("flex w-full min-w-0 flex-col gap-1", e),
       ...r
     }
   )
 );
-A.displayName = "SidebarMenu";
-const E = i(
+E.displayName = "SidebarMenu";
+const P = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "li",
     {
       ref: a,
-      className: s("group/menu-item relative", e),
+      className: o("group/menu-item relative", e),
       ...r
     }
   )
 );
-E.displayName = "SidebarMenuItem";
-const R = i(({ className: e, asChild: r = !1, ...a }, o) => /* @__PURE__ */ t(
-  r ? d : "button",
+P.displayName = "SidebarMenuItem";
+const R = i(({ className: e, asChild: r = !1, ...a }, s) => /* @__PURE__ */ t(
+  r ? l : "button",
   {
-    ref: o,
-    className: s(
+    ref: s,
+    className: o(
       "absolute right-2 top-1/2 flex -translate-y-1/2 items-center justify-center rounded-md p-1 text-sidebar-foreground opacity-0 transition-opacity group-hover/menu-item:opacity-100 group-focus/menu-item:opacity-100 [&:has(~:hover)]:opacity-100 [&:has(~:focus)]:opacity-100",
       e
     ),
@@ -220,7 +253,7 @@ const F = i(
     "div",
     {
       ref: a,
-      className: s(
+      className: o(
         "absolute right-2 top-1/2 flex -translate-y-1/2 items-center justify-center rounded-md px-1.5 py-0.5 text-xs font-medium tabular-nums text-sidebar-foreground",
         e
       ),
@@ -229,28 +262,28 @@ const F = i(
   )
 );
 F.displayName = "SidebarMenuBadge";
-const P = i(({ className: e, showIcon: r = !1, ...a }, o) => /* @__PURE__ */ m(
+const T = i(({ className: e, showIcon: r = !1, ...a }, s) => /* @__PURE__ */ d(
   "div",
   {
-    ref: o,
-    className: s("flex items-center gap-2 px-2 py-1.5", e),
+    ref: s,
+    className: o("flex items-center gap-2 px-2 py-1.5", e),
     ...a,
     children: [
       r && /* @__PURE__ */ t("div", { className: "flex h-4 w-4 rounded-md bg-sidebar-primary/10" }),
-      /* @__PURE__ */ m("div", { className: "flex flex-1 flex-col gap-1.5", children: [
+      /* @__PURE__ */ d("div", { className: "flex flex-1 flex-col gap-1.5", children: [
         /* @__PURE__ */ t("div", { className: "h-2.5 w-16 rounded-md bg-sidebar-primary/10" }),
         /* @__PURE__ */ t("div", { className: "h-2.5 w-24 rounded-md bg-sidebar-primary/10" })
       ] })
     ]
   }
 ));
-P.displayName = "SidebarMenuSkeleton";
-const T = i(
+T.displayName = "SidebarMenuSkeleton";
+const D = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "ul",
     {
       ref: a,
-      className: s(
+      className: o(
         "ml-4 mt-1 flex min-w-0 flex-col gap-0.5 border-l border-sidebar-border pl-2.5",
         e
       ),
@@ -258,14 +291,14 @@ const T = i(
     }
   )
 );
-T.displayName = "SidebarMenuSub";
-const D = i(({ className: e, asChild: r = !1, size: a = "md", isActive: o, ...n }, l) => /* @__PURE__ */ t(
-  r ? d : "a",
+D.displayName = "SidebarMenuSub";
+const H = i(({ className: e, asChild: r = !1, size: a = "md", isActive: s, ...n }, c) => /* @__PURE__ */ t(
+  r ? l : "a",
   {
-    ref: l,
+    ref: c,
     "data-size": a,
-    "data-active": o,
-    className: s(
+    "data-active": s,
+    className: o(
       "flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md p-2 text-sidebar-foreground outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
       a === "sm" && "text-xs",
       a === "md" && "text-sm",
@@ -275,29 +308,29 @@ const D = i(({ className: e, asChild: r = !1, size: a = "md", isActive: o, ...n
     ...n
   }
 ));
-D.displayName = "SidebarMenuSubButton";
-const H = i(
+H.displayName = "SidebarMenuSubButton";
+const V = i(
   ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "li",
     {
       ref: a,
-      className: s("group/menu-sub-item relative", e),
+      className: o("group/menu-sub-item relative", e),
       ...r
     }
   )
 );
-H.displayName = "SidebarMenuSubItem";
+V.displayName = "SidebarMenuSubItem";
 export {
   K as S,
   N as a,
-  C as b,
-  M as c,
-  k as d,
+  k as b,
+  I as c,
+  B as d,
   G as e,
   _ as f,
-  B as g,
-  A as h,
-  E as i,
-  z as j
+  L as g,
+  E as h,
+  P as i,
+  A as j
 };
-//# sourceMappingURL=sidebar-ClIeZ2zb.js.map
+//# sourceMappingURL=sidebar-Cvm_uv4l.js.map

package/dist/sidebar-Cvm_uv4l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-Cvm_uv4l.js","sources":["../src/components/ui/sidebar.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  forwardRef,\n  type ReactNode,\n  type HTMLAttributes,\n  type ButtonHTMLAttributes,\n  type AnchorHTMLAttributes,\n} from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport { Z_INDEX } from '@/lib/z-index';\n\ntype SidebarContextValue = {\n  isCollapsed: boolean;\n  toggle: () => void;\n};\n\nconst SidebarContext = createContext<SidebarContextValue | undefined>(undefined);\n\nconst useSidebar = () => {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider');\n  }\n  return context;\n};\n\nconst SidebarProvider = ({ children }: { children: ReactNode }) => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const toggle = useCallback(() => {\n    setIsCollapsed((prev) => !prev);\n  }, []);\n\n  return (\n    <SidebarContext.Provider value={{ isCollapsed, toggle }}>{children}</SidebarContext.Provider>\n  );\n};\n\nconst Sidebar = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { isCollapsed } = useSidebar();\n\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"sidebar\"\n        data-collapsed={isCollapsed}\n        className={cn(\n          'flex h-full flex-col gap-2 border-r bg-sidebar-background p-2 text-sidebar-foreground transition-all duration-300 ease-in-out overflow-hidden',\n          isCollapsed ? 'w-0 border-r-0 p-0' : 'w-64',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nSidebar.displayName = 'Sidebar';\n\n/** Inline SVG: panel-left-open (expand sidebar) */\nconst PanelLeftOpenIcon = () => (\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=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden\n  >\n    <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n    <path d=\"M9 3v18\" />\n    <path d=\"m14 9 3 3-3 3\" />\n  </svg>\n);\n\n/** Inline SVG: panel-left-close (collapse sidebar) */\nconst PanelLeftCloseIcon = () => (\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=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden\n  >\n    <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n    <path d=\"M9 3v18\" />\n    <path d=\"m16 15-3-3 3-3\" />\n  </svg>\n);\n\nconst SidebarTrigger = forwardRef<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>(\n  ({ className, ...props }, ref) => {\n    const { toggle, isCollapsed } = useSidebar();\n\n    return (\n      <button\n        ref={ref}\n        onClick={toggle}\n        className={cn(\n          'relative flex items-center justify-center rounded-md p-2 text-foreground transition-colors hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring shadow-lg backdrop-blur-md cursor-pointer bg-background/95 border border-border',\n          className,\n        )}\n        aria-label={isCollapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n        style={{ zIndex: Z_INDEX.SIDEBAR_TRIGGER }}\n        {...props}\n      >\n        {isCollapsed ? <PanelLeftOpenIcon /> : <PanelLeftCloseIcon />}\n      </button>\n    );\n  },\n);\nSidebarTrigger.displayName = 'SidebarTrigger';\n\nconst SidebarHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('flex flex-col gap-2 p-2', className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarHeader.displayName = 'SidebarHeader';\n\nconst SidebarContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('flex flex-1 flex-col gap-2 overflow-auto', className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarContent.displayName = 'SidebarContent';\n\nconst SidebarFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('flex flex-col gap-2 p-2', className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarFooter.displayName = 'SidebarFooter';\n\nconst SidebarGroup = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('group/sidebar-group', className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarGroup.displayName = 'SidebarGroup';\n\nconst SidebarGroupLabel = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n          className,\n        )}\n        style={{ fontFamily: 'var(--heading-font-family, inherit)' }}\n        {...props}\n      />\n    );\n  },\n);\nSidebarGroupLabel.displayName = 'SidebarGroupLabel';\n\nconst SidebarGroupAction = forwardRef<\n  HTMLButtonElement,\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    asChild?: boolean;\n  }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        'absolute right-2 top-1/2 -translate-y-1/2 rounded-md p-1.5 text-sidebar-foreground outline-none ring-sidebar-ring transition-opacity hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:opacity-100 focus-visible:ring-2 group-hover/sidebar-group:opacity-100 peer-data-[size=sm]/sidebar-group-action:opacity-0 [&>svg]:size-4 [&>svg]:shrink-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupAction.displayName = 'SidebarGroupAction';\n\nconst SidebarGroupContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('w-full text-sm', className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarGroupContent.displayName = 'SidebarGroupContent';\n\nconst sidebarMenuButtonVariants = cva(\n  'flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:bg-sidebar-accent focus-visible:text-sidebar-accent-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-ring))]',\n      },\n      size: {\n        default: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst SidebarMenuButton = forwardRef<\n  HTMLButtonElement,\n  ButtonHTMLAttributes<HTMLButtonElement> &\n    VariantProps<typeof sidebarMenuButtonVariants> & {\n      asChild?: boolean;\n      isActive?: boolean;\n    }\n>(({ className, variant, size, asChild = false, isActive, children, ...props }, ref) => {\n  const { isCollapsed } = useSidebar();\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      ref={ref}\n      data-active={isActive}\n      data-collapsed={isCollapsed}\n      className={cn(\n        sidebarMenuButtonVariants({ variant, size }),\n        isCollapsed && 'justify-center',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n});\nSidebarMenuButton.displayName = 'SidebarMenuButton';\n\nconst SidebarMenu = forwardRef<HTMLUListElement, HTMLAttributes<HTMLUListElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarMenu.displayName = 'SidebarMenu';\n\nconst SidebarMenuItem = forwardRef<HTMLLIElement, HTMLAttributes<HTMLLIElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <li\n        ref={ref}\n        className={cn('group/menu-item relative', className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarMenuItem.displayName = 'SidebarMenuItem';\n\nconst SidebarMenuAction = forwardRef<\n  HTMLButtonElement,\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    asChild?: boolean;\n  }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        'absolute right-2 top-1/2 flex -translate-y-1/2 items-center justify-center rounded-md p-1 text-sidebar-foreground opacity-0 transition-opacity group-hover/menu-item:opacity-100 group-focus/menu-item:opacity-100 [&:has(~:hover)]:opacity-100 [&:has(~:focus)]:opacity-100',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuAction.displayName = 'SidebarMenuAction';\n\nconst SidebarMenuBadge = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'absolute right-2 top-1/2 flex -translate-y-1/2 items-center justify-center rounded-md px-1.5 py-0.5 text-xs font-medium tabular-nums text-sidebar-foreground',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nSidebarMenuBadge.displayName = 'SidebarMenuBadge';\n\nconst SidebarMenuSkeleton = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    showIcon?: boolean;\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-2 px-2 py-1.5', className)}\n      {...props}\n    >\n      {showIcon && <div className=\"flex h-4 w-4 rounded-md bg-sidebar-primary/10\" />}\n      <div className=\"flex flex-1 flex-col gap-1.5\">\n        <div className=\"h-2.5 w-16 rounded-md bg-sidebar-primary/10\" />\n        <div className=\"h-2.5 w-24 rounded-md bg-sidebar-primary/10\" />\n      </div>\n    </div>\n  );\n});\nSidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton';\n\nconst SidebarMenuSub = forwardRef<HTMLUListElement, HTMLAttributes<HTMLUListElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ul\n        ref={ref}\n        className={cn(\n          'ml-4 mt-1 flex min-w-0 flex-col gap-0.5 border-l border-sidebar-border pl-2.5',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nSidebarMenuSub.displayName = 'SidebarMenuSub';\n\nconst SidebarMenuSubButton = forwardRef<\n  HTMLAnchorElement,\n  AnchorHTMLAttributes<HTMLAnchorElement> & {\n    asChild?: boolean;\n    size?: 'sm' | 'md' | 'lg';\n    isActive?: boolean;\n  }\n>(({ className, asChild = false, size = 'md', isActive, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a';\n  return (\n    <Comp\n      ref={ref}\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        'flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md p-2 text-sidebar-foreground outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        size === 'lg' && 'text-base',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuSubButton.displayName = 'SidebarMenuSubButton';\n\nconst SidebarMenuSubItem = forwardRef<HTMLLIElement, HTMLAttributes<HTMLLIElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <li\n        ref={ref}\n        className={cn('group/menu-sub-item relative', className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarMenuSubItem.displayName = 'SidebarMenuSubItem';\n\nexport {\n  Sidebar,\n  SidebarProvider,\n  SidebarTrigger,\n  SidebarHeader,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  useSidebar,\n};\n"],"names":["SidebarContext","createContext","useSidebar","context","useContext","SidebarProvider","children","isCollapsed","setIsCollapsed","useState","toggle","useCallback","prev","jsx","Sidebar","forwardRef","className","props","ref","cn","PanelLeftOpenIcon","jsxs","PanelLeftCloseIcon","SidebarTrigger","Z_INDEX","SidebarHeader","SidebarContent","SidebarFooter","SidebarGroup","SidebarGroupLabel","SidebarGroupAction","asChild","Slot","SidebarGroupContent","sidebarMenuButtonVariants","cva","SidebarMenuButton","variant","size","isActive","SidebarMenu","SidebarMenuItem","SidebarMenuAction","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","SidebarMenuSub","SidebarMenuSubButton","SidebarMenuSubItem"],"mappings":";;;;;AAqBA,MAAMA,IAAiBC,EAA+C,MAAS,GAEzEC,IAAa,MAAM;AACvB,QAAMC,IAAUC,EAAWJ,CAAc;AACzC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,kDAAkD;AAEpE,SAAOA;AACT,GAEME,IAAkB,CAAC,EAAE,UAAAC,QAAwC;AACjE,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAASC,EAAY,MAAM;AAC/B,IAAAH,EAAe,CAACI,MAAS,CAACA,CAAI;AAAA,EAChC,GAAG,CAAA,CAAE;AAEL,SACE,gBAAAC,EAACb,EAAe,UAAf,EAAwB,OAAO,EAAE,aAAAO,GAAa,QAAAG,KAAW,UAAAJ,GAAS;AAEvE,GAEMQ,IAAUC;AAAA,EACd,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAM,EAAE,aAAAX,EAAA,IAAgBL,EAAA;AAExB,WACE,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAK;AAAA,QACA,gBAAa;AAAA,QACb,kBAAgBX;AAAA,QAChB,WAAWY;AAAA,UACT;AAAA,UACAZ,IAAc,uBAAuB;AAAA,UACrCS;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAH,EAAQ,cAAc;AAGtB,MAAMM,IAAoB,MACxB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,WAAU;AAAA,IACV,eAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAR,EAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,IAAA,CAAI;AAAA,MAChD,gBAAAA,EAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,MAClB,gBAAAA,EAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB;AAAA,IAAA;AAAA,EAAA;AAC1B,GAIIS,IAAqB,MACzB,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,WAAU;AAAA,IACV,eAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAR,EAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,IAAA,CAAI;AAAA,MAChD,gBAAAA,EAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,MAClB,gBAAAA,EAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAC3B,GAGIU,IAAiBR;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAM,EAAE,QAAAR,GAAQ,aAAAH,EAAA,IAAgBL,EAAA;AAEhC,WACE,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAK;AAAA,QACA,SAASR;AAAA,QACT,WAAWS;AAAA,UACT;AAAA,UACAH;AAAA,QAAA;AAAA,QAEF,cAAYT,IAAc,mBAAmB;AAAA,QAC7C,OAAO,EAAE,QAAQiB,EAAQ,gBAAA;AAAA,QACxB,GAAGP;AAAA,QAEH,UAAAV,IAAc,gBAAAM,EAACO,GAAA,CAAA,CAAkB,sBAAME,GAAA,CAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjE;AACF;AACAC,EAAe,cAAc;AAE7B,MAAME,IAAgBV;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC,EAAG,2BAA2BH,CAAS;AAAA,MACjD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAQ,EAAc,cAAc;AAE5B,MAAMC,IAAiBX;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC,EAAG,4CAA4CH,CAAS;AAAA,MAClE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAS,EAAe,cAAc;AAE7B,MAAMC,IAAgBZ;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC,EAAG,2BAA2BH,CAAS;AAAA,MACjD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAU,EAAc,cAAc;AAE5B,MAAMC,IAAeb;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC,EAAG,uBAAuBH,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAW,EAAa,cAAc;AAE3B,MAAMC,IAAoBd;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,YAAY,sCAAA;AAAA,MACpB,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAY,EAAkB,cAAc;AAEhC,MAAMC,IAAqBf,EAKzB,CAAC,EAAE,WAAAC,GAAW,SAAAe,IAAU,IAAO,GAAGd,EAAA,GAASC,MAGzC,gBAAAL;AAAA,EAFWkB,IAAUC,IAAO;AAAA,EAE3B;AAAA,IACC,KAAAd;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,CAGT;AACDa,EAAmB,cAAc;AAEjC,MAAMG,IAAsBlB;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC,EAAG,kBAAkBH,CAAS;AAAA,MACxC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAgB,EAAoB,cAAc;AAElC,MAAMC,IAA4BC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAoBrB,EAOxB,CAAC,EAAE,WAAAC,GAAW,SAAAqB,GAAS,MAAAC,GAAM,SAAAP,IAAU,IAAO,UAAAQ,GAAU,UAAAjC,GAAU,GAAGW,EAAA,GAASC,MAAQ;AACtF,QAAM,EAAE,aAAAX,EAAA,IAAgBL,EAAA;AAGxB,SACE,gBAAAW;AAAA,IAHWkB,IAAUC,IAAO;AAAA,IAG3B;AAAA,MACC,KAAAd;AAAA,MACA,eAAaqB;AAAA,MACb,kBAAgBhC;AAAA,MAChB,WAAWY;AAAA,QACTe,EAA0B,EAAE,SAAAG,GAAS,MAAAC,GAAM;AAAA,QAC3C/B,KAAe;AAAA,QACfS;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAX;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AACD8B,EAAkB,cAAc;AAEhC,MAAMI,IAAczB;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAuB,EAAY,cAAc;AAE1B,MAAMC,IAAkB1B;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC,EAAG,4BAA4BH,CAAS;AAAA,MAClD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAwB,EAAgB,cAAc;AAE9B,MAAMC,IAAoB3B,EAKxB,CAAC,EAAE,WAAAC,GAAW,SAAAe,IAAU,IAAO,GAAGd,EAAA,GAASC,MAGzC,gBAAAL;AAAA,EAFWkB,IAAUC,IAAO;AAAA,EAE3B;AAAA,IACC,KAAAd;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,CAGT;AACDyB,EAAkB,cAAc;AAEhC,MAAMC,IAAmB5B;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACA0B,EAAiB,cAAc;AAE/B,MAAMC,IAAsB7B,EAK1B,CAAC,EAAE,WAAAC,GAAW,UAAA6B,IAAW,IAAO,GAAG5B,EAAA,GAASC,MAE1C,gBAAAG;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAH;AAAA,IACA,WAAWC,EAAG,uCAAuCH,CAAS;AAAA,IAC7D,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAA4B,KAAY,gBAAAhC,EAAC,OAAA,EAAI,WAAU,gDAAA,CAAgD;AAAA,MAC5E,gBAAAQ,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7D,gBAAAA,EAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,EAAA,CAC/D;AAAA,IAAA;AAAA,EAAA;AAAA,CAGL;AACD+B,EAAoB,cAAc;AAElC,MAAME,IAAiB/B;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACA6B,EAAe,cAAc;AAE7B,MAAMC,IAAuBhC,EAO3B,CAAC,EAAE,WAAAC,GAAW,SAAAe,IAAU,IAAO,MAAAO,IAAO,MAAM,UAAAC,GAAU,GAAGtB,EAAA,GAASC,MAGhE,gBAAAL;AAAA,EAFWkB,IAAUC,IAAO;AAAA,EAE3B;AAAA,IACC,KAAAd;AAAA,IACA,aAAWoB;AAAA,IACX,eAAaC;AAAA,IACb,WAAWpB;AAAA,MACT;AAAA,MACAmB,MAAS,QAAQ;AAAA,MACjBA,MAAS,QAAQ;AAAA,MACjBA,MAAS,QAAQ;AAAA,MACjBtB;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,CAGT;AACD8B,EAAqB,cAAc;AAEnC,MAAMC,IAAqBjC;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,WAAWC,EAAG,gCAAgCH,CAAS;AAAA,MACtD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACA+B,EAAmB,cAAc;"}