@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-ON2E7XHD.js

@@ -0,0 +1,51 @@
+"use client";
+
+// src/lib/diff-rows.ts
+import { useCallback, useMemo, useState } from "react";
+function collapseDiffRows(lines, contextLines, expanded = /* @__PURE__ */ new Set()) {
+  if (!contextLines || contextLines <= 0) {
+    return lines.map((line, index) => ({ kind: "line", line, index }));
+  }
+  const out = [];
+  let i = 0;
+  while (i < lines.length) {
+    if (lines[i]?.type !== "context") {
+      out.push({ kind: "line", line: lines[i], index: i });
+      i++;
+      continue;
+    }
+    const runStart = i;
+    let j = i;
+    while (j < lines.length && lines[j]?.type === "context") j++;
+    const runLength = j - runStart;
+    if (runLength <= contextLines || expanded.has(runStart)) {
+      for (let k = runStart; k < j; k++) out.push({ kind: "line", line: lines[k], index: k });
+    } else {
+      const top = Math.ceil(contextLines / 2);
+      const bottom = Math.floor(contextLines / 2);
+      for (let k = runStart; k < runStart + top; k++)
+        out.push({ kind: "line", line: lines[k], index: k });
+      out.push({ kind: "collapsed", runStart, hiddenCount: runLength - top - bottom });
+      for (let k = j - bottom; k < j; k++) out.push({ kind: "line", line: lines[k], index: k });
+    }
+    i = j;
+  }
+  return out;
+}
+function useDiffRows(lines, contextLines) {
+  const [expanded, setExpanded] = useState(/* @__PURE__ */ new Set());
+  const rows = useMemo(
+    () => collapseDiffRows(lines, contextLines, expanded),
+    [lines, contextLines, expanded]
+  );
+  const expand = useCallback((runStart) => {
+    setExpanded((prev) => new Set(prev).add(runStart));
+  }, []);
+  return { rows, expand };
+}
+
+export {
+  collapseDiffRows,
+  useDiffRows
+};
+//# sourceMappingURL=chunk-ON2E7XHD.js.map

