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

package/dist/chunks/chunk-XX6MSZLS.js

@@ -0,0 +1,261 @@
+import {
+  addDays,
+  addMonths,
+  addMonthsToDate,
+  compareIso,
+  isInRange,
+  isOutsideBounds,
+  monthGrid,
+  monthOf,
+  monthTitle,
+  normalizeRange,
+  todayIso,
+  weekOffset,
+  weekdayNames
+} from "./chunk-RZOP2PFC.js";
+
+// src/seekbuddy/date/Calendar.tsx
+import clsx from "clsx";
+import { Button } from "@seekbuddy/dsh-ui";
+import { IconChevronLeftOutlineRegular, IconChevronRightOutlineRegular } from "@seekbuddy/dsh-ui/icons";
+import { useEffect, useId, useRef, useState } from "react";
+
+// .build/css/seekbuddy/date/Calendar.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/date/Calendar.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 = "._2W6iWW_calendar{--calendar-cell:32px;--calendar-gap:2px;color:var(--dsw-alias-label-primary);gap:24px;display:inline-grid}._2W6iWW_twoMonths{grid-auto-flow:column}._2W6iWW_month{gap:8px;display:grid}._2W6iWW_header{justify-content:space-between;align-items:center;gap:4px;min-height:28px;display:flex}._2W6iWW_navGroup{gap:2px;display:inline-flex}._2W6iWW_nav{width:28px;color:var(--dsw-alias-label-secondary);padding:0}._2W6iWW_nav:hover:not(:disabled){color:var(--dsw-alias-label-primary)}._2W6iWW_nav:focus-visible{outline-offset:1px;outline-style:solid}._2W6iWW_double{align-items:center;display:inline-flex}._2W6iWW_double>:last-child{margin-left:-8px}._2W6iWW_title{text-align:center;font:var(--dsw-font-s-strong-14);flex:1}._2W6iWW_grid{border-collapse:separate;border-spacing:var(--calendar-gap);margin:calc(var(--calendar-gap) * -1)}._2W6iWW_weekday{width:var(--calendar-cell);height:24px;color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xxs-12);text-align:center;padding:0;font-weight:400}._2W6iWW_cell{padding:0}._2W6iWW_day{width:var(--calendar-cell);height:var(--calendar-cell);border-radius:var(--dsw-radius-sm);color:inherit;cursor:pointer;font:var(--dsw-font-xs-13);font-variant-numeric:tabular-nums;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._2W6iWW_day:hover:not(._2W6iWW_disabled):not(._2W6iWW_selected){background:var(--dsw-alias-interactive-bg-hover)}._2W6iWW_day:active:not(._2W6iWW_disabled):not(._2W6iWW_selected){background:var(--dsw-alias-interactive-bg-active)}._2W6iWW_day:focus-visible{outline-offset:1px;outline-style:solid}._2W6iWW_outside{color:var(--dsw-alias-label-dimmed)}._2W6iWW_today{box-shadow:inset 0 0 0 1px var(--dsw-alias-state-business-primary)}._2W6iWW_selected{color:var(--dsw-alias-label-primary-foreground);background:var(--dsw-alias-button-primary-fill)}._2W6iWW_selected:hover{background:var(--dsw-alias-button-primary-hover)}._2W6iWW_disabled{color:var(--dsw-alias-label-dimmed);cursor:not-allowed;text-decoration:line-through}._2W6iWW_range ._2W6iWW_grid{border-spacing:0 var(--calendar-gap)}._2W6iWW_range ._2W6iWW_day{border-radius:0}._2W6iWW_range ._2W6iWW_day:not([data-range]):not([data-range-preview]){border-radius:var(--dsw-radius-sm)}._2W6iWW_day[data-range=middle]{background:var(--dsw-alias-interactive-bg-hover)}._2W6iWW_day[data-range=start],._2W6iWW_day[data-range-preview=start]{border-radius:var(--dsw-radius-sm) 0 0 var(--dsw-radius-sm)}._2W6iWW_day[data-range=end],._2W6iWW_day[data-range-preview=end]{border-radius:0 var(--dsw-radius-sm) var(--dsw-radius-sm) 0}._2W6iWW_day[data-range=single],._2W6iWW_day[data-range-preview=single]{border-radius:var(--dsw-radius-sm)}._2W6iWW_day[data-range-preview]{background:var(--dsw-alias-interactive-bg-hover)}._2W6iWW_range ._2W6iWW_selected:hover{background:var(--dsw-alias-button-primary-hover)}";
+  document.head.appendChild(element);
+}
+var Calendar_module_default = { "selected": "_2W6iWW_selected", "today": "_2W6iWW_today", "title": "_2W6iWW_title", "navGroup": "_2W6iWW_navGroup", "disabled": "_2W6iWW_disabled", "header": "_2W6iWW_header", "range": "_2W6iWW_range", "cell": "_2W6iWW_cell", "grid": "_2W6iWW_grid", "weekday": "_2W6iWW_weekday", "month": "_2W6iWW_month", "double": "_2W6iWW_double", "outside": "_2W6iWW_outside", "twoMonths": "_2W6iWW_twoMonths", "nav": "_2W6iWW_nav", "day": "_2W6iWW_day", "calendar": "_2W6iWW_calendar" };
+
+// src/seekbuddy/date/Calendar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DAY_KEYS = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 };
+function rangePosition(date, range) {
+  if (!isInRange(date, range)) return void 0;
+  if (range.start === range.end) return "single";
+  if (date === range.start) return "start";
+  if (date === range.end) return "end";
+  return "middle";
+}
+function Calendar(props) {
+  const {
+    month,
+    onMonthChange,
+    numberOfMonths = props.mode === "range" ? 2 : 1,
+    min,
+    max,
+    isDateDisabled,
+    locale,
+    weekStart = 1,
+    today: todayProp,
+    labels,
+    autoFocus = false,
+    className
+  } = props;
+  const idBase = useId();
+  const [today] = useState(() => todayProp ?? todayIso());
+  const resolvedToday = todayProp ?? today;
+  const single = props.mode === "single" ? props.value : null;
+  const rangeStart = props.mode === "range" ? props.value?.start ?? null : null;
+  const rangeEnd = props.mode === "range" ? props.value?.end ?? null : null;
+  const committed = rangeStart !== null && rangeEnd !== null ? { start: rangeStart, end: rangeEnd } : null;
+  const drafting = props.mode === "range" && rangeStart !== null && rangeEnd === null;
+  const anchor = props.mode === "single" ? single : rangeStart;
+  const [monthState, setMonthState] = useState(() => monthOf(anchor ?? resolvedToday));
+  const [seenAnchor, setSeenAnchor] = useState(anchor);
+  if (anchor !== seenAnchor) {
+    setSeenAnchor(anchor);
+    if (anchor !== null) {
+      const anchorMonth = monthOf(anchor);
+      const visibleUntil = addMonths(monthState, numberOfMonths - 1);
+      if (compareIso(anchorMonth, monthState) < 0 || compareIso(anchorMonth, visibleUntil) > 0) {
+        setMonthState(anchorMonth);
+      }
+    }
+  }
+  const firstMonth = month ?? monthState;
+  const lastMonth = addMonths(firstMonth, numberOfMonths - 1);
+  const showMonth = (next) => {
+    if (month === void 0) setMonthState(next);
+    onMonthChange?.(next);
+  };
+  const [focused, setFocused] = useState(null);
+  const pendingFocus = useRef(null);
+  const pendingAutoFocus = useRef(autoFocus);
+  const cellRefs = useRef(/* @__PURE__ */ new Map());
+  const [hovered, setHovered] = useState(null);
+  const [focusedCell, setFocusedCell] = useState(null);
+  const previewTarget = drafting ? hovered ?? focusedCell : null;
+  const preview = previewTarget !== null && rangeStart !== null && previewTarget !== rangeStart ? normalizeRange(rangeStart, previewTarget) : null;
+  const isDisabled = (date) => isOutsideBounds(date, min, max) || (isDateDisabled?.(date) ?? false);
+  const inView = (date) => {
+    const m = monthOf(date);
+    return compareIso(m, firstMonth) >= 0 && compareIso(m, lastMonth) <= 0;
+  };
+  const months = [];
+  for (let index = 0; index < numberOfMonths; index += 1) {
+    const current2 = addMonths(firstMonth, index);
+    months.push({
+      month: current2,
+      title: monthTitle(locale, current2),
+      titleId: `${idBase}-title-${index}`,
+      cells: monthGrid(current2, weekStart)
+    });
+  }
+  let tabStop = null;
+  if (focused !== null && inView(focused)) tabStop = focused;
+  else if (anchor !== null && inView(anchor)) tabStop = anchor;
+  else if (inView(resolvedToday)) tabStop = resolvedToday;
+  else {
+    outer: for (const visible of months) {
+      for (const date of visible.cells) {
+        if (monthOf(date) === visible.month && !isDisabled(date)) {
+          tabStop = date;
+          break outer;
+        }
+      }
+    }
+  }
+  useEffect(() => {
+    const target = pendingAutoFocus.current ? tabStop : pendingFocus.current;
+    pendingAutoFocus.current = false;
+    pendingFocus.current = null;
+    if (target !== null) cellRefs.current.get(target)?.focus();
+  });
+  const moveFocus = (next) => {
+    setFocused(next);
+    pendingFocus.current = next;
+    if (compareIso(monthOf(next), firstMonth) < 0) showMonth(monthOf(next));
+    else if (compareIso(monthOf(next), lastMonth) > 0) showMonth(addMonths(monthOf(next), -(numberOfMonths - 1)));
+  };
+  const onGridKeyDown = (event) => {
+    const origin = event.target.dataset["date"];
+    if (origin === void 0) return;
+    let next;
+    const days = DAY_KEYS[event.key];
+    if (days !== void 0) next = addDays(origin, days);
+    else if (event.key === "Home") next = addDays(origin, -weekOffset(origin, weekStart));
+    else if (event.key === "End") next = addDays(origin, 6 - weekOffset(origin, weekStart));
+    else if (event.key === "PageUp") next = addMonthsToDate(origin, event.shiftKey ? -12 : -1);
+    else if (event.key === "PageDown") next = addMonthsToDate(origin, event.shiftKey ? 12 : 1);
+    else return;
+    event.preventDefault();
+    moveFocus(next);
+  };
+  const current = props;
+  const pick = (date) => {
+    if (isDisabled(date)) return;
+    setFocused(date);
+    if (!inView(date)) {
+      pendingFocus.current = date;
+      showMonth(monthOf(date));
+    }
+    if (current.mode === "single") current.onChange(date);
+    else if (drafting && rangeStart !== null) {
+      setHovered(null);
+      current.onChange(normalizeRange(rangeStart, date));
+    } else current.onChange({ start: date, end: null });
+  };
+  const weekdaysShort = weekdayNames(locale, weekStart, "short");
+  const weekdaysLong = weekdayNames(locale, weekStart, "long");
+  const twoMonths = numberOfMonths === 2;
+  const nav = (label, onClick, icon, double) => {
+    const Chevron = icon === "prev" ? IconChevronLeftOutlineRegular : IconChevronRightOutlineRegular;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: Calendar_module_default.nav,
+        "aria-label": label,
+        onClick,
+        icon: double ? /* @__PURE__ */ jsxs("span", { className: Calendar_module_default.double, "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx(Chevron, {}),
+          /* @__PURE__ */ jsx(Chevron, {})
+        ] }) : /* @__PURE__ */ jsx(Chevron, {})
+      }
+    );
+  };
+  const renderMonth = (visible, index) => /* @__PURE__ */ jsxs("div", { className: Calendar_module_default.month, children: [
+    /* @__PURE__ */ jsxs("div", { className: Calendar_module_default.header, children: [
+      twoMonths ? index === 0 && nav(labels.previousMonth, () => showMonth(addMonths(firstMonth, -1)), "prev", false) : /* @__PURE__ */ jsxs("span", { className: Calendar_module_default.navGroup, children: [
+        nav(labels.previousYear, () => showMonth(addMonths(firstMonth, -12)), "prev", true),
+        nav(labels.previousMonth, () => showMonth(addMonths(firstMonth, -1)), "prev", false)
+      ] }),
+      /* @__PURE__ */ jsx("span", { id: visible.titleId, className: Calendar_module_default.title, "aria-live": "polite", children: visible.title }),
+      twoMonths ? index === numberOfMonths - 1 && nav(labels.nextMonth, () => showMonth(addMonths(firstMonth, 1)), "next", false) : /* @__PURE__ */ jsxs("span", { className: Calendar_module_default.navGroup, children: [
+        nav(labels.nextMonth, () => showMonth(addMonths(firstMonth, 1)), "next", false),
+        nav(labels.nextYear, () => showMonth(addMonths(firstMonth, 12)), "next", true)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("table", { role: "grid", "aria-labelledby": visible.titleId, className: Calendar_module_default.grid, onKeyDown: onGridKeyDown, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: weekdaysShort.map((name, column) => /* @__PURE__ */ jsx("th", { scope: "col", abbr: weekdaysLong[column], className: Calendar_module_default.weekday, children: name }, name)) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: 6 }, (_, row) => /* @__PURE__ */ jsx("tr", { children: visible.cells.slice(row * 7, row * 7 + 7).map((date) => {
+        const outside = monthOf(date) !== visible.month;
+        const state = {
+          selected: props.mode === "single" ? single === date : date === rangeStart || date === rangeEnd,
+          today: date === resolvedToday,
+          disabled: isDisabled(date),
+          inRange: committed !== null && isInRange(date, committed)
+        };
+        const position = !outside && committed !== null ? rangePosition(date, committed) : void 0;
+        const previewPosition = !outside && preview !== null && date !== rangeStart ? rangePosition(date, preview) : void 0;
+        return /* @__PURE__ */ jsx(
+          "td",
+          {
+            role: "gridcell",
+            "aria-selected": state.selected,
+            "aria-disabled": state.disabled || void 0,
+            className: Calendar_module_default.cell,
+            children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                ref: (node) => {
+                  if (outside) return;
+                  if (node === null) cellRefs.current.delete(date);
+                  else cellRefs.current.set(date, node);
+                },
+                tabIndex: !outside && date === tabStop ? 0 : -1,
+                "aria-label": labels.dayLabel(date, state),
+                "aria-disabled": state.disabled || void 0,
+                "data-date": date,
+                "data-outside": outside || void 0,
+                "data-range": position,
+                "data-range-preview": previewPosition,
+                className: clsx(
+                  Calendar_module_default.day,
+                  state.selected && !outside && Calendar_module_default.selected,
+                  state.today && Calendar_module_default.today,
+                  outside && Calendar_module_default.outside,
+                  state.disabled && Calendar_module_default.disabled
+                ),
+                onClick: () => pick(date),
+                onPointerEnter: drafting ? () => setHovered(date) : void 0,
+                onFocus: props.mode === "range" ? () => setFocusedCell(date) : void 0,
+                onBlur: props.mode === "range" ? () => setFocusedCell(null) : void 0,
+                children: Number(date.slice(-2))
+              }
+            )
+          },
+          date
+        );
+      }) }, row)) })
+    ] })
+  ] }, index);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(Calendar_module_default.calendar, twoMonths && Calendar_module_default.twoMonths, props.mode === "range" && Calendar_module_default.range, className),
+      onPointerLeave: drafting ? () => setHovered(null) : void 0,
+      children: months.map(renderMonth)
+    }
+  );
+}
+
+export {
+  Calendar
+};

package/dist/chunks/chunk-ZA47FP7C.js

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export {
+  __publicField
+};

package/dist/chunks/chunk-ZZNL5PWF.js

@@ -0,0 +1,170 @@
+import {
+  Spinner
+} from "./chunk-WUL523OW.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 = { "warning": "Hl-94G_warning", "error": "Hl-94G_error", "seekbuddy-message-out": "Hl-94G_seekbuddy-message-out", "icon": "Hl-94G_icon", "seekbuddy-message-in": "Hl-94G_seekbuddy-message-in", "leaving": "Hl-94G_leaving", "message": "Hl-94G_message", "content": "Hl-94G_content", "success": "Hl-94G_success", "stack": "Hl-94G_stack" };
+
+// 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
+};