@arbidocs/react 0.5.111 → 0.5.113

package/dist/ui/mark-menu.js

@@ -0,0 +1,300 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useCallback,
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+import { Popover, PopoverAnchor, PopoverContent } from "./popover.js";
+import { cn } from "../lib/utils.js";
+const FINE_OPEN_DELAY = 350;
+const FINE_CLOSE_DELAY = 180;
+const silentFocusMarks = /* @__PURE__ */ new WeakSet();
+function returnFocusToMark(mark) {
+  silentFocusMarks.add(mark);
+  mark.focus({ preventScroll: true });
+  silentFocusMarks.delete(mark);
+}
+function isFocusVisible(el) {
+  try {
+    return el.matches(":focus-visible");
+  } catch {
+    return true;
+  }
+}
+function isCoarse(pointerType) {
+  if (pointerType === "touch" || pointerType === "pen") return true;
+  if (pointerType === "mouse") return false;
+  return typeof window !== "undefined" && !!window.matchMedia?.("(pointer: coarse)").matches;
+}
+function MarkMenu({
+  as = "span",
+  href,
+  items,
+  preview,
+  menuLabel,
+  shouldClickRunPrimary = true,
+  openDelay = FINE_OPEN_DELAY,
+  closeDelay = FINE_CLOSE_DELAY,
+  testId,
+  menuTestId,
+  triggerRef: externalRef,
+  className,
+  children,
+  onPointerDown,
+  onPointerEnter,
+  onPointerMove,
+  onPointerLeave,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  ...rest
+}) {
+  const [open, setOpen] = useState(false);
+  const [side, setSide] = useState("bottom");
+  const menuId = useId();
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const timer = useRef(null);
+  const mode = useRef("hover");
+  const lastPointer = useRef("mouse");
+  const focusFirstOnOpen = useRef(false);
+  const hoverArmed = useRef(false);
+  const isEmpty = items.length === 0 && !preview;
+  const ordered = [...items].sort((a, b) => Number(!!b.primary) - Number(!!a.primary));
+  const primary = ordered[0];
+  const clearTimer = () => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = null;
+  };
+  useEffect(() => clearTimer, []);
+  useEffect(() => {
+    if (!open) return;
+    const onDocumentPointerDown = (e) => {
+      const target = e.target;
+      if (triggerRef.current?.contains(target) || contentRef.current?.contains(target)) return;
+      if (timer.current) clearTimeout(timer.current);
+      setOpen(false);
+    };
+    document.addEventListener("pointerdown", onDocumentPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onDocumentPointerDown, true);
+  }, [open]);
+  const rows = () => Array.from(contentRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
+  const firstItem = () => rows()[0];
+  const openWith = (next, focusFirst = false) => {
+    clearTimer();
+    mode.current = next;
+    focusFirstOnOpen.current = focusFirst;
+    setSide(next === "press" && isCoarse(lastPointer.current) ? "top" : "bottom");
+    setOpen(true);
+    if (focusFirst) {
+      requestAnimationFrame(() => firstItem()?.focus());
+    }
+  };
+  const close = (returnFocus = false) => {
+    clearTimer();
+    setOpen(false);
+    if (returnFocus && triggerRef.current) returnFocusToMark(triggerRef.current);
+  };
+  const schedule = (action, delay) => {
+    clearTimer();
+    timer.current = setTimeout(action, delay);
+  };
+  const handlePointerDown = (e) => {
+    lastPointer.current = e.pointerType;
+    onPointerDown?.(e);
+  };
+  const handlePointerEnter = (e) => {
+    onPointerEnter?.(e);
+    if (isCoarse(e.pointerType) || isEmpty) return;
+    lastPointer.current = e.pointerType;
+    hoverArmed.current = true;
+  };
+  const handlePointerMove = (e) => {
+    onPointerMove?.(e);
+    if (!hoverArmed.current) return;
+    hoverArmed.current = false;
+    if (isCoarse(e.pointerType)) return;
+    schedule(() => openWith("hover"), openDelay);
+  };
+  const handlePointerLeave = (e) => {
+    onPointerLeave?.(e);
+    hoverArmed.current = false;
+    if (isCoarse(e.pointerType)) return;
+    if (!open) return clearTimer();
+    if (mode.current === "hover") schedule(() => close(), closeDelay);
+  };
+  const handleFocus = (e) => {
+    onFocus?.(e);
+    if (isEmpty || silentFocusMarks.has(e.currentTarget)) return;
+    if (isFocusVisible(e.currentTarget)) schedule(() => openWith("focus"), openDelay);
+  };
+  const handleBlur = (e) => {
+    onBlur?.(e);
+    const next = e.relatedTarget;
+    if (next && contentRef.current?.contains(next)) return;
+    if (mode.current === "focus" || mode.current === "key") schedule(() => close(), closeDelay);
+    else clearTimer();
+  };
+  const handleKeyDown = (e) => {
+    onKeyDown?.(e);
+    lastPointer.current = "keyboard";
+    if (e.defaultPrevented || isEmpty) return;
+    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+      e.preventDefault();
+      openWith("key", true);
+    } else if (e.key === "Escape" && open) {
+      e.preventDefault();
+      e.stopPropagation();
+      close(true);
+    }
+  };
+  const handleClick = (e) => {
+    if (isEmpty) return;
+    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+    if (e.detail === 0 && lastPointer.current === "keyboard") {
+      e.preventDefault();
+      return;
+    }
+    if (isCoarse(lastPointer.current)) {
+      e.preventDefault();
+      if (open) close();
+      else openWith("press");
+      return;
+    }
+    if (shouldClickRunPrimary && primary?.onSelect) {
+      e.preventDefault();
+      close();
+      primary.onSelect();
+    }
+  };
+  const handleMenuKeyDown = (e) => {
+    const list = rows();
+    const index = list.indexOf(document.activeElement);
+    let target;
+    if (e.key === "ArrowDown") target = list[(index + 1) % list.length];
+    else if (e.key === "ArrowUp") target = list[(index - 1 + list.length) % list.length];
+    else if (e.key === "Home") target = list[0];
+    else if (e.key === "End") target = list[list.length - 1];
+    else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      close(true);
+      return;
+    } else if (e.key === "Tab") {
+      close();
+      return;
+    }
+    if (target) {
+      e.preventDefault();
+      target.focus();
+    }
+  };
+  const choose = (item) => {
+    const wasKey = mode.current === "key";
+    close(wasKey);
+    item.onSelect?.();
+  };
+  const setTriggerRef = useCallback(
+    (el) => {
+      triggerRef.current = el;
+      if (typeof externalRef === "function") externalRef(el);
+      else if (externalRef) externalRef.current = el;
+    },
+    [externalRef]
+  );
+  const triggerProps = {
+    ref: setTriggerRef,
+    className,
+    "data-testid": testId,
+    "data-slot": "mark",
+    "aria-haspopup": "true",
+    "aria-expanded": open,
+    "aria-controls": open ? menuId : void 0,
+    onPointerDown: handlePointerDown,
+    onPointerEnter: handlePointerEnter,
+    onPointerMove: handlePointerMove,
+    onPointerLeave: handlePointerLeave,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    onClick: handleClick,
+    ...rest
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open: open && !isEmpty, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: as === "a" ? /* @__PURE__ */ jsx("a", { href, ...triggerProps, children }) : /* @__PURE__ */ jsx("span", { role: "button", tabIndex: 0, ...triggerProps, children }) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        ref: contentRef,
+        id: menuId,
+        side,
+        align: "start",
+        sideOffset: 6,
+        collisionPadding: 8,
+        role: "group",
+        "data-testid": menuTestId,
+        "data-slot": "mark-menu",
+        className: "w-auto min-w-[12rem] max-w-[min(22rem,calc(100vw-1rem))] p-1",
+        onOpenAutoFocus: (e) => {
+          e.preventDefault();
+          if (focusFirstOnOpen.current) firstItem()?.focus();
+        },
+        onCloseAutoFocus: (e) => e.preventDefault(),
+        onEscapeKeyDown: (e) => {
+          e.preventDefault();
+          close(true);
+        },
+        onInteractOutside: (e) => {
+          if (triggerRef.current?.contains(e.target)) e.preventDefault();
+        },
+        onPointerEnter: clearTimer,
+        onPointerLeave: (e) => {
+          if (!isCoarse(e.pointerType) && mode.current === "hover")
+            schedule(() => close(), closeDelay);
+        },
+        children: [
+          preview && /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-sm", children: preview }),
+          ordered.length > 0 && /* @__PURE__ */ jsx("div", { role: "menu", "aria-label": menuLabel, onKeyDown: handleMenuKeyDown, children: ordered.map((item) => {
+            const rowClass = cn(
+              "flex w-full cursor-pointer items-center rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus-visible:bg-accent pointer-coarse:min-h-11 pointer-coarse:px-3",
+              item.primary && "font-medium pointer-coarse:text-base",
+              item.destructive && "text-destructive"
+            );
+            return item.href && !item.onSelect ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                role: "menuitem",
+                tabIndex: -1,
+                href: item.href,
+                className: rowClass,
+                "data-testid": item.testId,
+                onClick: () => close(),
+                children: item.label
+              },
+              item.id
+            ) : /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                tabIndex: -1,
+                className: rowClass,
+                "data-testid": item.testId,
+                onClick: () => choose(item),
+                children: item.label
+              },
+              item.id
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  MarkMenu,
+  returnFocusToMark
+};
+//# sourceMappingURL=mark-menu.js.map

package/dist/ui/mark-menu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/mark-menu.tsx"],
+  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type PointerEvent as ReactPointerEvent,\n  type Ref,\n  type ReactNode,\n} from 'react'\nimport { Popover, PopoverAnchor, PopoverContent } from './popover'\nimport { cn } from '../lib/utils'\n\n/** One row of a mark's menu. Give it `onSelect`, or an `href` for a real link row. */\nexport interface MarkMenuItem {\n  id: string\n  label: string\n  /** Runs when the row is chosen; the menu closes afterwards. */\n  onSelect?: () => void\n  /** Renders the row as a link (no `onSelect` needed). */\n  href?: string\n  /** The headline action: listed first, set a little larger, and run by a plain mouse click. */\n  primary?: boolean\n  destructive?: boolean\n  testId?: string\n}\n\nexport interface MarkMenuProps extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'onClick'> {\n  /** The element the mark itself is: a real link or an inline span. */\n  as?: 'a' | 'span'\n  href?: string\n  /** Rows of the menu. The `primary` one (else the first) is the mark's default action. */\n  items: MarkMenuItem[]\n  /** Optional read-only content above the rows (a quoted passage, a note, a label name). */\n  preview?: ReactNode\n  /** Accessible name of the menu. */\n  menuLabel: string\n  /** A plain mouse click runs the primary row (default). Touch and keyboard always open the menu. */\n  shouldClickRunPrimary?: boolean\n  /** Hover delay before the menu opens (ms). */\n  openDelay?: number\n  closeDelay?: number\n  testId?: string\n  menuTestId?: string\n  /** The mark element, for hosts that move focus back to it. */\n  triggerRef?: Ref<HTMLElement>\n  children: ReactNode\n}\n\nconst FINE_OPEN_DELAY = 350\nconst FINE_CLOSE_DELAY = 180\n\n// Marks getting focus back from a dismissal, so that focus does not reopen their menu.\nconst silentFocusMarks = new WeakSet<HTMLElement>()\n\n/**\n * Puts focus back on a mark after its menu or popover was dismissed. Unlike a Tab onto the mark,\n * this does not open the mark's menu: the user has just closed something and should not get\n * another popup over the text they were reading.\n */\nexport function returnFocusToMark(mark: HTMLElement): void {\n  silentFocusMarks.add(mark)\n  mark.focus({ preventScroll: true })\n  silentFocusMarks.delete(mark)\n}\n\nfunction isFocusVisible(el: HTMLElement): boolean {\n  try {\n    return el.matches(':focus-visible')\n  } catch {\n    return true\n  }\n}\n\ntype OpenMode = 'hover' | 'focus' | 'press' | 'key'\n\nfunction isCoarse(pointerType: string): boolean {\n  if (pointerType === 'touch' || pointerType === 'pen') return true\n  if (pointerType === 'mouse') return false\n  return typeof window !== 'undefined' && !!window.matchMedia?.('(pointer: coarse)').matches\n}\n\n/**\n * The ONE contextual menu of every inline mark (link, bookmark, citation, label, note).\n *\n * The mark stays quiet text. A compact popover opens on hover (short delay) and on keyboard focus;\n * on touch a tap opens it instead of acting, so the primary row is one deliberate tap away. A\n * plain mouse click runs the primary action, so existing click behaviour is unchanged.\n * Keyboard: Enter/Space/ArrowDown open it and move into it, arrows move, Escape closes and\n * returns focus to the mark. Rows are 44px high on coarse pointers.\n */\nexport function MarkMenu({\n  as = 'span',\n  href,\n  items,\n  preview,\n  menuLabel,\n  shouldClickRunPrimary = true,\n  openDelay = FINE_OPEN_DELAY,\n  closeDelay = FINE_CLOSE_DELAY,\n  testId,\n  menuTestId,\n  triggerRef: externalRef,\n  className,\n  children,\n  onPointerDown,\n  onPointerEnter,\n  onPointerMove,\n  onPointerLeave,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  ...rest\n}: MarkMenuProps) {\n  const [open, setOpen] = useState(false)\n  const [side, setSide] = useState<'top' | 'bottom'>('bottom')\n  const menuId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const contentRef = useRef<HTMLDivElement | null>(null)\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const mode = useRef<OpenMode>('hover')\n  const lastPointer = useRef('mouse')\n  const focusFirstOnOpen = useRef(false)\n  // Set when the pointer enters a mark; the hover menu opens only once the pointer actually moves\n  // over it (see handlePointerMove).\n  const hoverArmed = useRef(false)\n\n  const isEmpty = items.length === 0 && !preview\n  const ordered = [...items].sort((a, b) => Number(!!b.primary) - Number(!!a.primary))\n  const primary = ordered[0]\n\n  const clearTimer = () => {\n    if (timer.current) clearTimeout(timer.current)\n    timer.current = null\n  }\n  useEffect(() => clearTimer, [])\n\n  // Any press outside the mark and its menu closes it. This listens in the capture phase so it runs\n  // before the press reaches anything else: Radix ignores outside presses while a modal layer is\n  // open, and a press that opens one (a header menu, a dialog) would otherwise leave this menu stuck.\n  useEffect(() => {\n    if (!open) return\n    const onDocumentPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node\n      if (triggerRef.current?.contains(target) || contentRef.current?.contains(target)) return\n      if (timer.current) clearTimeout(timer.current)\n      setOpen(false)\n    }\n    document.addEventListener('pointerdown', onDocumentPointerDown, true)\n    return () => document.removeEventListener('pointerdown', onDocumentPointerDown, true)\n  }, [open])\n\n  const rows = () =>\n    Array.from(contentRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]') ?? [])\n  const firstItem = () => rows()[0]\n\n  const openWith = (next: OpenMode, focusFirst = false) => {\n    clearTimer()\n    mode.current = next\n    focusFirstOnOpen.current = focusFirst\n    // Touch: the finger covers what is below the mark, so open above it.\n    setSide(next === 'press' && isCoarse(lastPointer.current) ? 'top' : 'bottom')\n    setOpen(true)\n    if (focusFirst) {\n      // Already open (hover/focus opened it): move focus in right away.\n      requestAnimationFrame(() => firstItem()?.focus())\n    }\n  }\n\n  const close = (returnFocus = false) => {\n    clearTimer()\n    setOpen(false)\n    if (returnFocus && triggerRef.current) returnFocusToMark(triggerRef.current)\n  }\n\n  const schedule = (action: () => void, delay: number) => {\n    clearTimer()\n    timer.current = setTimeout(action, delay)\n  }\n\n  const handlePointerDown = (e: ReactPointerEvent<HTMLElement>) => {\n    lastPointer.current = e.pointerType\n    onPointerDown?.(e)\n  }\n  const handlePointerEnter = (e: ReactPointerEvent<HTMLElement>) => {\n    onPointerEnter?.(e)\n    if (isCoarse(e.pointerType) || isEmpty) return\n    lastPointer.current = e.pointerType\n    // Not scheduled yet: when a scroll slides a mark under a resting pointer, the browser fires\n    // pointerenter with no pointer movement. Opening on that would pop menus up while reading.\n    hoverArmed.current = true\n  }\n  const handlePointerMove = (e: ReactPointerEvent<HTMLElement>) => {\n    onPointerMove?.(e)\n    if (!hoverArmed.current) return\n    hoverArmed.current = false\n    if (isCoarse(e.pointerType)) return\n    schedule(() => openWith('hover'), openDelay)\n  }\n  const handlePointerLeave = (e: ReactPointerEvent<HTMLElement>) => {\n    onPointerLeave?.(e)\n    hoverArmed.current = false\n    if (isCoarse(e.pointerType)) return\n    if (!open) return clearTimer()\n    if (mode.current === 'hover') schedule(() => close(), closeDelay)\n  }\n  const handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    onFocus?.(e)\n    if (isEmpty || silentFocusMarks.has(e.currentTarget)) return\n    // Only keyboard focus opens it; a pointer press focuses too and has its own path.\n    if (isFocusVisible(e.currentTarget)) schedule(() => openWith('focus'), openDelay)\n  }\n  const handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    onBlur?.(e)\n    const next = e.relatedTarget as Node | null\n    if (next && contentRef.current?.contains(next)) return\n    if (mode.current === 'focus' || mode.current === 'key') schedule(() => close(), closeDelay)\n    else clearTimer()\n  }\n  const handleKeyDown = (e: ReactKeyboardEvent<HTMLElement>) => {\n    onKeyDown?.(e)\n    lastPointer.current = 'keyboard'\n    if (e.defaultPrevented || isEmpty) return\n    if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {\n      e.preventDefault()\n      openWith('key', true)\n    } else if (e.key === 'Escape' && open) {\n      e.preventDefault()\n      e.stopPropagation()\n      close(true)\n    }\n  }\n  const handleClick = (e: ReactMouseEvent<HTMLElement>) => {\n    if (isEmpty) return\n    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return\n    // A keyboard-synthesised click is already handled in keydown (detail 0, no pointer).\n    if (e.detail === 0 && lastPointer.current === 'keyboard') {\n      e.preventDefault()\n      return\n    }\n    if (isCoarse(lastPointer.current)) {\n      // A tap shows the menu instead of acting or navigating.\n      e.preventDefault()\n      if (open) close()\n      else openWith('press')\n      return\n    }\n    if (shouldClickRunPrimary && primary?.onSelect) {\n      e.preventDefault()\n      close()\n      primary.onSelect()\n    }\n  }\n\n  const handleMenuKeyDown = (e: ReactKeyboardEvent<HTMLDivElement>) => {\n    const list = rows()\n    const index = list.indexOf(document.activeElement as HTMLElement)\n    let target: HTMLElement | undefined\n    if (e.key === 'ArrowDown') target = list[(index + 1) % list.length]\n    else if (e.key === 'ArrowUp') target = list[(index - 1 + list.length) % list.length]\n    else if (e.key === 'Home') target = list[0]\n    else if (e.key === 'End') target = list[list.length - 1]\n    else if (e.key === 'Escape') {\n      e.preventDefault()\n      e.stopPropagation()\n      close(true)\n      return\n    } else if (e.key === 'Tab') {\n      close()\n      return\n    }\n    if (target) {\n      e.preventDefault()\n      target.focus()\n    }\n  }\n\n  const choose = (item: MarkMenuItem) => {\n    const wasKey = mode.current === 'key'\n    close(wasKey)\n    item.onSelect?.()\n  }\n\n  const setTriggerRef = useCallback(\n    (el: HTMLElement | null) => {\n      triggerRef.current = el\n      if (typeof externalRef === 'function') externalRef(el)\n      else if (externalRef) (externalRef as { current: HTMLElement | null }).current = el\n    },\n    [externalRef]\n  )\n\n  const triggerProps = {\n    ref: setTriggerRef,\n    className,\n    'data-testid': testId,\n    'data-slot': 'mark',\n    'aria-haspopup': 'true' as const,\n    'aria-expanded': open,\n    'aria-controls': open ? menuId : undefined,\n    onPointerDown: handlePointerDown,\n    onPointerEnter: handlePointerEnter,\n    onPointerMove: handlePointerMove,\n    onPointerLeave: handlePointerLeave,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n    onClick: handleClick,\n    ...rest,\n  }\n\n  return (\n    <Popover open={open && !isEmpty}>\n      <PopoverAnchor asChild>\n        {as === 'a' ? (\n          <a href={href} {...triggerProps}>\n            {children}\n          </a>\n        ) : (\n          <span role=\"button\" tabIndex={0} {...triggerProps}>\n            {children}\n          </span>\n        )}\n      </PopoverAnchor>\n      <PopoverContent\n        ref={contentRef}\n        id={menuId}\n        side={side}\n        align=\"start\"\n        sideOffset={6}\n        collisionPadding={8}\n        // A plain group, not Radix's default dialog: the named role=\"menu\" inside is the semantic\n        // surface, and a second dialog with a near-identical name collides with docked dialogs.\n        role=\"group\"\n        data-testid={menuTestId}\n        data-slot=\"mark-menu\"\n        className=\"w-auto min-w-[12rem] max-w-[min(22rem,calc(100vw-1rem))] p-1\"\n        onOpenAutoFocus={(e) => {\n          e.preventDefault()\n          if (focusFirstOnOpen.current) firstItem()?.focus()\n        }}\n        onCloseAutoFocus={(e) => e.preventDefault()}\n        onEscapeKeyDown={(e) => {\n          e.preventDefault()\n          close(true)\n        }}\n        onInteractOutside={(e) => {\n          if (triggerRef.current?.contains(e.target as Node)) e.preventDefault()\n        }}\n        onPointerEnter={clearTimer}\n        onPointerLeave={(e) => {\n          if (!isCoarse(e.pointerType) && mode.current === 'hover')\n            schedule(() => close(), closeDelay)\n        }}\n      >\n        {preview && <div className=\"px-2 py-1.5 text-sm\">{preview}</div>}\n        {ordered.length > 0 && (\n          <div role=\"menu\" aria-label={menuLabel} onKeyDown={handleMenuKeyDown}>\n            {ordered.map((item) => {\n              const rowClass = cn(\n                'flex w-full cursor-pointer items-center rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus-visible:bg-accent pointer-coarse:min-h-11 pointer-coarse:px-3',\n                item.primary && 'font-medium pointer-coarse:text-base',\n                item.destructive && 'text-destructive'\n              )\n              return item.href && !item.onSelect ? (\n                <a\n                  key={item.id}\n                  role=\"menuitem\"\n                  tabIndex={-1}\n                  href={item.href}\n                  className={rowClass}\n                  data-testid={item.testId}\n                  onClick={() => close()}\n                >\n                  {item.label}\n                </a>\n              ) : (\n                <button\n                  key={item.id}\n                  type=\"button\"\n                  role=\"menuitem\"\n                  tabIndex={-1}\n                  className={rowClass}\n                  data-testid={item.testId}\n                  onClick={() => choose(item)}\n                >\n                  {item.label}\n                </button>\n              )\n            })}\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/ui/popover.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn } from "../lib/utils.js";
+import { getCollisionPadding } from "../lib/collision-padding.js";
+import { usePortalContainer } from "./portal-container.js";
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+function PopoverPortal({
+  container,
+  ...props
+}) {
+  const fallback = usePortalContainer();
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? fallback, ...props });
+}
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPortal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    collisionPadding: getCollisionPadding(),
+    className: cn(
+      "z-50 w-72 max-w-[calc(100vw-1rem)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-lg outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+const PopoverClose = PopoverPrimitive.Close;
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

package/dist/ui/popover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/popover.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '../lib/utils'\nimport { getCollisionPadding } from '../lib/collision-padding'\nimport { usePortalContainer } from './portal-container'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\n/** Portals to the nearest PortalContainerProvider's container (a popped-out window), else `<body>`. */\nfunction PopoverPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Portal>) {\n  const fallback = usePortalContainer()\n  return <PopoverPrimitive.Portal container={container ?? fallback} {...props} />\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {\n    container?: HTMLElement | null\n  }\n>(({ className, align = 'center', sideOffset = 4, container, ...props }, ref) => (\n  <PopoverPortal container={container ?? undefined}>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      collisionPadding={getCollisionPadding()}\n      className={cn(\n        'z-50 w-72 max-w-[calc(100vw-1rem)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-lg outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPortal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\n/** Closes the popover it is in (wrap an action that should close it with `asChild`). */\nconst PopoverClose = PopoverPrimitive.Close\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose }\n"],
+  "mappings": "AAmBS;AAnBT,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAElC,SAAS,UAAU;AACnB,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAEnC,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,gBAAgB,iBAAiB;AAGvC,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,QAAM,WAAW,mBAAmB;AACpC,SAAO,oBAAC,iBAAiB,QAAjB,EAAwB,WAAW,aAAa,UAAW,GAAG,OAAO;AAC/E;AAEA,MAAM,iBAAiB,MAAM,WAK3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,QACvE,oBAAC,iBAAc,WAAW,aAAa,QACrC;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB,oBAAoB;AAAA,IACtC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAAc,iBAAiB,QAAQ;AAGtD,MAAM,eAAe,iBAAiB;",
+  "names": []
+}

package/dist/ui/portal-container.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const PortalContainerContext = React.createContext(null);
+function PortalContainerProvider({
+  container,
+  children
+}) {
+  return /* @__PURE__ */ jsx(PortalContainerContext.Provider, { value: container, children });
+}
+function usePortalContainer() {
+  return React.useContext(PortalContainerContext) ?? void 0;
+}
+export {
+  PortalContainerProvider,
+  usePortalContainer
+};
+//# sourceMappingURL=portal-container.js.map

package/dist/ui/portal-container.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/portal-container.tsx"],
+  "sourcesContent": ["import * as React from 'react'\n\nconst PortalContainerContext = React.createContext<HTMLElement | null>(null)\n\n/**\n * Where the overlays below this point (dialogs, menus, popovers, selects) portal to. Without it they\n * portal to the page's `<body>`. A subtree rendered into another browser window (a panel popped out\n * to a new window) must provide that window's root: an overlay portalled to the opener's body\n * opens in the window behind, out of sight, and the button that opened it seems to do nothing.\n */\nexport function PortalContainerProvider({\n  container,\n  children,\n}: {\n  container: HTMLElement | null\n  children: React.ReactNode\n}) {\n  return (\n    <PortalContainerContext.Provider value={container}>{children}</PortalContainerContext.Provider>\n  )\n}\n\n/** The container overlays portal to: the nearest {@link PortalContainerProvider}'s, else none. */\nexport function usePortalContainer(): HTMLElement | undefined {\n  return React.useContext(PortalContainerContext) ?? undefined\n}\n"],
+  "mappings": "AAkBI;AAlBJ,YAAY,WAAW;AAEvB,MAAM,yBAAyB,MAAM,cAAkC,IAAI;AAQpE,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGG;AACD,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,WAAY,UAAS;AAEjE;AAGO,SAAS,qBAA8C;AAC5D,SAAO,MAAM,WAAW,sBAAsB,KAAK;AACrD;",
+  "names": []
+}

package/dist/ui/progress.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cn } from "../lib/utils.js";
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+export {
+  Progress
+};
+//# sourceMappingURL=progress.js.map

package/dist/ui/progress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/progress.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\n\nimport { cn } from '../lib/utils'\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn('relative h-2 w-full overflow-hidden rounded-full bg-primary/20', className)}\n    {...props}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"h-full w-full flex-1 bg-primary transition-all\"\n      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n    />\n  </ProgressPrimitive.Root>\n))\nProgress.displayName = ProgressPrimitive.Root.displayName\n\nexport { Progress }\n"],
+  "mappings": "AAcI;AAdJ,YAAY,WAAW;AACvB,YAAY,uBAAuB;AAEnC,SAAS,UAAU;AAEnB,MAAM,WAAW,MAAM,WAGrB,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAC,kBAAkB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,kEAAkE,SAAS;AAAA,IACxF,GAAG;AAAA,IAEJ;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,WAAW,eAAe,OAAO,SAAS,EAAE,KAAK;AAAA;AAAA,IAC5D;AAAA;AACF,CACD;AACD,SAAS,cAAc,kBAAkB,KAAK;",
+  "names": []
+}

