@seekbuddy/dsh-ui 0.0.0-stage → 0.2.0-beta.0

package/dist/chunks/chunk-OQPH36OI.js

@@ -0,0 +1,754 @@
+import {
+  IconCloseOutlineRegular
+} from "./chunk-LA3QDZYN.js";
+
+// .build/css/ShortcutKeys.module.mjs
+var id = "@seekbuddy/dsh-ui/ShortcutKeys.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id);
+  element.textContent = ".dF9bOG_keys{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;align-items:center;gap:3px;font-size:12px;line-height:16px;display:inline-flex}.dF9bOG_key{box-sizing:border-box;font:inherit;justify-content:center;align-items:center;display:inline-flex}.dF9bOG_tooltip{color:inherit;gap:2px;font-size:11px;line-height:14px}.dF9bOG_tooltip .dF9bOG_key{background:var(--dsw-alias-tooltip-key-bg);border:0;border-radius:4px;min-width:16px;height:16px;padding:0 2px}.dF9bOG_separator{font:inherit}.dF9bOG_joined{box-sizing:border-box;background:var(--dsw-alias-tooltip-key-bg);border-radius:4px;height:16px;padding:0 4px}.dF9bOG_joined .dF9bOG_key{background:0 0;border:0;min-width:0;height:auto;padding:0}";
+  document.head.appendChild(element);
+}
+var ShortcutKeys_module_default = { "key": "dF9bOG_key", "tooltip": "dF9bOG_tooltip", "separator": "dF9bOG_separator", "joined": "dF9bOG_joined", "keys": "dF9bOG_keys" };
+
+// src/ShortcutKeys.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+function ShortcutKeys({
+  keys,
+  variant = "plain",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: clsx(
+        ShortcutKeys_module_default.keys,
+        variant === "tooltip" && ShortcutKeys_module_default.tooltip,
+        variant === "tooltip" && keys.includes("+") && ShortcutKeys_module_default.joined,
+        className
+      ),
+      children: keys.map((key, index) => /* @__PURE__ */ jsx("kbd", { className: key === "+" ? ShortcutKeys_module_default.separator : ShortcutKeys_module_default.key, children: key }, index))
+    }
+  );
+}
+
+// src/useDismissOnOutsidePointer.ts
+import { useEffect } from "react";
+function useDismissOnOutsidePointer(root, open, setOpen, portal) {
+  useEffect(() => {
+    if (!open) return;
+    const closeOutside = (event) => {
+      if (event.target instanceof Node && root.current?.contains(event.target) !== true && portal?.current?.contains(event.target) !== true) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", closeOutside);
+    return () => {
+      document.removeEventListener("pointerdown", closeOutside);
+    };
+  }, [root, open, setOpen, portal]);
+}
+
+// src/clipboard.ts
+async function writeClipboard(text) {
+  if (navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  const exec = typeof document.execCommand === "function" ? document.execCommand.bind(document) : void 0;
+  if (exec === void 0) return false;
+  const el = document.createElement("textarea");
+  el.value = text;
+  el.setAttribute("readonly", "");
+  el.style.position = "fixed";
+  el.style.left = "-9999px";
+  document.body.appendChild(el);
+  el.select();
+  try {
+    return exec("copy");
+  } catch {
+    return false;
+  } finally {
+    el.remove();
+  }
+}
+
+// src/input-modality.ts
+var INPUT_MODALITY = { pointer: "pointer", keyboard: "keyboard" };
+var INPUT_MODALITY_ATTRIBUTE = "data-input-modality";
+var FOCUS_NAVIGATION = /* @__PURE__ */ new Set(["Tab", "Home", "End", "PageUp", "PageDown"]);
+var pointer = false;
+var pointerOwnsFocus = false;
+var keyFocusOrigin;
+function publish() {
+  document.documentElement.setAttribute(
+    INPUT_MODALITY_ATTRIBUTE,
+    pointerOwnsFocus ? INPUT_MODALITY.pointer : INPUT_MODALITY.keyboard
+  );
+}
+function pointerModality() {
+  return pointer;
+}
+if (typeof window !== "undefined") {
+  window.addEventListener(
+    "pointerdown",
+    () => {
+      pointer = true;
+      pointerOwnsFocus = true;
+      keyFocusOrigin = void 0;
+      publish();
+    },
+    true
+  );
+  window.addEventListener(
+    "keydown",
+    (event) => {
+      pointer = false;
+      if (event.isComposing) {
+        keyFocusOrigin = void 0;
+        return;
+      }
+      keyFocusOrigin = event.composedPath()[0];
+      if (!FOCUS_NAVIGATION.has(event.key) && !event.key.startsWith("Arrow")) return;
+      pointerOwnsFocus = false;
+      publish();
+    },
+    true
+  );
+  window.addEventListener(
+    "focusin",
+    (event) => {
+      if (keyFocusOrigin === void 0 || event.composedPath()[0] === keyFocusOrigin) return;
+      keyFocusOrigin = void 0;
+      if (!pointerOwnsFocus) return;
+      pointerOwnsFocus = false;
+      publish();
+    },
+    true
+  );
+  window.addEventListener("blur", () => {
+    keyFocusOrigin = void 0;
+  });
+}
+
+// src/Tooltip.tsx
+import * as React from "react";
+import { cloneElement, useCallback, useContext, useEffect as useEffect2, useId, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+
+// .build/css/Tooltip.module.mjs
+var id2 = "@seekbuddy/dsh-ui/Tooltip.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id2 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id2);
+  element.textContent = ".pspLTa_bubble{z-index:100;border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-tooltip-bg);width:max-content;max-width:50vw;color:var(--dsw-static-neutral-bluish-00);white-space:pre-line;overflow-wrap:break-word;pointer-events:none;animation:pspLTa_tooltip-in .15s var(--ds-ease-in-out);align-items:center;gap:8px;padding:3px 7px;font-size:13px;line-height:20px;display:inline-flex;position:fixed}.pspLTa_bubble[data-portal]{z-index:1100}.pspLTa_bubble[data-pinned]{pointer-events:auto}.pspLTa_label{min-width:0}.pspLTa_bubble[data-has-shortcut]{padding-inline-end:5px}.pspLTa_bubble[data-has-shortcut]:not(:has(.pspLTa_label)){padding:3px}.pspLTa_bubble[data-side=right]{transform:translateY(-50%)}.pspLTa_bubble[data-side=bottom]{transform:translate(-50%)}.pspLTa_bubble[data-side=top]{transform:translate(-50%,-100%)}.pspLTa_bubble[data-side=bottom][data-align=end]{transform:translate(-100%)}.pspLTa_bubble[data-side=top][data-align=end]{transform:translate(-100%,-100%)}@keyframes pspLTa_tooltip-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.pspLTa_bubble{animation:none}}";
+  document.head.appendChild(element);
+}
+var Tooltip_module_default = { "tooltip-in": "pspLTa_tooltip-in", "bubble": "pspLTa_bubble", "label": "pspLTa_label" };
+
+// src/Tooltip.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var TooltipSuppression = typeof React.createContext === "function" ? React.createContext(null) : null;
+function Tooltip({
+  label,
+  shortcutKeys,
+  side = "right",
+  align = "center",
+  delayMs = 0,
+  focusDelayMs = 0,
+  gap = 8,
+  disabled = false,
+  portal = false,
+  maxWidth,
+  openOnClick = false,
+  children
+}) {
+  const id6 = useId();
+  const [pinned, setPinned] = useState(false);
+  const anchor = useRef(null);
+  const childRef = children.ref;
+  const mergedRef = useCallback(
+    (el) => {
+      anchor.current = el;
+      if (typeof childRef === "function") childRef(el);
+      else if (childRef != null) childRef.current = el;
+    },
+    [childRef]
+  );
+  const [pos, setPos] = useState(null);
+  const bubble = useRef(null);
+  const resolvedLabel = pos === null ? null : typeof label === "function" ? label() : label;
+  const y = pos === null ? 0 : side === "right" ? pos.top + (pos.bottom - pos.top) / 2 : side === "top" ? pos.top - gap : pos.bottom + gap;
+  const showTimer = useRef(null);
+  const triggers = useRef({ hover: false, focus: false });
+  const suppressAncestors = useContext(TooltipSuppression);
+  const [suppressed, setSuppressed] = useState(false);
+  const announce = useCallback(
+    (active) => {
+      suppressAncestors?.(active);
+    },
+    [suppressAncestors]
+  );
+  const visible = pos !== null && !disabled;
+  useEffect2(() => {
+    const el = bubble.current;
+    if (pos === null || !visible || suppressed || el === null) return;
+    const edgeMargin = 12;
+    let size;
+    let placement = side;
+    const fit = () => {
+      if (size === void 0) return;
+      const { inlineSize: width, blockSize: height } = size;
+      const offset = side === "right" ? 0 : align === "end" ? width : width / 2;
+      const left = Math.max(edgeMargin, Math.min(pos.x - offset, window.innerWidth - edgeMargin - width));
+      const fitsBelow = pos.bottom + gap + height <= window.innerHeight - edgeMargin;
+      const fitsAbove = pos.top - gap - height >= edgeMargin;
+      if (placement === "bottom" && !fitsBelow && fitsAbove) placement = "top";
+      else if (placement === "top" && !fitsAbove && fitsBelow) placement = "bottom";
+      el.style.left = `${left + offset}px`;
+      el.style.top = `${placement === "right" ? (pos.top + pos.bottom) / 2 : placement === "top" ? pos.top - gap : pos.bottom + gap}px`;
+      el.dataset.side = placement;
+      el.style.visibility = "visible";
+    };
+    const observer = new ResizeObserver((entries) => {
+      size = entries[0]?.borderBoxSize[0];
+      fit();
+    });
+    observer.observe(el, { box: "border-box" });
+    window.addEventListener("resize", fit);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", fit);
+    };
+  }, [align, gap, pos, side, suppressed, visible]);
+  useEffect2(() => {
+    announce(visible);
+    return () => {
+      announce(false);
+    };
+  }, [announce, visible]);
+  const cancelShow = useCallback(() => {
+    if (showTimer.current === null) return;
+    clearTimeout(showTimer.current);
+    showTimer.current = null;
+  }, []);
+  useEffect2(() => {
+    if (pinned && (disabled || !openOnClick)) setPinned(false);
+    if (disabled) {
+      cancelShow();
+      triggers.current = { hover: false, focus: false };
+      setPos(null);
+    }
+    return cancelShow;
+  }, [cancelShow, disabled, openOnClick, pinned]);
+  const show = () => {
+    if (disabled) return;
+    const el = anchor.current;
+    if (el === null) return;
+    const r = el.getBoundingClientRect();
+    setPos({
+      x: side === "right" ? r.right + 10 : align === "end" ? r.right : r.left + r.width / 2,
+      top: r.top,
+      bottom: r.bottom
+    });
+    announce(true);
+  };
+  const showAfterDelay = (delay) => {
+    cancelShow();
+    if (delay <= 0) {
+      show();
+      return;
+    }
+    showTimer.current = setTimeout(() => {
+      showTimer.current = null;
+      show();
+    }, delay);
+  };
+  const withdraw = useCallback(() => {
+    setPinned(false);
+    setPos(null);
+    announce(false);
+  }, [announce]);
+  const hide = () => {
+    cancelShow();
+    if (!triggers.current.hover && !triggers.current.focus && !pinned) withdraw();
+  };
+  const dismiss = useCallback(() => {
+    cancelShow();
+    triggers.current = { hover: false, focus: false };
+    withdraw();
+  }, [cancelShow, withdraw]);
+  useDismissOnOutsidePointer(anchor, openOnClick && visible, dismiss, bubble);
+  useEffect2(() => {
+    if (!openOnClick || !visible) return;
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape" && event.key !== "Tab") return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      dismiss();
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [dismiss, openOnClick, visible]);
+  const content = visible && !suppressed && /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref: bubble,
+      id: openOnClick ? id6 : void 0,
+      className: Tooltip_module_default.bubble,
+      "data-side": side,
+      "data-portal": portal || void 0,
+      "data-pinned": pinned || void 0,
+      "data-align": align,
+      "data-has-shortcut": shortcutKeys?.length ? true : void 0,
+      style: { left: pos.x, top: y, visibility: "hidden", ...maxWidth === void 0 ? {} : { maxWidth } },
+      role: "tooltip",
+      "aria-label": shortcutKeys?.length ? [resolvedLabel, shortcutKeys.join(" ")].filter(Boolean).join(" ") : void 0,
+      children: [
+        resolvedLabel && /* @__PURE__ */ jsx2("span", { className: Tooltip_module_default.label, children: resolvedLabel }),
+        shortcutKeys !== void 0 && shortcutKeys.length > 0 && /* @__PURE__ */ jsx2(ShortcutKeys, { keys: shortcutKeys, variant: "tooltip" })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(TooltipSuppression.Provider, { value: setSuppressed, children: [
+    cloneElement(children, {
+      ref: mergedRef,
+      "aria-describedby": openOnClick && visible ? [children.props["aria-describedby"], id6].filter(Boolean).join(" ") : children.props["aria-describedby"],
+      onMouseEnter: (e) => {
+        children.props.onMouseEnter?.(e);
+        triggers.current.hover = true;
+        showAfterDelay(delayMs);
+      },
+      onMouseLeave: (e) => {
+        children.props.onMouseLeave?.(e);
+        triggers.current.hover = false;
+        cancelShow();
+        if (!pinned) withdraw();
+      },
+      // Activating an ordinary action dismisses the bubble: it often changes
+      // what the anchor now does (pin → unpin), and the click leaves the
+      // anchor focused, which would otherwise pin the relabelled bubble up.
+      onClick: (e) => {
+        children.props.onClick?.(e);
+        triggers.current.focus = false;
+        cancelShow();
+        if (openOnClick && !disabled && !pinned) {
+          setPinned(true);
+          show();
+        } else withdraw();
+      },
+      onFocus: (e) => {
+        children.props.onFocus?.(e);
+        if (pointerModality()) return;
+        triggers.current.focus = true;
+        showAfterDelay(focusDelayMs);
+      },
+      onBlur: (e) => {
+        children.props.onBlur?.(e);
+        triggers.current.focus = false;
+        hide();
+      }
+    }),
+    portal ? content !== false && createPortal(content, document.body) : content
+  ] });
+}
+
+// src/HoverCard.tsx
+import { useCallback as useCallback3, useEffect as useEffect4, useLayoutEffect, useRef as useRef3, useState as useState2 } from "react";
+import clsx2 from "clsx";
+import { createPortal as createPortal2 } from "react-dom";
+
+// src/pointer-grace.ts
+import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2 } from "react";
+var POINTER_GRACE_MS = 200;
+function usePointerGrace(close) {
+  const timerRef = useRef2(null);
+  const closeRef = useRef2(close);
+  closeRef.current = close;
+  const cancel = useCallback2(() => {
+    if (timerRef.current === null) return;
+    clearTimeout(timerRef.current);
+    timerRef.current = null;
+  }, []);
+  const arm = useCallback2(() => {
+    cancel();
+    timerRef.current = setTimeout(() => {
+      timerRef.current = null;
+      closeRef.current();
+    }, POINTER_GRACE_MS);
+  }, [cancel]);
+  useEffect3(() => cancel, [cancel]);
+  return { arm, cancel };
+}
+
+// src/overlay-top-margin.ts
+function overlayTopMargin(min) {
+  const root = document.documentElement;
+  const clearance = Number.parseFloat(getComputedStyle(root).getPropertyValue("--dsh-frame-top-clearance"));
+  if (Number.isNaN(clearance)) return min;
+  return Math.max(min, (root.hasAttribute("data-fullscreen") ? 0 : clearance) + 20);
+}
+
+// .build/css/HoverCard.module.mjs
+var id3 = "@seekbuddy/dsh-ui/HoverCard.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id3 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id3);
+  element.textContent = ".LXrvdG_root{display:block;position:relative}.LXrvdG_card{--dsw-hovercard-bg:#2c2c2e;z-index:100;box-sizing:border-box;border-radius:var(--dsw-radius-lg);background:var(--dsw-hovercard-bg);color:#fff;width:244px;box-shadow:var(--dsw-shadow-lv3);padding:12px 16px;position:fixed}.LXrvdG_copyable{cursor:pointer}.LXrvdG_copyable:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.LXrvdG_feedback{justify-content:center;align-items:center;display:flex}.LXrvdG_copied{color:#fff;text-align:center;font-size:14px;line-height:20px}.LXrvdG_status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.LXrvdG_preview{border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-elevation-panel);opacity:1;transition:opacity var(--dsh-hover-preview-fade) linear;border:0;flex-direction:column;padding:0;display:flex;overflow:hidden}@starting-style{.LXrvdG_preview{opacity:0}}.LXrvdG_preview[data-closing]{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.LXrvdG_preview{transition:none}}.LXrvdG_inline{display:inline}.LXrvdG_media{--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter);box-shadow:var(--dsw-elevation-panel);border:0;padding:8px;overflow:auto}";
+  document.head.appendChild(element);
+}
+var HoverCard_module_default = { "status": "LXrvdG_status", "card": "LXrvdG_card", "preview": "LXrvdG_preview", "root": "LXrvdG_root", "media": "LXrvdG_media", "copied": "LXrvdG_copied", "feedback": "LXrvdG_feedback", "inline": "LXrvdG_inline", "copyable": "LXrvdG_copyable" };
+
+// src/HoverCard.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var PREVIEW_FADE_MS = 100;
+var PREVIEW_MAX_HEIGHT = 420;
+var PREVIEW_INSET = 24;
+var INLINE_PREVIEW_WIDTH = 300;
+var ANCHOR_GAP = 8;
+var VIEWPORT_MARGIN = 8;
+function HoverCard({
+  anchor,
+  content,
+  openDelayMs = 500,
+  disabled = false,
+  copyText,
+  copyLabel,
+  copiedLabel,
+  variant = "compact",
+  widthAnchorRef,
+  inline = false
+}) {
+  const rootRef = useRef3(null);
+  const cardRef = useRef3(null);
+  const timerRef = useRef3(null);
+  const copyTimerRef = useRef3(null);
+  const copyHeightRef = useRef3(null);
+  const copyEpochRef = useRef3(0);
+  const copyingRef = useRef3(false);
+  const mountedRef = useRef3(true);
+  const [phase, setPhase] = useState2("closed");
+  const open = phase !== "closed";
+  const closing = phase === "closing";
+  const [pos, setPos] = useState2(null);
+  const positioned = pos !== null;
+  const [copied, setCopied] = useState2(false);
+  const [suppressed, setSuppressed] = useState2(false);
+  const clearCopied = useCallback3(() => {
+    if (copyTimerRef.current !== null) {
+      clearTimeout(copyTimerRef.current);
+      copyTimerRef.current = null;
+    }
+    copyHeightRef.current = null;
+    setCopied(false);
+  }, []);
+  const close = useCallback3(() => {
+    copyEpochRef.current += 1;
+    clearCopied();
+    setPhase((current) => variant === "preview" && current !== "closed" ? "closing" : "closed");
+  }, [clearCopied, variant]);
+  const { arm: armClose, cancel: cancelClose } = usePointerGrace(close);
+  const clearTimer = () => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  };
+  useEffect4(() => {
+    if (!closing) return;
+    const timer = setTimeout(() => {
+      setPhase("closed");
+    }, PREVIEW_FADE_MS);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [closing]);
+  useEffect4(() => {
+    if (!disabled) return;
+    clearTimer();
+    cancelClose();
+    close();
+  }, [disabled, cancelClose, close]);
+  useEffect4(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+      copyEpochRef.current += 1;
+      clearTimer();
+      if (copyTimerRef.current !== null) {
+        clearTimeout(copyTimerRef.current);
+        copyTimerRef.current = null;
+      }
+    };
+  }, []);
+  useEffect4(() => {
+    if (!open || variant !== "preview" && !inline) return;
+    const dismiss = (event) => {
+      if (event.key !== "Escape") return;
+      if (inline) event.stopPropagation();
+      clearTimer();
+      cancelClose();
+      close();
+    };
+    window.addEventListener("keydown", dismiss, inline);
+    return () => {
+      window.removeEventListener("keydown", dismiss, inline);
+    };
+  }, [open, variant, inline, cancelClose, close]);
+  useLayoutEffect(() => {
+    if (!open) {
+      setPos(null);
+      return;
+    }
+    const place = () => {
+      const wrapper = rootRef.current;
+      if (wrapper === null) return;
+      const r = wrapper.getBoundingClientRect();
+      const h = cardRef.current?.offsetHeight ?? 0;
+      if (variant === "preview") {
+        const bounds = widthAnchorRef?.current?.getBoundingClientRect() ?? r;
+        const width = Math.max(0, Math.min(bounds.width - PREVIEW_INSET * 2, window.innerWidth - VIEWPORT_MARGIN * 2));
+        const topMargin = overlayTopMargin(VIEWPORT_MARGIN);
+        const belowTop = Math.max(topMargin, r.bottom + ANCHOR_GAP);
+        const above = Math.max(0, r.top - ANCHOR_GAP - topMargin);
+        const below = Math.max(0, window.innerHeight - belowTop - VIEWPORT_MARGIN);
+        const onTop = above >= Math.min(PREVIEW_MAX_HEIGHT, below);
+        const maxHeight = Math.min(PREVIEW_MAX_HEIGHT, onTop ? above : below);
+        setPos({
+          left: Math.max(
+            VIEWPORT_MARGIN,
+            Math.min(bounds.left + PREVIEW_INSET, window.innerWidth - width - VIEWPORT_MARGIN)
+          ),
+          top: onTop ? Math.max(topMargin, r.top - Math.min(h, maxHeight) - ANCHOR_GAP) : belowTop,
+          width,
+          maxHeight
+        });
+        return;
+      }
+      if (inline) {
+        const height = Math.max(h, cardRef.current?.scrollHeight ?? 0);
+        const width = Math.max(0, Math.min(INLINE_PREVIEW_WIDTH, window.innerWidth - VIEWPORT_MARGIN * 2));
+        const topMargin = overlayTopMargin(VIEWPORT_MARGIN);
+        const belowTop = Math.max(topMargin, r.bottom + ANCHOR_GAP);
+        const above = Math.max(0, r.top - ANCHOR_GAP - topMargin);
+        const below = Math.max(0, window.innerHeight - belowTop - VIEWPORT_MARGIN);
+        const onTop = height > below && above > below;
+        const maxHeight = onTop ? above : below;
+        setPos({
+          left: Math.max(VIEWPORT_MARGIN, Math.min(r.left, window.innerWidth - width - VIEWPORT_MARGIN)),
+          top: onTop ? r.top - ANCHOR_GAP - Math.min(height, maxHeight) : belowTop,
+          width,
+          maxHeight
+        });
+        return;
+      }
+      const top = r.top + h > window.innerHeight - VIEWPORT_MARGIN ? window.innerHeight - h - VIEWPORT_MARGIN : r.top;
+      setPos({ left: r.right + ANCHOR_GAP, top });
+    };
+    place();
+    const observer = (variant === "preview" || inline) && typeof ResizeObserver !== "undefined" ? new ResizeObserver(place) : null;
+    for (const element of [cardRef.current, rootRef.current, widthAnchorRef?.current]) {
+      if (element !== null && element !== void 0) observer?.observe(element);
+    }
+    window.addEventListener("scroll", place, true);
+    window.addEventListener("resize", place);
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("scroll", place, true);
+      window.removeEventListener("resize", place);
+    };
+  }, [open, variant, widthAnchorRef, positioned, inline]);
+  useLayoutEffect(() => {
+    if (!open || pos === null || variant === "preview" || inline || suppressed) return;
+    const h = cardRef.current?.offsetHeight ?? 0;
+    if (pos.top + h > window.innerHeight - VIEWPORT_MARGIN) {
+      setPos({ left: pos.left, top: window.innerHeight - h - VIEWPORT_MARGIN });
+    }
+  }, [open, pos, variant, inline, suppressed]);
+  const copy = async (text) => {
+    if (copied || copyingRef.current) return;
+    copyingRef.current = true;
+    const copyEpoch = copyEpochRef.current;
+    const accepted = await writeClipboard(text);
+    copyingRef.current = false;
+    const card2 = cardRef.current;
+    if (!accepted || !mountedRef.current || copyEpoch !== copyEpochRef.current || card2 === null) return;
+    const height = card2.offsetHeight;
+    copyHeightRef.current = height > 0 ? height : null;
+    setCopied(true);
+    copyTimerRef.current = setTimeout(clearCopied, 1e3);
+  };
+  const copyable = copyText !== void 0;
+  const dismissFromAnchor = (event) => {
+    if (cardRef.current?.contains(event.target)) return;
+    clearTimer();
+    cancelClose();
+    close();
+  };
+  const card = open && pos !== null && !suppressed && /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ref: cardRef,
+      className: clsx2(
+        HoverCard_module_default.card,
+        variant === "preview" && HoverCard_module_default.preview,
+        inline && HoverCard_module_default.media,
+        copyable && HoverCard_module_default.copyable,
+        copied && HoverCard_module_default.feedback
+      ),
+      "data-closing": closing || void 0,
+      style: {
+        ...pos,
+        minHeight: copied && copyHeightRef.current !== null ? copyHeightRef.current : void 0,
+        "--dsh-hover-preview-fade": `${PREVIEW_FADE_MS}ms`
+      },
+      role: copyable ? "button" : void 0,
+      tabIndex: copyable ? 0 : void 0,
+      "aria-label": copyable ? `${copyLabel}: ${copyText}` : void 0,
+      onClick: copyable ? (e) => {
+        const selection = window.getSelection();
+        if (selection !== null && !selection.isCollapsed) {
+          for (let i = 0; i < selection.rangeCount; i += 1) {
+            if (selection.getRangeAt(i).intersectsNode(e.currentTarget)) return;
+          }
+        }
+        void copy(copyText);
+      } : void 0,
+      onKeyDown: copyable ? (e) => {
+        if (e.key !== "Enter" && e.key !== " ") return;
+        e.preventDefault();
+        void copy(copyText);
+      } : void 0,
+      children: copied ? /* @__PURE__ */ jsx3("span", { className: HoverCard_module_default.copied, "aria-hidden": "true", children: copiedLabel }) : content
+    }
+  );
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      ref: rootRef,
+      className: clsx2(HoverCard_module_default.root, inline && HoverCard_module_default.inline),
+      onFocus: inline ? (event) => {
+        if (!disabled && event.target.matches(":focus-visible")) {
+          cancelClose();
+          setPhase("open");
+        }
+      } : void 0,
+      onBlur: inline ? (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+          clearTimer();
+          cancelClose();
+          close();
+        }
+      } : void 0,
+      onPointerEnter: (event) => {
+        if (disabled || inline && event.pointerType === "touch") return;
+        cancelClose();
+        if (open) {
+          setPhase("open");
+          return;
+        }
+        clearTimer();
+        timerRef.current = setTimeout(() => {
+          setPhase("open");
+        }, openDelayMs);
+      },
+      onPointerLeave: () => {
+        clearTimer();
+        if (open) armClose();
+      },
+      onPointerDownCapture: dismissFromAnchor,
+      onClickCapture: dismissFromAnchor,
+      children: [
+        /* @__PURE__ */ jsx3(TooltipSuppression.Provider, { value: setSuppressed, children: anchor }),
+        open && !suppressed && copyable && /* @__PURE__ */ jsx3("span", { className: HoverCard_module_default.status, role: "status", children: copied ? copiedLabel : "" }),
+        card !== false && createPortal2(card, document.body)
+      ]
+    }
+  );
+}
+
+// src/ImageLightbox.tsx
+import { useEffect as useEffect5, useRef as useRef4 } from "react";
+import { createPortal as createPortal3 } from "react-dom";
+
+// .build/css/ImageLightbox.module.mjs
+var id4 = "@seekbuddy/dsh-ui/ImageLightbox.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id4 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id4);
+  element.textContent = ".burpAG_backdrop{z-index:1000;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.burpAG_mask{background:var(--dsw-alias-bg-mask-1);backdrop-filter:var(--dsw-mask-blur);position:absolute;inset:0}.burpAG_image{object-fit:contain;border-radius:var(--dsw-radius-lg);background:var(--dsw-specific-input-major);max-width:min(100%,1600px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-elevation-prominent);border:0;position:relative}.burpAG_close{z-index:1;border:.5px solid var(--dsw-alias-border-l2-darkmode-thin);corner-shape:round;background:var(--dsw-specific-input-major);width:36px;height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed;top:20px;right:20px}.burpAG_close:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:3px}";
+  document.head.appendChild(element);
+}
+var ImageLightbox_module_default = { "image": "burpAG_image", "backdrop": "burpAG_backdrop", "close": "burpAG_close", "mask": "burpAG_mask" };
+
+// src/ImageLightbox.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function ImageLightbox({
+  src,
+  alt,
+  labels,
+  onClose
+}) {
+  const closeRef = useRef4(null);
+  const restoreRef = useRef4(null);
+  useEffect5(() => {
+    restoreRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    closeRef.current?.focus();
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        onClose();
+      }
+      if (event.key === "Tab") {
+        event.preventDefault();
+        closeRef.current?.focus();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      window.removeEventListener("keydown", onKeyDown, true);
+      restoreRef.current?.focus();
+    };
+  }, [onClose]);
+  return createPortal3(
+    /* @__PURE__ */ jsxs3("div", { className: ImageLightbox_module_default.backdrop, role: "dialog", "aria-modal": "true", "aria-label": labels.dialog, children: [
+      /* @__PURE__ */ jsx4("div", { className: ImageLightbox_module_default.mask, "aria-hidden": "true", onMouseDown: onClose }),
+      /* @__PURE__ */ jsx4("img", { className: ImageLightbox_module_default.image, src, alt }),
+      /* @__PURE__ */ jsx4("button", { ref: closeRef, type: "button", className: ImageLightbox_module_default.close, "aria-label": labels.close, onClick: onClose, children: /* @__PURE__ */ jsx4(IconCloseOutlineRegular, { size: 16 }) })
+    ] }),
+    document.body
+  );
+}
+
+// .build/css/markdown/MarkdownText.module.mjs
+var id5 = "@seekbuddy/dsh-ui/markdown/MarkdownText.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id5 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id5);
+  element.textContent = "._8yfcBG_markdown{overflow-wrap:anywhere;min-width:0;font:var(--dsw-font-markdown-base);color:var(--dsw-alias-label-primary)}._8yfcBG_markdown strong{font-weight:600}._8yfcBG_markdown h1{font:var(--dsw-font-markdown-h1);margin:32px 0 16px}._8yfcBG_markdown h2{font:var(--dsw-font-markdown-h2);margin:32px 0 16px}._8yfcBG_markdown h3{font:var(--dsw-font-markdown-h3);margin:32px 0 16px}._8yfcBG_markdown h4{font:var(--dsw-font-markdown-h4);margin:16px 0}._8yfcBG_markdown :where(h5,h6){font:var(--dsw-font-markdown-base-strong);margin:16px 0}._8yfcBG_markdown :where(h1,h2,h3,h4,h5,h6) strong{font-weight:inherit}._8yfcBG_markdown p{margin:16px 0}._8yfcBG_markdown :where(h4,h5,h6)+:where(ul,ol){margin-top:8px}._8yfcBG_markdown :where(h4,h5,h6):has(+:where(ul,ol)){margin-bottom:8px}._8yfcBG_markdown a,._8yfcBG_markdown ._8yfcBG_fileLink{color:var(--dsw-alias-link);transition:box-shadow var(--ds-transition-duration) var(--ds-ease-in-out);border:2px solid #fff0;border-width:2px 3px;margin-left:-3px;margin-right:-3px;font-weight:500;text-decoration:none;position:relative}._8yfcBG_markdown a:hover,._8yfcBG_markdown a:focus{text-decoration:underline dotted var(--dsw-alias-link);text-underline-offset:3px;outline:none}._8yfcBG_markdown a:focus-visible,._8yfcBG_fileMention:focus-visible{box-shadow:0 0 0 2px var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary))}._8yfcBG_linkIcon{vertical-align:-.25em;flex:none;width:1.1em;height:1.1em;margin-right:5px}._8yfcBG_markdown :where(ul,ol){margin:16px 0;padding-left:18px}._8yfcBG_markdown li:not(:first-child){margin-top:6px}._8yfcBG_markdown li>:where(ul,ol){margin-top:4px}._8yfcBG_markdown li::marker{color:var(--dsw-alias-label-secondary);line-height:24px}._8yfcBG_markdown :where(ul,ol) ol{padding-left:0;list-style-position:inside}._8yfcBG_markdown :where(ul,ol) ol li p{display:inline}._8yfcBG_markdown li>p{margin:8px 0}._8yfcBG_markdown li>:first-child{margin-top:0}._8yfcBG_markdown li>:last-child:not(.md-code-block){margin-bottom:0}._8yfcBG_markdown hr{background:var(--dsw-alias-border-l2);border:none;height:.5px;margin:32px 0;display:block}._8yfcBG_markdown blockquote{border-left:2px solid var(--dsw-alias-label-caption);margin:16px 0 0;padding-left:14px}._8yfcBG_markdown pre{font-family:var(--ds-font-family-code);margin:16px 0;overflow:auto}._8yfcBG_markdown :not(pre)>code{box-sizing:border-box;font:var(--dsw-font-markdown-code);font-family:var(--ds-font-family-code);background-color:var(--dsw-alias-markdown-inline-code);border:.5px solid var(--dsw-alias-border-l1);border-radius:var(--dsw-radius-sm);align-items:center;padding:0 5px;display:inline-flex;font-size:.875em!important}._8yfcBG_markdown :where(h1,h2,h3,h4,h5,h6) code{font:inherit;font-family:var(--ds-font-family-code)}._8yfcBG_markdown .katex-display{max-width:100%;overflow:auto hidden}._8yfcBG_markdown input[type=checkbox]{accent-color:var(--dsw-alias-label-secondary);margin:0 8px 0 0}._8yfcBG_tableScroll{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}._8yfcBG_tableScroll.md-table-wide{padding-bottom:var(--dsh-scrollbar-width,5px);overflow-x:hidden}._8yfcBG_tableScroll.md-table-wide:hover,._8yfcBG_tableScroll.md-table-wide:focus-visible{padding-bottom:0;overflow-x:scroll}._8yfcBG_tableScroll:focus-visible{box-shadow:0 0 0 2px var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline:none}._8yfcBG_tableScroll table{border-collapse:collapse;width:max-content;max-width:max-content}._8yfcBG_tableFill table{width:100%;max-width:none}._8yfcBG_tableScroll th{text-align:start;border-bottom:.5px solid var(--dsw-alias-border-l3);font:var(--dsw-font-markdown-table-head);border-top:none;min-width:100px;max-width:min(30vw,320px);padding:10px 16px}._8yfcBG_tableScroll td{border-bottom:.5px solid var(--dsw-alias-border-l2);font:var(--dsw-font-markdown-table);min-width:100px;max-width:min(30vw,320px);padding:10px 16px}._8yfcBG_tableScroll th:first-child,._8yfcBG_tableScroll td:first-child{padding-left:0}._8yfcBG_tableScroll td:last-child{padding-right:0}._8yfcBG_tableScroll table code{font-size:11px}._8yfcBG_markdown>:first-child,._8yfcBG_markdown p:first-child{margin-top:0!important}._8yfcBG_markdown>:last-child,._8yfcBG_markdown p:last-child{margin-bottom:0!important}._8yfcBG_imageAlt{color:var(--dsw-alias-label-tertiary);font-style:italic}._8yfcBG_image{border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-base);object-fit:contain;width:auto;max-width:100%;height:auto;margin:0;display:block}._8yfcBG_fileMention{font:inherit;color:var(--dsw-alias-link);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:500;text-decoration:none}._8yfcBG_fileLink{max-width:100%;text-align:inherit}._8yfcBG_fileMention:hover,._8yfcBG_fileMention:focus{text-decoration:underline dotted var(--dsw-alias-link);text-underline-offset:3px;outline:none}._8yfcBG_compact{max-width:100%;font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));color:var(--dsw-alias-label-tertiary)}._8yfcBG_compact :is(h1,h2,h3,h4,h5,h6){font:inherit;color:inherit;margin:8px 0 4px;font-weight:600}._8yfcBG_compact :is(p,ul,ol,blockquote){margin:4px 0}._8yfcBG_compact li:not(:first-child){margin-top:2px}._8yfcBG_compact li>p{margin:4px 0}._8yfcBG_compact li::marker{line-height:inherit;color:inherit}._8yfcBG_compact blockquote{padding-left:8px}._8yfcBG_compact hr{margin:8px 0}._8yfcBG_compact a,._8yfcBG_compact ._8yfcBG_fileMention{font-weight:inherit;color:inherit;text-decoration:underline dotted}._8yfcBG_compact a:hover,._8yfcBG_compact a:focus,._8yfcBG_compact ._8yfcBG_fileMention:hover,._8yfcBG_compact ._8yfcBG_fileMention:focus{text-decoration-color:currentColor}._8yfcBG_compact :not(pre)>code{font:inherit;font-family:var(--ds-font-family-code);border-radius:var(--dsw-radius-xs);box-decoration-break:clone;padding:0 3px;display:inline;font-size:1em!important}._8yfcBG_markdown._8yfcBG_compact .md-code-block{color:inherit;margin:4px 0}._8yfcBG_compact .md-code-block>:has(>[data-code-block-banner]){z-index:auto;position:static}._8yfcBG_compact pre,._8yfcBG_compact pre :is(code,span){color:inherit!important}._8yfcBG_markdown._8yfcBG_compact ._8yfcBG_tableScroll{width:100%;max-width:100%;margin:4px 0;padding-left:0}._8yfcBG_markdown._8yfcBG_compact ._8yfcBG_tableScroll>table{z-index:auto}._8yfcBG_compact :is(th,td){font:inherit;padding:4px 8px}._8yfcBG_compact th{font-weight:600}._8yfcBG_compact .katex{font-size:1em}._8yfcBG_compact :is(p,h1,h2,h3,h4,h5,h6,ul,ol):has(.katex){padding-bottom:1px;overflow:auto hidden}._8yfcBG_compact .katex-display{margin:4px 0}._8yfcBG_imageButton{border-radius:var(--dsw-radius-sm);vertical-align:middle;cursor:zoom-in;background:0 0;border:0;max-width:100%;padding:0;display:inline-block}._8yfcBG_imageButton ._8yfcBG_image{max-width:min(100%,640px);max-height:360px}._8yfcBG_imageButton:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:3px}._8yfcBG_previewName{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px;line-height:18px;display:block;overflow:hidden}";
+  document.head.appendChild(element);
+}
+var MarkdownText_module_default = { "imageButton": "_8yfcBG_imageButton", "previewName": "_8yfcBG_previewName", "markdown": "_8yfcBG_markdown", "fileLink": "_8yfcBG_fileLink", "imageAlt": "_8yfcBG_imageAlt", "tableFill": "_8yfcBG_tableFill", "linkIcon": "_8yfcBG_linkIcon", "fileMention": "_8yfcBG_fileMention", "tableScroll": "_8yfcBG_tableScroll", "compact": "_8yfcBG_compact", "image": "_8yfcBG_image" };
+
+export {
+  overlayTopMargin,
+  usePointerGrace,
+  ShortcutKeys,
+  useDismissOnOutsidePointer,
+  writeClipboard,
+  pointerModality,
+  Tooltip,
+  HoverCard,
+  MarkdownText_module_default,
+  ImageLightbox
+};