@seekbuddy/dsh-ui 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/chunks/chunk-OQPH36OI.js

@@ -1,754 +0,0 @@
-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
-};