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

package/dist/chunks/chunk-RAXDA2PT.js

@@ -0,0 +1,202 @@
+import {
+  DatePicker
+} from "./chunk-UGEORMLD.js";
+import {
+  DateRangePicker
+} from "./chunk-7NH2UOZO.js";
+import {
+  TimePicker
+} from "./chunk-UAEFKTV3.js";
+
+// src/seekbuddy/date/fields.tsx
+import clsx from "clsx";
+import { useAnchoredPosition, useDismissOnOutsidePointer } from "@seekbuddy/dsh-ui";
+import { IconClockOutlineRegular } from "@seekbuddy/dsh-ui/icons";
+import { useCallback, useId, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+
+// .build/css/seekbuddy/date/fields.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/date/fields.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 = ".FzjDnq_field{display:inline-flex;position:relative}.FzjDnq_trigger{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);min-width:160px;height:32px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:0 8px;font-size:14px;line-height:22px;display:inline-flex}.FzjDnq_trigger:hover:not(:disabled){border-color:var(--dsw-alias-border-l3)}.FzjDnq_trigger:focus-visible,.FzjDnq_open{border-color:var(--dsw-alias-state-business-primary);outline:none}.FzjDnq_trigger:disabled{cursor:not-allowed;opacity:.4}.FzjDnq_value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.FzjDnq_placeholder{color:var(--dsw-alias-label-dimmed)}.FzjDnq_icon{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.FzjDnq_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.FzjDnq_panel{z-index:1100;box-sizing:border-box;border-radius:var(--dsw-radius-lg);background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent);padding:12px;position:fixed}";
+  document.head.appendChild(element);
+}
+var fields_module_default = { "placeholder": "FzjDnq_placeholder", "panel": "FzjDnq_panel", "value": "FzjDnq_value", "srOnly": "FzjDnq_srOnly", "icon": "FzjDnq_icon", "trigger": "FzjDnq_trigger", "open": "FzjDnq_open", "field": "FzjDnq_field" };
+
+// src/seekbuddy/date/fields.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var MEASURE_STYLE = { visibility: "hidden", left: 0, top: 0 };
+function FieldShell({ labels, display, placeholder, disabled = false, icon, className, children }) {
+  const id2 = useId();
+  const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const panelRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const position = useAnchoredPosition({ open, anchorRef: triggerRef, panelRef, gap: 4, margin: 8 });
+  useDismissOnOutsidePointer(rootRef, open, setOpen, panelRef);
+  const close = useCallback(() => {
+    setOpen(false);
+    triggerRef.current?.focus();
+  }, []);
+  const onPanelKeyDown = (event) => {
+    if (event.key !== "Escape") return;
+    event.stopPropagation();
+    close();
+  };
+  const onPanelBlur = (event) => {
+    const next = event.relatedTarget;
+    if (next instanceof Node && (panelRef.current?.contains(next) === true || rootRef.current?.contains(next) === true))
+      return;
+    if (next === null) return;
+    setOpen(false);
+  };
+  const panel = open && /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: panelRef,
+      id: `${id2}-dialog`,
+      role: "dialog",
+      "aria-label": labels.open,
+      className: fields_module_default.panel,
+      style: position ?? MEASURE_STYLE,
+      onKeyDown: onPanelKeyDown,
+      onBlur: onPanelBlur,
+      children: children(close)
+    }
+  );
+  return /* @__PURE__ */ jsxs("span", { ref: rootRef, className: clsx(fields_module_default.field, className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: clsx(fields_module_default.trigger, open && fields_module_default.open),
+        disabled,
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "aria-controls": open ? `${id2}-dialog` : void 0,
+        onClick: () => setOpen((current) => !current),
+        onKeyDown: (event) => {
+          if (event.key === "Escape" && open) close();
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: clsx(fields_module_default.value, display === null && fields_module_default.placeholder), children: display ?? placeholder ?? "" }),
+          /* @__PURE__ */ jsx("span", { className: fields_module_default.srOnly, children: labels.open }),
+          /* @__PURE__ */ jsx("span", { className: fields_module_default.icon, "aria-hidden": "true", children: icon })
+        ]
+      }
+    ),
+    panel !== false && createPortal(panel, document.body)
+  ] });
+}
+function CalendarGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      width: "16",
+      height: "16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.3",
+      strokeLinecap: "round",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "2.5", y: "3.5", width: "11", height: "10", rx: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M2.5 6.5h11M5.5 2v3M10.5 2v3" })
+      ]
+    }
+  );
+}
+var slashes = (iso) => iso.replaceAll("-", "/");
+function DateField({
+  formatValue,
+  placeholder,
+  disabled,
+  className,
+  labels,
+  onChange,
+  ...picker
+}) {
+  const display = picker.value === null ? null : formatValue === void 0 ? slashes(picker.value) : formatValue(picker.value);
+  return /* @__PURE__ */ jsx(
+    FieldShell,
+    {
+      labels,
+      display,
+      placeholder,
+      disabled,
+      icon: /* @__PURE__ */ jsx(CalendarGlyph, {}),
+      className,
+      children: (close) => /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          ...picker,
+          labels,
+          autoFocus: true,
+          onChange: (date) => {
+            onChange(date);
+            close();
+          }
+        }
+      )
+    }
+  );
+}
+function DateRangeField({
+  formatValue,
+  placeholder,
+  disabled,
+  className,
+  labels,
+  onChange,
+  ...picker
+}) {
+  const display = picker.value === null ? null : formatValue === void 0 ? `${slashes(picker.value.start)} - ${slashes(picker.value.end)}` : formatValue(picker.value);
+  return /* @__PURE__ */ jsx(
+    FieldShell,
+    {
+      labels,
+      display,
+      placeholder,
+      disabled,
+      icon: /* @__PURE__ */ jsx(CalendarGlyph, {}),
+      className,
+      children: (close) => /* @__PURE__ */ jsx(
+        DateRangePicker,
+        {
+          ...picker,
+          labels,
+          autoFocus: true,
+          onChange: (range) => {
+            onChange(range);
+            close();
+          },
+          onCancel: close
+        }
+      )
+    }
+  );
+}
+function TimeField({ formatValue, placeholder, disabled, className, labels, ...picker }) {
+  const display = picker.value === null ? null : formatValue === void 0 ? picker.value : formatValue(picker.value);
+  return /* @__PURE__ */ jsx(
+    FieldShell,
+    {
+      labels,
+      display,
+      placeholder,
+      disabled,
+      icon: /* @__PURE__ */ jsx(IconClockOutlineRegular, {}),
+      className,
+      children: () => /* @__PURE__ */ jsx(TimePicker, { ...picker, labels, autoFocus: true })
+    }
+  );
+}
+
+export {
+  DateField,
+  DateRangeField,
+  TimeField
+};

