@humain/ui 2.2.3 → 2.2.5

package/dist/wc-react/AIToolCall.js

@@ -2,12 +2,12 @@ import { f as i } from "./_shared.js";
 import { t as I } from "./createLucideIcon.js";
 import { t as j } from "./check.js";
 import { t as V } from "./chevron-down.js";
-import { t as q } from "./chevron-right.js";
+import { t as H } from "./chevron-right.js";
 import { t as w } from "./circle-alert.js";
-import { t as H } from "./clock.js";
+import { t as L } from "./clock.js";
 import { t as T } from "./dist.js";
-import { t as L } from "./use-controllable-state.js";
-import { t as _ } from "./react.js";
+import { t as _ } from "./use-controllable-state.js";
+import { t as q } from "./react.js";
 import { t as B } from "./AnimatePresence.js";
 import { n as N } from "./AICodeBlock.js";
 import * as y from "react";
@@ -38,30 +38,30 @@ var R = [["path", {
   } },
   defaultVariants: { status: "pending" }
 });
-function k({ status: e, className: n }) {
-  const a = i($({ status: e }), n);
+function k({ status: e, className: s }) {
+  const n = i($({ status: e }), s);
   switch (e) {
     case "running":
-      return /* @__PURE__ */ t(H, { className: a });
+      return /* @__PURE__ */ t(L, { className: n });
     case "success":
-      return /* @__PURE__ */ t(j, { className: i(a, "delight-check-bounce motion-reduce:!animate-none") });
+      return /* @__PURE__ */ t(j, { className: i(n, "delight-check-bounce motion-reduce:!animate-none") });
     case "error":
-      return /* @__PURE__ */ t(w, { className: i(a, "delight-shake motion-reduce:!animate-none") });
+      return /* @__PURE__ */ t(w, { className: i(n, "delight-shake motion-reduce:!animate-none") });
     default:
-      return /* @__PURE__ */ t(E, { className: a });
+      return /* @__PURE__ */ t(E, { className: n });
   }
 }
 k.displayName = "StatusIcon";
-function z({ toolName: e, status: n, isOpen: a, onToggle: s, className: d }) {
+function z({ toolName: e, status: s, isOpen: n, onToggle: a, className: d }) {
   return /* @__PURE__ */ o("button", {
     type: "button",
-    onClick: s,
-    "aria-expanded": a,
+    onClick: a,
+    "aria-expanded": n,
     className: i("flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring", d),
     children: [/* @__PURE__ */ o("div", {
       className: "flex items-center gap-3",
       children: [/* @__PURE__ */ t(k, {
-        status: n,
+        status: s,
         "aria-hidden": "true"
       }), /* @__PURE__ */ o("div", {
         className: "flex flex-col items-start",
@@ -69,43 +69,43 @@ function z({ toolName: e, status: n, isOpen: a, onToggle: s, className: d }) {
           className: "text-sm font-medium text-foreground",
           children: e
         }), /* @__PURE__ */ t("span", {
-          className: "text-xs text-text-quaternary",
+          className: "text-xs text-secondary-foreground",
           children: {
             pending: "Pending",
             running: "Running...",
             success: "Completed",
             error: "Failed"
-          }[n]
+          }[s]
         })]
       })]
-    }), a ? /* @__PURE__ */ t(V, {
+    }), n ? /* @__PURE__ */ t(V, {
       className: "size-4 text-muted-foreground",
       "aria-hidden": "true"
-    }) : /* @__PURE__ */ t(q, {
+    }) : /* @__PURE__ */ t(H, {
       className: "size-4 text-muted-foreground rtl:rotate-180",
       "aria-hidden": "true"
     })]
   });
 }
 z.displayName = "AIToolCallHeader";
-function g({ title: e, icon: n, children: a, className: s }) {
+function h({ title: e, icon: s, children: n, className: a }) {
   return /* @__PURE__ */ o("div", {
-    className: i("space-y-2", s),
+    className: i("space-y-2", a),
     children: [/* @__PURE__ */ o("div", {
       className: "flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide",
-      children: [n, e]
-    }), a]
+      children: [s, e]
+    }), n]
   });
 }
-g.displayName = "ToolCallSection";
+h.displayName = "ToolCallSection";
 function b(e) {
   return typeof e == "string" ? e : JSON.stringify(e, null, 2);
 }