package/dist/ui/radio-group.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { cn } from "../lib/utils.js";
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative aspect-square h-4 w-4 rounded-full border border-primary text-primary after:absolute after:left-1/2 after:top-1/2 after:hidden after:size-11 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] pointer-coarse:after:block focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=radio-group.js.map

package/dist/ui/radio-group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/radio-group.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { Circle } from 'lucide-react'\n\nimport { cn } from '../lib/utils'\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"relative aspect-square h-4 w-4 rounded-full border border-primary text-primary after:absolute after:left-1/2 after:top-1/2 after:hidden after:size-11 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] pointer-coarse:after:block focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-2.5 w-2.5 fill-current text-current\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],
+  "mappings": "AAUS;AAVT,YAAY,WAAW;AACvB,YAAY,yBAAyB;AACrC,SAAS,cAAc;AAEvB,SAAS,UAAU;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SAAO,oBAAC,oBAAoB,MAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AACD,WAAW,cAAc,oBAAoB,KAAK;AAElD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,oBAAoB,WAApB,EAA8B,WAAU,oCACvC,8BAAC,UAAO,WAAU,yCAAwC,GAC5D;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAc,oBAAoB,KAAK;",
+  "names": []
+}

package/dist/ui/scroll-area.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "../lib/utils.js";
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export {
+  ScrollArea,
+  ScrollBar
+};
+//# sourceMappingURL=scroll-area.js.map

package/dist/ui/scroll-area.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/scroll-area.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { cn } from '../lib/utils'\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn('relative overflow-hidden', className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-colors',\n      orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n"],
+  "mappings": "AASE,SAKE,KALF;AATF,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAErC,SAAS,UAAU;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,0BAAC,oBAAoB,UAApB,EAA6B,WAAU,mCACrC,UACH;AAAA,MACA,oBAAC,aAAU;AAAA,MACX,oBAAC,oBAAoB,QAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAc,oBAAoB,KAAK;AAElD,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cAAc;AAAA,MAC9B,gBAAgB,gBAAgB;AAAA,MAChC;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,oBAAoB,iBAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC1F,CACD;AACD,UAAU,cAAc,oBAAoB,oBAAoB;",
+  "names": []
+}