package/dist/chunk-ON2E7XHD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/diff-rows.ts"],"sourcesContent":["\"use client\";\n\n/**\n * The context-run-collapsing hunk-windowing algorithm behind `DiffView`\n * (`@elabs-ai/components-ai`, #102, where it shipped as the private\n * `useVisibleRows`) and the terminal CLI look-alike family's own diff hunk\n * (issue #117).\n *\n * Promoted here (not duplicated) because `@elabs-ai/components-ai` and\n * `@elabs-ai/components-terminal` are layer-2 DAG SIBLINGS and may not import\n * each other — `ui` is upstream of both\n * (docs/decisions/2026-09-01-brainless-adoption-architecture.md § 4). The\n * windowing algorithm is shiki-free and DOM-free; `ui` already hosts hooks\n * (`use-mobile`, `use-copy-to-clipboard`), so a hook alongside a pure\n * function is an ordinary shape here, not a new category.\n */\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { DiffLine } from \"./diff-line\";\n\n/**\n * One rendered row: either a real diff line, or a collapsed run of\n * consecutive `context` lines longer than the caller's `contextLines`.\n */\nexport type DiffRow =\n  | { kind: \"line\"; line: DiffLine; index: number }\n  | { kind: \"collapsed\"; runStart: number; hiddenCount: number };\n\n/**\n * Collapse long runs of consecutive `context` lines behind a single\n * `\"collapsed\"` row, keeping `Math.ceil(contextLines / 2)` lines of context\n * at the top of the run and `Math.floor(contextLines / 2)` at the bottom —\n * so a reader always sees context on both sides of a hidden gap. A run\n * already in `expanded` (by its start index) renders in full instead.\n *\n * Pure: no state, no effect. `useDiffRows` below is the stateful wrapper\n * that owns the `expanded` set for a component.\n */\nexport function collapseDiffRows(\n  lines: DiffLine[],\n  contextLines: number | undefined,\n  expanded: ReadonlySet<number> = new Set(),\n): DiffRow[] {\n  if (!contextLines || contextLines <= 0) {\n    return lines.map((line, index) => ({ kind: \"line\", line, index }));\n  }\n  const out: DiffRow[] = [];\n  let i = 0;\n  while (i < lines.length) {\n    if (lines[i]?.type !== \"context\") {\n      out.push({ kind: \"line\", line: lines[i]!, index: i });\n      i++;\n      continue;\n    }\n    const runStart = i;\n    let j = i;\n    while (j < lines.length && lines[j]?.type === \"context\") j++;\n    const runLength = j - runStart;\n    if (runLength <= contextLines || expanded.has(runStart)) {\n      for (let k = runStart; k < j; k++) out.push({ kind: \"line\", line: lines[k]!, index: k });\n    } else {\n      const top = Math.ceil(contextLines / 2);\n      const bottom = Math.floor(contextLines / 2);\n      for (let k = runStart; k < runStart + top; k++)\n        out.push({ kind: \"line\", line: lines[k]!, index: k });\n      out.push({ kind: \"collapsed\", runStart, hiddenCount: runLength - top - bottom });\n      for (let k = j - bottom; k < j; k++) out.push({ kind: \"line\", line: lines[k]!, index: k });\n    }\n    i = j;\n  }\n  return out;\n}\n\n/**\n * Stateful wrapper around `collapseDiffRows`: owns the set of run-start\n * indices a caller has expanded via the \"show more\" control, and returns the\n * current row list alongside an `expand` action.\n */\nexport function useDiffRows(\n  lines: DiffLine[],\n  contextLines: number | undefined,\n): { rows: DiffRow[]; expand: (runStart: number) => void } {\n  const [expanded, setExpanded] = useState<ReadonlySet<number>>(new Set());\n\n  const rows = useMemo(\n    () => collapseDiffRows(lines, contextLines, expanded),\n    [lines, contextLines, expanded],\n  );\n\n  const expand = useCallback((runStart: number) => {\n    setExpanded((prev) => new Set(prev).add(runStart));\n  }, []);\n\n  return { rows, expand };\n}\n"],"mappings":";;;AAgBA,SAAS,aAAa,SAAS,gBAAgB;AAqBxC,SAAS,iBACd,OACA,cACA,WAAgC,oBAAI,IAAI,GAC7B;AACX,MAAI,CAAC,gBAAgB,gBAAgB,GAAG;AACtC,WAAO,MAAM,IAAI,CAAC,MAAM,WAAW,EAAE,MAAM,QAAQ,MAAM,MAAM,EAAE;AAAA,EACnE;AACA,QAAM,MAAiB,CAAC;AACxB,MAAI,IAAI;AACR,SAAO,IAAI,MAAM,QAAQ;AACvB,QAAI,MAAM,CAAC,GAAG,SAAS,WAAW;AAChC,UAAI,KAAK,EAAE,MAAM,QAAQ,MAAM,MAAM,CAAC,GAAI,OAAO,EAAE,CAAC;AACpD;AACA;AAAA,IACF;AACA,UAAM,WAAW;AACjB,QAAI,IAAI;AACR,WAAO,IAAI,MAAM,UAAU,MAAM,CAAC,GAAG,SAAS,UAAW;AACzD,UAAM,YAAY,IAAI;AACtB,QAAI,aAAa,gBAAgB,SAAS,IAAI,QAAQ,GAAG;AACvD,eAAS,IAAI,UAAU,IAAI,GAAG,IAAK,KAAI,KAAK,EAAE,MAAM,QAAQ,MAAM,MAAM,CAAC,GAAI,OAAO,EAAE,CAAC;AAAA,IACzF,OAAO;AACL,YAAM,MAAM,KAAK,KAAK,eAAe,CAAC;AACtC,YAAM,SAAS,KAAK,MAAM,eAAe,CAAC;AAC1C,eAAS,IAAI,UAAU,IAAI,WAAW,KAAK;AACzC,YAAI,KAAK,EAAE,MAAM,QAAQ,MAAM,MAAM,CAAC,GAAI,OAAO,EAAE,CAAC;AACtD,UAAI,KAAK,EAAE,MAAM,aAAa,UAAU,aAAa,YAAY,MAAM,OAAO,CAAC;AAC/E,eAAS,IAAI,IAAI,QAAQ,IAAI,GAAG,IAAK,KAAI,KAAK,EAAE,MAAM,QAAQ,MAAM,MAAM,CAAC,GAAI,OAAO,EAAE,CAAC;AAAA,IAC3F;AACA,QAAI;AAAA,EACN;AACA,SAAO;AACT;AAOO,SAAS,YACd,OACA,cACyD;AACzD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA8B,oBAAI,IAAI,CAAC;AAEvE,QAAM,OAAO;AAAA,IACX,MAAM,iBAAiB,OAAO,cAAc,QAAQ;AAAA,IACpD,CAAC,OAAO,cAAc,QAAQ;AAAA,EAChC;AAEA,QAAM,SAAS,YAAY,CAAC,aAAqB;AAC/C,gBAAY,CAAC,SAAS,IAAI,IAAI,IAAI,EAAE,IAAI,QAAQ,CAAC;AAAA,EACnD,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,MAAM,OAAO;AACxB;","names":[]}

package/dist/chunk-OPBSVEMX.js