package/dist/chunks/chunk-RNVSCTW7.js

@@ -0,0 +1,24 @@
+// src/seekbuddy/SubtleButton.tsx
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { Button } from "@seekbuddy/dsh-ui";
+
+// .build/css/seekbuddy/SubtleButton.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/SubtleButton.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 = ".n7ffrG_subtle{color:var(--dsw-alias-label-secondary)}.n7ffrG_subtle:hover:not(:disabled),.n7ffrG_subtle:active:not(:disabled){color:var(--dsw-alias-label-primary)}.n7ffrG_subtle:focus-visible{outline-offset:2px;outline-style:solid}";
+  document.head.appendChild(element);
+}
+var SubtleButton_module_default = { "subtle": "n7ffrG_subtle" };
+
+// src/seekbuddy/SubtleButton.tsx
+import { jsx } from "react/jsx-runtime";
+var SubtleButton = forwardRef(function SubtleButton2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Button, { ...rest, ref, variant: "ghost", className: clsx(SubtleButton_module_default.subtle, className) });
+});
+
+export {
+  SubtleButton
+};

package/dist/chunks/chunk-RZOP2PFC.js

@@ -0,0 +1,152 @@
+// src/seekbuddy/date/date.ts
+var ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
+var ISO_MONTH = /^(\d{4})-(\d{2})$/;
+var ISO_TIME = /^(\d{2}):(\d{2})$/;
+var REFERENCE_SUNDAY_UTC = Date.UTC(2024, 0, 7);
+var pad2 = (value) => String(value).padStart(2, "0");
+var pad4 = (value) => String(value).padStart(4, "0");
+function daysInMonth(y, m) {
+  return new Date(Date.UTC(y, m, 0)).getUTCDate();
+}
+function parseIsoDate(iso) {
+  const match = ISO_DATE.exec(iso);
+  if (match === null) throw new RangeError(`Invalid ISO date: ${iso}`);
+  const y = Number(match[1]);
+  const m = Number(match[2]);
+  const d = Number(match[3]);
+  if (m < 1 || m > 12 || d < 1 || d > daysInMonth(y, m)) throw new RangeError(`Invalid ISO date: ${iso}`);
+  return { y, m, d };
+}
+function formatIsoDate({ y, m, d }) {
+  return `${pad4(y)}-${pad2(m)}-${pad2(d)}`;
+}
+function parseIsoMonth(month) {
+  const match = ISO_MONTH.exec(month);
+  if (match === null) throw new RangeError(`Invalid ISO month: ${month}`);
+  const y = Number(match[1]);
+  const m = Number(match[2]);
+  if (m < 1 || m > 12) throw new RangeError(`Invalid ISO month: ${month}`);
+  return { y, m };
+}
+function formatIsoMonth(y, m) {
+  return `${pad4(y)}-${pad2(m)}`;
+}
+function monthOf(iso) {
+  const { y, m } = parseIsoDate(iso);
+  return formatIsoMonth(y, m);
+}
+function todayIso() {
+  const now = /* @__PURE__ */ new Date();
+  return formatIsoDate({ y: now.getFullYear(), m: now.getMonth() + 1, d: now.getDate() });
+}
+function fromUtc(ms) {
+  const date = new Date(ms);
+  return formatIsoDate({ y: date.getUTCFullYear(), m: date.getUTCMonth() + 1, d: date.getUTCDate() });
+}
+function addDays(iso, n) {
+  const { y, m, d } = parseIsoDate(iso);
+  return fromUtc(Date.UTC(y, m - 1, d + n));
+}
+function addMonths(month, n) {
+  const { y, m } = parseIsoMonth(month);
+  const total = y * 12 + (m - 1) + n;
+  return formatIsoMonth(Math.floor(total / 12), total % 12 + 1);
+}
+function addMonthsToDate(iso, n) {
+  const { d } = parseIsoDate(iso);
+  const { y, m } = parseIsoMonth(addMonths(monthOf(iso), n));
+  return formatIsoDate({ y, m, d: Math.min(d, daysInMonth(y, m)) });
+}
+function compareIso(a, b) {
+  if (a < b) return -1;
+  if (a > b) return 1;
+  return 0;
+}
+function weekdayOf(iso) {
+  const { y, m, d } = parseIsoDate(iso);
+  return new Date(Date.UTC(y, m - 1, d)).getUTCDay();
+}
+function weekOffset(iso, weekStart) {
+  return (weekdayOf(iso) - weekStart + 7) % 7;
+}
+function monthGrid(month, weekStart) {
+  const first = `${month}-01`;
+  const start = addDays(first, -weekOffset(first, weekStart));
+  const cells = [];
+  for (let index = 0; index < 42; index += 1) cells.push(addDays(start, index));
+  return cells;
+}
+function isInRange(iso, range) {
+  return compareIso(range.start, iso) <= 0 && compareIso(iso, range.end) <= 0;
+}
+function normalizeRange(a, b) {
+  return compareIso(a, b) <= 0 ? { start: a, end: b } : { start: b, end: a };
+}
+function isOutsideBounds(iso, min, max) {
+  return min !== void 0 && compareIso(iso, min) < 0 || max !== void 0 && compareIso(iso, max) > 0;
+}
+function weekdayNames(locale, weekStart, style = "short") {
+  const format = new Intl.DateTimeFormat(locale, { weekday: style, timeZone: "UTC" });
+  const names = [];
+  for (let index = 0; index < 7; index += 1) {
+    const weekday = (weekStart + index) % 7;
+    names.push(format.format(REFERENCE_SUNDAY_UTC + weekday * 864e5));
+  }
+  return names;
+}
+function monthTitle(locale, month) {
+  const { y, m } = parseIsoMonth(month);
+  return new Intl.DateTimeFormat(locale, { year: "numeric", month: "long", timeZone: "UTC" }).format(
+    Date.UTC(y, m - 1, 1)
+  );
+}
+function formatDate(locale, iso, options) {
+  const { y, m, d } = parseIsoDate(iso);
+  return new Intl.DateTimeFormat(locale, { ...options, timeZone: "UTC" }).format(Date.UTC(y, m - 1, d));
+}
+function formatDateMedium(locale, iso) {
+  return formatDate(locale, iso, { year: "numeric", month: "short", day: "numeric", weekday: "short" });
+}
+function parseIsoTime(time) {
+  const match = ISO_TIME.exec(time);
+  if (match === null) throw new RangeError(`Invalid ISO time: ${time}`);
+  const h = Number(match[1]);
+  const min = Number(match[2]);
+  if (h > 23 || min > 59) throw new RangeError(`Invalid ISO time: ${time}`);
+  return { h, min };
+}
+function timeToMinutes(time) {
+  const { h, min } = parseIsoTime(time);
+  return h * 60 + min;
+}
+function minutesToTime(minutes) {
+  const wrapped = (Math.trunc(minutes) % 1440 + 1440) % 1440;
+  return `${pad2(Math.floor(wrapped / 60))}:${pad2(wrapped % 60)}`;
+}
+function clampTime(time, min, max) {
+  let minutes = timeToMinutes(time);
+  if (min !== void 0) minutes = Math.max(minutes, timeToMinutes(min));
+  if (max !== void 0) minutes = Math.min(minutes, timeToMinutes(max));
+  return minutesToTime(minutes);
+}
+
+export {
+  monthOf,
+  todayIso,
+  addDays,
+  addMonths,
+  addMonthsToDate,
+  compareIso,
+  weekOffset,
+  monthGrid,
+  isInRange,
+  normalizeRange,
+  isOutsideBounds,
+  weekdayNames,
+  monthTitle,
+  formatDateMedium,
+  parseIsoTime,
+  timeToMinutes,
+  minutesToTime,
+  clampTime
+};

