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

package/dist/chunks/chunk-JA3XDLIA.js

@@ -0,0 +1,1115 @@
+import {
+  IconCheckOutlineRegular,
+  IconCloseOutlineRegular
+} from "./chunk-XW4L4ZGL.js";
+
+// src/StateDot.tsx
+import clsx from "clsx";
+
+// .build/css/StateDot.module.mjs
+var id = "@seekbuddy/dsh-ui/StateDot.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 = '.vSoTLq_dot{flex:none;display:inline-block;position:relative}.vSoTLq_dot:after{content:"";corner-shape:round;background:currentColor;border-radius:50%;position:absolute;inset:20%}.vSoTLq_dot[data-state=done]{color:var(--dsw-alias-state-success-primary)}.vSoTLq_dot[data-state=warning]{color:var(--dsw-alias-state-warn-primary)}.vSoTLq_dot[data-state=error]{color:var(--dsw-alias-state-error-primary)}.vSoTLq_dot[data-state=idle]{color:var(--dsw-alias-state-idle-primary)}.vSoTLq_spinner{color:var(--dsw-alias-label-tertiary);flex:none}.vSoTLq_spinnerMotion{transform-origin:50%;animation:1.5s linear infinite vSoTLq_dsh-state-dot-spin}.vSoTLq_spinnerTrack,.vSoTLq_spinnerArc{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.vSoTLq_spinnerTrack{opacity:.25}.vSoTLq_spinnerArc{stroke-dasharray:12 150;animation:1.5s ease-in-out infinite vSoTLq_dsh-state-dot-dash}@keyframes vSoTLq_dsh-state-dot-spin{to{transform:rotate(360deg)}}@keyframes vSoTLq_dsh-state-dot-dash{0%{stroke-dasharray:12 150;stroke-dashoffset:0}50%{stroke-dasharray:24 150;stroke-dashoffset:-6px}to{stroke-dasharray:12 150;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.vSoTLq_spinnerMotion,.vSoTLq_spinnerArc{animation:none}.vSoTLq_spinnerArc{stroke-dasharray:18 150;stroke-dashoffset:-3px}}.vSoTLq_step{box-sizing:border-box;corner-shape:round;border:1.5px solid var(--dsw-alias-label-tertiary);color:var(--dsw-alias-label-primary-foreground);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.vSoTLq_step[data-state=done]{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-primary)}.vSoTLq_step[data-state=error]{border-color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-state-error-primary)}.vSoTLq_step[data-state=warning]{border-color:var(--dsw-alias-state-warn-primary)}';
+  document.head.appendChild(element);
+}
+var StateDot_module_default = { "spinnerMotion": "vSoTLq_spinnerMotion", "dsh-state-dot-spin": "vSoTLq_dsh-state-dot-spin", "dsh-state-dot-dash": "vSoTLq_dsh-state-dot-dash", "spinnerTrack": "vSoTLq_spinnerTrack", "dot": "vSoTLq_dot", "spinner": "vSoTLq_spinner", "spinnerArc": "vSoTLq_spinnerArc", "step": "vSoTLq_step" };
+
+// src/StateDot.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function syncSpinner(element) {
+  if (element === null) return;
+  pinSpinner(element);
+  element.addEventListener("animationstart", () => {
+    pinSpinner(element);
+  });
+}
+function pinSpinner(element) {
+  const spinner = element;
+  for (const animation of spinner.getAnimations?.({ subtree: true }) ?? []) animation.startTime = 0;
+}
+function StateDot({
+  state,
+  size,
+  className,
+  appearance = "dot"
+}) {
+  const edge = size ?? (state === "ongoing" ? 14 : 10);
+  if (state === "ongoing") {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        ref: syncSpinner,
+        className: clsx(StateDot_module_default.spinner, className),
+        "data-state": "ongoing",
+        width: edge,
+        height: edge,
+        viewBox: "0 0 24 24",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsxs("g", { className: StateDot_module_default.spinnerMotion, children: [
+          /* @__PURE__ */ jsx("circle", { className: StateDot_module_default.spinnerTrack, cx: "12", cy: "12", r: "9.5" }),
+          /* @__PURE__ */ jsx("circle", { className: StateDot_module_default.spinnerArc, cx: "12", cy: "12", r: "9.5" })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: clsx(appearance === "step" ? StateDot_module_default.step : StateDot_module_default.dot, className),
+      "data-state": state,
+      style: { width: edge, height: edge },
+      "aria-hidden": "true",
+      children: appearance === "step" && state === "done" && /* @__PURE__ */ jsx(IconCheckOutlineRegular, { size: edge - 2 })
+    }
+  );
+}
+
+// .build/css/ShortcutKeys.module.mjs
+var id2 = "@seekbuddy/dsh-ui/ShortcutKeys.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 = ".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 = { "joined": "dF9bOG_joined", "keys": "dF9bOG_keys", "key": "dF9bOG_key", "separator": "dF9bOG_separator", "tooltip": "dF9bOG_tooltip" };
+
+// src/ShortcutKeys.tsx
+import clsx2 from "clsx";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ShortcutKeys({
+  keys,
+  variant = "plain",
+  className
+}) {
+  return /* @__PURE__ */ jsx2(
+    "span",
+    {
+      className: clsx2(
+        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__ */ jsx2("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/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";
+
+// src/tooltip-placement.ts
+var opposite = { right: "left", left: "right", top: "bottom", bottom: "top" };
+function placeTooltip(input) {
+  const { anchor, viewportWidth, viewportHeight, side, align, gap } = input;
+  let { width, height } = input;
+  const margin = 12;
+  const maxWidth = Math.max(0, viewportWidth - margin * 2);
+  const maxHeight = Math.max(0, viewportHeight - margin * 2);
+  width = Math.min(width, maxWidth);
+  height = Math.min(height, maxHeight);
+  const clampX = (x) => Math.max(margin, Math.min(x, viewportWidth - margin - width));
+  const clampY = (y) => Math.max(margin, Math.min(y, viewportHeight - margin - height));
+  const horizontal = side === "right" || side === "left";
+  const candidates = [
+    side,
+    opposite[side],
+    ...horizontal ? ["bottom", "top"] : ["right", "left"]
+  ];
+  const positions = {
+    right: { left: anchor.right + 10, top: clampY((anchor.top + anchor.bottom - height) / 2) },
+    left: { left: anchor.left - 10 - width, top: clampY((anchor.top + anchor.bottom - height) / 2) },
+    bottom: {
+      left: clampX(align === "end" ? anchor.right - width : (anchor.left + anchor.right - width) / 2),
+      top: anchor.bottom + gap
+    },
+    top: {
+      left: clampX(align === "end" ? anchor.right - width : (anchor.left + anchor.right - width) / 2),
+      top: anchor.top - gap - height
+    }
+  };
+  for (const candidate of candidates) {
+    const position2 = positions[candidate];
+    if (position2.left >= margin && position2.top >= margin && position2.left + width <= viewportWidth - margin && position2.top + height <= viewportHeight - margin) {
+      return { ...position2, side: candidate, width, height, overflow: false };
+    }
+  }
+  const position = positions[side];
+  return { left: clampX(position.left), top: clampY(position.top), side, width, height, overflow: true };
+}
+
+// .build/css/Tooltip.module.mjs
+var id3 = "@seekbuddy/dsh-ui/Tooltip.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 = ".pspLTa_bubble{z-index:100;box-sizing:border-box;border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-tooltip-bg);width:max-content;max-width:min(50vw,100vw - 24px);max-height:calc(100vh - 24px);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:safe center;gap:8px;padding:3px 7px;font-size:13px;line-height:20px;display:inline-flex;position:fixed;overflow:auto}.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],.pspLTa_bubble[data-side=left]{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 = { "bubble": "pspLTa_bubble", "tooltip-in": "pspLTa_tooltip-in", "label": "pspLTa_label" };
+
+// src/Tooltip.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var TooltipSuppression = typeof React.createContext === "function" ? React.createContext(null) : null;
+function clipped(anchor) {
+  return [anchor, ...anchor.querySelectorAll("*")].some(
+    (el) => el instanceof HTMLElement && el.scrollWidth > el.clientWidth
+  );
+}
+function Tooltip({
+  label,
+  shortcutKeys,
+  side = "right",
+  align = "center",
+  delayMs = 0,
+  focusDelayMs = 0,
+  gap = 8,
+  disabled = false,
+  portal = false,
+  maxWidth,
+  openOnClick = false,
+  onlyWhenClipped = false,
+  children
+}) {
+  const id7 = 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 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;
+    let size;
+    let anchorRect = pos;
+    const fit = () => {
+      if (size === void 0) return;
+      const placement = placeTooltip({
+        anchor: anchorRect,
+        width: size.inlineSize,
+        height: size.blockSize,
+        viewportWidth: window.innerWidth,
+        viewportHeight: window.innerHeight,
+        side,
+        align,
+        gap
+      });
+      const horizontal = placement.side === "right" || placement.side === "left";
+      const offsetX = horizontal ? 0 : align === "end" ? placement.width : placement.width / 2;
+      const offsetY = horizontal ? placement.height / 2 : placement.side === "top" ? placement.height : 0;
+      el.style.left = `${placement.left + offsetX}px`;
+      el.style.top = `${placement.top + offsetY}px`;
+      el.dataset.side = placement.side;
+      el.style.visibility = "visible";
+    };
+    const onResize = () => {
+      if (anchor.current !== null) anchorRect = anchor.current.getBoundingClientRect();
+      fit();
+    };
+    const observer = new ResizeObserver((entries) => {
+      size = entries[0]?.borderBoxSize[0];
+      fit();
+    });
+    observer.observe(el, { box: "border-box" });
+    window.addEventListener("resize", onResize);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", onResize);
+    };
+  }, [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;
+    if (onlyWhenClipped && !clipped(el)) return;
+    setPos(el.getBoundingClientRect());
+    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__ */ jsxs2(
+    "span",
+    {
+      ref: bubble,
+      id: openOnClick ? id7 : 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.left,
+        top: pos.top,
+        visibility: "hidden",
+        ...maxWidth === void 0 ? {} : { maxWidth: `min(${maxWidth}px, calc(100vw - 24px))` }
+      },
+      role: "tooltip",
+      "aria-label": shortcutKeys?.length ? [resolvedLabel, shortcutKeys.join(" ")].filter(Boolean).join(" ") : void 0,
+      children: [
+        resolvedLabel && /* @__PURE__ */ jsx3("span", { className: Tooltip_module_default.label, children: resolvedLabel }),
+        shortcutKeys !== void 0 && shortcutKeys.length > 0 && /* @__PURE__ */ jsx3(ShortcutKeys, { keys: shortcutKeys, variant: "tooltip" })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs2(TooltipSuppression.Provider, { value: setSuppressed, children: [
+    cloneElement(children, {
+      ref: mergedRef,
+      "aria-describedby": openOnClick && visible ? [children.props["aria-describedby"], id7].filter(Boolean).join(" ") : children.props["aria-describedby"],
+      onPointerEnter: (e) => {
+        children.props.onPointerEnter?.(e);
+        if (e.pointerType === "touch") return;
+        if (e.pointerType === "mouse" && !window.matchMedia("(any-hover: hover)").matches) return;
+        triggers.current.hover = true;
+        showAfterDelay(delayMs);
+      },
+      onPointerLeave: (e) => {
+        children.props.onPointerLeave?.(e);
+        triggers.current.hover = false;
+        cancelShow();
+        if (!pinned) withdraw();
+      },
+      onPointerDown: (e) => {
+        children.props.onPointerDown?.(e);
+        if (e.pointerType === "touch" && !pinned) dismiss();
+      },
+      // 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/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/HoverCardGroup.tsx
+import { createContext as createContext2, useState as useState2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var HoverCardGroupContext = createContext2(null);
+function HoverCardGroup({
+  children,
+  className,
+  as: Container = "div"
+}) {
+  const [group] = useState2(() => {
+    let pointer2 = "outside";
+    let warm = false;
+    let active = null;
+    return {
+      isWarm: () => warm,
+      enter: (overCard) => {
+        pointer2 = overCard ? "card" : "list";
+        if (overCard) warm = true;
+      },
+      leave: () => {
+        pointer2 = "outside";
+        if (active === null) warm = false;
+      },
+      containsCard: (target) => target instanceof Node && active !== null && active.element.contains(target),
+      shown: (owner, dismiss, element) => {
+        if (pointer2 === "card") {
+          pointer2 = "outside";
+          warm = false;
+        }
+        if (pointer2 === "list") warm = true;
+        const previous = active;
+        active = { owner, dismiss, element };
+        if (previous !== null && previous.owner !== owner) previous.dismiss();
+      },
+      release: (owner) => {
+        if (active?.owner !== owner) return;
+        active = null;
+        if (pointer2 !== "list") {
+          pointer2 = "outside";
+          warm = false;
+        }
+      }
+    };
+  });
+  return /* @__PURE__ */ jsx4(HoverCardGroupContext.Provider, { value: group, children: /* @__PURE__ */ jsx4(
+    Container,
+    {
+      className,
+      onPointerOverCapture: (event) => {
+        const overCard = group.containsCard(event.target);
+        if (event.currentTarget.contains(event.target) || overCard) group.enter(overCard);
+      },
+      onPointerOutCapture: (event) => {
+        const fromGroup = event.currentTarget.contains(event.target) || group.containsCard(event.target);
+        const intoGroup = event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget) || group.containsCard(event.relatedTarget);
+        if (fromGroup && !intoGroup) group.leave();
+      },
+      children
+    }
+  ) });
+}
+
+// src/HoverCard.tsx
+import { useCallback as useCallback3, useContext as useContext2, useEffect as useEffect4, useLayoutEffect, useRef as useRef3, useState as useState3 } from "react";
+import clsx3 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, anchor, gap = 0) {
+  const root = document.documentElement;
+  const clearance = Number.parseFloat(getComputedStyle(root).getPropertyValue("--dsh-frame-top-clearance"));
+  if (Number.isNaN(clearance)) return min;
+  const cap = anchor !== void 0 && anchor.top >= 0 ? anchor.bottom + gap : Number.POSITIVE_INFINITY;
+  return Math.max(min, Math.min((root.hasAttribute("data-fullscreen") ? 0 : clearance) + 20, cap));
+}
+
+// .build/css/HoverCard.module.mjs
+var id4 = "@seekbuddy/dsh-ui/HoverCard.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 = ".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}.LXrvdG_fitContent{width:max-content}.LXrvdG_portal{display:contents}.LXrvdG_bridge{z-index:100;position:fixed}";
+  document.head.appendChild(element);
+}
+var HoverCard_module_default = { "copied": "LXrvdG_copied", "root": "LXrvdG_root", "copyable": "LXrvdG_copyable", "portal": "LXrvdG_portal", "inline": "LXrvdG_inline", "card": "LXrvdG_card", "bridge": "LXrvdG_bridge", "fitContent": "LXrvdG_fitContent", "status": "LXrvdG_status", "media": "LXrvdG_media", "preview": "LXrvdG_preview", "feedback": "LXrvdG_feedback" };
+
+// src/HoverCard.tsx
+import { jsx as jsx5, jsxs as jsxs3 } 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,
+  grouped = false,
+  copyText,
+  copyLabel,
+  copiedLabel,
+  variant = "compact",
+  widthAnchorRef,
+  inline = false,
+  fitContent = false
+}) {
+  const rootRef = useRef3(null);
+  const cardRef = useRef3(null);
+  const portalRef = 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] = useState3("closed");
+  const open = phase !== "closed";
+  const closing = phase === "closing";
+  const [pos, setPos] = useState3(null);
+  const positioned = pos !== null;
+  const [copied, setCopied] = useState3(false);
+  const parentGroup = useContext2(HoverCardGroupContext);
+  const group = grouped ? parentGroup : null;
+  const [groupOwner] = useState3(() => Symbol("hover-card"));
+  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 = useCallback3(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const dismissImmediately = useCallback3(() => {
+    clearTimer();
+    cancelClose();
+    copyEpochRef.current += 1;
+    clearCopied();
+    setPhase("closed");
+  }, [clearTimer, cancelClose, clearCopied]);
+  const groupVisible = open && positioned;
+  useLayoutEffect(() => {
+    if (!groupVisible || group === null) return;
+    group.shown(groupOwner, dismissImmediately, portalRef.current);
+    return () => {
+      group.release(groupOwner);
+    };
+  }, [group, groupOwner, groupVisible, dismissImmediately]);
+  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;
+      if (wrapper.closest("[inert], [hidden]") !== null) {
+        dismissImmediately();
+        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, r, ANCHOR_GAP);
+        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 maxWidth = Math.max(0, Math.min(INLINE_PREVIEW_WIDTH, window.innerWidth - VIEWPORT_MARGIN * 2));
+        const width = fitContent ? Math.min(cardRef.current?.offsetWidth ?? maxWidth, maxWidth) : maxWidth;
+        const topMargin = overlayTopMargin(VIEWPORT_MARGIN, r, ANCHOR_GAP);
+        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;
+        const left = Math.max(VIEWPORT_MARGIN, Math.min(r.left, window.innerWidth - width - VIEWPORT_MARGIN));
+        const top2 = onTop ? r.top - ANCHOR_GAP - Math.min(height, maxHeight) : belowTop;
+        const bridgeTop = onTop ? top2 + Math.min(height, maxHeight) : r.bottom;
+        const bridgeLeft = Math.min(r.left, left);
+        setPos({
+          left,
+          top: top2,
+          ...fitContent ? {} : { width },
+          maxWidth,
+          maxHeight,
+          bridge: {
+            left: bridgeLeft,
+            top: bridgeTop,
+            width: Math.max(r.right, left + width) - bridgeLeft,
+            height: Math.max(0, (onTop ? r.top : top2) - bridgeTop)
+          }
+        });
+        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 visibility = new MutationObserver(place);
+    for (let ancestor = rootRef.current?.parentElement; ancestor != null; ancestor = ancestor.parentElement) {
+      visibility.observe(ancestor, { attributes: true, attributeFilter: ["inert", "hidden"] });
+    }
+    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();
+      visibility.disconnect();
+      window.removeEventListener("scroll", place, true);
+      window.removeEventListener("resize", place);
+    };
+  }, [open, variant, widthAnchorRef, positioned, inline, fitContent, dismissImmediately]);
+  useLayoutEffect(() => {
+    if (!open || pos === null || variant === "preview" || inline) 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]);
+  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 (portalRef.current?.contains(event.target)) return;
+    clearTimer();
+    cancelClose();
+    close();
+  };
+  const card = open && pos !== null && /* @__PURE__ */ jsx5(
+    "div",
+    {
+      ref: cardRef,
+      className: clsx3(
+        HoverCard_module_default.card,
+        variant === "preview" && HoverCard_module_default.preview,
+        inline && HoverCard_module_default.media,
+        inline && fitContent && HoverCard_module_default.fitContent,
+        copyable && HoverCard_module_default.copyable,
+        copied && HoverCard_module_default.feedback
+      ),
+      "data-closing": closing || void 0,
+      style: {
+        left: pos.left,
+        top: pos.top,
+        width: pos.width,
+        maxWidth: pos.maxWidth,
+        maxHeight: pos.maxHeight,
+        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__ */ jsx5("span", { className: HoverCard_module_default.copied, "aria-hidden": "true", children: copiedLabel }) : content
+    }
+  );
+  return /* @__PURE__ */ jsxs3(
+    "span",
+    {
+      ref: rootRef,
+      className: clsx3(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 || event.pointerType === "touch") return;
+        if (event.pointerType === "mouse" && !window.matchMedia("(any-hover: hover)").matches) return;
+        cancelClose();
+        if (open) {
+          setPhase("open");
+          return;
+        }
+        clearTimer();
+        if (group?.isWarm()) setPhase("open");
+        else
+          timerRef.current = setTimeout(() => {
+            setPhase("open");
+          }, openDelayMs);
+      },
+      onPointerLeave: () => {
+        clearTimer();
+        if (open) armClose();
+      },
+      onPointerDownCapture: dismissFromAnchor,
+      onClickCapture: dismissFromAnchor,
+      children: [
+        anchor,
+        open && copyable && /* @__PURE__ */ jsx5("span", { className: HoverCard_module_default.status, role: "status", children: copied ? copiedLabel : "" }),
+        card !== false && createPortal2(
+          /* @__PURE__ */ jsxs3("span", { ref: portalRef, className: HoverCard_module_default.portal, children: [
+            pos.bridge !== void 0 && /* @__PURE__ */ jsx5("span", { className: HoverCard_module_default.bridge, style: pos.bridge, "data-hovercard-bridge": "", "aria-hidden": true }),
+            card
+          ] }),
+          document.body
+        )
+      ]
+    }
+  );
+}
+
+// src/DraggableImage.tsx
+import { forwardRef } from "react";
+
+// src/image-drag.ts
+import {
+  useCallback as useCallback4,
+  useEffect as useEffect5,
+  useMemo,
+  useRef as useRef4
+} from "react";
+function useImageDrag(actions, src, name, original, resourceAddress) {
+  const source = useMemo(
+    () => original === void 0 ? { kind: "url", url: src, name, mediaType: "", resourceAddress } : { kind: "blob", blob: original, name, mediaType: original.type, resourceAddress },
+    [src, name, original, resourceAddress]
+  );
+  const state = useRef4();
+  const dragged = useRef4(false);
+  const release = useCallback4(() => {
+    const previous = state.current;
+    state.current = void 0;
+    previous?.abort.abort();
+    previous?.prepared?.release();
+  }, []);
+  useEffect5(() => release, [release, source, actions]);
+  const prepare = useCallback4(
+    (image) => {
+      if (src === "" || state.current !== void 0) return;
+      const current = { abort: new AbortController(), failed: false };
+      state.current = current;
+      window.addEventListener(
+        "pointerup",
+        (event) => {
+          if (event.target !== image) release();
+        },
+        { signal: current.abort.signal }
+      );
+      window.addEventListener("blur", release, { once: true, signal: current.abort.signal });
+      void actions.prepare(source, current.abort.signal).then(
+        (prepared) => {
+          if (current.abort.signal.aborted) prepared.release();
+          else current.prepared = prepared;
+        },
+        (_error) => {
+          current.failed = true;
+        }
+      );
+    },
+    [src, actions, source, release]
+  );
+  const intent = useCallback4(
+    (event) => {
+      if (!event.defaultPrevented && event.currentTarget.draggable && (resourceAddress === void 0 || event.type === "pointerdown"))
+        prepare(event.currentTarget);
+    },
+    [prepare, resourceAddress]
+  );
+  const onDragStart = useCallback4(
+    (event) => {
+      if (event.defaultPrevented || src === "") return;
+      dragged.current = true;
+      const current = state.current;
+      if (current?.prepared !== void 0) {
+        if (!current.prepared.start(event.dataTransfer, event.currentTarget)) {
+          event.preventDefault();
+          release();
+        }
+        return;
+      }
+      const url = new URL(src, location.href);
+      if (original === void 0 && (url.protocol === "https:" || url.protocol === "http:") && url.origin !== location.origin)
+        return;
+      event.preventDefault();
+      if (current?.failed === true) {
+        actions.reportFailure();
+        release();
+      }
+      prepare(event.currentTarget);
+    },
+    [src, original, actions, prepare, release]
+  );
+  const onPointerDown = useCallback4(
+    (event) => {
+      dragged.current = false;
+      if (event.button === 0) intent(event);
+    },
+    [intent]
+  );
+  const onPointerLeave = useCallback4(
+    (event) => {
+      if (event.buttons !== 1) release();
+    },
+    [release]
+  );
+  const onClickCapture = useCallback4((event) => {
+    if (event.detail === 0) {
+      dragged.current = false;
+      return;
+    }
+    if (!dragged.current) return;
+    event.preventDefault();
+    event.stopPropagation();
+    dragged.current = false;
+  }, []);
+  return { onPointerEnter: intent, onPointerDown, onPointerLeave, onDragStart, onDragEnd: release, onClickCapture };
+}
+
+// src/DraggableImage.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DraggableImage = forwardRef(function DraggableImage2({ fileDrag, src, name, original, resourceAddress, ...props }, ref) {
+  const drag = useImageDrag(fileDrag, src, name, original, resourceAddress);
+  return /* @__PURE__ */ jsx6("img", { ...props, ...drag, src, ref, draggable: true });
+});
+
+// src/ImageLightbox.tsx
+import { useEffect as useEffect6, useRef as useRef5 } from "react";
+import { createPortal as createPortal3 } from "react-dom";
+
+// .build/css/ImageLightbox.module.mjs
+var id5 = "@seekbuddy/dsh-ui/ImageLightbox.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 = ".burpAG_backdrop{z-index:1000;position:fixed;inset:0}.burpAG_stage{inset:var(--dsh-frame-chrome-top,0px) 0 0;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute}.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:100%;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:absolute;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", "mask": "burpAG_mask", "close": "burpAG_close", "backdrop": "burpAG_backdrop", "stage": "burpAG_stage" };
+
+// src/ImageLightbox.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function ImageLightbox({
+  src,
+  alt,
+  labels,
+  onClose,
+  contextMenuProps
+}) {
+  const closeRef = useRef5(null);
+  const restoreRef = useRef5(null);
+  useEffect6(() => {
+    restoreRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    closeRef.current?.focus();
+    const onKeyDown = (event) => {
+      if (event.defaultPrevented || document.activeElement?.closest('[role="menu"]')) return;
+      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__ */ jsx7("div", { className: ImageLightbox_module_default.backdrop, role: "dialog", "aria-modal": "true", "aria-label": labels.dialog, children: /* @__PURE__ */ jsxs4("div", { className: ImageLightbox_module_default.stage, children: [
+      /* @__PURE__ */ jsx7("div", { className: ImageLightbox_module_default.mask, "aria-hidden": "true", onMouseDown: onClose }),
+      /* @__PURE__ */ jsx7("img", { className: ImageLightbox_module_default.image, src, alt, ...contextMenuProps }),
+      /* @__PURE__ */ jsx7("button", { ref: closeRef, type: "button", className: ImageLightbox_module_default.close, "aria-label": labels.close, onClick: onClose, children: /* @__PURE__ */ jsx7(IconCloseOutlineRegular, { size: 16 }) })
+    ] }) }),
+    document.body
+  );
+}
+
+// .build/css/markdown/MarkdownText.module.mjs
+var id6 = "@seekbuddy/dsh-ui/markdown/MarkdownText.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id6 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id6);
+  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:focus{text-decoration:underline dotted var(--dsw-alias-link);text-underline-offset:3px;outline:none}@media (hover:hover){._8yfcBG_markdown a:hover{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:focus-visible{padding-bottom:0;overflow-x:scroll}@media (hover:hover){._8yfcBG_tableScroll.md-table-wide{padding-bottom:var(--dsh-scrollbar-width,5px);overflow-x:hidden}._8yfcBG_tableScroll.md-table-wide:hover{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:focus{text-decoration:underline dotted var(--dsw-alias-link);text-underline-offset:3px;outline:none}@media (hover:hover){._8yfcBG_fileMention:hover{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:focus,._8yfcBG_compact ._8yfcBG_fileMention:focus{text-decoration-color:currentColor}@media (hover:hover){._8yfcBG_compact a:hover,._8yfcBG_compact ._8yfcBG_fileMention:hover{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 = { "fileMention": "_8yfcBG_fileMention", "tableScroll": "_8yfcBG_tableScroll", "fileLink": "_8yfcBG_fileLink", "linkIcon": "_8yfcBG_linkIcon", "imageAlt": "_8yfcBG_imageAlt", "imageButton": "_8yfcBG_imageButton", "tableFill": "_8yfcBG_tableFill", "markdown": "_8yfcBG_markdown", "image": "_8yfcBG_image", "compact": "_8yfcBG_compact", "previewName": "_8yfcBG_previewName" };
+
+export {
+  StateDot,
+  overlayTopMargin,
+  usePointerGrace,
+  ShortcutKeys,
+  useDismissOnOutsidePointer,
+  pointerModality,
+  Tooltip,
+  writeClipboard,
+  HoverCardGroup,
+  HoverCard,
+  MarkdownText_module_default,
+  DraggableImage,
+  ImageLightbox
+};