@@ -0,0 +1,192 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/navigation-menu/navigation-menu.tsx
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useId,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NavigationMenuGuardContext = createContext(null);
+var NavigationMenuItemValueContext = createContext(void 0);
+var NavigationMenu = forwardRef(function NavigationMenu2({ className, children, value: valueProp, defaultValue, onValueChange, ...props }, ref) {
+  const isControlled = valueProp !== void 0;
+  const [internalValue, setInternalValue] = useState(defaultValue ?? "");
+  const currentValue = isControlled ? valueProp : internalValue;
+  const currentValueRef = useRef(currentValue);
+  currentValueRef.current = currentValue;
+  const pointerPresentForRef = useRef(null);
+  const suppressReopenForRef = useRef(null);
+  const guard = useMemo(
+    () => ({
+      notePointerPresence(itemValue, present) {
+        if (present) {
+          pointerPresentForRef.current = itemValue;
+          return;
+        }
+        if (pointerPresentForRef.current === itemValue) pointerPresentForRef.current = null;
+        if (suppressReopenForRef.current === itemValue) suppressReopenForRef.current = null;
+      },
+      noteExplicitActivation(itemValue) {
+        if (suppressReopenForRef.current === itemValue) suppressReopenForRef.current = null;
+      },
+      consumeSuppressionFlag(itemValue) {
+        if (suppressReopenForRef.current === itemValue) {
+          suppressReopenForRef.current = null;
+          return true;
+        }
+        return false;
+      }
+    }),
+    []
+  );
+  const handleValueChange = (next) => {
+    const previous = currentValueRef.current;
+    if (next === "") {
+      if (previous !== "" && pointerPresentForRef.current === previous) {
+        suppressReopenForRef.current = previous;
+      }
+    } else if (guard.consumeSuppressionFlag(next)) {
+      return;
+    }
+    if (!isControlled) setInternalValue(next);
+    onValueChange?.(next);
+  };
+  return /* @__PURE__ */ jsx(NavigationMenuGuardContext.Provider, { value: guard, children: /* @__PURE__ */ jsxs(
+    NavigationMenuPrimitive.Root,
+    {
+      ref,
+      "data-slot": "navigation-menu",
+      value: currentValue,
+      onValueChange: handleValueChange,
+      className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+      ]
+    }
+  ) });
+});
+var NavigationMenuList = forwardRef(function NavigationMenuList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.List,
+    {
+      ref,
+      "data-slot": "navigation-menu-list",
+      className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+      ...props
+    }
+  );
+});
+var NavigationMenuItem = forwardRef(function NavigationMenuItem2({ value: valueProp, ...props }, ref) {
+  const autoValue = useId();
+  const value = valueProp ?? autoValue;
+  return /* @__PURE__ */ jsx(NavigationMenuItemValueContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Item,
+    {
+      ref,
+      "data-slot": "navigation-menu-item",
+      value,
+      ...props
+    }
+  ) });
+});
+var navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-body font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-ring disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent"
+);
+var NavigationMenuTrigger = forwardRef(function NavigationMenuTrigger2({ className, children, onClick, onPointerEnter, onPointerLeave, ...props }, ref) {
+  const itemValue = useContext(NavigationMenuItemValueContext);
+  const guard = useContext(NavigationMenuGuardContext);
+  const notePointer = (event, present) => {
+    if (itemValue !== void 0 && guard && event.pointerType === "mouse") {
+      guard.notePointerPresence(itemValue, present);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    NavigationMenuPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), "group", className),
+      onPointerEnter: (event) => {
+        onPointerEnter?.(event);
+        notePointer(event, true);
+      },
+      onPointerLeave: (event) => {
+        onPointerLeave?.(event);
+        notePointer(event, false);
+      },
+      onClick: (event) => {
+        if (itemValue !== void 0) guard?.noteExplicitActivation(itemValue);
+        onClick?.(event);
+      },
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            className: "relative top-px ms-1 size-3 transition-transform duration-base ease-standard group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+});
+var NavigationMenuContent = forwardRef(function NavigationMenuContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Content,
+    {
+      ref,
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "start-0 top-0 w-full p-2 md:absolute md:w-auto",
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out",
+        "data-[motion=from-end]:slide-in-from-right-2 data-[motion=from-start]:slide-in-from-left-2 data-[motion=to-end]:slide-out-to-right-2 data-[motion=to-start]:slide-out-to-left-2",
+        "data-[motion^=from-]:[--tw-ease:var(--ease-entrance)]",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = forwardRef(function NavigationMenuViewport2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { className: "absolute start-0 top-full flex justify-center", children: /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Viewport,
+    {
+      ref,
+      "data-slot": "navigation-menu-viewport",
+      className: cn(
+        "relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+        "origin-top transition-[width,height] duration-base ease-standard data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:zoom-in-90 data-[state=closed]:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+
+export {
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  navigationMenuTriggerStyle,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuLink,
+  NavigationMenuViewport
+};
+//# sourceMappingURL=chunk-OPBSVEMX.js.map

package/dist/chunk-OPBSVEMX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type PointerEvent as ReactPointerEvent,\n} from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Residual of #54 (issue #85, fix round 1 → round 2): a pointer move onto a\n * trigger arms `@radix-ui/react-navigation-menu`'s root-level hover-intent\n * open timer (`openTimerRef`, default `delayDuration` 200ms — confirmed\n * unchanged through `@radix-ui/react-navigation-menu@1.2.22`, the current\n * latest stable). Neither the click-open path (root `onItemSelect`) nor any\n * dismiss path (Escape, outside-click, focus-out — all funnelled through one\n * `ROOT_CONTENT_DISMISS` handler → `onItemDismiss`) clears that timer, so it\n * fires later and silently reopens the panel even after an explicit\n * dismissal.\n *\n * Round 1 ran Radix's own `onTriggerLeave` cancellation path (a synthetic\n * `pointerout`) on every click. That clears the stray open timer, but\n * `onTriggerLeave` does two things, not one — it ALSO unconditionally arms\n * Radix's 150ms close timer (`startCloseTimer`/`closeTimerRef`), which\n * nothing then cancels for a click-opened (or keyboard/touch-opened) menu,\n * since it never gets a real pointerenter on its content. Every click-opened\n * menu silently closed itself ~150ms later. No supported, finer-grained Radix\n * API exists to clear only the open timer — the 6 context callbacks\n * (`onTriggerEnter`/`onTriggerLeave`/`onContentEnter`/`onContentLeave`/\n * `onItemSelect`/`onItemDismiss`) are the only reachable surface, and none of\n * the internal refs (`openTimerRef`, `closeTimerRef`, `wasClickCloseRef`,\n * `wasEscapeCloseRef`) are exported.\n *\n * Round 2 fix: stop reaching into Radix's internal timers via synthetic\n * events entirely. `NavigationMenu` takes over `value`/`onValueChange` as a\n * controlled proxy (transparent to a consumer's own controlled/uncontrolled\n * usage) and rejects, ONCE, a reopen request for an item that was just\n * dismissed (value → \"\") while a REAL mouse pointer was still resting on its\n * trigger — exactly the #85 scenario (dismissed inside the hover-intent\n * window, pointer never left). The guard is a one-shot, pointer-scoped\n * suppression per item (`suppressReopenForRef` in `NavigationMenu`, armed by\n * `NavigationMenuItemValueContext` + a small guard context), cleared the\n * instant ANY of the following happens, so it can never block a genuine\n * interaction: (a) the real pointer leaves that trigger (a fresh hover-intent\n * cycle is legitimate — Radix's own `wasEscapeCloseRef`/`wasClickCloseRef`\n * guards reset on the same real pointerenter), or (b) any click on that\n * trigger (`noteExplicitActivation`, which runs synchronously before Radix's\n * own `onItemSelect` in the same click dispatch, per\n * `composeEventHandlers(props.onClick, () => context.onItemSelect(...))` in\n * `@radix-ui/react-navigation-menu`'s Trigger). A pure keyboard sequence never\n * touches this guard at all (no pointer event ever marks the trigger as\n * \"resting\"), so it cannot regress keyboard or touch entry — see the 3\n * scenarios locked in `navigation-menu.test.tsx` (pointer dismiss stays\n * dismissed, click-open survives past the close-timer delay with no pointer\n * movement, keyboard open/Escape/no-reopen).\n *\n * `NavigationMenuItem` is wrapped (was a bare re-export) purely so its\n * resolved item value — the same value Radix's OWN auto-`useId()` fallback\n * would otherwise compute internally and never expose — is available to\n * `NavigationMenuTrigger` without inventing a new public prop or reaching\n * into Radix's non-exported item context.\n *\n * Tracked upstream: https://github.com/radix-ui/primitives/issues (file and\n * link the specific issue here once opened — non-blocking, parallel to this\n * interim fix; confirmed still present in 1.2.22, the latest stable release\n * as of this fix).\n */\ntype NavigationMenuGuard = {\n  notePointerPresence(itemValue: string, present: boolean): void;\n  noteExplicitActivation(itemValue: string): void;\n  /** One-shot: returns true (and clears the flag) iff this reopen should be swallowed. */\n  consumeSuppressionFlag(itemValue: string): boolean;\n};\n\nconst NavigationMenuGuardContext = createContext<NavigationMenuGuard | null>(null);\nconst NavigationMenuItemValueContext = createContext<string | undefined>(undefined);\n\nexport const NavigationMenu = forwardRef<\n  ElementRef<typeof NavigationMenuPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(function NavigationMenu(\n  { className, children, value: valueProp, defaultValue, onValueChange, ...props },\n  ref,\n) {\n  const isControlled = valueProp !== undefined;\n  const [internalValue, setInternalValue] = useState(defaultValue ?? \"\");\n  const currentValue = isControlled ? (valueProp as string) : internalValue;\n  const currentValueRef = useRef(currentValue);\n  currentValueRef.current = currentValue;\n\n  // itemValue currently under a resting, real (mouse) pointer — at most one\n  // at a time in practice, since a real pointer can only be inside one\n  // trigger's bounds.\n  const pointerPresentForRef = useRef<string | null>(null);\n  // One-shot: the itemValue whose next reopen request should be swallowed.\n  const suppressReopenForRef = useRef<string | null>(null);\n\n  const guard = useMemo<NavigationMenuGuard>(\n    () => ({\n      notePointerPresence(itemValue, present) {\n        if (present) {\n          pointerPresentForRef.current = itemValue;\n          return;\n        }\n        if (pointerPresentForRef.current === itemValue) pointerPresentForRef.current = null;\n        // A genuine leave ends the suspicious window this guard exists for —\n        // any future reopen must come from a fresh interaction (a new\n        // hover-intent cycle after re-entering, or a click), both legitimate.\n        if (suppressReopenForRef.current === itemValue) suppressReopenForRef.current = null;\n      },\n      noteExplicitActivation(itemValue) {\n        if (suppressReopenForRef.current === itemValue) suppressReopenForRef.current = null;\n      },\n      consumeSuppressionFlag(itemValue) {\n        if (suppressReopenForRef.current === itemValue) {\n          suppressReopenForRef.current = null;\n          return true;\n        }\n        return false;\n      },\n    }),\n    [],\n  );\n\n  const handleValueChange = (next: string) => {\n    const previous = currentValueRef.current;\n    if (next === \"\") {\n      if (previous !== \"\" && pointerPresentForRef.current === previous) {\n        // Dismissed while a real pointer still rests on its trigger, inside\n        // the hover-intent window — the #85 defect. Arm the one-shot guard\n        // against exactly this item's next reopen request.\n        suppressReopenForRef.current = previous;\n      }\n    } else if (guard.consumeSuppressionFlag(next)) {\n      return; // Swallow the stray reopen — stay on `previous` (closed).\n    }\n    if (!isControlled) setInternalValue(next);\n    onValueChange?.(next);\n  };\n\n  return (\n    <NavigationMenuGuardContext.Provider value={guard}>\n      <NavigationMenuPrimitive.Root\n        ref={ref}\n        data-slot=\"navigation-menu\"\n        value={currentValue}\n        onValueChange={handleValueChange}\n        className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n        {...props}\n      >\n        {children}\n        <NavigationMenuViewport />\n      </NavigationMenuPrimitive.Root>\n    </NavigationMenuGuardContext.Provider>\n  );\n});\n\nexport const NavigationMenuList = forwardRef<\n  ElementRef<typeof NavigationMenuPrimitive.List>,\n  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(function NavigationMenuList({ className, ...props }, ref) {\n  return (\n    <NavigationMenuPrimitive.List\n      ref={ref}\n      data-slot=\"navigation-menu-list\"\n      className={cn(\"group flex flex-1 list-none items-center justify-center gap-1\", className)}\n      {...props}\n    />\n  );\n});\n\nexport const NavigationMenuItem = forwardRef<\n  ElementRef<typeof NavigationMenuPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(function NavigationMenuItem({ value: valueProp, ...props }, ref) {\n  const autoValue = useId();\n  const value = valueProp ?? autoValue;\n  return (\n    <NavigationMenuItemValueContext.Provider value={value}>\n      <NavigationMenuPrimitive.Item\n        ref={ref}\n        data-slot=\"navigation-menu-item\"\n        value={value}\n        {...props}\n      />\n    </NavigationMenuItemValueContext.Provider>\n  );\n});\n\nexport const navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-body font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-ring disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent\",\n);\n\nexport const NavigationMenuTrigger = forwardRef<\n  ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(function NavigationMenuTrigger(\n  { className, children, onClick, onPointerEnter, onPointerLeave, ...props },\n  ref,\n) {\n  const itemValue = useContext(NavigationMenuItemValueContext);\n  const guard = useContext(NavigationMenuGuardContext);\n\n  const notePointer = (event: ReactPointerEvent<HTMLButtonElement>, present: boolean) => {\n    if (itemValue !== undefined && guard && event.pointerType === \"mouse\") {\n      guard.notePointerPresence(itemValue, present);\n    }\n  };\n\n  return (\n    <NavigationMenuPrimitive.Trigger\n      ref={ref}\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      onPointerEnter={(event) => {\n        onPointerEnter?.(event);\n        notePointer(event, true);\n      }}\n      onPointerLeave={(event) => {\n        onPointerLeave?.(event);\n        notePointer(event, false);\n      }}\n      onClick={(event) => {\n        if (itemValue !== undefined) guard?.noteExplicitActivation(itemValue);\n        onClick?.(event);\n      }}\n      {...props}\n    >\n      {children}\n      <ChevronDown\n        className=\"relative top-px ms-1 size-3 transition-transform duration-base ease-standard group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n});\n\nexport const NavigationMenuContent = forwardRef<\n  ElementRef<typeof NavigationMenuPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(function NavigationMenuContent({ className, ...props }, ref) {\n  return (\n    <NavigationMenuPrimitive.Content\n      ref={ref}\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"start-0 top-0 w-full p-2 md:absolute md:w-auto\",\n        \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out\",\n        \"data-[motion=from-end]:slide-in-from-right-2 data-[motion=from-start]:slide-in-from-left-2 data-[motion=to-end]:slide-out-to-right-2 data-[motion=to-start]:slide-out-to-left-2\",\n        \"data-[motion^=from-]:[--tw-ease:var(--ease-entrance)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const NavigationMenuLink = NavigationMenuPrimitive.Link;\n\nexport const NavigationMenuViewport = forwardRef<\n  ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(function NavigationMenuViewport({ className, ...props }, ref) {\n  return (\n    <div className=\"absolute start-0 top-full flex justify-center\">\n      <NavigationMenuPrimitive.Viewport\n        ref={ref}\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          \"origin-top transition-[width,height] duration-base ease-standard data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:zoom-in-90 data-[state=closed]:zoom-out-95\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\n"],"mappings":"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","names":["NavigationMenu","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","NavigationMenuContent","NavigationMenuViewport"]}

package/dist/chunk-OR4NVFPH.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-OR4NVFPH.js.map

package/dist/chunk-OR4NVFPH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-OYKS7YHE.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-OYKS7YHE.js.map

package/dist/chunk-OYKS7YHE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-PGKQZBLZ.js

@@ -0,0 +1,55 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/avatar/avatar.tsx
+import { forwardRef } from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx } from "react/jsx-runtime";
+var Avatar = forwardRef(function Avatar2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      ref,
+      "data-slot": "avatar",
+      className: cn("relative flex size-9 shrink-0 overflow-hidden rounded-full", className),
+      ...props
+    }
+  );
+});
+var AvatarImage = forwardRef(function AvatarImage2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      ref,
+      "data-slot": "avatar-image",
+      className: cn(
+        "aspect-square size-full animate-in fade-in duration-base ease-entrance",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var AvatarFallback = forwardRef(function AvatarFallback2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      ref,
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-meta font-medium text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Avatar,
+  AvatarImage,
+  AvatarFallback
+};
+//# sourceMappingURL=chunk-PGKQZBLZ.js.map

package/dist/chunk-PGKQZBLZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/avatar/avatar.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Avatar = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(function Avatar({ className, ...props }, ref) {\n  return (\n    <AvatarPrimitive.Root\n      ref={ref}\n      data-slot=\"avatar\"\n      className={cn(\"relative flex size-9 shrink-0 overflow-hidden rounded-full\", className)}\n      {...props}\n    />\n  );\n});\nexport const AvatarImage = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Image>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(function AvatarImage({ className, ...props }, ref) {\n  return (\n    <AvatarPrimitive.Image\n      ref={ref}\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"aspect-square size-full animate-in fade-in duration-base ease-entrance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nexport const AvatarFallback = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Fallback>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(function AvatarFallback({ className, ...props }, ref) {\n  return (\n    <AvatarPrimitive.Fallback\n      ref={ref}\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted text-meta font-medium text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,qBAAqB;AAQ7B;AALG,IAAM,SAAS,WAGpB,SAASA,QAAO,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,8DAA8D,SAAS;AAAA,MACpF,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACM,IAAM,cAAc,WAGzB,SAASC,aAAY,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACnD,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACM,IAAM,iBAAiB,WAG5B,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACtD,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Avatar","AvatarImage","AvatarFallback"]}

package/dist/chunk-PHAENHGL.js

@@ -0,0 +1,19 @@
+"use client";
+
+// src/lib/slash-command.ts
+function defaultSlashCommandFilter(command, query) {
+  const q = query.toLowerCase();
+  if (q.length === 0) return true;
+  if (command.name.toLowerCase().startsWith(q)) return true;
+  return (command.keywords ?? []).some((keyword) => keyword.toLowerCase().startsWith(q));
+}
+function stepIndex(count, from, direction) {
+  if (count === 0) return -1;
+  return ((from + direction) % count + count) % count;
+}
+
+export {
+  defaultSlashCommandFilter,
+  stepIndex
+};
+//# sourceMappingURL=chunk-PHAENHGL.js.map

package/dist/chunk-PHAENHGL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/slash-command.ts"],"sourcesContent":["/**\n * The command model behind a `/`-triggered slash-command palette\n * (`PromptInputSlash` in `@elabs-ai/components-ai`, and the terminal CLI\n * look-alike family's own palette — issue #117).\n *\n * Promoted here (not duplicated) because `@elabs-ai/components-ai` and\n * `@elabs-ai/components-terminal` are layer-2 DAG SIBLINGS and may not import\n * each other — `ui` is upstream of both, so this is the one legal shared home\n * (docs/decisions/2026-09-01-brainless-adoption-architecture.md § 4, the\n * promotion rule: \"a helper shared by two layer-2 siblings moves UP to `ui`,\n * it is never duplicated sideways\"). No DOM, no keyboard wiring, no rendering\n * — the popover, the caret tracking and the row markup stay in each\n * package's own presentational component.\n */\nimport type { ReactNode } from \"react\";\n\n/** One entry a slash palette offers. Ships no vocabulary — entirely prop-driven. */\nexport interface SlashCommand {\n  /** Stable name, WITHOUT the leading \"/\" (e.g. `\"help\"`, not `\"/help\"`). */\n  name: string;\n  /** One line shown next to the name. */\n  description?: string;\n  /** Extra prefix-match aids beyond `name` (matched case-insensitively). */\n  keywords?: string[];\n  /** Leading glyph. Decorative — the row is identified by `name`. */\n  icon?: ReactNode;\n}\n\n/**\n * Case-insensitive PREFIX match on `name`, falling back to a prefix match on\n * any `keyword`. Prefix (not substring) is deliberate: `/hel` should surface\n * `/help`, not e.g. a hypothetical `/channel`.\n */\nexport function defaultSlashCommandFilter(command: SlashCommand, query: string): boolean {\n  const q = query.toLowerCase();\n  if (q.length === 0) return true;\n  if (command.name.toLowerCase().startsWith(q)) return true;\n  return (command.keywords ?? []).some((keyword) => keyword.toLowerCase().startsWith(q));\n}\n\n/** Next index in `[0, count)`, wrapping at both ends. `-1` when `count` is 0. */\nexport function stepIndex(count: number, from: number, direction: 1 | -1): number {\n  if (count === 0) return -1;\n  return (((from + direction) % count) + count) % count;\n}\n"],"mappings":";;;AAiCO,SAAS,0BAA0B,SAAuB,OAAwB;AACvF,QAAM,IAAI,MAAM,YAAY;AAC5B,MAAI,EAAE,WAAW,EAAG,QAAO;AAC3B,MAAI,QAAQ,KAAK,YAAY,EAAE,WAAW,CAAC,EAAG,QAAO;AACrD,UAAQ,QAAQ,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,QAAQ,YAAY,EAAE,WAAW,CAAC,CAAC;AACvF;AAGO,SAAS,UAAU,OAAe,MAAc,WAA2B;AAChF,MAAI,UAAU,EAAG,QAAO;AACxB,WAAU,OAAO,aAAa,QAAS,SAAS;AAClD;","names":[]}

package/dist/chunk-PLCQZBZS.js

@@ -0,0 +1,63 @@
+"use client";
+
+// src/lib/download.ts
+function clickAnchor(url, filename) {
+  const a = document.createElement("a");
+  a.href = url;
+  if (filename) a.download = filename;
+  a.rel = "noopener";
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+}
+function filenameFromUrl(url) {
+  try {
+    const base = "http://localhost";
+    const ref = typeof window === "undefined" ? base : window.location.href;
+    const { pathname } = new URL(url, ref);
+    const last = pathname.split("/").filter(Boolean).pop();
+    return last && last.length > 0 ? decodeURIComponent(last) : "download";
+  } catch {
+    return "download";
+  }
+}
+function isDirectlyDownloadable(url) {
+  if (url.startsWith("data:") || url.startsWith("blob:")) return true;
+  if (typeof window === "undefined") return true;
+  try {
+    return new URL(url, window.location.href).origin === window.location.origin;
+  } catch {
+    return true;
+  }
+}
+function downloadBlob(blob, filename) {
+  if (typeof document === "undefined") return;
+  const url = URL.createObjectURL(blob);
+  try {
+    clickAnchor(url, filename);
+  } finally {
+    URL.revokeObjectURL(url);
+  }
+}
+async function downloadUrl(url, filename) {
+  if (typeof document === "undefined") return;
+  if (isDirectlyDownloadable(url)) {
+    clickAnchor(url, filename);
+    return;
+  }
+  try {
+    const res = await fetch(url);
+    if (!res.ok) throw new Error(`Download failed: ${res.status}`);
+    const blob = await res.blob();
+    downloadBlob(blob, filename ?? filenameFromUrl(url));
+  } catch {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
+
+export {
+  downloadBlob,
+  downloadUrl
+};
+//# sourceMappingURL=chunk-PLCQZBZS.js.map

package/dist/chunk-PLCQZBZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/download.ts"],"sourcesContent":["/**\n * Browser file-download helpers — the single home for the\n * `Blob`/URL → hidden `<a download>` → click → revoke dance that was previously\n * copy-pasted across `@elabs-ai/components-ai` (ConversationDownload), `@elabs-ai/components-data`\n * (downloadCsv) and now `@elabs-ai/components-ai` Gallery.\n *\n * Pure DOM mechanics, no React, no other deps — and SSR-guarded\n * (`typeof document === \"undefined\"` → no-op) so it's safe to import from\n * dependency-light modules. The CONTENT (CSV serialization, markdown export,\n * image source) stays with each caller; this only triggers the save.\n */\n\n/** Internal: click a hidden anchor for `url`, optionally suggesting `filename`. */\nfunction clickAnchor(url: string, filename?: string): void {\n  const a = document.createElement(\"a\");\n  a.href = url;\n  // `download` is only honored for same-origin / blob: / data: URLs; harmless otherwise.\n  if (filename) a.download = filename;\n  a.rel = \"noopener\";\n  a.style.display = \"none\";\n  document.body.appendChild(a);\n  a.click();\n  a.remove();\n}\n\n/** Best-effort filename from a URL path; falls back to \"download\". */\nfunction filenameFromUrl(url: string): string {\n  try {\n    const base = \"http://localhost\";\n    const ref = typeof window === \"undefined\" ? base : window.location.href;\n    const { pathname } = new URL(url, ref);\n    const last = pathname.split(\"/\").filter(Boolean).pop();\n    return last && last.length > 0 ? decodeURIComponent(last) : \"download\";\n  } catch {\n    return \"download\";\n  }\n}\n\n/** True for sources `<a download>` can save directly (same-origin, blob:, data:). */\nfunction isDirectlyDownloadable(url: string): boolean {\n  if (url.startsWith(\"data:\") || url.startsWith(\"blob:\")) return true;\n  if (typeof window === \"undefined\") return true;\n  try {\n    return new URL(url, window.location.href).origin === window.location.origin;\n  } catch {\n    // Relative or unparseable → treat as same-origin (the anchor resolves it).\n    return true;\n  }\n}\n\n/**\n * Trigger a download for an in-memory `Blob`. No-op in non-DOM environments.\n * Revokes the object URL immediately after the click (the browser captures the\n * download synchronously, mirroring the prior call sites).\n */\nexport function downloadBlob(blob: Blob, filename: string): void {\n  if (typeof document === \"undefined\") return;\n  const url = URL.createObjectURL(blob);\n  try {\n    clickAnchor(url, filename);\n  } finally {\n    URL.revokeObjectURL(url);\n  }\n}\n\n/**\n * Trigger a download for an existing `url` (an http(s)/relative URL, or a\n * `data:`/`blob:` URI). No-op in non-DOM environments.\n *\n * Same-origin / `blob:` / `data:` → a direct `<a download>` (honors `filename`).\n * Cross-origin → the browser ignores the `download` filename, so we `fetch` the\n * bytes and save via {@link downloadBlob}. This requires the server to allow CORS;\n * on failure (CORS/opaque/offline) we fall back to opening the source in a new\n * tab so the user still gets the asset. Fire-and-forget: `void downloadUrl(...)`.\n */\nexport async function downloadUrl(url: string, filename?: string): Promise<void> {\n  if (typeof document === \"undefined\") return;\n\n  if (isDirectlyDownloadable(url)) {\n    clickAnchor(url, filename);\n    return;\n  }\n\n  try {\n    const res = await fetch(url);\n    if (!res.ok) throw new Error(`Download failed: ${res.status}`);\n    const blob = await res.blob();\n    downloadBlob(blob, filename ?? filenameFromUrl(url));\n  } catch {\n    // CORS / opaque / offline: best effort so the user still reaches the asset.\n    window.open(url, \"_blank\", \"noopener,noreferrer\");\n  }\n}\n"],"mappings":";;;AAaA,SAAS,YAAY,KAAa,UAAyB;AACzD,QAAM,IAAI,SAAS,cAAc,GAAG;AACpC,IAAE,OAAO;AAET,MAAI,SAAU,GAAE,WAAW;AAC3B,IAAE,MAAM;AACR,IAAE,MAAM,UAAU;AAClB,WAAS,KAAK,YAAY,CAAC;AAC3B,IAAE,MAAM;AACR,IAAE,OAAO;AACX;AAGA,SAAS,gBAAgB,KAAqB;AAC5C,MAAI;AACF,UAAM,OAAO;AACb,UAAM,MAAM,OAAO,WAAW,cAAc,OAAO,OAAO,SAAS;AACnE,UAAM,EAAE,SAAS,IAAI,IAAI,IAAI,KAAK,GAAG;AACrC,UAAM,OAAO,SAAS,MAAM,GAAG,EAAE,OAAO,OAAO,EAAE,IAAI;AACrD,WAAO,QAAQ,KAAK,SAAS,IAAI,mBAAmB,IAAI,IAAI;AAAA,EAC9D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGA,SAAS,uBAAuB,KAAsB;AACpD,MAAI,IAAI,WAAW,OAAO,KAAK,IAAI,WAAW,OAAO,EAAG,QAAO;AAC/D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI;AACF,WAAO,IAAI,IAAI,KAAK,OAAO,SAAS,IAAI,EAAE,WAAW,OAAO,SAAS;AAAA,EACvE,QAAQ;AAEN,WAAO;AAAA,EACT;AACF;AAOO,SAAS,aAAa,MAAY,UAAwB;AAC/D,MAAI,OAAO,aAAa,YAAa;AACrC,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,MAAI;AACF,gBAAY,KAAK,QAAQ;AAAA,EAC3B,UAAE;AACA,QAAI,gBAAgB,GAAG;AAAA,EACzB;AACF;AAYA,eAAsB,YAAY,KAAa,UAAkC;AAC/E,MAAI,OAAO,aAAa,YAAa;AAErC,MAAI,uBAAuB,GAAG,GAAG;AAC/B,gBAAY,KAAK,QAAQ;AACzB;AAAA,EACF;AAEA,MAAI;AACF,UAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,QAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,oBAAoB,IAAI,MAAM,EAAE;AAC7D,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,iBAAa,MAAM,YAAY,gBAAgB,GAAG,CAAC;AAAA,EACrD,QAAQ;AAEN,WAAO,KAAK,KAAK,UAAU,qBAAqB;AAAA,EAClD;AACF;","names":[]}

package/dist/chunk-PQZD5W3E.js

@@ -0,0 +1,170 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/context-menu/context-menu.tsx
+import {
+  forwardRef
+} from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var ContextMenuSubTrigger = forwardRef(function ContextMenuSubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      ref,
+      "data-slot": "context-menu-sub-trigger",
+      className: cn(
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent",
+        inset && "ps-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto size-4" })
+      ]
+    }
+  );
+});
+var ContextMenuSubContent = forwardRef(function ContextMenuSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.SubContent,
+    {
+      ref,
+      "data-slot": "context-menu-sub-content",
+      className: cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ContextMenuContent = forwardRef(function ContextMenuContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Content,
+    {
+      ref,
+      "data-slot": "context-menu-content",
+      className: cn(
+        "z-50 min-w-[12rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+var ContextMenuItem = forwardRef(function ContextMenuItem2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Item,
+    {
+      ref,
+      "data-slot": "context-menu-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-4",
+        inset && "ps-8",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ContextMenuCheckboxItem = forwardRef(function ContextMenuCheckboxItem2({ className, children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.CheckboxItem,
+    {
+      ref,
+      "data-slot": "context-menu-checkbox-item",
+      checked,
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var ContextMenuRadioItem = forwardRef(function ContextMenuRadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.RadioItem,
+    {
+      ref,
+      "data-slot": "context-menu-radio-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var ContextMenuLabel = forwardRef(function ContextMenuLabel2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Label,
+    {
+      ref,
+      "data-slot": "context-menu-label",
+      className: cn(
+        "px-2 py-1.5 text-meta font-semibold text-muted-foreground",
+        inset && "ps-8",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ContextMenuSeparator = forwardRef(function ContextMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Separator,
+    {
+      ref,
+      "data-slot": "context-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+});
+function ContextMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn("ms-auto text-meta tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+export {
+  ContextMenu,
+  ContextMenuTrigger,
+  ContextMenuGroup,
+  ContextMenuSub,
+  ContextMenuRadioGroup,
+  ContextMenuSubTrigger,
+  ContextMenuSubContent,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuCheckboxItem,
+  ContextMenuRadioItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuShortcut
+};
+//# sourceMappingURL=chunk-PQZD5W3E.js.map