package/dist/chunks/chunk-SN6RSUWC.js

@@ -0,0 +1,61 @@
+// src/seekbuddy/Switch.tsx
+import clsx from "clsx";
+import { useState } from "react";
+
+// .build/css/seekbuddy/Switch.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Switch.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 = "._3Mj9Ga_switch{--switch-height:20px;--switch-thumb:16px;--switch-pad:2px;appearance:none;box-sizing:border-box;min-width:calc(var(--switch-height) * 1.8);height:var(--switch-height);min-height:0;padding:var(--switch-pad);corner-shape:round;background:color-mix(in srgb, var(--dsw-alias-label-primary) 40%, transparent);color:var(--dsw-alias-label-primary-foreground);cursor:pointer;vertical-align:middle;border:0;border-radius:999px;flex:none;align-items:center;margin:0;display:inline-flex;position:relative}._3Mj9Ga_large{--switch-height:22px;--switch-thumb:18px}._3Mj9Ga_small{--switch-height:16px;--switch-thumb:12px}._3Mj9Ga_on{background:var(--dsw-alias-brand-primary)}._3Mj9Ga_switch:disabled{cursor:not-allowed;opacity:.5}._3Mj9Ga_switch:focus-visible{outline-offset:2px;outline-style:solid}._3Mj9Ga_thumb{top:var(--switch-pad);width:var(--switch-thumb);height:var(--switch-thumb);corner-shape:round;background:var(--dsw-alias-switch-thumb);border-radius:50%;position:absolute;inset-inline-start:var(--switch-pad)}._3Mj9Ga_on ._3Mj9Ga_thumb{background:var(--dsw-alias-label-primary-foreground);inset-inline-start:calc(100% - var(--switch-thumb) - var(--switch-pad))}._3Mj9Ga_inner{min-width:0;padding-inline:calc(var(--switch-thumb) + var(--switch-pad) + 4px) 6px;font:var(--dsw-font-xxs-12);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}._3Mj9Ga_large ._3Mj9Ga_inner{padding-inline:calc(var(--switch-thumb) + var(--switch-pad) + 5px) 8px;font:var(--dsw-font-xs-13);line-height:1}._3Mj9Ga_small ._3Mj9Ga_inner{padding-inline:calc(var(--switch-thumb) + var(--switch-pad) + 3px) 5px;font:var(--dsw-font-xxxs-11);line-height:1}._3Mj9Ga_on ._3Mj9Ga_inner{padding-inline:6px calc(var(--switch-thumb) + var(--switch-pad) + 4px)}._3Mj9Ga_on._3Mj9Ga_large ._3Mj9Ga_inner{padding-inline:8px calc(var(--switch-thumb) + var(--switch-pad) + 5px)}._3Mj9Ga_on._3Mj9Ga_small ._3Mj9Ga_inner{padding-inline:5px calc(var(--switch-thumb) + var(--switch-pad) + 3px)}";
+  document.head.appendChild(element);
+}
+var Switch_module_default = { "thumb": "_3Mj9Ga_thumb", "inner": "_3Mj9Ga_inner", "on": "_3Mj9Ga_on", "large": "_3Mj9Ga_large", "switch": "_3Mj9Ga_switch", "small": "_3Mj9Ga_small" };
+
+// src/seekbuddy/Switch.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Switch({
+  checked,
+  defaultChecked,
+  defaultValue,
+  checkedChildren,
+  unCheckedChildren,
+  disabled,
+  size = "medium",
+  onChange,
+  onClick,
+  className,
+  ...rest
+}) {
+  const [inner, setInner] = useState(defaultChecked ?? defaultValue ?? false);
+  const isControlled = checked !== void 0;
+  const on = isControlled ? checked : inner;
+  const hasChildren = checkedChildren !== void 0 || unCheckedChildren !== void 0;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...rest,
+      type: "button",
+      role: "switch",
+      "aria-checked": on,
+      disabled,
+      className: clsx(Switch_module_default.switch, Switch_module_default[size], on && Switch_module_default.on, hasChildren && Switch_module_default.withChildren, className),
+      onClick: (event) => {
+        if (disabled) return;
+        const next = !on;
+        onClick?.(next, event);
+        if (event.defaultPrevented) return;
+        if (!isControlled) setInner(next);
+        onChange?.(next, event);
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: Switch_module_default.thumb, "aria-hidden": "true" }),
+        hasChildren && /* @__PURE__ */ jsx("span", { className: Switch_module_default.inner, children: on ? checkedChildren : unCheckedChildren })
+      ]
+    }
+  );
+}
+
+export {
+  Switch
+};

