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

package/dist/index.js

@@ -0,0 +1,1182 @@
+import {
+  Menu,
+  MenuItemButton,
+  MenuSurface,
+  Pill,
+  StateDot,
+  closeTopModal,
+  focusWithoutRing,
+  isBehindModal,
+  modalSelector,
+  observeComposition,
+  useModalLayer
+} from "./chunks/chunk-3HCOU44R.js";
+import {
+  HoverCard,
+  ImageLightbox,
+  MarkdownText_module_default,
+  ShortcutKeys,
+  Tooltip,
+  overlayTopMargin,
+  pointerModality,
+  useDismissOnOutsidePointer,
+  writeClipboard
+} from "./chunks/chunk-OQPH36OI.js";
+import {
+  ReferenceIconRegular
+} from "./chunks/chunk-5JXG4BHW.js";
+import {
+  IconCheckCircleOutlineRegular,
+  IconCheckOutlineRegular,
+  IconChevronDownOutlineRegular,
+  IconChevronUpOutlineRegular,
+  IconCloseOutlineRegular,
+  IconRefreshOutlineRegular,
+  IconWarningOutlineRegular
+} from "./chunks/chunk-LA3QDZYN.js";
+import "./chunks/chunk-ZA47FP7C.js";
+
+// src/DisclosureRow.tsx
+import { memo as memo2 } from "react";
+import clsx2 from "clsx";
+
+// src/TextShimmer.tsx
+import * as React from "react";
+import { memo, useContext } from "react";
+import clsx from "clsx";
+
+// .build/css/TextShimmer.module.mjs
+var id = "@seekbuddy/dsh-ui/TextShimmer.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 = ".sFCb2G_root{vertical-align:top;width:max-content;min-width:0;max-width:100%;color:inherit;display:inline-grid;position:relative}.sFCb2G_content{align-items:center;min-width:0;display:flex}.sFCb2G_text{color:inherit}.sFCb2G_text[data-shimmer-text]:after{content:attr(data-shimmer-text)}.sFCb2G_decoration{pointer-events:none;user-select:none;position:absolute;inset:0;overflow:clip}.sFCb2G_sweep{color:var(--dsw-alias-label-shimmer);animation-name:sFCb2G_dsh-row-shimmer-sweep;position:absolute;inset:0;overflow:hidden;transform:translate(-100%);mask-image:linear-gradient(105deg,#0000 0%,#000 40% 60%,#0000 100%)}.sFCb2G_sweep *{color:inherit!important}.sFCb2G_sweep [data-shimmer-decoration]{background:currentColor}.sFCb2G_highlight{width:100%;height:100%;animation-name:sFCb2G_dsh-row-shimmer-highlight;transform:translate(100%)}.sFCb2G_sweep,.sFCb2G_highlight{animation-duration:1.5s;animation-timing-function:steps(48,end);animation-iteration-count:infinite;animation-delay:.3s}@keyframes sFCb2G_dsh-row-shimmer-sweep{0%{transform:translate(-100%)}66.6667%,to{transform:translate(100%)}}@keyframes sFCb2G_dsh-row-shimmer-highlight{0%{transform:translate(100%)}66.6667%,to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.sFCb2G_decoration{display:none}.sFCb2G_sweep,.sFCb2G_highlight{animation:none}}";
+  document.head.appendChild(element);
+}
+var TextShimmer_module_default = { "decoration": "sFCb2G_decoration", "highlight": "sFCb2G_highlight", "text": "sFCb2G_text", "sweep": "sFCb2G_sweep", "root": "sFCb2G_root", "dsh-row-shimmer-sweep": "sFCb2G_dsh-row-shimmer-sweep", "dsh-row-shimmer-highlight": "sFCb2G_dsh-row-shimmer-highlight", "content": "sFCb2G_content" };
+
+// src/TextShimmer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DecorativeCopy = typeof React.createContext === "function" ? React.createContext(void 0) : null;
+function TextContent({ children, className }) {
+  const decorative = useContext(DecorativeCopy);
+  const generated = decorative === true && typeof children === "string";
+  return /* @__PURE__ */ jsx("span", { className: clsx(TextShimmer_module_default.text, className), "data-shimmer-text": generated ? children : void 0, children: generated ? null : children });
+}
+var TextShimmer = memo(function TextShimmer2({
+  children,
+  active = false,
+  className,
+  contentClassName
+}) {
+  const decorative = useContext(DecorativeCopy);
+  if (decorative !== void 0) return /* @__PURE__ */ jsx(TextContent, { className, children });
+  const content = typeof children === "string" ? /* @__PURE__ */ jsx(TextContent, { children }) : children;
+  return /* @__PURE__ */ jsxs("span", { className: clsx(TextShimmer_module_default.root, className), "data-shimmer": active || void 0, children: [
+    /* @__PURE__ */ jsx(DecorativeCopy.Provider, { value: false, children: /* @__PURE__ */ jsx("span", { className: clsx(TextShimmer_module_default.content, contentClassName), children: content }) }),
+    active && // React 18 forwards inert as an empty string; a boolean is dropped.
+    /* @__PURE__ */ jsx("span", { className: TextShimmer_module_default.decoration, "aria-hidden": "true", ...{ inert: "" }, children: /* @__PURE__ */ jsx("span", { className: TextShimmer_module_default.sweep, children: /* @__PURE__ */ jsx(DecorativeCopy.Provider, { value: true, children: /* @__PURE__ */ jsx("span", { className: clsx(TextShimmer_module_default.content, TextShimmer_module_default.highlight, contentClassName), children: content }) }) }) })
+  ] });
+});
+
+// .build/css/DisclosureRow.module.mjs
+var id2 = "@seekbuddy/dsh-ui/DisclosureRow.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 = "._1_lb6a_root{flex-direction:column;width:100%;min-width:0;display:flex}._1_lb6a_row{height:calc(24px + var(--dsh-content-font-delta,0px));min-width:0;color:var(--dsw-alias-label-tertiary);align-items:center;transition:color .1s;display:flex;position:relative;overflow:hidden}._1_lb6a_row[data-expandable]{cursor:pointer}._1_lb6a_row:hover{color:var(--dsw-alias-label-secondary)}._1_lb6a_leading{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px));color:inherit;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-right:6px;padding:0;display:inline-flex;position:relative}._1_lb6a_leading svg:not([data-state]){width:calc(14px + var(--dsh-content-font-delta,0px));height:calc(14px + var(--dsh-content-font-delta,0px))}button._1_lb6a_leading{cursor:pointer}._1_lb6a_iconIdle{opacity:1;transition:opacity .1s;display:inline-flex}._1_lb6a_chevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}._1_lb6a_row:hover ._1_lb6a_iconIdle{opacity:0}._1_lb6a_row:hover ._1_lb6a_chevronHover{opacity:1}._1_lb6a_title{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:inherit;flex:none}@media (prefers-reduced-motion:reduce){._1_lb6a_row{transition:none}}";
+  document.head.appendChild(element);
+}
+var DisclosureRow_module_default = { "title": "_1_lb6a_title", "row": "_1_lb6a_row", "leading": "_1_lb6a_leading", "root": "_1_lb6a_root", "iconIdle": "_1_lb6a_iconIdle", "chevronHover": "_1_lb6a_chevronHover" };
+
+// src/DisclosureRow.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DisclosureRow = memo2(function DisclosureRow2({
+  icon,
+  title,
+  open,
+  expandable,
+  onToggle,
+  running = false,
+  expandOnRowClick = false,
+  previewChevron = expandable,
+  keepContentWhenOpen = false,
+  collapsedContent,
+  children,
+  className,
+  rowClassName,
+  contentClassName,
+  contentLayoutClassName,
+  leadingClassName,
+  chevronClassName,
+  titleClassName
+}) {
+  const rowExpands = expandable && expandOnRowClick;
+  const toggleFromLeading = (event) => {
+    event.stopPropagation();
+    onToggle();
+  };
+  const toggleFromKeyboard = (event) => {
+    if (!rowExpands || event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    onToggle();
+  };
+  const collapsedLeading = previewChevron ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("span", { className: DisclosureRow_module_default.iconIdle, children: icon }),
+    /* @__PURE__ */ jsx2(IconChevronDownOutlineRegular, { className: clsx2(chevronClassName, DisclosureRow_module_default.chevronHover) })
+  ] }) : icon;
+  const leading = open ? /* @__PURE__ */ jsx2(IconChevronUpOutlineRegular, { className: chevronClassName }) : collapsedLeading;
+  return /* @__PURE__ */ jsxs2("div", { className: clsx2(DisclosureRow_module_default.root, className), "data-open": open || void 0, children: [
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: clsx2(DisclosureRow_module_default.row, rowClassName),
+        "data-disclosure-row": true,
+        "data-expandable": rowExpands || void 0,
+        role: rowExpands ? "button" : void 0,
+        tabIndex: rowExpands ? 0 : void 0,
+        "aria-expanded": rowExpands ? open : void 0,
+        onClick: rowExpands ? onToggle : void 0,
+        onKeyDown: rowExpands ? toggleFromKeyboard : void 0,
+        children: [
+          expandable && !rowExpands ? /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              className: clsx2(DisclosureRow_module_default.leading, leadingClassName),
+              "aria-label": title,
+              "aria-expanded": open,
+              onClick: toggleFromLeading,
+              children: leading
+            }
+          ) : /* @__PURE__ */ jsx2("span", { className: clsx2(DisclosureRow_module_default.leading, leadingClassName), children: leading }),
+          /* @__PURE__ */ jsxs2(TextShimmer, { active: running, className: contentClassName, contentClassName: contentLayoutClassName, children: [
+            /* @__PURE__ */ jsx2(TextShimmer, { className: clsx2(DisclosureRow_module_default.title, titleClassName), children: title }),
+            (keepContentWhenOpen || !open) && collapsedContent
+          ] })
+        ]
+      }
+    ),
+    open && children
+  ] });
+});
+
+// src/Button.tsx
+import { forwardRef } from "react";
+import clsx3 from "clsx";
+
+// .build/css/Button.module.mjs
+var id3 = "@seekbuddy/dsh-ui/Button.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 = ".wa-Ieq_button{box-sizing:border-box;border-radius:var(--dsw-radius-md);cursor:pointer;color:var(--dsw-alias-label-primary);background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.wa-Ieq_button:disabled{cursor:not-allowed;opacity:.4}.wa-Ieq_md{height:36px}.wa-Ieq_sm{border-radius:var(--dsw-radius-sm);height:28px;padding:0 10px;font-size:12px;line-height:18px}.wa-Ieq_primary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.wa-Ieq_primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.wa-Ieq_ghost:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.wa-Ieq_ghost:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.wa-Ieq_outline{border:.5px solid var(--dsw-alias-border-l3);background:0 0}.wa-Ieq_outline:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.wa-Ieq_toolbar{background:var(--dsw-alias-button-tool-bar-fill)}.wa-Ieq_toolbar:hover:not(:disabled){background:var(--dsw-alias-button-tool-bar-hover)}.wa-Ieq_icon{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}";
+  document.head.appendChild(element);
+}
+var Button_module_default = { "icon": "wa-Ieq_icon", "sm": "wa-Ieq_sm", "primary": "wa-Ieq_primary", "md": "wa-Ieq_md", "outline": "wa-Ieq_outline", "toolbar": "wa-Ieq_toolbar", "ghost": "wa-Ieq_ghost", "button": "wa-Ieq_button" };
+
+// src/Button.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Button = forwardRef(function Button2({ variant = "ghost", size = "md", icon, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs3("button", { ref, type: "button", className: clsx3(Button_module_default.button, Button_module_default[variant], Button_module_default[size], className), ...rest, children: [
+    icon != null && /* @__PURE__ */ jsx3("span", { className: Button_module_default.icon, children: icon }),
+    children
+  ] });
+});
+
+// src/SegmentedTabs.tsx
+import clsx4 from "clsx";
+
+// .build/css/SegmentedTabs.module.mjs
+var id4 = "@seekbuddy/dsh-ui/SegmentedTabs.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 = ".zfSGJW_tabs{border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-module-platform);padding:4px;display:grid;position:relative}.zfSGJW_indicator{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);pointer-events:none;transition:transform .18s;position:absolute;inset:4px auto 4px 4px}.zfSGJW_tab{border-radius:var(--dsw-radius-md);height:34px;color:var(--dsw-alias-label-secondary);background:0 0;justify-content:center;padding:0 12px;font-size:14px;line-height:20px;transition:color .18s;position:relative}.zfSGJW_tab:hover,.zfSGJW_tab[aria-selected=true]{color:var(--dsw-alias-label-primary);background:0 0}.zfSGJW_tab[aria-selected=true]{font-weight:600}.zfSGJW_tab:focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline 1px}@media (prefers-reduced-motion:reduce){.zfSGJW_indicator,.zfSGJW_tab{transition:none}}";
+  document.head.appendChild(element);
+}
+var SegmentedTabs_module_default = { "tab": "zfSGJW_tab", "tabs": "zfSGJW_tabs", "indicator": "zfSGJW_indicator" };
+
+// src/SegmentedTabs.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function SegmentedTabs({
+  items,
+  value,
+  onChange,
+  label,
+  className
+}) {
+  const selectedIndex = items.findIndex((item) => item.value === value);
+  const onKeyDown = (event, index) => {
+    let next;
+    switch (event.key) {
+      case "ArrowLeft":
+        next = (index + items.length - 1) % items.length;
+        break;
+      case "ArrowRight":
+        next = (index + 1) % items.length;
+        break;
+      case "Home":
+        next = 0;
+        break;
+      case "End":
+        next = items.length - 1;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const tablist = event.currentTarget.parentElement;
+    const nextItem = items[next];
+    if (tablist === null || nextItem === void 0) return;
+    tablist.querySelectorAll('[role="tab"]').item(next).focus();
+    onChange(nextItem.value);
+  };
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": label,
+      className: clsx4(SegmentedTabs_module_default.tabs, className),
+      style: { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` },
+      children: [
+        /* @__PURE__ */ jsx4(
+          "span",
+          {
+            className: SegmentedTabs_module_default.indicator,
+            "aria-hidden": "true",
+            style: { width: `calc((100% - 8px) / ${items.length})`, transform: `translateX(${selectedIndex * 100}%)` }
+          }
+        ),
+        items.map((item, index) => /* @__PURE__ */ jsx4(
+          Pill,
+          {
+            id: item.id,
+            role: "tab",
+            className: SegmentedTabs_module_default.tab,
+            "aria-selected": value === item.value,
+            "aria-controls": item.panelId,
+            tabIndex: value === item.value ? 0 : -1,
+            onClick: () => {
+              onChange(item.value);
+            },
+            onKeyDown: (event) => {
+              onKeyDown(event, index);
+            },
+            children: item.label
+          },
+          item.value
+        ))
+      ]
+    }
+  );
+}
+
+// src/Tag.tsx
+import clsx5 from "clsx";
+
+// .build/css/Tag.module.mjs
+var id5 = "@seekbuddy/dsh-ui/Tag.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 = ".bkMBDa_tag{corner-shape:round;white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.bkMBDa_tag[data-tone=outline]{border:.5px solid var(--dsw-alias-border-l4);color:var(--dsw-alias-label-tertiary)}.bkMBDa_tag[data-tone=solid]{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.bkMBDa_tag[data-tone=neutral]{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary)}.bkMBDa_tag[data-tone=quiet]{color:var(--dsw-alias-label-tertiary)}.bkMBDa_tag[data-tone=success]{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);color:var(--dsw-alias-state-success-primary)}.bkMBDa_tag[data-tone=info]{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 10%, transparent);color:var(--dsw-alias-state-business-primary)}.bkMBDa_tag[data-tone=warning]{background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);color:var(--dsw-alias-state-warn-primary)}.bkMBDa_tag[data-tone=danger]{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);color:var(--dsw-alias-state-error-primary)}";
+  document.head.appendChild(element);
+}
+var Tag_module_default = { "tag": "bkMBDa_tag" };
+
+// src/Tag.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Tag({
+  tone = "outline",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx5("span", { className: clsx5(Tag_module_default.tag, className), "data-tone": tone, children });
+}
+
+// src/Switch.tsx
+import clsx6 from "clsx";
+
+// .build/css/Switch.module.mjs
+var id6 = "@seekbuddy/dsh-ui/Switch.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 = ".POxp2W_switch{box-sizing:border-box;corner-shape:round;background:var(--dsw-alias-border-l3);cursor:pointer;border:0;border-radius:999px;flex:none;width:36px;height:20px;padding:2px;position:relative}.POxp2W_switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}.POxp2W_switch:disabled{cursor:default;opacity:.5}.POxp2W_switch:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.POxp2W_thumb{corner-shape:round;background:var(--dsw-alias-label-primary-foreground);border-radius:50%;width:16px;height:16px;transition:transform .12s;display:block}.POxp2W_switch[aria-checked=false] .POxp2W_thumb{background:var(--dsw-alias-switch-thumb)}.POxp2W_switch[aria-checked=true] .POxp2W_thumb{transform:translate(16px)}";
+  document.head.appendChild(element);
+}
+var Switch_module_default = { "switch": "POxp2W_switch", "thumb": "POxp2W_thumb" };
+
+// src/Switch.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Switch({
+  checked,
+  onChange,
+  label,
+  disabled = false,
+  title,
+  className
+}) {
+  return /* @__PURE__ */ jsx6(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      "aria-label": label,
+      title,
+      disabled,
+      className: clsx6(Switch_module_default.switch, className),
+      onClick: () => {
+        onChange(!checked);
+      },
+      children: /* @__PURE__ */ jsx6("span", { className: Switch_module_default.thumb })
+    }
+  );
+}
+
+// src/SegmentedControl.tsx
+import { useEffect, useRef } from "react";
+import clsx7 from "clsx";
+
+// .build/css/SegmentedControl.module.mjs
+var id7 = "@seekbuddy/dsh-ui/SegmentedControl.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id7 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id7);
+  element.textContent = "._4Yr7Ka_control{border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:4px;display:inline-grid;position:relative}._4Yr7Ka_indicator{width:calc((100% - 8px - 2px * (var(--dsh-segment-count) - 1)) / var(--dsh-segment-count));border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:calc(100% - 8px);box-shadow:var(--dsw-elevation-soft);transform:translateX(calc(var(--dsh-segment-index) * (100% + 2px)));pointer-events:none;border:0;transition:transform .16s;position:absolute;top:4px;left:4px}._4Yr7Ka_tab{box-sizing:border-box;z-index:1;border-radius:var(--dsw-radius-sm);height:28px;color:var(--dsw-alias-label-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:13px;font-weight:500;line-height:20px;transition:color .12s;position:relative}._4Yr7Ka_tab:hover:not(:disabled),._4Yr7Ka_tab[aria-selected=true]{color:var(--dsw-alias-label-primary)}._4Yr7Ka_tab:disabled{cursor:default;opacity:.4}._4Yr7Ka_tab:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}@media (prefers-reduced-motion:reduce){._4Yr7Ka_indicator,._4Yr7Ka_tab{transition:none}}";
+  document.head.appendChild(element);
+}
+var SegmentedControl_module_default = { "tab": "_4Yr7Ka_tab", "control": "_4Yr7Ka_control", "indicator": "_4Yr7Ka_indicator" };
+
+// src/SegmentedControl.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function isWalkKey(key) {
+  return key === "ArrowLeft" || key === "ArrowRight" || key === "ArrowUp" || key === "ArrowDown" || key === "Home" || key === "End";
+}
+function walk(options, from, key) {
+  const enabled = options.filter((option) => option.disabled !== true);
+  if (key === "Home") return enabled[0];
+  if (key === "End") return enabled[enabled.length - 1];
+  const step = key === "ArrowRight" || key === "ArrowDown" ? 1 : -1;
+  const count = options.length;
+  for (let offset = 1; offset < count; offset += 1) {
+    const candidate = options[((from + step * offset) % count + count) % count];
+    if (candidate !== void 0 && candidate.disabled !== true) return candidate;
+  }
+  return void 0;
+}
+function SegmentedControl({
+  id: id16,
+  value,
+  options,
+  onChange,
+  label,
+  disabled = false,
+  className
+}) {
+  const list = useRef(null);
+  const selected = options.findIndex((option) => option.value === value);
+  useEffect(() => {
+    const root = list.current;
+    if (root === null) return;
+    if (!root.contains(document.activeElement)) return;
+    root.querySelector('[role="tab"][aria-selected="true"]')?.focus();
+  }, [value]);
+  const onKeyDown = (event) => {
+    if (!isWalkKey(event.key)) return;
+    event.preventDefault();
+    const target = walk(options, selected, event.key);
+    if (target !== void 0 && target.value !== value) onChange(target.value);
+  };
+  const indicator = {
+    "--dsh-segment-count": String(options.length),
+    "--dsh-segment-index": String(selected)
+  };
+  return /* @__PURE__ */ jsxs5("div", { ref: list, role: "tablist", "aria-label": label, className: clsx7(SegmentedControl_module_default.control, className), style: indicator, children: [
+    /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: SegmentedControl_module_default.indicator }),
+    options.map((option) => {
+      const active = option.value === value;
+      return /* @__PURE__ */ jsx7(
+        "button",
+        {
+          id: `${id16}-${option.value}`,
+          type: "button",
+          role: "tab",
+          "aria-selected": active,
+          "aria-controls": `${id16}-${option.value}-panel`,
+          tabIndex: active ? 0 : -1,
+          disabled: disabled || option.disabled === true,
+          title: option.title,
+          className: SegmentedControl_module_default.tab,
+          onClick: () => {
+            if (!active) onChange(option.value);
+          },
+          onKeyDown,
+          children: option.label
+        },
+        option.value
+      );
+    })
+  ] });
+}
+
+// src/Checkbox.tsx
+import clsx8 from "clsx";
+
+// .build/css/Checkbox.module.mjs
+var id8 = "@seekbuddy/dsh-ui/Checkbox.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id8 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id8);
+  element.textContent = ".-IUgPq_checkbox{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:center;gap:6px;font-size:14px;line-height:20px;display:inline-flex}.-IUgPq_checkbox input{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:inherit;flex:none;margin:0}.-IUgPq_checkbox input:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.-IUgPq_checkbox:has(input:disabled){cursor:default;opacity:.5}";
+  document.head.appendChild(element);
+}
+var Checkbox_module_default = { "checkbox": "-IUgPq_checkbox" };
+
+// src/Checkbox.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function Checkbox({
+  checked,
+  onChange,
+  label,
+  disabled = false,
+  title,
+  className
+}) {
+  return /* @__PURE__ */ jsxs6("label", { className: clsx8(Checkbox_module_default.checkbox, className), title, children: [
+    /* @__PURE__ */ jsx8(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        disabled,
+        onChange: (event) => {
+          onChange(event.target.checked);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx8("span", { children: label })
+  ] });
+}
+
+// src/Input.tsx
+import { forwardRef as forwardRef2 } from "react";
+import clsx9 from "clsx";
+
+// .build/css/Input.module.mjs
+var id9 = "@seekbuddy/dsh-ui/Input.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id9 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id9);
+  element.textContent = ".ubd6La_wrap{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);align-items:center;gap:6px;height:32px;padding:0 8px;display:inline-flex}.ubd6La_wrap:focus-within{border-color:var(--dsw-alias-state-business-primary)}.ubd6La_icon{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);justify-content:center;align-items:center;display:inline-flex}.ubd6La_input{min-width:0;color:var(--dsw-alias-label-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px;line-height:22px}.ubd6La_input::placeholder{color:var(--dsw-alias-label-dimmed)}";
+  document.head.appendChild(element);
+}
+var Input_module_default = { "input": "ubd6La_input", "icon": "ubd6La_icon", "wrap": "ubd6La_wrap" };
+
+// src/Input.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var Input = forwardRef2(function Input2({ icon, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs7("span", { className: clsx9(Input_module_default.wrap, className), children: [
+    icon != null && /* @__PURE__ */ jsx9("span", { className: Input_module_default.icon, children: icon }),
+    /* @__PURE__ */ jsx9("input", { ref, className: Input_module_default.input, ...rest })
+  ] });
+});
+
+// src/MenuGroup.tsx
+import { useId } from "react";
+
+// .build/css/MenuGroup.module.mjs
+var id10 = "@seekbuddy/dsh-ui/MenuGroup.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id10 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id10);
+  element.textContent = ".EvD5wW_group{position:relative}.EvD5wW_start{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.EvD5wW_group+.EvD5wW_group{margin-top:3px}.EvD5wW_heading{z-index:1;color:var(--dsw-alias-label-tertiary);background:0 0;padding:4px 7px 2px;font-size:11px;font-weight:500;line-height:16px;position:sticky;top:0}.EvD5wW_heading[data-stuck]{background:var(--dsw-alias-menu-group-header-fill)}html:not([data-platform=darwin]) .EvD5wW_heading{border-radius:var(--dsw-radius-md)}";
+  document.head.appendChild(element);
+}
+var MenuGroup_module_default = { "start": "EvD5wW_start", "heading": "EvD5wW_heading", "group": "EvD5wW_group" };
+
+// src/MenuGroup.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function MenuGroup({ label, children }) {
+  const headingId = useId();
+  return /* @__PURE__ */ jsxs8("section", { role: "group", "aria-labelledby": headingId, "data-menu-group": "", className: MenuGroup_module_default.group, children: [
+    /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", "data-menu-group-start": "", className: MenuGroup_module_default.start }),
+    /* @__PURE__ */ jsx10("div", { id: headingId, "data-menu-group-heading": "", className: MenuGroup_module_default.heading, children: label }),
+    children
+  ] });
+}
+function observeStickyMenuGroups(viewport) {
+  const groups = [...viewport.querySelectorAll(":scope > [data-menu-group]")].flatMap((section) => {
+    const heading = section.querySelector(":scope > [data-menu-group-heading]");
+    const start = section.querySelector(":scope > [data-menu-group-start]");
+    return heading === null || start === null ? [] : [
+      {
+        section,
+        heading,
+        start,
+        atTop: false,
+        above: false,
+        topTime: -Infinity,
+        aboveTime: -Infinity
+      }
+    ];
+  });
+  if (groups.length === 0 || typeof IntersectionObserver === "undefined" || typeof ResizeObserver === "undefined") {
+    return () => {
+    };
+  }
+  const sections = new Map(groups.map((group) => [group.section, group]));
+  const starts = new Map(groups.map((group) => [group.start, group]));
+  let disposed = false;
+  let stripObserver;
+  let viewportHeight;
+  const render = (group) => {
+    const stuck = group.atTop && group.above;
+    if (group.heading.hasAttribute("data-stuck") !== stuck) group.heading.toggleAttribute("data-stuck", stuck);
+  };
+  const startObserver = new IntersectionObserver(
+    (entries) => {
+      if (disposed) return;
+      for (const entry of entries) {
+        const group = starts.get(entry.target);
+        if (!group || entry.rootBounds === null || entry.time < group.aboveTime) continue;
+        group.above = entry.boundingClientRect.top < entry.rootBounds.top;
+        group.aboveTime = entry.time;
+        render(group);
+      }
+    },
+    { root: viewport, threshold: [0, 1] }
+  );
+  for (const { start } of groups) startObserver.observe(start);
+  const sizeObserver = new ResizeObserver((entries) => {
+    if (disposed) return;
+    for (const entry of entries) {
+      if (entry.target !== viewport || entry.contentRect.height === viewportHeight) continue;
+      viewportHeight = entry.contentRect.height;
+      stripObserver?.disconnect();
+      const observer = new IntersectionObserver(
+        (intersections) => {
+          if (disposed || stripObserver !== observer) return;
+          for (const intersection of intersections) {
+            const group = sections.get(intersection.target);
+            if (!group || intersection.rootBounds === null) continue;
+            const top = intersection.rootBounds.top;
+            if (intersection.time >= group.topTime) {
+              group.atTop = intersection.isIntersecting && intersection.boundingClientRect.bottom > top;
+              group.topTime = intersection.time;
+            }
+            if (intersection.time >= group.aboveTime) {
+              group.above = intersection.boundingClientRect.top < top;
+              group.aboveTime = intersection.time;
+            }
+            render(group);
+          }
+        },
+        { root: viewport, rootMargin: `0px 0px ${Math.min(1, viewportHeight) - viewportHeight}px 0px`, threshold: 0 }
+      );
+      stripObserver = observer;
+      for (const { section } of groups) observer.observe(section);
+    }
+  });
+  sizeObserver.observe(viewport);
+  return () => {
+    if (disposed) return;
+    disposed = true;
+    startObserver.disconnect();
+    stripObserver?.disconnect();
+    sizeObserver.disconnect();
+    for (const { heading } of groups) {
+      if (heading.hasAttribute("data-stuck")) heading.removeAttribute("data-stuck");
+    }
+  };
+}
+
+// src/useAnchoredMaxHeight.ts
+import { useLayoutEffect, useState } from "react";
+var MARGIN = 12;
+function useAnchoredMaxHeight(ref, cap, signal, margin = MARGIN) {
+  const [maxHeight, setMaxHeight] = useState(cap);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (el === null) return;
+    const fit = () => {
+      setMaxHeight(Math.min(cap, Math.max(0, el.getBoundingClientRect().bottom - overlayTopMargin(margin))));
+    };
+    fit();
+    window.addEventListener("resize", fit);
+    window.addEventListener("scroll", fit, true);
+    return () => {
+      window.removeEventListener("resize", fit);
+      window.removeEventListener("scroll", fit, true);
+    };
+  }, [ref, cap, signal, margin]);
+  return maxHeight;
+}
+
+// src/useAnchoredPosition.ts
+import { useLayoutEffect as useLayoutEffect2, useState as useState2 } from "react";
+function useAnchoredPosition(options) {
+  const { open, anchorRef, panelRef, side = "bottom", align = "start", gap, margin } = options;
+  const [position, setPosition] = useState2(null);
+  useLayoutEffect2(() => {
+    if (!open) {
+      setPosition(null);
+      return;
+    }
+    const place = () => {
+      const rect = anchorRef.current?.getBoundingClientRect();
+      if (rect === void 0) return;
+      const panel2 = panelRef.current;
+      const width = panel2?.offsetWidth ?? 0;
+      const height = panel2?.offsetHeight ?? 0;
+      let left = align === "end" ? rect.right - width : rect.left;
+      let top = side === "top" ? rect.top - gap - height : rect.bottom + gap;
+      if (width > 0) left = Math.min(Math.max(left, margin), window.innerWidth - width - margin);
+      if (height > 0) top = Math.min(Math.max(top, overlayTopMargin(margin)), window.innerHeight - height - margin);
+      setPosition({ left, top });
+    };
+    place();
+    window.addEventListener("scroll", place, true);
+    window.addEventListener("resize", place);
+    const panel = panelRef.current;
+    let observer = null;
+    if (typeof ResizeObserver !== "undefined" && panel !== null) {
+      observer = new ResizeObserver(place);
+      observer.observe(panel);
+    }
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("scroll", place, true);
+      window.removeEventListener("resize", place);
+    };
+  }, [open, anchorRef, panelRef, side, align, gap, margin]);
+  return position;
+}
+
+// src/Modal.tsx
+import { useRef as useRef2 } from "react";
+import { createPortal } from "react-dom";
+import clsx10 from "clsx";
+
+// .build/css/Modal.module.mjs
+var id11 = "@seekbuddy/dsh-ui/Modal.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id11 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id11);
+  element.textContent = '.yOh8dq_root{pointer-events:auto;z-index:1000;padding:max(24px, var(--dsh-frame-overlay-top,24px)) 24px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.yOh8dq_mask{inset:var(--dsh-frame-chrome-top,0px) 0 0;backdrop-filter:var(--dsw-mask-blur);position:absolute}.yOh8dq_mask:after{content:"";background:var(--dsw-alias-bg-mask-1);animation:yOh8dq_modalEnter var(--ds-transition-duration) var(--ds-ease-in-out);position:absolute;inset:0}.yOh8dq_dialog{box-sizing:border-box;z-index:1;border-radius:var(--dsw-radius-panel);background:var(--dsw-alias-bg-layer-2);width:min(380px,100%);box-shadow:var(--dsw-elevation-prominent);animation:yOh8dq_modalEnter var(--ds-transition-duration) var(--ds-ease-in-out);border:0;flex-direction:column;gap:20px;padding:0 0 24px;display:flex;position:relative;overflow:hidden}@keyframes yOh8dq_modalEnter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.yOh8dq_mask:after,.yOh8dq_dialog{animation:none}}.yOh8dq_dialog:focus{outline:none}.yOh8dq_content{flex-direction:column;width:100%;display:flex}.yOh8dq_header{justify-content:space-between;align-items:center;gap:8px;padding:22px 14px 12px 24px;display:flex}.yOh8dq_title{color:var(--dsw-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.yOh8dq_close{border-radius:var(--dsw-radius-sm);cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.yOh8dq_close:hover{background:var(--dsw-alias-interactive-bg-hover)}.yOh8dq_description{color:var(--dsw-alias-label-primary);margin:0;padding:0 24px;font-size:14px;font-weight:400;line-height:22px}.yOh8dq_body{flex-direction:column;min-width:0;margin-top:20px;padding:0 24px;display:flex}.yOh8dq_footer{justify-content:flex-end;align-items:center;gap:8px;padding:0 24px;display:flex}';
+  document.head.appendChild(element);
+}
+var Modal_module_default = { "modalEnter": "yOh8dq_modalEnter", "footer": "yOh8dq_footer", "mask": "yOh8dq_mask", "dialog": "yOh8dq_dialog", "root": "yOh8dq_root", "title": "yOh8dq_title", "description": "yOh8dq_description", "body": "yOh8dq_body", "close": "yOh8dq_close", "content": "yOh8dq_content", "header": "yOh8dq_header" };
+
+// src/Modal.tsx
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function Modal({
+  open,
+  onClose,
+  title,
+  closeLabel,
+  description,
+  children,
+  footer,
+  className,
+  contentClassName,
+  onKeyDownCapture,
+  headless = false,
+  backdropBlur = true,
+  shortcutModal
+}) {
+  const dialog = useRef2(null);
+  useModalLayer(dialog, open, onClose);
+  if (!open) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs9("div", { className: Modal_module_default.root, role: "presentation", onKeyDownCapture, children: [
+      /* @__PURE__ */ jsx11(
+        "div",
+        {
+          className: Modal_module_default.mask,
+          style: backdropBlur ? void 0 : { backdropFilter: "none" },
+          "aria-hidden": "true",
+          onClick: onClose
+        }
+      ),
+      /* @__PURE__ */ jsx11(
+        "div",
+        {
+          ref: dialog,
+          tabIndex: -1,
+          "data-shortcut-modal": shortcutModal,
+          className: clsx10(Modal_module_default.dialog, className),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": title,
+          children: headless ? children : /* @__PURE__ */ jsxs9(Fragment2, { children: [
+            /* @__PURE__ */ jsxs9("div", { className: clsx10(Modal_module_default.content, contentClassName), children: [
+              /* @__PURE__ */ jsxs9("div", { className: Modal_module_default.header, children: [
+                /* @__PURE__ */ jsx11("h2", { className: Modal_module_default.title, children: title }),
+                /* @__PURE__ */ jsx11("button", { type: "button", className: Modal_module_default.close, "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ jsx11(IconCloseOutlineRegular, { size: 14 }) })
+              ] }),
+              description !== void 0 && description !== "" && /* @__PURE__ */ jsx11("p", { className: Modal_module_default.description, children: description }),
+              children !== void 0 && /* @__PURE__ */ jsx11("div", { className: Modal_module_default.body, children })
+            ] }),
+            footer !== void 0 && /* @__PURE__ */ jsx11("div", { className: Modal_module_default.footer, children: footer })
+          ] })
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+
+// .build/css/RiskConfirmation.module.mjs
+var id12 = "@seekbuddy/dsh-ui/RiskConfirmation.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id12 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id12);
+  element.textContent = ".scdcKa_confirmation{width:min(440px,100%);max-height:100%;overflow:hidden}.scdcKa_confirmationContent{overscroll-behavior:contain;min-height:0;overflow-y:auto}@supports (height:100dvh){.scdcKa_confirmation{max-height:calc(100dvh - 48px)}}.scdcKa_warning{color:var(--dsw-alias-label-secondary);align-items:flex-start;gap:10px;font-size:14px;line-height:22px;display:flex}.scdcKa_warning p{margin:0}.scdcKa_warningIcon{color:var(--dsw-alias-state-error-primary);flex:none;margin-top:2px}.scdcKa_acknowledgement{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:flex-start;gap:10px;margin-top:20px;font-size:14px;line-height:22px;display:flex}.scdcKa_acknowledgement input{width:16px;height:16px;accent-color:var(--dsw-alias-button-primary-fill);cursor:pointer;flex:none;margin:3px 0 0}.scdcKa_acknowledgement input:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.scdcKa_acknowledgement input:disabled{cursor:default}.scdcKa_modalAction{min-width:72px}.scdcKa_confirmAction{min-width:136px}";
+  document.head.appendChild(element);
+}
+var RiskConfirmation_module_default = { "modalAction": "scdcKa_modalAction", "confirmAction": "scdcKa_confirmAction", "confirmation": "scdcKa_confirmation", "confirmationContent": "scdcKa_confirmationContent", "warningIcon": "scdcKa_warningIcon", "acknowledgement": "scdcKa_acknowledgement", "warning": "scdcKa_warning" };
+
+// src/RiskConfirmation.tsx
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function RiskConfirmation({
+  open,
+  title,
+  description,
+  acknowledgeLabel,
+  cancelLabel,
+  closeLabel,
+  confirmLabel,
+  acknowledged,
+  disabled = false,
+  onAcknowledgedChange,
+  onCancel,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsxs10(
+    Modal,
+    {
+      open,
+      onClose: onCancel,
+      title,
+      closeLabel,
+      className: RiskConfirmation_module_default.confirmation ?? "",
+      contentClassName: RiskConfirmation_module_default.confirmationContent ?? "",
+      footer: /* @__PURE__ */ jsxs10(Fragment3, { children: [
+        /* @__PURE__ */ jsx12(Button, { variant: "outline", className: RiskConfirmation_module_default.modalAction, onClick: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx12(
+          Button,
+          {
+            variant: "primary",
+            className: RiskConfirmation_module_default.confirmAction,
+            disabled: disabled || !acknowledged,
+            onClick: onConfirm,
+            children: confirmLabel
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxs10("div", { className: RiskConfirmation_module_default.warning, children: [
+          /* @__PURE__ */ jsx12(IconWarningOutlineRegular, { size: 18, className: RiskConfirmation_module_default.warningIcon }),
+          /* @__PURE__ */ jsx12("p", { children: description })
+        ] }),
+        /* @__PURE__ */ jsxs10("label", { className: RiskConfirmation_module_default.acknowledgement, children: [
+          /* @__PURE__ */ jsx12(
+            "input",
+            {
+              type: "checkbox",
+              checked: acknowledged,
+              disabled,
+              "data-modal-autofocus": true,
+              onChange: (event) => {
+                onAcknowledgedChange(event.currentTarget.checked);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx12("span", { children: acknowledgeLabel })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ConnectionIndicator.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
+
+// .build/css/ConnectionIndicator.module.mjs
+var id13 = "@seekbuddy/dsh-ui/ConnectionIndicator.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id13 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id13);
+  element.textContent = ".WjD5zG_indicator{box-sizing:border-box;border-radius:var(--dsw-radius-sm);white-space:nowrap;border:1px solid #0000;flex:none;grid-template-columns:14px max-content;align-items:center;column-gap:4px;height:28px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out,opacity .15s ease-out;animation:.15s ease-out WjD5zG_indicator-enter;display:inline-grid}.WjD5zG_leaving{opacity:0}@keyframes WjD5zG_indicator-enter{0%{opacity:0}}.WjD5zG_warning{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label);border-color:color-mix(in srgb, var(--dsw-alias-state-warn-label) 20%, transparent);cursor:pointer}.WjD5zG_warning:hover{background:color-mix(in srgb, var(--dsw-alias-state-warn-tertiary), var(--dsw-alias-state-warn-primary) 6%)}.WjD5zG_warning:active{background:color-mix(in srgb, var(--dsw-alias-state-warn-tertiary), var(--dsw-alias-state-warn-primary) 10%)}.WjD5zG_warning:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.WjD5zG_success{background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 20%, transparent)}.WjD5zG_icon{place-items:center;width:14px;height:14px;display:grid}.WjD5zG_icon>svg{color:inherit}.WjD5zG_label{text-align:left}.WjD5zG_dots{text-align:left;width:1em;display:inline-block}.WjD5zG_secondDot{animation:1.5s step-end infinite WjD5zG_reveal-second-dot}.WjD5zG_thirdDot{animation:1.5s step-end infinite WjD5zG_reveal-third-dot}@keyframes WjD5zG_reveal-second-dot{0%,33.32%{opacity:0}33.33%,to{opacity:1}}@keyframes WjD5zG_reveal-third-dot{0%,66.65%{opacity:0}66.66%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.WjD5zG_indicator,.WjD5zG_secondDot,.WjD5zG_thirdDot{animation:none}.WjD5zG_indicator{transition:none}}";
+  document.head.appendChild(element);
+}
+var ConnectionIndicator_module_default = { "success": "WjD5zG_success", "reveal-second-dot": "WjD5zG_reveal-second-dot", "indicator-enter": "WjD5zG_indicator-enter", "icon": "WjD5zG_icon", "label": "WjD5zG_label", "secondDot": "WjD5zG_secondDot", "warning": "WjD5zG_warning", "thirdDot": "WjD5zG_thirdDot", "reveal-third-dot": "WjD5zG_reveal-third-dot", "dots": "WjD5zG_dots", "indicator": "WjD5zG_indicator", "leaving": "WjD5zG_leaving" };
+
+// src/ConnectionIndicator.tsx
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var EXIT_MS = 150;
+function ConnectionIndicator({
+  state,
+  disconnectedLabel,
+  connectingLabel,
+  recoveredLabel,
+  reconnectActionLabel,
+  restartActionLabel,
+  onReconnect
+}) {
+  const [rendered, setRendered] = useState3(state);
+  const leaving = state === void 0 && rendered !== void 0;
+  useEffect2(() => {
+    if (state !== void 0) {
+      setRendered(state);
+      return;
+    }
+    if (rendered === void 0) return;
+    const timeout = window.setTimeout(() => {
+      setRendered(void 0);
+    }, EXIT_MS);
+    return () => {
+      window.clearTimeout(timeout);
+    };
+  }, [state, rendered]);
+  if (rendered === void 0) return null;
+  const leavingClass = leaving ? ` ${ConnectionIndicator_module_default.leaving}` : "";
+  if (rendered === "recovered") {
+    return /* @__PURE__ */ jsxs11("div", { className: `${ConnectionIndicator_module_default.indicator} ${ConnectionIndicator_module_default.success}${leavingClass}`, role: "status", "aria-label": recoveredLabel, children: [
+      /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx13(IconCheckOutlineRegular, { size: 14 }) }),
+      /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.label, children: recoveredLabel })
+    ] });
+  }
+  const connecting = rendered === "connecting";
+  return /* @__PURE__ */ jsxs11(
+    "button",
+    {
+      type: "button",
+      className: `${ConnectionIndicator_module_default.indicator} ${ConnectionIndicator_module_default.warning}${leavingClass}`,
+      "data-phase": rendered,
+      "aria-label": connecting ? restartActionLabel : reconnectActionLabel,
+      onClick: onReconnect,
+      children: [
+        /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.icon, "aria-hidden": "true", children: connecting ? /* @__PURE__ */ jsx13(StateDot, { state: "ongoing" }) : /* @__PURE__ */ jsx13(IconRefreshOutlineRegular, { size: 14 }) }),
+        /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.label, children: connecting ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+          connectingLabel,
+          /* @__PURE__ */ jsxs11("span", { className: ConnectionIndicator_module_default.dots, "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx13("span", { children: "." }),
+            /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.secondDot, children: "." }),
+            /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.thirdDot, children: "." })
+          ] })
+        ] }) : disconnectedLabel })
+      ]
+    }
+  );
+}
+
+// src/user-text.tsx
+import clsx11 from "clsx";
+
+// .build/css/user-text.module.mjs
+var id14 = "@seekbuddy/dsh-ui/user-text.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id14 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id14);
+  element.textContent = "._3EOulq_plainRun{font-size:inherit;line-height:inherit}._3EOulq_refChip{max-width:100%;color:var(--dsw-alias-state-business-primary);white-space:inherit;overflow-wrap:anywhere;text-align:inherit;margin:0 2px;font-weight:500;display:inline}._3EOulq_slashChip{font-family:var(--dsw-font-markdown-code-font-family)}._3EOulq_refIcon{vertical-align:-.125em;width:1em;height:1em;margin-right:4px}";
+  document.head.appendChild(element);
+}
+var user_text_module_default = { "plainRun": "_3EOulq_plainRun", "refChip": "_3EOulq_refChip", "slashChip": "_3EOulq_slashChip", "refIcon": "_3EOulq_refIcon" };
+
+// src/user-text.tsx
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var SESSION_WIRE_RE = /@\[([^\]\n]+)\]\(dsh-session:[^)\s]+\)/gu;
+var TRAILING_PUNCTUATION_RE = /[.,;:!?，。；：！？]+$/u;
+function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skill", references) {
+  const ranges = [];
+  SESSION_WIRE_RE.lastIndex = 0;
+  let wire;
+  while ((wire = SESSION_WIRE_RE.exec(text)) !== null) {
+    ranges.push({
+      start: wire.index,
+      end: wire.index + wire[0].length,
+      label: wire[0],
+      kind: "session",
+      display: wire[1]
+      // non-optional capture in SESSION_WIRE_RE
+    });
+  }
+  for (const rawLabel of [...new Set(sessionLabels)].sort((a, b) => b.length - a.length)) {
+    const label = `@${rawLabel}`;
+    let start = text.indexOf(label);
+    while (start >= 0) {
+      ranges.push({ start, end: start + label.length, label, kind: "session" });
+      start = text.indexOf(label, start + label.length);
+    }
+  }
+  const re = /(^|\s)(\/[\w-]+(?=\s|$)|@"[^"\n]+"|@[^\s]+)/gu;
+  let m;
+  while ((m = re.exec(text)) !== null) {
+    const tokenStart = m.index + m[1].length;
+    const rawLabel = m[2];
+    const label = rawLabel.startsWith('@"') ? rawLabel : rawLabel.replace(TRAILING_PUNCTUATION_RE, "");
+    if (label.length <= 1) continue;
+    if (label.startsWith("/") && !slashNames.includes(label.slice(1))) continue;
+    ranges.push({ start: tokenStart, end: tokenStart + label.length, label, kind: "plain" });
+  }
+  const rankOf = (range) => range.kind === "session" ? 0 : 1;
+  ranges.sort((a, b) => a.start - b.start || rankOf(a) - rankOf(b) || b.end - a.end);
+  const parts = [];
+  let cursor = 0;
+  const pushPlain = (from, to) => {
+    parts.push(
+      /* @__PURE__ */ jsx14("span", { className: user_text_module_default.plainRun, children: text.slice(from, to) }, `t${from}`)
+    );
+  };
+  for (const range of ranges) {
+    if (range.start < cursor) continue;
+    const { start: tokenStart, end, label, kind } = range;
+    if (tokenStart > cursor) pushPlain(cursor, tokenStart);
+    const referenceKind = kind === "session" ? "session" : label.startsWith("@") ? label.replace(/^@"|"$/gu, "").endsWith("/") ? "folder" : "file" : void 0;
+    const displayLabel = range.display ?? (referenceKind === void 0 ? label : referenceKind === "session" ? label.slice(1) : label.slice(1).replace(/^"|"$/gu, "").split(/[\\/]/u).filter(Boolean).at(-1) ?? label.slice(1));
+    const contents = /* @__PURE__ */ jsxs12(Fragment5, { children: [
+      referenceKind !== void 0 && /* @__PURE__ */ jsx14(ReferenceIconRegular, { kind: referenceKind, size: 16, className: user_text_module_default.refIcon }),
+      displayLabel
+    ] });
+    const open = references === void 0 ? void 0 : referenceKind === "file" ? () => {
+      references.openFile(label.slice(1).replace(/^"|"$/gu, ""));
+    } : referenceKind === void 0 && slashKind === "skill" ? () => {
+      references.openSkill(label.slice(1));
+    } : void 0;
+    const className = clsx11(user_text_module_default.refChip, referenceKind === void 0 && user_text_module_default.slashChip);
+    parts.push(
+      open === void 0 ? /* @__PURE__ */ jsx14("span", { className, "data-ref-chip": referenceKind ?? slashKind, title: label, children: contents }, tokenStart) : /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          className: clsx11(className, MarkdownText_module_default.fileMention),
+          "data-ref-chip": referenceKind ?? slashKind,
+          title: label,
+          onClick: (event) => {
+            if (event.detail > 1 || event.detail !== 0 && event.currentTarget.ownerDocument.getSelection()?.isCollapsed === false)
+              return;
+            open();
+          },
+          children: contents
+        },
+        tokenStart
+      )
+    );
+    cursor = end;
+  }
+  if (parts.length === 0) return /* @__PURE__ */ jsx14("span", { className: user_text_module_default.plainRun, children: text });
+  if (cursor < text.length) pushPlain(cursor, text.length);
+  return /* @__PURE__ */ jsx14(Fragment5, { children: parts });
+}
+
+// src/Toast.tsx
+import { Fragment as Fragment6, useEffect as useEffect3, useLayoutEffect as useLayoutEffect3, useRef as useRef3, useState as useState4 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
+
+// .build/css/Toast.module.mjs
+var id15 = "@seekbuddy/dsh-ui/Toast.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id15 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id15);
+  element.textContent = "._7whosa_toast{z-index:1100;pointer-events:none;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-toast-bg);width:max-content;max-width:min(640px,100vw - 48px);color:var(--dsw-alias-toast-label);box-shadow:var(--dsw-shadow-lv3);animation:_7whosa_dsh-toast-in .16s ease-out, _7whosa_dsh-toast-fade 1s ease var(--dsh-toast-hold,3s) forwards;align-items:center;gap:10px;padding:12px 16px;font-size:14px;line-height:22px;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}._7whosa_icon{color:var(--dsw-alias-state-warn-label);flex:none;place-items:center;display:grid}._7whosa_icon._7whosa_success{color:var(--dsw-alias-state-success-primary)}._7whosa_text{min-width:0}._7whosa_action{color:var(--dsw-static-deepseek-400);font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;margin-inline:3px;padding:0;display:inline}._7whosa_action:hover{opacity:.8}@keyframes _7whosa_dsh-toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes _7whosa_dsh-toast-fade{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){._7whosa_toast{animation:_7whosa_dsh-toast-fade 1s ease var(--dsh-toast-hold,3s) forwards}}";
+  document.head.appendChild(element);
+}
+var Toast_module_default = { "icon": "_7whosa_icon", "success": "_7whosa_success", "dsh-toast-in": "_7whosa_dsh-toast-in", "text": "_7whosa_text", "action": "_7whosa_action", "toast": "_7whosa_toast", "dsh-toast-fade": "_7whosa_dsh-toast-fade" };
+
+// src/Toast.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var HOLD_MS = 3e3;
+var FADE_MS = 1e3;
+function Toast({
+  text,
+  icon,
+  tone,
+  anchor,
+  holdMs = HOLD_MS,
+  actions,
+  onDone
+}) {
+  const latestOnDone = useRef3(onDone);
+  useLayoutEffect3(() => {
+    latestOnDone.current = onDone;
+  }, [onDone]);
+  useEffect3(() => {
+    const timer = setTimeout(() => {
+      latestOnDone.current();
+    }, holdMs + FADE_MS);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [holdMs]);
+  const [left, setLeft] = useState4(null);
+  useLayoutEffect3(() => {
+    if (anchor == null) return;
+    const measure = () => {
+      const rect = anchor.getBoundingClientRect();
+      setLeft(rect.left + rect.width / 2);
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    return () => {
+      window.removeEventListener("resize", measure);
+    };
+  }, [anchor]);
+  return createPortal2(
+    /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        className: Toast_module_default.toast,
+        role: "alert",
+        style: {
+          ...left === null ? {} : { left },
+          "--dsh-toast-hold": `${String(holdMs)}ms`
+        },
+        children: [
+          tone === "success" ? /* @__PURE__ */ jsx15("span", { className: `${Toast_module_default.icon} ${Toast_module_default.success}`, "aria-hidden": true, children: /* @__PURE__ */ jsx15(IconCheckCircleOutlineRegular, {}) }) : icon !== void 0 && /* @__PURE__ */ jsx15("span", { className: Toast_module_default.icon, "aria-hidden": true, children: icon }),
+          /* @__PURE__ */ jsxs13("span", { className: Toast_module_default.text, children: [
+            text,
+            actions?.map((action) => /* @__PURE__ */ jsxs13(Fragment6, { children: [
+              action.prefix,
+              /* @__PURE__ */ jsx15("button", { type: "button", className: Toast_module_default.action, onClick: action.onClick, children: action.label })
+            ] }, action.label))
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}
+
+// src/file-size.ts
+function fileSizeText(bytes) {
+  if (bytes < 1024) return `${bytes}B`;
+  const kb = bytes / 1024;
+  if (kb < 1024) return `${kb < 10 ? kb.toFixed(1) : Math.round(kb)}KB`;
+  const mb = kb / 1024;
+  if (mb < 1024) return `${mb < 10 ? mb.toFixed(1) : Math.round(mb)}MB`;
+  const gb = mb / 1024;
+  return `${gb < 10 ? gb.toFixed(1) : Math.round(gb)}GB`;
+}
+
+// src/relative-time.ts
+function relativeTime(at, now) {
+  const MIN = 6e4;
+  const HOUR = 36e5;
+  const DAY = 864e5;
+  const diff = Math.max(0, now - at);
+  if (diff < MIN) return { unit: "now", n: 0 };
+  if (diff < HOUR) return { unit: "minutes", n: Math.floor(diff / MIN) };
+  if (diff < DAY) return { unit: "hours", n: Math.floor(diff / HOUR) };
+  if (diff < 30 * DAY) return { unit: "days", n: Math.floor(diff / DAY) };
+  if (diff < 365 * DAY) return { unit: "months", n: Math.floor(diff / (30 * DAY)) };
+  return { unit: "years", n: Math.floor(diff / (365 * DAY)) };
+}
+
+// src/rank-by-name.ts
+function boundaryBonus(name, index) {
+  return index === 0 || name.charAt(index - 1) === "-" || name.charAt(index - 1) === "_" ? 8 : 0;
+}
+function alignmentScore(name, query) {
+  if (query.length > name.length) return void 0;
+  const noMatch = Number.NEGATIVE_INFINITY;
+  let previous = Array(name.length).fill(noMatch);
+  for (let index = 0; index < name.length; index++) {
+    if (name.charAt(index) === query.charAt(0)) previous[index] = 1 + boundaryBonus(name, index) - index;
+  }
+  for (let queryIndex = 1; queryIndex < query.length; queryIndex++) {
+    const current = Array(name.length).fill(noMatch);
+    let left = noMatch;
+    let leftLeft = noMatch;
+    let bestGapped = noMatch;
+    for (const [index, prior] of previous.entries()) {
+      if (leftLeft !== noMatch) bestGapped = Math.max(bestGapped, leftLeft + index - 2);
+      if (name.charAt(index) === query.charAt(queryIndex)) {
+        const bonus = 1 + boundaryBonus(name, index);
+        let score = noMatch;
+        if (left !== noMatch) score = left + bonus + 4;
+        if (bestGapped !== noMatch) score = Math.max(score, bestGapped + bonus + 1 - index);
+        current[index] = score;
+      }
+      leftLeft = left;
+      left = prior;
+    }
+    previous = current;
+  }
+  let best = noMatch;
+  for (const score of previous) best = Math.max(best, score);
+  return best === noMatch ? void 0 : best;
+}
+function rankByName(items, rawQuery) {
+  const query = rawQuery.toLowerCase();
+  if (query === "") return items;
+  const ranked = [];
+  items.forEach((item, index) => {
+    const keys = item.label === void 0 ? [item.name] : [item.name, item.label];
+    let prefix = false;
+    let score;
+    for (const key of keys) {
+      const lower = key.toLowerCase();
+      const keyScore = alignmentScore(lower, query);
+      if (keyScore === void 0) continue;
+      prefix || (prefix = lower.startsWith(query));
+      score = score === void 0 ? keyScore : Math.max(score, keyScore);
+    }
+    if (score !== void 0) ranked.push({ item, index, prefix, score });
+  });
+  ranked.sort(
+    (left, right) => Number(right.prefix) - Number(left.prefix) || right.score - left.score || left.index - right.index
+  );
+  return ranked.map((match) => match.item);
+}
+
+// src/darwin-desktop.ts
+function isDarwinDesktop() {
+  return document.documentElement.dataset.platform === "darwin";
+}
+export {
+  Button,
+  Checkbox,
+  ConnectionIndicator,
+  DisclosureRow,
+  HoverCard,
+  ImageLightbox,
+  Input,
+  Menu,
+  MenuGroup,
+  MenuItemButton,
+  MenuSurface,
+  Modal,
+  Pill,
+  RiskConfirmation,
+  SegmentedControl,
+  SegmentedTabs,
+  ShortcutKeys,
+  StateDot,
+  Switch,
+  Tag,
+  TextShimmer,
+  Toast,
+  Tooltip,
+  closeTopModal,
+  fileSizeText,
+  focusWithoutRing,
+  isBehindModal,
+  isDarwinDesktop,
+  modalSelector,
+  observeComposition,
+  observeStickyMenuGroups,
+  pointerModality,
+  projectUserText,
+  rankByName,
+  relativeTime,
+  useAnchoredMaxHeight,
+  useAnchoredPosition,
+  useDismissOnOutsidePointer,
+  useModalLayer,
+  writeClipboard
+};