-function S({ toolPart: e, defaultOpen: n = !1, open: a, onOpenChange: s, className: d }) {
-  const [u, l] = L({
-    value: a,
-    defaultValue: n,
-    onChange: s
+function S({ toolPart: e, defaultOpen: s = !1, open: n, onOpenChange: a, className: d }) {
+  const [u, l] = _({
+    value: n,
+    defaultValue: s,
+    onChange: a
   }), m = e.status || "pending", p = () => {
     l(!u);
   };
@@ -117,7 +117,7 @@ function S({ toolPart: e, defaultOpen: n = !1, open: a, onOpenChange: s, classNa
       status: m,
       isOpen: u,
       onToggle: p
-    }), /* @__PURE__ */ t(B, { children: u && /* @__PURE__ */ t(_.div, {
+    }), /* @__PURE__ */ t(B, { children: u && /* @__PURE__ */ t(q.div, {
       initial: {
         height: 0,
         opacity: 0
@@ -139,7 +139,7 @@ function S({ toolPart: e, defaultOpen: n = !1, open: a, onOpenChange: s, classNa
             className: "text-xs text-muted-foreground font-mono",
             children: ["ID: ", e.toolCallId]
           }),
-          e.args && Object.keys(e.args).length > 0 && /* @__PURE__ */ t(g, {
+          e.args && Object.keys(e.args).length > 0 && /* @__PURE__ */ t(h, {
             title: "Input",
             icon: /* @__PURE__ */ t(C, { className: "size-3" }),
             children: /* @__PURE__ */ t(N, {
@@ -150,7 +150,7 @@ function S({ toolPart: e, defaultOpen: n = !1, open: a, onOpenChange: s, classNa
               size: "sm"
             })
           }),
-          e.result !== void 0 && /* @__PURE__ */ t(g, {
+          e.result !== void 0 && /* @__PURE__ */ t(h, {
             title: "Output",
             icon: /* @__PURE__ */ t(C, { className: "size-3" }),
             children: /* @__PURE__ */ t(N, {
@@ -177,15 +177,15 @@ function S({ toolPart: e, defaultOpen: n = !1, open: a, onOpenChange: s, classNa
   });
 }
 S.displayName = "AIToolCall";
-function f(e, n) {
-  const a = new Set(e);
-  return n.flatMap((s) => a.has(s.toolCallId) ? [s.toolCallId] : []);
+function f(e, s) {
+  const n = new Set(e);
+  return s.flatMap((a) => n.has(a.toolCallId) ? [a.toolCallId] : []);
 }
-function F(e, n) {
-  return e.length === n.length && e.every((a, s) => a === n[s]);
+function F(e, s) {
+  return e.length === s.length && e.every((n, a) => n === s[a]);
 }
-function J({ toolCalls: e, defaultAllOpen: n = !1, defaultOpenToolCallIds: a = [], openToolCallIds: s, onOpenToolCallIdsChange: d, className: u }) {
-  const l = s !== void 0, [m, p] = y.useState(() => f(n ? e.map((r) => r.toolCallId) : a, e)), x = f(l ? s : m, e), A = new Set(x);
+function J({ toolCalls: e, defaultAllOpen: s = !1, defaultOpenToolCallIds: n = [], openToolCallIds: a, onOpenToolCallIdsChange: d, className: u }) {
+  const l = a !== void 0, [m, p] = y.useState(() => f(s ? e.map((r) => r.toolCallId) : n, e)), v = f(l ? a : m, e), A = new Set(v);
   y.useLayoutEffect(() => {
     l || p((r) => {
       const c = f(r, e);
@@ -193,10 +193,10 @@ function J({ toolCalls: e, defaultAllOpen: n = !1, defaultOpenToolCallIds: a = [
     });
   }, [l, e]);
   const O = (r, c) => {
-    const h = new Set(x);
-    c ? h.add(r) : h.delete(r);
-    const v = f([...h], e);
-    l || p(v), d?.([...v]);
+    const g = new Set(v);
+    c ? g.add(r) : g.delete(r);
+    const x = f([...g], e);
+    l || p(x), d?.([...x]);
   };
   return /* @__PURE__ */ t("div", {
     "data-slot": "ai-tool-call-list",

package/dist/wc-react/AIToolCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIToolCall.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/code.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs","../../src/components/organisms/ai/AIToolCall/AIToolCall.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n  [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n];\nconst Code = createLucideIcon(\"code\", __iconNode);\n\nexport { __iconNode, Code as default };\n//# sourceMappingURL=code.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\",\n      key: \"1ngwbx\"\n    }\n  ]\n];\nconst Wrench = createLucideIcon(\"wrench\", __iconNode);\n\nexport { __iconNode, Wrench as default };\n//# sourceMappingURL=wrench.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Clock,\n  Code,\n  Wrench,\n} from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport * as React from 'react';\nimport { AICodeBlock } from '@/components/organisms/ai/AICodeBlock';\nimport { useControllableState } from '@/hooks/use-controllable-state';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst toolCallVariants = cva(\n  'overflow-hidden rounded-xl border transition-colors',\n  {\n    variants: {\n      status: {\n        pending: 'border-border bg-muted',\n        running: 'border-primary bg-primary/10',\n        success: 'border-success/50 bg-success/10',\n        error: 'border-destructive/50 bg-destructive/10',\n      },\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst statusIconVariants = cva('size-4', {\n  variants: {\n    status: {\n      pending: 'text-muted-foreground',\n      running: 'text-primary animate-spin motion-reduce:animate-none',\n      success: 'text-success',\n      error: 'text-destructive',\n    },\n  },\n  defaultVariants: {\n    status: 'pending',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nexport interface ToolCallPart {\n  /** Unique tool call ID */\n  toolCallId: string;\n  /** Tool name */\n  toolName: string;\n  /** Tool input/arguments */\n  args?: Record<string, unknown>;\n  /** Tool output/result */\n  result?: unknown;\n  /** Tool status */\n  status?: ToolCallStatus;\n  /** Error message if status is error */\n  error?: string;\n}\n\n// =============================================================================\n// Status Icon Component\n// =============================================================================\n\ninterface StatusIconProps {\n  status: ToolCallStatus;\n  className?: string;\n}\n\nfunction StatusIcon({ status, className }: StatusIconProps) {\n  const iconClass = cn(statusIconVariants({ status }), className);\n\n  switch (status) {\n    case 'running':\n      return <Clock className={iconClass} />;\n    case 'success':\n      return (\n        <Check\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        />\n      );\n    case 'error':\n      return (\n        <AlertCircle\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        />\n      );\n    default:\n      return <Wrench className={iconClass} />;\n  }\n}\n\nStatusIcon.displayName = 'StatusIcon';\n\n// =============================================================================\n// Tool Call Header\n// =============================================================================\n\ninterface AIToolCallHeaderProps {\n  toolName: string;\n  status: ToolCallStatus;\n  isOpen: boolean;\n  onToggle: () => void;\n  className?: string;\n}\n\nfunction AIToolCallHeader({\n  toolName,\n  status,\n  isOpen,\n  onToggle,\n  className,\n}: AIToolCallHeaderProps) {\n  const statusLabel = {\n    pending: 'Pending',\n    running: 'Running...',\n    success: 'Completed',\n    error: 'Failed',\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={isOpen}\n      className={cn(\n        'flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <StatusIcon status={status} aria-hidden=\"true\" />\n        <div className=\"flex flex-col items-start\">\n          <span className=\"text-sm font-medium text-foreground\">\n            {toolName}\n          </span>\n          <span className=\"text-xs text-text-quaternary\">\n            {statusLabel[status]}\n          </span>\n        </div>\n      </div>\n      {isOpen ? (\n        <ChevronDown\n          className=\"size-4 text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      ) : (\n        <ChevronRight\n          className=\"size-4 text-muted-foreground rtl:rotate-180\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n}\n\nAIToolCallHeader.displayName = 'AIToolCallHeader';\n\n// =============================================================================\n// Tool Call Section\n// =============================================================================\n\ninterface ToolCallSectionProps {\n  title: string;\n  icon: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction ToolCallSection({\n  title,\n  icon,\n  children,\n  className,\n}: ToolCallSectionProps) {\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide\">\n        {icon}\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n\nToolCallSection.displayName = 'ToolCallSection';\n\n// =============================================================================\n// Main AIToolCall Component\n// =============================================================================\n\nexport interface AIToolCallProps extends VariantProps<typeof toolCallVariants> {\n  /** Tool call data */\n  toolPart: ToolCallPart;\n  /** Whether to expand by default */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction formatValue(value: unknown): string {\n  if (typeof value === 'string') return value;\n  return JSON.stringify(value, null, 2);\n}\n\nfunction AIToolCall({\n  toolPart,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n}: AIToolCallProps) {\n  const [isOpen, setIsOpen] = useControllableState({\n    value: controlledOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const status = toolPart.status || 'pending';\n\n  const handleToggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <div\n      data-slot=\"ai-tool-call\"\n      className={cn(toolCallVariants({ status }), className)}\n    >\n      <AIToolCallHeader\n        toolName={toolPart.toolName}\n        status={status}\n        isOpen={isOpen}\n        onToggle={handleToggle}\n      />\n\n      <AnimatePresence>\n        {isOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <div className=\"px-4 pb-4 space-y-4\">\n              {/* Tool Call ID */}\n              <div className=\"text-xs text-muted-foreground font-mono\">\n                ID: {toolPart.toolCallId}\n              </div>\n\n              {/* Input Section */}\n              {toolPart.args && Object.keys(toolPart.args).length > 0 && (\n                <ToolCallSection\n                  title=\"Input\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.args)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Output Section */}\n              {toolPart.result !== undefined && (\n                <ToolCallSection\n                  title=\"Output\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.result)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Error Section */}\n              {toolPart.error && (\n                <div className=\"p-3 rounded-lg bg-destructive/20 border border-destructive/50\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"size-4 text-destructive mt-0.5 shrink-0\" />\n                    <p className=\"text-sm text-destructive\">{toolPart.error}</p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nAIToolCall.displayName = 'AIToolCall';\n\n// =============================================================================\n// Tool Call List Component\n// =============================================================================\n\nexport interface AIToolCallListProps {\n  /** Array of tool calls */\n  toolCalls: readonly ToolCallPart[];\n  /** Whether to expand all by default */\n  defaultAllOpen?: boolean;\n  /** Tool-call IDs to expand initially in uncontrolled mode */\n  defaultOpenToolCallIds?: readonly string[];\n  /** Controlled expanded tool-call IDs */\n  openToolCallIds?: readonly string[];\n  /** Called with expanded IDs in current tool-call order */\n  onOpenToolCallIdsChange?: (ids: readonly string[]) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction normalizeOpenToolCallIds(\n  ids: readonly string[],\n  toolCalls: readonly ToolCallPart[],\n): string[] {\n  const requested = new Set(ids);\n  return toolCalls.flatMap((toolCall) =>\n    requested.has(toolCall.toolCallId) ? [toolCall.toolCallId] : [],\n  );\n}\n\nfunction areToolCallIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction AIToolCallList({\n  toolCalls,\n  defaultAllOpen = false,\n  defaultOpenToolCallIds = [],\n  openToolCallIds: controlledOpenToolCallIds,\n  onOpenToolCallIdsChange,\n  className,\n}: AIToolCallListProps) {\n  const isControlled = controlledOpenToolCallIds !== undefined;\n  const [uncontrolledOpenToolCallIds, setUncontrolledOpenToolCallIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeOpenToolCallIds(\n        defaultAllOpen\n          ? toolCalls.map((toolCall) => toolCall.toolCallId)\n          : defaultOpenToolCallIds,\n        toolCalls,\n      ),\n    );\n  const rawOpenToolCallIds = isControlled\n    ? controlledOpenToolCallIds\n    : uncontrolledOpenToolCallIds;\n  const visibleOpenToolCallIds = normalizeOpenToolCallIds(\n    rawOpenToolCallIds,\n    toolCalls,\n  );\n  const openSet = new Set(visibleOpenToolCallIds);\n\n  React.useLayoutEffect(() => {\n    if (isControlled) return;\n    setUncontrolledOpenToolCallIds((current) => {\n      const normalized = normalizeOpenToolCallIds(current, toolCalls);\n      return areToolCallIdsEqual(current, normalized) ? current : normalized;\n    });\n  }, [isControlled, toolCalls]);\n\n  const setToolCallOpen = (toolCallId: string, open: boolean) => {\n    const next = new Set(visibleOpenToolCallIds);\n    if (open) next.add(toolCallId);\n    else next.delete(toolCallId);\n    const normalized = normalizeOpenToolCallIds([...next], toolCalls);\n    if (!isControlled) {\n      setUncontrolledOpenToolCallIds(normalized);\n    }\n    onOpenToolCallIdsChange?.([...normalized]);\n  };\n\n  return (\n    <div data-slot=\"ai-tool-call-list\" className={cn('space-y-2', className)}>\n      {toolCalls.map((toolCall) => (\n        <AIToolCall\n          key={toolCall.toolCallId}\n          toolPart={toolCall}\n          open={openSet.has(toolCall.toolCallId)}\n          onOpenChange={(open) => setToolCallOpen(toolCall.toolCallId, open)}\n        />\n      ))}\n    </div>\n  );\n}\n\nAIToolCallList.displayName = 'AIToolCallList';\n\nexport {\n  AIToolCall,\n  AIToolCallHeader,\n  AIToolCallList,\n  StatusIcon,\n  statusIconVariants,\n  ToolCallSection,\n  toolCallVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"AIToolCall.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/code.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs","../../src/components/organisms/ai/AIToolCall/AIToolCall.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n  [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n];\nconst Code = createLucideIcon(\"code\", __iconNode);\n\nexport { __iconNode, Code as default };\n//# sourceMappingURL=code.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\",\n      key: \"1ngwbx\"\n    }\n  ]\n];\nconst Wrench = createLucideIcon(\"wrench\", __iconNode);\n\nexport { __iconNode, Wrench as default };\n//# sourceMappingURL=wrench.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Clock,\n  Code,\n  Wrench,\n} from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport * as React from 'react';\nimport { AICodeBlock } from '@/components/organisms/ai/AICodeBlock';\nimport { useControllableState } from '@/hooks/use-controllable-state';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst toolCallVariants = cva(\n  'overflow-hidden rounded-xl border transition-colors',\n  {\n    variants: {\n      status: {\n        pending: 'border-border bg-muted',\n        running: 'border-primary bg-primary/10',\n        success: 'border-success/50 bg-success/10',\n        error: 'border-destructive/50 bg-destructive/10',\n      },\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst statusIconVariants = cva('size-4', {\n  variants: {\n    status: {\n      pending: 'text-muted-foreground',\n      running: 'text-primary animate-spin motion-reduce:animate-none',\n      success: 'text-success',\n      error: 'text-destructive',\n    },\n  },\n  defaultVariants: {\n    status: 'pending',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nexport interface ToolCallPart {\n  /** Unique tool call ID */\n  toolCallId: string;\n  /** Tool name */\n  toolName: string;\n  /** Tool input/arguments */\n  args?: Record<string, unknown>;\n  /** Tool output/result */\n  result?: unknown;\n  /** Tool status */\n  status?: ToolCallStatus;\n  /** Error message if status is error */\n  error?: string;\n}\n\n// =============================================================================\n// Status Icon Component\n// =============================================================================\n\ninterface StatusIconProps {\n  status: ToolCallStatus;\n  className?: string;\n}\n\nfunction StatusIcon({ status, className }: StatusIconProps) {\n  const iconClass = cn(statusIconVariants({ status }), className);\n\n  switch (status) {\n    case 'running':\n      return <Clock className={iconClass} />;\n    case 'success':\n      return (\n        <Check\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        />\n      );\n    case 'error':\n      return (\n        <AlertCircle\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        />\n      );\n    default:\n      return <Wrench className={iconClass} />;\n  }\n}\n\nStatusIcon.displayName = 'StatusIcon';\n\n// =============================================================================\n// Tool Call Header\n// =============================================================================\n\ninterface AIToolCallHeaderProps {\n  toolName: string;\n  status: ToolCallStatus;\n  isOpen: boolean;\n  onToggle: () => void;\n  className?: string;\n}\n\nfunction AIToolCallHeader({\n  toolName,\n  status,\n  isOpen,\n  onToggle,\n  className,\n}: AIToolCallHeaderProps) {\n  const statusLabel = {\n    pending: 'Pending',\n    running: 'Running...',\n    success: 'Completed',\n    error: 'Failed',\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={isOpen}\n      className={cn(\n        'flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <StatusIcon status={status} aria-hidden=\"true\" />\n        <div className=\"flex flex-col items-start\">\n          <span className=\"text-sm font-medium text-foreground\">\n            {toolName}\n          </span>\n          <span className=\"text-xs text-secondary-foreground\">\n            {statusLabel[status]}\n          </span>\n        </div>\n      </div>\n      {isOpen ? (\n        <ChevronDown\n          className=\"size-4 text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      ) : (\n        <ChevronRight\n          className=\"size-4 text-muted-foreground rtl:rotate-180\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n}\n\nAIToolCallHeader.displayName = 'AIToolCallHeader';\n\n// =============================================================================\n// Tool Call Section\n// =============================================================================\n\ninterface ToolCallSectionProps {\n  title: string;\n  icon: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction ToolCallSection({\n  title,\n  icon,\n  children,\n  className,\n}: ToolCallSectionProps) {\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide\">\n        {icon}\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n\nToolCallSection.displayName = 'ToolCallSection';\n\n// =============================================================================\n// Main AIToolCall Component\n// =============================================================================\n\nexport interface AIToolCallProps extends VariantProps<typeof toolCallVariants> {\n  /** Tool call data */\n  toolPart: ToolCallPart;\n  /** Whether to expand by default */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction formatValue(value: unknown): string {\n  if (typeof value === 'string') return value;\n  return JSON.stringify(value, null, 2);\n}\n\nfunction AIToolCall({\n  toolPart,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n}: AIToolCallProps) {\n  const [isOpen, setIsOpen] = useControllableState({\n    value: controlledOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const status = toolPart.status || 'pending';\n\n  const handleToggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <div\n      data-slot=\"ai-tool-call\"\n      className={cn(toolCallVariants({ status }), className)}\n    >\n      <AIToolCallHeader\n        toolName={toolPart.toolName}\n        status={status}\n        isOpen={isOpen}\n        onToggle={handleToggle}\n      />\n\n      <AnimatePresence>\n        {isOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <div className=\"px-4 pb-4 space-y-4\">\n              {/* Tool Call ID */}\n              <div className=\"text-xs text-muted-foreground font-mono\">\n                ID: {toolPart.toolCallId}\n              </div>\n\n              {/* Input Section */}\n              {toolPart.args && Object.keys(toolPart.args).length > 0 && (\n                <ToolCallSection\n                  title=\"Input\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.args)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Output Section */}\n              {toolPart.result !== undefined && (\n                <ToolCallSection\n                  title=\"Output\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.result)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Error Section */}\n              {toolPart.error && (\n                <div className=\"p-3 rounded-lg bg-destructive/20 border border-destructive/50\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"size-4 text-destructive mt-0.5 shrink-0\" />\n                    <p className=\"text-sm text-destructive\">{toolPart.error}</p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nAIToolCall.displayName = 'AIToolCall';\n\n// =============================================================================\n// Tool Call List Component\n// =============================================================================\n\nexport interface AIToolCallListProps {\n  /** Array of tool calls */\n  toolCalls: readonly ToolCallPart[];\n  /** Whether to expand all by default */\n  defaultAllOpen?: boolean;\n  /** Tool-call IDs to expand initially in uncontrolled mode */\n  defaultOpenToolCallIds?: readonly string[];\n  /** Controlled expanded tool-call IDs */\n  openToolCallIds?: readonly string[];\n  /** Called with expanded IDs in current tool-call order */\n  onOpenToolCallIdsChange?: (ids: readonly string[]) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction normalizeOpenToolCallIds(\n  ids: readonly string[],\n  toolCalls: readonly ToolCallPart[],\n): string[] {\n  const requested = new Set(ids);\n  return toolCalls.flatMap((toolCall) =>\n    requested.has(toolCall.toolCallId) ? [toolCall.toolCallId] : [],\n  );\n}\n\nfunction areToolCallIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction AIToolCallList({\n  toolCalls,\n  defaultAllOpen = false,\n  defaultOpenToolCallIds = [],\n  openToolCallIds: controlledOpenToolCallIds,\n  onOpenToolCallIdsChange,\n  className,\n}: AIToolCallListProps) {\n  const isControlled = controlledOpenToolCallIds !== undefined;\n  const [uncontrolledOpenToolCallIds, setUncontrolledOpenToolCallIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeOpenToolCallIds(\n        defaultAllOpen\n          ? toolCalls.map((toolCall) => toolCall.toolCallId)\n          : defaultOpenToolCallIds,\n        toolCalls,\n      ),\n    );\n  const rawOpenToolCallIds = isControlled\n    ? controlledOpenToolCallIds\n    : uncontrolledOpenToolCallIds;\n  const visibleOpenToolCallIds = normalizeOpenToolCallIds(\n    rawOpenToolCallIds,\n    toolCalls,\n  );\n  const openSet = new Set(visibleOpenToolCallIds);\n\n  React.useLayoutEffect(() => {\n    if (isControlled) return;\n    setUncontrolledOpenToolCallIds((current) => {\n      const normalized = normalizeOpenToolCallIds(current, toolCalls);\n      return areToolCallIdsEqual(current, normalized) ? current : normalized;\n    });\n  }, [isControlled, toolCalls]);\n\n  const setToolCallOpen = (toolCallId: string, open: boolean) => {\n    const next = new Set(visibleOpenToolCallIds);\n    if (open) next.add(toolCallId);\n    else next.delete(toolCallId);\n    const normalized = normalizeOpenToolCallIds([...next], toolCalls);\n    if (!isControlled) {\n      setUncontrolledOpenToolCallIds(normalized);\n    }\n    onOpenToolCallIdsChange?.([...normalized]);\n  };\n\n  return (\n    <div data-slot=\"ai-tool-call-list\" className={cn('space-y-2', className)}>\n      {toolCalls.map((toolCall) => (\n        <AIToolCall\n          key={toolCall.toolCallId}\n          toolPart={toolCall}\n          open={openSet.has(toolCall.toolCallId)}\n          onOpenChange={(open) => setToolCallOpen(toolCall.toolCallId, open)}\n        />\n      ))}\n    </div>\n  );\n}\n\nAIToolCallList.displayName = 'AIToolCallList';\n\nexport {\n  AIToolCall,\n  AIToolCallHeader,\n  AIToolCallList,\n  StatusIcon,\n  statusIconVariants,\n  ToolCallSection,\n  toolCallVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/wc-react/AppSidebar.constants.js

@@ -587,7 +587,7 @@ var da = Object.assign(B, {
   Trigger: X,
   NavSkeleton: be,
   AccountSkeleton: pe
-}), na = "280px", la = "116px";
+}), na = "280px", la = "68px";
 export {
   We as _,
   ae as a,

package/dist/wc-react/AppSidebar.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.constants.js","names":[],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/panel-left.mjs","../../src/components/ui/sheet.tsx","../../src/hooks/use-mobile.ts","../../src/components/ui/sidebar.tsx","../../src/components/templates/AppSidebar/AppSidebar.constants.ts"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }]\n];\nconst PanelLeft = createLucideIcon(\"panel-left\", __iconNode);\n\nexport { __iconNode, PanelLeft as default };\n//# sourceMappingURL=panel-left.mjs.map\n","'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport type * as React from 'react';\nimport { CloseButton } from '@/components/ui/close-button';\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nexport interface SheetOverlayProps extends SheetPrimitive.Backdrop.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nfunction SheetOverlay({\n  className,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: SheetOverlayProps) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'bg-background/80/10 fixed inset-0 z-50',\n        !disableAnimation &&\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0',\n        !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface SheetContentProps extends SheetPrimitive.Popup.Props {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  showCloseButton?: boolean;\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  showCloseButton = true,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 transition duration-200 ease-in-out',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            render={<CloseButton className=\"absolute top-4 end-4\" />}\n          />\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('gap-1.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: SheetPrimitive.Description.Props) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nSheetTrigger.displayName = 'Sheet.Trigger';\nSheetClose.displayName = 'Sheet.Close';\nSheetPortal.displayName = 'Sheet.Portal';\nSheetOverlay.displayName = 'Sheet.Overlay';\nSheetContent.displayName = 'Sheet.Content';\nSheetHeader.displayName = 'Sheet.Header';\nSheetFooter.displayName = 'Sheet.Footer';\nSheetTitle.displayName = 'Sheet.Title';\nSheetDescription.displayName = 'Sheet.Description';\nSheet.displayName = 'Sheet';\n\nconst SheetNamespace = Object.assign(Sheet, {\n  Trigger: SheetTrigger,\n  Close: SheetClose,\n  Portal: SheetPortal,\n  Overlay: SheetOverlay,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n});\n\nexport {\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetNamespace as Sheet,\n  SheetTitle,\n  SheetTrigger,\n};\n","import * as React from 'react';\n\nexport const MOBILE_BREAKPOINT = 768;\n\nfunction getClientWindow(): Window | undefined {\n  return typeof window === 'undefined' ? undefined : window;\n}\n\nexport function useIsMobile() {\n  // SSR-safe: always return false on server for consistent hydration\n  const [isMobile, setIsMobile] = React.useState<boolean>(false);\n\n  React.useEffect(() => {\n    const clientWindow = getClientWindow();\n    if (!clientWindow?.matchMedia) {\n      return;\n    }\n\n    const mql = clientWindow.matchMedia(\n      `(max-width: ${MOBILE_BREAKPOINT - 1}px)`,\n    );\n\n    const onChange = (e: MediaQueryListEvent | MediaQueryList) => {\n      setIsMobile(e.matches);\n    };\n\n    // Initial sync on mount\n    onChange(mql);\n\n    // Safari < 14 compatibility: use addListener/removeListener as fallback\n    if (mql.addEventListener) {\n      mql.addEventListener('change', onChange);\n    } else if ('addListener' in mql) {\n      (mql as { addListener: (cb: typeof onChange) => void }).addListener(\n        onChange,\n      );\n    }\n\n    return () => {\n      if (mql.removeEventListener) {\n        mql.removeEventListener('change', onChange);\n      } else if ('removeListener' in mql) {\n        (\n          mql as { removeListener: (cb: typeof onChange) => void }\n        ).removeListener(onChange);\n      }\n    };\n  }, []);\n\n  return isMobile;\n}\n","'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { PanelLeft } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Separator } from '@/components/ui/separator';\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@/components/ui/sheet';\nimport { Skeleton } from '@/components/ui/skeleton';\nimport { Tooltip, TooltipPopup, TooltipTrigger } from '@/components/ui/tooltip';\nimport { useIsMobile } from '@/hooks/use-mobile';\nimport { createSafeContext } from '@/lib/create-safe-context';\nimport { cn } from '@/lib/utils';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '324px';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\n// Collapsed width: 76px content + 16px padding + 16px spacing-xl = 108px\nconst SIDEBAR_WIDTH_ICON = '108px';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ntype SidebarContextProps = {\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  /** Whether the sidebar is in connected layout mode */\n  connected: boolean;\n  /** Whether the sidebar is in a loading state */\n  loading: boolean;\n  /** Custom background color class for the content/inset area */\n  contentBgColor?: string;\n  /** Ref to the visible sidebar rail element. Use to anchor flyouts/popovers to the sidebar edge. */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n};\n\nconst [SidebarContext, useSidebar] =\n  createSafeContext<SidebarContextProps>('SidebarProvider');\n\nfunction SidebarProvider({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  connected = true,\n  loading = false,\n  contentBgColor,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Enable connected layout mode for use inside AppShell.\n   *\n   * In connected mode:\n   * - Sidebar fills its parent container (no fixed positioning)\n   * - Width is controlled by the parent container\n   * - Collapse/expand is not supported (sidebar always visible)\n   * - The `side` prop is handled by DOM order\n   */\n  connected?: boolean;\n  /** Whether the sidebar is in a loading state */\n  loading?: boolean;\n  /** Custom background color class for the content/inset area (e.g., 'bg-destructive') */\n  contentBgColor?: string;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = React.useState(false);\n  // Ref for portal-proof document/window access.\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(defaultOpen);\n  const open = openProp ?? _open;\n  const openRef = React.useRef(open);\n  openRef.current = open;\n  const setOpen = React.useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState =\n        typeof value === 'function' ? value(openRef.current) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      const ownerDocument = wrapperRef.current?.ownerDocument;\n      if (ownerDocument) {\n        ownerDocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n      }\n    },\n    [setOpenProp],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n  }, [isMobile, setOpen]);\n\n  // Ref to the visible sidebar rail element (set by Sidebar). Exposed via context for anchoring flyouts.\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    // Use ownerDocument.defaultView for portal/iframe compatibility (ADR-010)\n    const win = wrapperRef.current?.ownerDocument.defaultView;\n    if (!win) return;\n    win.addEventListener('keydown', handleKeyDown);\n    return () => win.removeEventListener('keydown', handleKeyDown);\n  }, [toggleSidebar]);\n\n  // Set CSS variables on :root when mobile state changes\n  // Use concrete values so consumers can use these variables globally\n  React.useEffect(() => {\n    const root = wrapperRef.current?.ownerDocument.documentElement;\n    if (!root) return;\n\n    // Set global sidebar width values for consumer use\n    root.style.setProperty('--sidebar-width', SIDEBAR_WIDTH);\n    root.style.setProperty('--sidebar-width-mobile', SIDEBAR_WIDTH_MOBILE);\n    root.style.setProperty('--sidebar-width-icon', SIDEBAR_WIDTH_ICON);\n\n    if (isMobile) {\n      root.style.setProperty('--sidebar-mobile', '1');\n      root.style.setProperty('--sidebar-width-current', SIDEBAR_WIDTH_MOBILE);\n      root.dataset.sidebarMobile = 'true';\n    } else {\n      root.style.setProperty('--sidebar-mobile', '0');\n      root.style.setProperty('--sidebar-width-current', SIDEBAR_WIDTH);\n      root.dataset.sidebarMobile = 'false';\n    }\n\n    return () => {\n      root.style.removeProperty('--sidebar-mobile');\n      root.style.removeProperty('--sidebar-width');\n      root.style.removeProperty('--sidebar-width-mobile');\n      root.style.removeProperty('--sidebar-width-icon');\n      root.style.removeProperty('--sidebar-width-current');\n      delete root.dataset.sidebarMobile;\n    };\n  }, [isMobile]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = React.useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n      connected,\n      loading,\n      contentBgColor,\n      containerRef,\n    }),\n    [\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      toggleSidebar,\n      connected,\n      loading,\n      contentBgColor,\n    ],\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <div\n        ref={wrapperRef}\n        data-slot=\"sidebar-wrapper\"\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 w-full',\n          // Only impose min-h-svh in default mode; connected mode inherits height from parent\n          connected ? 'h-full' : 'min-h-svh',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\nSidebarProvider.displayName = 'SidebarProvider';\n\n/**\n * Sidebar is a responsive navigation container.\n * Supports mobile sheet mode, keyboard shortcuts, and persistent state via cookies.\n *\n * @llms Responsive sidebar with mobile sheet mode\n * @example\n * ```tsx\n * <SidebarProvider>\n *   <Sidebar collapsible=\"icon\">\n *     <SidebarHeader />\n *     <SidebarContent>...</SidebarContent>\n *     <SidebarFooter />\n *   </Sidebar>\n * </SidebarProvider>\n * ```\n */\nfunction Sidebar({\n  side = 'left',\n  collapsible = 'offcanvas',\n  width = SIDEBAR_WIDTH,\n  collapsedWidth = SIDEBAR_WIDTH_ICON,\n  mobileWidth = SIDEBAR_WIDTH_MOBILE,\n  offsetTop = '0px',\n  offsetBottom = '0px',\n  rounded = false,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n  width?: string;\n  collapsedWidth?: string;\n  mobileWidth?: string;\n  offsetTop?: string;\n  offsetBottom?: string;\n  rounded?: boolean;\n}) {\n  const {\n    isMobile,\n    state,\n    openMobile,\n    setOpenMobile,\n    connected,\n    containerRef,\n  } = useSidebar();\n\n  const roundedClass = React.useMemo(() => {\n    if (!rounded) return '';\n    // Inner edge: the edge facing content (left sidebar → right edge, right sidebar → left edge)\n    return side === 'left'\n      ? 'rounded-r-(--sidebar-radius,0.5rem)'\n      : 'rounded-l-(--sidebar-radius,0.5rem)';\n  }, [rounded, side]);\n\n  // Connected mode: simplified layout for use inside AppShell\n  if (connected) {\n    return (\n      <div\n        ref={containerRef}\n        data-slot=\"sidebar\"\n        data-state={state}\n        data-collapsible={state === 'collapsed' ? collapsible : ''}\n        data-connected=\"true\"\n        className={cn(\n          'group text-sidebar-foreground flex h-full w-full flex-col overflow-hidden',\n          className,\n        )}\n        style={\n          {\n            '--sidebar-width': width,\n            '--sidebar-width-icon': collapsedWidth,\n            ...style,\n          } as React.CSSProperties\n        }\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        data-slot=\"sidebar\"\n        className={cn(\n          'bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n          style={\n            {\n              '--sidebar-width': mobileWidth,\n            } as React.CSSProperties\n          }\n          side={side}\n        >\n          <SheetHeader className=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  const effectiveCollapsible = state === 'collapsed' ? collapsible : '';\n\n  return (\n    <div\n      className=\"group peer text-sidebar-foreground hidden md:block\"\n      data-state={state}\n      data-collapsible={effectiveCollapsible}\n      data-side={side}\n      data-slot=\"sidebar\"\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      {/* Uses CSS grid with grid-template-columns transition instead of width\n          transition to avoid layout thrashing (grid-template-columns is a\n          composite-friendly property that doesn't trigger document reflow). */}\n      <div\n        data-slot=\"sidebar-gap-container\"\n        className={cn(\n          'grid transition-[grid-template-columns] duration-200 ease-linear motion-reduce:transition-none',\n          'grid-cols-[var(--sidebar-width)]',\n          'group-data-[collapsible=offcanvas]:grid-cols-[0fr]',\n          'group-data-[side=right]:rotate-180',\n          'group-data-[collapsible=icon]:grid-cols-[var(--sidebar-width-icon)]',\n        )}\n      >\n        <div\n          data-slot=\"sidebar-gap\"\n          className=\"overflow-hidden bg-transparent\"\n        />\n      </div>\n      <div\n        ref={containerRef}\n        data-slot=\"sidebar-container\"\n        style={\n          {\n            '--sidebar-width': width,\n            '--sidebar-width-icon': collapsedWidth,\n            '--sidebar-offset-top': offsetTop,\n            '--sidebar-offset-bottom': offsetBottom,\n            ...style,\n          } as React.CSSProperties\n        }\n        className={cn(\n          'fixed z-10 hidden transition-[left,right,width,height,top,bottom] duration-200 ease-linear will-change-[width,transform] motion-reduce:transition-none md:flex',\n          'w-(--sidebar-width)',\n          'top-[var(--sidebar-offset-top)] bottom-[var(--sidebar-offset-bottom)] h-[calc(100svh-var(--sidebar-offset-top)-var(--sidebar-offset-bottom))]',\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)',\n          className,\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className={cn('flex size-full flex-col', roundedClass)}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\nSidebar.displayName = 'Sidebar';\n\nfunction SidebarTrigger({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar, open } = useSidebar();\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      appearance=\"ghost\"\n      variant=\"secondary\"\n      size=\"icon-sm\"\n      aria-label=\"Toggle sidebar\"\n      aria-expanded={open}\n      className={cn(className)}\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeft aria-hidden=\"true\" />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\nSidebarTrigger.displayName = 'SidebarTrigger';\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear motion-reduce:transition-none group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',\n        'in-data-[side=left]:cursor-w-resize in-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        'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',\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\nfunction SidebarInset({\n  className,\n  connected: connectedProp,\n  contentBgColor: contentBgColorProp,\n  ...props\n}: React.ComponentProps<'main'> & {\n  /** Enable connected layout mode directly, without needing SidebarProvider */\n  connected?: boolean;\n  /** Custom background color class (e.g., 'bg-destructive'). Overrides context value. */\n  contentBgColor?: string;\n}) {\n  const context = React.useContext(SidebarContext);\n  // Prefer prop over context, fallback to false\n  const connected = connectedProp ?? context?.connected ?? false;\n  const isMobile = context?.isMobile ?? false;\n  // Prefer prop over context, fallback to 'bg-background'\n  const bgColor =\n    contentBgColorProp ?? context?.contentBgColor ?? 'bg-background';\n\n  // Connected mode: simplified layout for use inside AppShell\n  if (connected) {\n    return (\n      <main\n        data-slot=\"sidebar-inset\"\n        data-connected=\"true\"\n        data-mobile={isMobile ? 'true' : 'false'}\n        className={cn(\n          'relative flex h-full w-full flex-1 flex-col overflow-hidden',\n          bgColor,\n          isMobile && 'p-0',\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      data-mobile={isMobile ? 'true' : 'false'}\n      className={cn(bgColor, 'relative flex w-full flex-1 flex-col', className)}\n      {...props}\n    />\n  );\n}\nSidebarInset.displayName = 'SidebarInset';\n\nfunction SidebarInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      className={cn('bg-background h-8 w-full shadow-none', className)}\n      {...props}\n    />\n  );\n}\nSidebarInput.displayName = 'SidebarInput';\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      className={cn(\n        'gap-[var(--sidebar-gap,0.5rem)] p-[var(--sidebar-padding-inner,0.5rem)] flex shrink-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarHeader.displayName = 'SidebarHeader';\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      className={cn(\n        'gap-[var(--sidebar-gap,0.5rem)] p-[var(--sidebar-padding-inner,0.5rem)] flex shrink-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarFooter.displayName = 'SidebarFooter';\n\nfunction SidebarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      className={cn('bg-sidebar-border mx-2 w-auto', className)}\n      {...props}\n    />\n  );\n}\nSidebarSeparator.displayName = 'SidebarSeparator';\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn(\n        'no-scrollbar gap-[var(--sidebar-gap,0.5rem)] flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarContent.displayName = 'SidebarContent';\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      className={cn(\n        'p-[var(--sidebar-padding-inner,0.5rem)] relative flex w-full min-w-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarGroup.displayName = 'SidebarGroup';\n\nfunction SidebarGroupLabel({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<'div'> & React.ComponentProps<'div'>) {\n  return useRender({\n    defaultTagName: 'div',\n    props: mergeProps<'div'>(\n      {\n        className: cn(\n          'text-sidebar-foreground/80 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[transform,opacity] duration-200 ease-linear motion-reduce:transition-none group-data-[collapsible=icon]:-translate-y-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0',\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'sidebar-group-label',\n      sidebar: 'group-label',\n    },\n  });\n}\nSidebarGroupLabel.displayName = 'SidebarGroupLabel';\n\nfunction SidebarGroupAction({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<'button'> & React.ComponentProps<'button'>) {\n  return useRender({\n    defaultTagName: 'button',\n    props: mergeProps<'button'>(\n      {\n        className: cn(\n          'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 end-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform motion-reduce:transition-none [&>svg]:shrink-0 after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden',\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'sidebar-group-action',\n      sidebar: 'group-action',\n    },\n  });\n}\nSidebarGroupAction.displayName = 'SidebarGroupAction';\n\nfunction SidebarGroupContent({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      className={cn('text-sm w-full', className)}\n      {...props}\n    />\n  );\n}\nSidebarGroupContent.displayName = 'SidebarGroupContent';\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      className={cn(\n        'gap-[var(--sidebar-gap,0.5rem)] flex w-full min-w-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarMenu.displayName = 'SidebarMenu';\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\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  'ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] motion-reduce:transition-none group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button 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',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]',\n      },\n      size: {\n        default: 'min-h-11 text-sm',\n        sm: 'min-h-8 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\nfunction SidebarMenuButton({\n  render,\n  isActive = false,\n  variant = 'default',\n  size = 'default',\n  tooltip,\n  className,\n  ...props\n}: useRender.ComponentProps<'button'> &\n  React.ComponentProps<'button'> & {\n    isActive?: boolean;\n    tooltip?: string | React.ComponentProps<typeof TooltipPopup>;\n  } & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const { isMobile, state } = useSidebar();\n  const comp = useRender({\n    defaultTagName: 'button',\n    props: mergeProps<'button'>(\n      {\n        className: cn(sidebarMenuButtonVariants({ variant, size }), className),\n      },\n      props,\n    ),\n    render: !tooltip ? render : TooltipTrigger,\n    state: {\n      slot: 'sidebar-menu-button',\n      sidebar: 'menu-button',\n      size,\n      active: isActive,\n    },\n  });\n\n  if (!tooltip) {\n    return comp;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      {comp}\n      <TooltipPopup\n        side=\"right\"\n        align=\"center\"\n        hidden={state !== 'collapsed' || isMobile}\n        {...tooltip}\n      />\n    </Tooltip>\n  );\n}\nSidebarMenuButton.displayName = 'SidebarMenuButton';\n\nfunction SidebarMenuAction({\n  className,\n  render,\n  showOnHover = false,\n  ...props\n}: useRender.ComponentProps<'button'> &\n  React.ComponentProps<'button'> & {\n    showOnHover?: boolean;\n  }) {\n  return useRender({\n    defaultTagName: 'button',\n    props: mergeProps<'button'>(\n      {\n        className: cn(\n          'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform motion-reduce:transition-none group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 [&>svg]:shrink-0',\n          showOnHover &&\n            'peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0',\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'sidebar-menu-action',\n      sidebar: 'menu-action',\n    },\n  });\n}\nSidebarMenuAction.displayName = 'SidebarMenuAction';\n\nfunction SidebarMenuBadge({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute end-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarMenuBadge.displayName = 'SidebarMenuBadge';\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showIcon?: boolean;\n}) {\n  const width = showIcon ? '72%' : '64%';\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      className={cn('h-8 gap-2 rounded-md px-2 flex items-center', className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n}\nSidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton';\n\nfunction SidebarNavSkeleton({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-nav-skeleton\"\n      data-sidebar=\"nav-skeleton\"\n      className={cn(\n        'flex h-10 w-full items-center gap-3 rounded-md px-3 py-2',\n        'group-data-[collapsible=icon]:h-11 group-data-[collapsible=icon]:w-[76px] group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0 group-data-[collapsible=icon]:py-3',\n        className,\n      )}\n      {...props}\n    >\n      <Skeleton className=\"size-5 shrink-0 rounded\" />\n      <Skeleton className=\"h-4 flex-1 group-data-[collapsible=icon]:hidden\" />\n    </div>\n  );\n}\nSidebarNavSkeleton.displayName = 'SidebarNavSkeleton';\n\nfunction SidebarAccountSkeleton({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-account-skeleton\"\n      data-sidebar=\"account-skeleton\"\n      className={cn('flex w-full items-center gap-2 rounded-md p-2', className)}\n      {...props}\n    >\n      <Skeleton className=\"size-8 shrink-0 rounded-lg\" />\n      <div className=\"flex flex-1 flex-col gap-1 group-data-[collapsible=icon]:hidden\">\n        <Skeleton className=\"h-3.5 w-20\" />\n        <Skeleton className=\"h-3 w-16\" />\n      </div>\n    </div>\n  );\n}\nSidebarAccountSkeleton.displayName = 'SidebarAccountSkeleton';\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'border-sidebar-border mx-3.5 translate-x-px gap-[var(--sidebar-gap,0.5rem)] border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarMenuSub.displayName = 'SidebarMenuSub';\n\nfunction SidebarMenuSubItem({\n  className,\n  ...props\n}: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      className={cn('group/menu-sub-item relative', className)}\n      {...props}\n    />\n  );\n}\nSidebarMenuSubItem.displayName = 'SidebarMenuSubItem';\n\nfunction SidebarMenuSubButton({\n  render,\n  size = 'md',\n  isActive = false,\n  className,\n  ...props\n}: useRender.ComponentProps<'a'> &\n  React.ComponentProps<'a'> & {\n    size?: 'sm' | 'md';\n    isActive?: boolean;\n  }) {\n  return useRender({\n    defaultTagName: 'a',\n    props: mergeProps<'a'>(\n      {\n        className: cn(\n          'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground min-h-9 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0',\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'sidebar-menu-sub-button',\n      sidebar: 'menu-sub-button',\n      size,\n      active: isActive,\n    },\n  });\n}\nSidebarMenuSubButton.displayName = 'SidebarMenuSubButton';\n\n// ============================================\n// Compound Component Export\n// ============================================\n\n/**\n * Sidebar compound component with dot notation access to all parts.\n *\n * Usage:\n * - `Sidebar.Root` - Main sidebar container (alias for Sidebar)\n * - `Sidebar.Header` - Header section\n * - `Sidebar.Content` - Scrollable content area\n * - `Sidebar.Footer` - Footer section\n * - `Sidebar.Group` - Group container for menu items\n * - `Sidebar.GroupLabel` - Label for a group\n * - `Sidebar.GroupContent` - Content within a group\n * - `Sidebar.GroupAction` - Action button for a group\n * - `Sidebar.Menu` - Menu container\n * - `Sidebar.MenuItem` - Menu item wrapper\n * - `Sidebar.MenuButton` - Clickable menu button\n * - `Sidebar.MenuAction` - Action within a menu item\n * - `Sidebar.MenuBadge` - Badge within a menu item\n * - `Sidebar.MenuSkeleton` - Loading skeleton for menu\n * - `Sidebar.MenuSub` - Submenu container\n * - `Sidebar.MenuSubItem` - Submenu item\n * - `Sidebar.MenuSubButton` - Submenu button\n * - `Sidebar.Input` - Input within sidebar\n * - `Sidebar.Separator` - Visual separator\n * - `Sidebar.Rail` - Resize/toggle rail\n * - `Sidebar.Inset` - Main content inset area\n * - `Sidebar.Trigger` - Toggle button\n */\nconst SidebarCompound = Object.assign(Sidebar, {\n  Root: Sidebar,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Group: SidebarGroup,\n  GroupLabel: SidebarGroupLabel,\n  GroupContent: SidebarGroupContent,\n  GroupAction: SidebarGroupAction,\n  Menu: SidebarMenu,\n  MenuItem: SidebarMenuItem,\n  MenuButton: SidebarMenuButton,\n  MenuAction: SidebarMenuAction,\n  MenuBadge: SidebarMenuBadge,\n  MenuSkeleton: SidebarMenuSkeleton,\n  MenuSub: SidebarMenuSub,\n  MenuSubItem: SidebarMenuSubItem,\n  MenuSubButton: SidebarMenuSubButton,\n  Input: SidebarInput,\n  Separator: SidebarSeparator,\n  Rail: SidebarRail,\n  Inset: SidebarInset,\n  Trigger: SidebarTrigger,\n  // Skeletons\n  NavSkeleton: SidebarNavSkeleton,\n  AccountSkeleton: SidebarAccountSkeleton,\n});\n\nexport {\n  SidebarAccountSkeleton,\n  SidebarCompound as Sidebar,\n  SidebarContent,\n  SidebarContext,\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  SidebarNavSkeleton,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n};\n","/** Canonical expanded width shared by AppSidebar and AppShell.Sidebar. */\nexport const APP_SIDEBAR_EXPANDED_WIDTH = '280px';\n\n/** Canonical collapsed width shared by AppSidebar and AppShell.Sidebar. */\nexport const APP_SIDEBAR_COLLAPSED_WIDTH = '116px';\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"AppSidebar.constants.js","names":[],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/panel-left.mjs","../../src/components/ui/sheet.tsx","../../src/hooks/use-mobile.ts","../../src/components/ui/sidebar.tsx","../../src/components/templates/AppSidebar/AppSidebar.constants.ts"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }]\n];\nconst PanelLeft = createLucideIcon(\"panel-left\", __iconNode);\n\nexport { __iconNode, PanelLeft as default };\n//# sourceMappingURL=panel-left.mjs.map\n","'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport type * as React from 'react';\nimport { CloseButton } from '@/components/ui/close-button';\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nexport interface SheetOverlayProps extends SheetPrimitive.Backdrop.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nfunction SheetOverlay({\n  className,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: SheetOverlayProps) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'bg-background/80/10 fixed inset-0 z-50',\n        !disableAnimation &&\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0',\n        !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface SheetContentProps extends SheetPrimitive.Popup.Props {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  showCloseButton?: boolean;\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  showCloseButton = true,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 transition duration-200 ease-in-out',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            render={<CloseButton className=\"absolute top-4 end-4\" />}\n          />\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('gap-1.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: SheetPrimitive.Description.Props) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nSheetTrigger.displayName = 'Sheet.Trigger';\nSheetClose.displayName = 'Sheet.Close';\nSheetPortal.displayName = 'Sheet.Portal';\nSheetOverlay.displayName = 'Sheet.Overlay';\nSheetContent.displayName = 'Sheet.Content';\nSheetHeader.displayName = 'Sheet.Header';\nSheetFooter.displayName = 'Sheet.Footer';\nSheetTitle.displayName = 'Sheet.Title';\nSheetDescription.displayName = 'Sheet.Description';\nSheet.displayName = 'Sheet';\n\nconst SheetNamespace = Object.assign(Sheet, {\n  Trigger: SheetTrigger,\n  Close: SheetClose,\n  Portal: SheetPortal,\n  Overlay: SheetOverlay,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n});\n\nexport {\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetNamespace as Sheet,\n  SheetTitle,\n  SheetTrigger,\n};\n","import * as React from 'react';\n\nexport const MOBILE_BREAKPOINT = 768;\n\nfunction getClientWindow(): Window | undefined {\n  return typeof window === 'undefined' ? undefined : window;\n}\n\nexport function useIsMobile() {\n  // SSR-safe: always return false on server for consistent hydration\n  const [isMobile, setIsMobile] = React.useState<boolean>(false);\n\n  React.useEffect(() => {\n    const clientWindow = getClientWindow();\n    if (!clientWindow?.matchMedia) {\n      return;\n    }\n\n    const mql = clientWindow.matchMedia(\n      `(max-width: ${MOBILE_BREAKPOINT - 1}px)`,\n    );\n\n    const onChange = (e: MediaQueryListEvent | MediaQueryList) => {\n      setIsMobile(e.matches);\n    };\n\n    // Initial sync on mount\n    onChange(mql);\n\n    // Safari < 14 compatibility: use addListener/removeListener as fallback\n    if (mql.addEventListener) {\n      mql.addEventListener('change', onChange);\n    } else if ('addListener' in mql) {\n      (mql as { addListener: (cb: typeof onChange) => void }).addListener(\n        onChange,\n      );\n    }\n\n    return () => {\n      if (mql.removeEventListener) {\n        mql.removeEventListener('change', onChange);\n      } else if ('removeListener' in mql) {\n        (\n          mql as { removeListener: (cb: typeof onChange) => void }\n        ).removeListener(onChange);\n      }\n    };\n  }, []);\n\n  return isMobile;\n}\n","'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { PanelLeft } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Separator } from '@/components/ui/separator';\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@/components/ui/sheet';\nimport { Skeleton } from '@/components/ui/skeleton';\nimport { Tooltip, TooltipPopup, TooltipTrigger } from '@/components/ui/tooltip';\nimport { useIsMobile } from '@/hooks/use-mobile';\nimport { createSafeContext } from '@/lib/create-safe-context';\nimport { cn } from '@/lib/utils';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '324px';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\n// Collapsed width: 76px content + 16px padding + 16px spacing-xl = 108px\nconst SIDEBAR_WIDTH_ICON = '108px';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ntype SidebarContextProps = {\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  /** Whether the sidebar is in connected layout mode */\n  connected: boolean;\n  /** Whether the sidebar is in a loading state */\n  loading: boolean;\n  /** Custom background color class for the content/inset area */\n  contentBgColor?: string;\n  /** Ref to the visible sidebar rail element. Use to anchor flyouts/popovers to the sidebar edge. */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n};\n\nconst [SidebarContext, useSidebar] =\n  createSafeContext<SidebarContextProps>('SidebarProvider');\n\nfunction SidebarProvider({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  connected = true,\n  loading = false,\n  contentBgColor,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Enable connected layout mode for use inside AppShell.\n   *\n   * In connected mode:\n   * - Sidebar fills its parent container (no fixed positioning)\n   * - Width is controlled by the parent container\n   * - Collapse/expand is not supported (sidebar always visible)\n   * - The `side` prop is handled by DOM order\n   */\n  connected?: boolean;\n  /** Whether the sidebar is in a loading state */\n  loading?: boolean;\n  /** Custom background color class for the content/inset area (e.g., 'bg-destructive') */\n  contentBgColor?: string;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = React.useState(false);\n  // Ref for portal-proof document/window access.\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(defaultOpen);\n  const open = openProp ?? _open;\n  const openRef = React.useRef(open);\n  openRef.current = open;\n  const setOpen = React.useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState =\n        typeof value === 'function' ? value(openRef.current) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      const ownerDocument = wrapperRef.current?.ownerDocument;\n      if (ownerDocument) {\n        ownerDocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n      }\n    },\n    [setOpenProp],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n  }, [isMobile, setOpen]);\n\n  // Ref to the visible sidebar rail element (set by Sidebar). Exposed via context for anchoring flyouts.\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    // Use ownerDocument.defaultView for portal/iframe compatibility (ADR-010)\n    const win = wrapperRef.current?.ownerDocument.defaultView;\n    if (!win) return;\n    win.addEventListener('keydown', handleKeyDown);\n    return () => win.removeEventListener('keydown', handleKeyDown);\n  }, [toggleSidebar]);\n\n  // Set CSS variables on :root when mobile state changes\n  // Use concrete values so consumers can use these variables globally\n  React.useEffect(() => {\n    const root = wrapperRef.current?.ownerDocument.documentElement;\n    if (!root) return;\n\n    // Set global sidebar width values for consumer use\n    root.style.setProperty('--sidebar-width', SIDEBAR_WIDTH);\n    root.style.setProperty('--sidebar-width-mobile', SIDEBAR_WIDTH_MOBILE);\n    root.style.setProperty('--sidebar-width-icon', SIDEBAR_WIDTH_ICON);\n\n    if (isMobile) {\n      root.style.setProperty('--sidebar-mobile', '1');\n      root.style.setProperty('--sidebar-width-current', SIDEBAR_WIDTH_MOBILE);\n      root.dataset.sidebarMobile = 'true';\n    } else {\n      root.style.setProperty('--sidebar-mobile', '0');\n      root.style.setProperty('--sidebar-width-current', SIDEBAR_WIDTH);\n      root.dataset.sidebarMobile = 'false';\n    }\n\n    return () => {\n      root.style.removeProperty('--sidebar-mobile');\n      root.style.removeProperty('--sidebar-width');\n      root.style.removeProperty('--sidebar-width-mobile');\n      root.style.removeProperty('--sidebar-width-icon');\n      root.style.removeProperty('--sidebar-width-current');\n      delete root.dataset.sidebarMobile;\n    };\n  }, [isMobile]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = React.useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n      connected,\n      loading,\n      contentBgColor,\n      containerRef,\n    }),\n    [\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      toggleSidebar,\n      connected,\n      loading,\n      contentBgColor,\n    ],\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <div\n        ref={wrapperRef}\n        data-slot=\"sidebar-wrapper\"\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 w-full',\n          // Only impose min-h-svh in default mode; connected mode inherits height from parent\n          connected ? 'h-full' : 'min-h-svh',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\nSidebarProvider.displayName = 'SidebarProvider';\n\n/**\n * Sidebar is a responsive navigation container.\n * Supports mobile sheet mode, keyboard shortcuts, and persistent state via cookies.\n *\n * @llms Responsive sidebar with mobile sheet mode\n * @example\n * ```tsx\n * <SidebarProvider>\n *   <Sidebar collapsible=\"icon\">\n *     <SidebarHeader />\n *     <SidebarContent>...</SidebarContent>\n *     <SidebarFooter />\n *   </Sidebar>\n * </SidebarProvider>\n * ```\n */\nfunction Sidebar({\n  side = 'left',\n  collapsible = 'offcanvas',\n  width = SIDEBAR_WIDTH,\n  collapsedWidth = SIDEBAR_WIDTH_ICON,\n  mobileWidth = SIDEBAR_WIDTH_MOBILE,\n  offsetTop = '0px',\n  offsetBottom = '0px',\n  rounded = false,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n  width?: string;\n  collapsedWidth?: string;\n  mobileWidth?: string;\n  offsetTop?: string;\n  offsetBottom?: string;\n  rounded?: boolean;\n}) {\n  const {\n    isMobile,\n    state,\n    openMobile,\n    setOpenMobile,\n    connected,\n    containerRef,\n  } = useSidebar();\n\n  const roundedClass = React.useMemo(() => {\n    if (!rounded) return '';\n    // Inner edge: the edge facing content (left sidebar → right edge, right sidebar → left edge)\n    return side === 'left'\n      ? 'rounded-r-(--sidebar-radius,0.5rem)'\n      : 'rounded-l-(--sidebar-radius,0.5rem)';\n  }, [rounded, side]);\n\n  // Connected mode: simplified layout for use inside AppShell\n  if (connected) {\n    return (\n      <div\n        ref={containerRef}\n        data-slot=\"sidebar\"\n        data-state={state}\n        data-collapsible={state === 'collapsed' ? collapsible : ''}\n        data-connected=\"true\"\n        className={cn(\n          'group text-sidebar-foreground flex h-full w-full flex-col overflow-hidden',\n          className,\n        )}\n        style={\n          {\n            '--sidebar-width': width,\n            '--sidebar-width-icon': collapsedWidth,\n            ...style,\n          } as React.CSSProperties\n        }\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        data-slot=\"sidebar\"\n        className={cn(\n          'bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n          style={\n            {\n              '--sidebar-width': mobileWidth,\n            } as React.CSSProperties\n          }\n          side={side}\n        >\n          <SheetHeader className=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  const effectiveCollapsible = state === 'collapsed' ? collapsible : '';\n\n  return (\n    <div\n      className=\"group peer text-sidebar-foreground hidden md:block\"\n      data-state={state}\n      data-collapsible={effectiveCollapsible}\n      data-side={side}\n      data-slot=\"sidebar\"\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      {/* Uses CSS grid with grid-template-columns transition instead of width\n          transition to avoid layout thrashing (grid-template-columns is a\n          composite-friendly property that doesn't trigger document reflow). */}\n      <div\n        data-slot=\"sidebar-gap-container\"\n        className={cn(\n          'grid transition-[grid-template-columns] duration-200 ease-linear motion-reduce:transition-none',\n          'grid-cols-[var(--sidebar-width)]',\n          'group-data-[collapsible=offcanvas]:grid-cols-[0fr]',\n          'group-data-[side=right]:rotate-180',\n          'group-data-[collapsible=icon]:grid-cols-[var(--sidebar-width-icon)]',\n        )}\n      >\n        <div\n          data-slot=\"sidebar-gap\"\n          className=\"overflow-hidden bg-transparent\"\n        />\n      </div>\n      <div\n        ref={containerRef}\n        data-slot=\"sidebar-container\"\n        style={\n          {\n            '--sidebar-width': width,\n            '--sidebar-width-icon': collapsedWidth,\n            '--sidebar-offset-top': offsetTop,\n            '--sidebar-offset-bottom': offsetBottom,\n            ...style,\n          } as React.CSSProperties\n        }\n        className={cn(\n          'fixed z-10 hidden transition-[left,right,width,height,top,bottom] duration-200 ease-linear will-change-[width,transform] motion-reduce:transition-none md:flex',\n          'w-(--sidebar-width)',\n          'top-[var(--sidebar-offset-top)] bottom-[var(--sidebar-offset-bottom)] h-[calc(100svh-var(--sidebar-offset-top)-var(--sidebar-offset-bottom))]',\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)',\n          className,\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className={cn('flex size-full flex-col', roundedClass)}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\nSidebar.displayName = 'Sidebar';\n\nfunction SidebarTrigger({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar, open } = useSidebar();\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      appearance=\"ghost\"\n      variant=\"secondary\"\n      size=\"icon-sm\"\n      aria-label=\"Toggle sidebar\"\n      aria-expanded={open}\n      className={cn(className)}\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeft aria-hidden=\"true\" />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\nSidebarTrigger.displayName = 'SidebarTrigger';\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear motion-reduce:transition-none group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',\n        'in-data-[side=left]:cursor-w-resize in-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        'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',\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\nfunction SidebarInset({\n  className,\n  connected: connectedProp,\n  contentBgColor: contentBgColorProp,\n  ...props\n}: React.ComponentProps<'main'> & {\n  /** Enable connected layout mode directly, without needing SidebarProvider */\n  connected?: boolean;\n  /** Custom background color class (e.g., 'bg-destructive'). Overrides context value. */\n  contentBgColor?: string;\n}) {\n  const context = React.useContext(SidebarContext);\n  // Prefer prop over context, fallback to false\n  const connected = connectedProp ?? context?.connected ?? false;\n  const isMobile = context?.isMobile ?? false;\n  // Prefer prop over context, fallback to 'bg-background'\n  const bgColor =\n    contentBgColorProp ?? context?.contentBgColor ?? 'bg-background';\n\n  // Connected mode: simplified layout for use inside AppShell\n  if (connected) {\n    return (\n      <main\n        data-slot=\"sidebar-inset\"\n        data-connected=\"true\"\n        data-mobile={isMobile ? 'true' : 'false'}\n        className={cn(\n          'relative flex h-full w-full flex-1 flex-col overflow-hidden',\n          bgColor,\n          isMobile && 'p-0',\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      data-mobile={isMobile ? 'true' : 'false'}\n      className={cn(bgColor, 'relative flex w-full flex-1 flex-col', className)}\n      {...props}\n    />\n  );\n}\nSidebarInset.displayName = 'SidebarInset';\n\nfunction SidebarInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      className={cn('bg-background h-8 w-full shadow-none', className)}\n      {...props}\n    />\n  );\n}\nSidebarInput.displayName = 'SidebarInput';\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      className={cn(\n        'gap-[var(--sidebar-gap,0.5rem)] p-[var(--sidebar-padding-inner,0.5rem)] flex shrink-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarHeader.displayName = 'SidebarHeader';\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      className={cn(\n        'gap-[var(--sidebar-gap,0.5rem)] p-[var(--sidebar-padding-inner,0.5rem)] flex shrink-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarFooter.displayName = 'SidebarFooter';\n\nfunction SidebarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      className={cn('bg-sidebar-border mx-2 w-auto', className)}\n      {...props}\n    />\n  );\n}\nSidebarSeparator.displayName = 'SidebarSeparator';\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn(\n        'no-scrollbar gap-[var(--sidebar-gap,0.5rem)] flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarContent.displayName = 'SidebarContent';\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      className={cn(\n        'p-[var(--sidebar-padding-inner,0.5rem)] relative flex w-full min-w-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarGroup.displayName = 'SidebarGroup';\n\nfunction SidebarGroupLabel({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<'div'> & React.ComponentProps<'div'>) {\n  return useRender({\n    defaultTagName: 'div',\n    props: mergeProps<'div'>(\n      {\n        className: cn(\n          'text-sidebar-foreground/80 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[transform,opacity] duration-200 ease-linear motion-reduce:transition-none group-data-[collapsible=icon]:-translate-y-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0',\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'sidebar-group-label',\n      sidebar: 'group-label',\n    },\n  });\n}\nSidebarGroupLabel.displayName = 'SidebarGroupLabel';\n\nfunction SidebarGroupAction({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<'button'> & React.ComponentProps<'button'>) {\n  return useRender({\n    defaultTagName: 'button',\n    props: mergeProps<'button'>(\n      {\n        className: cn(\n          'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 end-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform motion-reduce:transition-none [&>svg]:shrink-0 after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden',\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'sidebar-group-action',\n      sidebar: 'group-action',\n    },\n  });\n}\nSidebarGroupAction.displayName = 'SidebarGroupAction';\n\nfunction SidebarGroupContent({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      className={cn('text-sm w-full', className)}\n      {...props}\n    />\n  );\n}\nSidebarGroupContent.displayName = 'SidebarGroupContent';\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      className={cn(\n        'gap-[var(--sidebar-gap,0.5rem)] flex w-full min-w-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarMenu.displayName = 'SidebarMenu';\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\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  'ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] motion-reduce:transition-none group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button 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',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]',\n      },\n      size: {\n        default: 'min-h-11 text-sm',\n        sm: 'min-h-8 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\nfunction SidebarMenuButton({\n  render,\n  isActive = false,\n  variant = 'default',\n  size = 'default',\n  tooltip,\n  className,\n  ...props\n}: useRender.ComponentProps<'button'> &\n  React.ComponentProps<'button'> & {\n    isActive?: boolean;\n    tooltip?: string | React.ComponentProps<typeof TooltipPopup>;\n  } & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const { isMobile, state } = useSidebar();\n  const comp = useRender({\n    defaultTagName: 'button',\n    props: mergeProps<'button'>(\n      {\n        className: cn(sidebarMenuButtonVariants({ variant, size }), className),\n      },\n      props,\n    ),\n    render: !tooltip ? render : TooltipTrigger,\n    state: {\n      slot: 'sidebar-menu-button',\n      sidebar: 'menu-button',\n      size,\n      active: isActive,\n    },\n  });\n\n  if (!tooltip) {\n    return comp;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      {comp}\n      <TooltipPopup\n        side=\"right\"\n        align=\"center\"\n        hidden={state !== 'collapsed' || isMobile}\n        {...tooltip}\n      />\n    </Tooltip>\n  );\n}\nSidebarMenuButton.displayName = 'SidebarMenuButton';\n\nfunction SidebarMenuAction({\n  className,\n  render,\n  showOnHover = false,\n  ...props\n}: useRender.ComponentProps<'button'> &\n  React.ComponentProps<'button'> & {\n    showOnHover?: boolean;\n  }) {\n  return useRender({\n    defaultTagName: 'button',\n    props: mergeProps<'button'>(\n      {\n        className: cn(\n          'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform motion-reduce:transition-none group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 [&>svg]:shrink-0',\n          showOnHover &&\n            'peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0',\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'sidebar-menu-action',\n      sidebar: 'menu-action',\n    },\n  });\n}\nSidebarMenuAction.displayName = 'SidebarMenuAction';\n\nfunction SidebarMenuBadge({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute end-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarMenuBadge.displayName = 'SidebarMenuBadge';\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showIcon?: boolean;\n}) {\n  const width = showIcon ? '72%' : '64%';\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      className={cn('h-8 gap-2 rounded-md px-2 flex items-center', className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n}\nSidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton';\n\nfunction SidebarNavSkeleton({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-nav-skeleton\"\n      data-sidebar=\"nav-skeleton\"\n      className={cn(\n        'flex h-10 w-full items-center gap-3 rounded-md px-3 py-2',\n        'group-data-[collapsible=icon]:h-11 group-data-[collapsible=icon]:w-[76px] group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0 group-data-[collapsible=icon]:py-3',\n        className,\n      )}\n      {...props}\n    >\n      <Skeleton className=\"size-5 shrink-0 rounded\" />\n      <Skeleton className=\"h-4 flex-1 group-data-[collapsible=icon]:hidden\" />\n    </div>\n  );\n}\nSidebarNavSkeleton.displayName = 'SidebarNavSkeleton';\n\nfunction SidebarAccountSkeleton({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-account-skeleton\"\n      data-sidebar=\"account-skeleton\"\n      className={cn('flex w-full items-center gap-2 rounded-md p-2', className)}\n      {...props}\n    >\n      <Skeleton className=\"size-8 shrink-0 rounded-lg\" />\n      <div className=\"flex flex-1 flex-col gap-1 group-data-[collapsible=icon]:hidden\">\n        <Skeleton className=\"h-3.5 w-20\" />\n        <Skeleton className=\"h-3 w-16\" />\n      </div>\n    </div>\n  );\n}\nSidebarAccountSkeleton.displayName = 'SidebarAccountSkeleton';\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'border-sidebar-border mx-3.5 translate-x-px gap-[var(--sidebar-gap,0.5rem)] border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSidebarMenuSub.displayName = 'SidebarMenuSub';\n\nfunction SidebarMenuSubItem({\n  className,\n  ...props\n}: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      className={cn('group/menu-sub-item relative', className)}\n      {...props}\n    />\n  );\n}\nSidebarMenuSubItem.displayName = 'SidebarMenuSubItem';\n\nfunction SidebarMenuSubButton({\n  render,\n  size = 'md',\n  isActive = false,\n  className,\n  ...props\n}: useRender.ComponentProps<'a'> &\n  React.ComponentProps<'a'> & {\n    size?: 'sm' | 'md';\n    isActive?: boolean;\n  }) {\n  return useRender({\n    defaultTagName: 'a',\n    props: mergeProps<'a'>(\n      {\n        className: cn(\n          'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground min-h-9 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0',\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'sidebar-menu-sub-button',\n      sidebar: 'menu-sub-button',\n      size,\n      active: isActive,\n    },\n  });\n}\nSidebarMenuSubButton.displayName = 'SidebarMenuSubButton';\n\n// ============================================\n// Compound Component Export\n// ============================================\n\n/**\n * Sidebar compound component with dot notation access to all parts.\n *\n * Usage:\n * - `Sidebar.Root` - Main sidebar container (alias for Sidebar)\n * - `Sidebar.Header` - Header section\n * - `Sidebar.Content` - Scrollable content area\n * - `Sidebar.Footer` - Footer section\n * - `Sidebar.Group` - Group container for menu items\n * - `Sidebar.GroupLabel` - Label for a group\n * - `Sidebar.GroupContent` - Content within a group\n * - `Sidebar.GroupAction` - Action button for a group\n * - `Sidebar.Menu` - Menu container\n * - `Sidebar.MenuItem` - Menu item wrapper\n * - `Sidebar.MenuButton` - Clickable menu button\n * - `Sidebar.MenuAction` - Action within a menu item\n * - `Sidebar.MenuBadge` - Badge within a menu item\n * - `Sidebar.MenuSkeleton` - Loading skeleton for menu\n * - `Sidebar.MenuSub` - Submenu container\n * - `Sidebar.MenuSubItem` - Submenu item\n * - `Sidebar.MenuSubButton` - Submenu button\n * - `Sidebar.Input` - Input within sidebar\n * - `Sidebar.Separator` - Visual separator\n * - `Sidebar.Rail` - Resize/toggle rail\n * - `Sidebar.Inset` - Main content inset area\n * - `Sidebar.Trigger` - Toggle button\n */\nconst SidebarCompound = Object.assign(Sidebar, {\n  Root: Sidebar,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Group: SidebarGroup,\n  GroupLabel: SidebarGroupLabel,\n  GroupContent: SidebarGroupContent,\n  GroupAction: SidebarGroupAction,\n  Menu: SidebarMenu,\n  MenuItem: SidebarMenuItem,\n  MenuButton: SidebarMenuButton,\n  MenuAction: SidebarMenuAction,\n  MenuBadge: SidebarMenuBadge,\n  MenuSkeleton: SidebarMenuSkeleton,\n  MenuSub: SidebarMenuSub,\n  MenuSubItem: SidebarMenuSubItem,\n  MenuSubButton: SidebarMenuSubButton,\n  Input: SidebarInput,\n  Separator: SidebarSeparator,\n  Rail: SidebarRail,\n  Inset: SidebarInset,\n  Trigger: SidebarTrigger,\n  // Skeletons\n  NavSkeleton: SidebarNavSkeleton,\n  AccountSkeleton: SidebarAccountSkeleton,\n});\n\nexport {\n  SidebarAccountSkeleton,\n  SidebarCompound as Sidebar,\n  SidebarContent,\n  SidebarContext,\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  SidebarNavSkeleton,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n};\n","/** Canonical expanded width shared by AppSidebar and AppShell.Sidebar. */\nexport const APP_SIDEBAR_EXPANDED_WIDTH = '280px';\n\n/** Canonical collapsed width shared by AppSidebar and AppShell.Sidebar. */\nexport const APP_SIDEBAR_COLLAPSED_WIDTH = '68px';\n"],"x_google_ignoreList":[0],"mappings":"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"}