package/dist/chunks/chunk-SNVSQWCU.js

@@ -0,0 +1,22 @@
+// src/seekbuddy/Card.tsx
+import clsx from "clsx";
+
+// .build/css/seekbuddy/Card.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Card.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 = ".wbxAxW_card{--card-pad:16px;box-sizing:border-box;padding:var(--card-pad);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);--dsw-elevation-stroke-color:var(--dsw-alias-border-l3);box-shadow:var(--dsw-elevation-panel);border:0;margin:0;list-style:none}.wbxAxW_none{--card-pad:0}.wbxAxW_sm{--card-pad:14px}.wbxAxW_md{--card-pad:16px}.wbxAxW_interactive{cursor:pointer}.wbxAxW_interactive:hover{background-image:linear-gradient(var(--dsw-alias-interactive-bg-hover), var(--dsw-alias-interactive-bg-hover))}.wbxAxW_card:focus-visible{outline-offset:2px;outline-style:solid}";
+  document.head.appendChild(element);
+}
+var Card_module_default = { "sm": "wbxAxW_sm", "md": "wbxAxW_md", "card": "wbxAxW_card", "interactive": "wbxAxW_interactive", "none": "wbxAxW_none" };
+
+// src/seekbuddy/Card.tsx
+import { jsx } from "react/jsx-runtime";
+function Card({ padding = "md", interactive = false, as: Element = "div", className, ...rest }) {
+  return /* @__PURE__ */ jsx(Element, { ...rest, className: clsx(Card_module_default.card, Card_module_default[padding], interactive && Card_module_default.interactive, className) });
+}
+
+export {
+  Card
+};

package/dist/chunks/chunk-SO3DCAWG.js

@@ -0,0 +1,170 @@
+import {
+  Spinner
+} from "./chunk-EWAZFWLW.js";
+
+// src/seekbuddy/Message.tsx
+import clsx from "clsx";
+import { createContext, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { IconCheckOutlineRegular, IconCloseOutlineRegular, IconWarningOutlineRegular } from "@seekbuddy/dsh-ui/icons";
+
+// .build/css/seekbuddy/Message.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Message.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 = ".Hl-94G_stack{z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;max-width:min(560px,100vw - 48px);display:flex;position:fixed;top:120px;left:50%;transform:translate(-50%)}.Hl-94G_message{box-sizing:border-box;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-button-contrast-fill);max-width:100%;color:var(--dsw-alias-label-primary-inverted);font:var(--dsw-font-s-14);box-shadow:var(--dsw-shadow-lv3);align-items:center;gap:10px;padding:12px 16px;animation:.16s ease-out Hl-94G_seekbuddy-message-in;display:flex}.Hl-94G_leaving{animation:1s forwards Hl-94G_seekbuddy-message-out}.Hl-94G_icon{flex:none;place-items:center;display:grid}.Hl-94G_content{min-width:0}.Hl-94G_success .Hl-94G_icon{color:var(--dsw-alias-state-success-primary)}.Hl-94G_error .Hl-94G_icon{color:var(--dsw-alias-state-error-primary)}.Hl-94G_warning .Hl-94G_icon{color:var(--dsw-alias-state-warn-label)}@keyframes Hl-94G_seekbuddy-message-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes Hl-94G_seekbuddy-message-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.Hl-94G_message{animation:none}.Hl-94G_leaving{animation:1s forwards Hl-94G_seekbuddy-message-out}}";
+  document.head.appendChild(element);
+}
+var Message_module_default = { "content": "Hl-94G_content", "success": "Hl-94G_success", "warning": "Hl-94G_warning", "stack": "Hl-94G_stack", "leaving": "Hl-94G_leaving", "icon": "Hl-94G_icon", "message": "Hl-94G_message", "seekbuddy-message-out": "Hl-94G_seekbuddy-message-out", "error": "Hl-94G_error", "seekbuddy-message-in": "Hl-94G_seekbuddy-message-in" };
+
+// src/seekbuddy/Message.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FADE_MS = 1e3;
+var DEFAULT_DURATION = 3;
+var MessageContext = createContext(null);
+function MessageProvider({ top = 120, maxCount = 3, children }) {
+  const prefix = useId();
+  const sequence = useRef(0);
+  const store = useRef([]);
+  const [entries, setEntries] = useState([]);
+  const autoTimers = useRef(/* @__PURE__ */ new Map());
+  const leaveTimers = useRef(/* @__PURE__ */ new Map());
+  const settings = useRef({ maxCount });
+  settings.current.maxCount = maxCount;
+  useEffect(() => {
+    const auto = autoTimers.current;
+    const leave = leaveTimers.current;
+    return () => {
+      for (const timer of auto.values()) clearTimeout(timer);
+      for (const timer of leave.values()) clearTimeout(timer);
+      auto.clear();
+      leave.clear();
+    };
+  }, []);
+  const api = useMemo(() => {
+    const sync = () => setEntries(store.current.slice());
+    const clearTimers = (id2) => {
+      const auto = autoTimers.current.get(id2);
+      if (auto !== void 0) clearTimeout(auto);
+      autoTimers.current.delete(id2);
+      const leave = leaveTimers.current.get(id2);
+      if (leave !== void 0) clearTimeout(leave);
+      leaveTimers.current.delete(id2);
+    };
+    const close = (id2) => {
+      const entry = store.current.find((item) => item.id === id2);
+      if (entry === void 0 || entry.leaving) return;
+      clearTimers(id2);
+      entry.leaving = true;
+      sync();
+      leaveTimers.current.set(
+        id2,
+        setTimeout(() => {
+          leaveTimers.current.delete(id2);
+          store.current = store.current.filter((item) => item.id !== id2);
+          sync();
+          entry.onClose?.();
+        }, FADE_MS)
+      );
+    };
+    const open = (options) => {
+      const type = options.type ?? "info";
+      sequence.current += 1;
+      const id2 = options.key ?? `${prefix}-${sequence.current}`;
+      const duration = options.duration ?? (type === "loading" ? 0 : DEFAULT_DURATION);
+      clearTimers(id2);
+      const entry = {
+        id: id2,
+        type,
+        content: options.content,
+        icon: options.icon,
+        onClose: options.onClose,
+        leaving: false
+      };
+      const index = store.current.findIndex((item) => item.id === id2);
+      if (index === -1) store.current = [...store.current, entry];
+      else store.current = store.current.map((item, position) => position === index ? entry : item);
+      const live = store.current.filter((item) => !item.leaving);
+      for (const stale of live.slice(0, Math.max(0, live.length - settings.current.maxCount))) close(stale.id);
+      sync();
+      if (duration > 0)
+        autoTimers.current.set(
+          id2,
+          setTimeout(() => close(id2), duration * 1e3)
+        );
+      return () => close(id2);
+    };
+    const shorthand = (type) => (content, duration) => open({ type, content, duration });
+    return {
+      open,
+      success: shorthand("success"),
+      info: shorthand("info"),
+      warning: shorthand("warning"),
+      error: shorthand("error"),
+      loading: shorthand("loading"),
+      destroy: (key) => {
+        if (key !== void 0) close(key);
+        else for (const entry of store.current) close(entry.id);
+      }
+    };
+  }, [prefix]);
+  return /* @__PURE__ */ jsxs(MessageContext.Provider, { value: api, children: [
+    children,
+    entries.length > 0 && typeof document !== "undefined" ? createPortal(
+      /* @__PURE__ */ jsx("div", { className: Message_module_default.stack, style: { top }, children: entries.map((entry) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx(Message_module_default.message, Message_module_default[entry.type], entry.leaving && Message_module_default.leaving),
+          role: entry.type === "error" ? "alert" : "status",
+          "data-type": entry.type,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: Message_module_default.icon, "aria-hidden": "true", children: entry.icon === void 0 ? defaultIcon(entry.type) : entry.icon }),
+            /* @__PURE__ */ jsx("span", { className: Message_module_default.content, children: entry.content })
+          ]
+        },
+        entry.id
+      )) }),
+      document.body
+    ) : null
+  ] });
+}
+function useMessage() {
+  const api = useContext(MessageContext);
+  if (api === null) throw new Error("useMessage() must be called inside a <MessageProvider>");
+  return api;
+}
+function defaultIcon(type) {
+  if (type === "success") return /* @__PURE__ */ jsx(IconCheckOutlineRegular, {});
+  if (type === "error") return /* @__PURE__ */ jsx(IconCloseOutlineRegular, {});
+  if (type === "warning") return /* @__PURE__ */ jsx(IconWarningOutlineRegular, { size: 14 });
+  if (type === "loading") return /* @__PURE__ */ jsx(Spinner, { size: "sm" });
+  return /* @__PURE__ */ jsx(InfoGlyph, {});
+}
+function InfoGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: 16,
+      height: 16,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 11v5" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+
+export {
+  MessageProvider,
+  useMessage
+};