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

package/dist/chunks/chunk-23KOEBWJ.js

@@ -0,0 +1,104 @@
+// src/theme-core.ts
+var THEME_PREFERENCES = ["light", "dark", "system"];
+var DEFAULT_PREFERENCE = "system";
+var THEME_STORAGE_KEY = "dsh-ui-primitives.theme-preference";
+var listeners = /* @__PURE__ */ new Set();
+var current = DEFAULT_PREFERENCE;
+var currentDark = false;
+var initialized = false;
+var mediaQuery;
+var mediaListenerAttached = false;
+function isThemePreference(value) {
+  return typeof value === "string" && THEME_PREFERENCES.includes(value);
+}
+function getMediaQuery() {
+  if (mediaQuery !== void 0) return mediaQuery;
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return void 0;
+  mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  return mediaQuery;
+}
+function resolveDark(preference) {
+  return preference === "dark" || preference === "system" && (getMediaQuery()?.matches ?? false);
+}
+function applyTheme(preference) {
+  currentDark = resolveDark(preference);
+  if (typeof document === "undefined") return;
+  document.documentElement.style.colorScheme = currentDark ? "dark" : "light";
+  document.body?.toggleAttribute("data-ds-dark-theme", currentDark);
+}
+function notify() {
+  for (const listener of listeners) listener();
+}
+function onSystemThemeChange() {
+  if (current !== "system") return;
+  applyTheme(current);
+  notify();
+}
+function attachSystemListener() {
+  if (mediaListenerAttached) return;
+  const query = getMediaQuery();
+  if (query === void 0) return;
+  if (typeof query.addEventListener === "function") query.addEventListener("change", onSystemThemeChange);
+  else query.addListener?.(onSystemThemeChange);
+  mediaListenerAttached = true;
+}
+function readStoredPreference() {
+  if (typeof window === "undefined") return DEFAULT_PREFERENCE;
+  try {
+    const stored = window.localStorage.getItem(THEME_STORAGE_KEY);
+    return isThemePreference(stored) ? stored : DEFAULT_PREFERENCE;
+  } catch {
+    return DEFAULT_PREFERENCE;
+  }
+}
+function initializeTheme() {
+  if (initialized) {
+    applyTheme(current);
+    return current;
+  }
+  initialized = true;
+  current = readStoredPreference();
+  attachSystemListener();
+  applyTheme(current);
+  return current;
+}
+function setThemePreference(preference) {
+  initialized = true;
+  current = preference;
+  attachSystemListener();
+  applyTheme(preference);
+  if (typeof window !== "undefined") {
+    try {
+      window.localStorage.setItem(THEME_STORAGE_KEY, preference);
+    } catch {
+    }
+  }
+  notify();
+}
+function getThemePreference() {
+  return current;
+}
+function getIsDark() {
+  return currentDark;
+}
+function subscribeTheme(listener) {
+  initializeTheme();
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+
+export {
+  THEME_PREFERENCES,
+  DEFAULT_PREFERENCE,
+  THEME_STORAGE_KEY,
+  isThemePreference,
+  resolveDark,
+  applyTheme,
+  initializeTheme,
+  setThemePreference,
+  getThemePreference,
+  getIsDark,
+  subscribeTheme
+};

package/dist/chunks/chunk-6SGSJ5KW.js

@@ -0,0 +1,57 @@
+import {
+  Spinner
+} from "./chunk-EWAZFWLW.js";
+
+// src/seekbuddy/Timeline.tsx
+import clsx from "clsx";
+
+// .build/css/seekbuddy/Timeline.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Timeline.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 = ".M4slRG_timeline{--timeline-badge:16px;--timeline-gap:20px;gap:28px;display:grid}.M4slRG_heading{color:var(--dsw-alias-label-primary);font:var(--dsw-font-s-14);margin:0 0 20px}.M4slRG_list{margin:0;padding:0;list-style:none;display:grid}.M4slRG_item{grid-template-columns:var(--timeline-badge) minmax(0, 1fr);column-gap:var(--timeline-gap);padding-bottom:28px;display:grid;position:relative}.M4slRG_item:last-child{padding-bottom:0}.M4slRG_rail{top:calc(var(--timeline-badge) + 6px);bottom:0;left:calc(var(--timeline-badge) / 2);background:var(--dsw-alias-border-l1);width:1px;position:absolute}.M4slRG_item:last-child .M4slRG_rail{bottom:-20px}.M4slRG_badgeCell{width:var(--timeline-badge);height:var(--timeline-badge);justify-content:center;align-items:center;margin-top:3px;display:inline-flex}.M4slRG_badge{width:var(--timeline-badge);height:var(--timeline-badge)}.M4slRG_succeeded{color:var(--dsw-alias-state-success-primary)}.M4slRG_failed{color:var(--dsw-alias-state-error-primary)}.M4slRG_canceled,.M4slRG_running{color:var(--dsw-alias-label-tertiary)}.M4slRG_glyph{fill:none;stroke:var(--dsw-alias-label-primary-inverted);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.M4slRG_body{text-align:left;gap:10px;min-width:0;display:grid}.M4slRG_select{border-radius:var(--dsw-radius-sm);color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.M4slRG_select:hover .M4slRG_title{color:var(--dsw-alias-label-primary-bluish)}.M4slRG_select:focus-visible{outline-offset:4px;outline-style:solid}.M4slRG_title{min-width:0;color:var(--dsw-alias-label-primary);font:var(--dsw-font-s-14);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.M4slRG_meta{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13);flex-wrap:wrap;gap:4px 12px;display:flex}.M4slRG_message{color:var(--dsw-alias-label-secondary);font:var(--dsw-font-xs-13);overflow-wrap:anywhere}.M4slRG_messageError{color:var(--dsw-alias-state-error-primary)}.M4slRG_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
+  document.head.appendChild(element);
+}
+var Timeline_module_default = { "srOnly": "M4slRG_srOnly", "failed": "M4slRG_failed", "meta": "M4slRG_meta", "glyph": "M4slRG_glyph", "select": "M4slRG_select", "rail": "M4slRG_rail", "running": "M4slRG_running", "badgeCell": "M4slRG_badgeCell", "title": "M4slRG_title", "messageError": "M4slRG_messageError", "heading": "M4slRG_heading", "list": "M4slRG_list", "timeline": "M4slRG_timeline", "body": "M4slRG_body", "message": "M4slRG_message", "succeeded": "M4slRG_succeeded", "canceled": "M4slRG_canceled", "badge": "M4slRG_badge", "item": "M4slRG_item" };
+
+// src/seekbuddy/Timeline.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var BADGE_TONE = {
+  succeeded: Timeline_module_default.succeeded,
+  failed: Timeline_module_default.failed,
+  canceled: Timeline_module_default.canceled
+};
+function Badge({ status, label }) {
+  if (status === "running") return /* @__PURE__ */ jsx(Spinner, { className: Timeline_module_default.running, label });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("svg", { className: clsx(Timeline_module_default.badge, BADGE_TONE[status]), viewBox: "0 0 16 16", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
+      status === "succeeded" && /* @__PURE__ */ jsx("path", { className: Timeline_module_default.glyph, d: "M4.5 8.2l2.3 2.3 4.7-4.8" }),
+      status === "failed" && /* @__PURE__ */ jsx("path", { className: Timeline_module_default.glyph, d: "M5.3 5.3l5.4 5.4M10.7 5.3l-5.4 5.4" }),
+      status === "canceled" && /* @__PURE__ */ jsx("path", { className: Timeline_module_default.glyph, d: "M4.8 8h6.4" })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: Timeline_module_default.srOnly, children: label })
+  ] });
+}
+function Timeline({ label, statusLabels, groups, className }) {
+  return /* @__PURE__ */ jsx("section", { className: clsx(Timeline_module_default.timeline, className), "aria-label": label, children: groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
+    group.heading !== void 0 && /* @__PURE__ */ jsx("h3", { className: Timeline_module_default.heading, children: group.heading }),
+    /* @__PURE__ */ jsx("ol", { className: Timeline_module_default.list, children: group.items.map((item) => {
+      const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: Timeline_module_default.title, children: item.title }),
+        item.meta !== void 0 && item.meta.length > 0 && /* @__PURE__ */ jsx("div", { className: Timeline_module_default.meta, children: item.meta.map((part, index) => /* @__PURE__ */ jsx("span", { children: part }, index)) }),
+        item.message !== void 0 && /* @__PURE__ */ jsx("div", { className: clsx(Timeline_module_default.message, item.status === "failed" && Timeline_module_default.messageError), children: item.message })
+      ] });
+      return /* @__PURE__ */ jsxs("li", { className: Timeline_module_default.item, "data-status": item.status, children: [
+        /* @__PURE__ */ jsx("span", { className: Timeline_module_default.rail, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: Timeline_module_default.badgeCell, children: /* @__PURE__ */ jsx(Badge, { status: item.status, label: statusLabels[item.status] }) }),
+        item.onSelect === void 0 ? /* @__PURE__ */ jsx("div", { className: Timeline_module_default.body, children: body }) : /* @__PURE__ */ jsx("button", { type: "button", className: clsx(Timeline_module_default.body, Timeline_module_default.select), onClick: item.onSelect, children: body })
+      ] }, item.key);
+    }) })
+  ] }, group.key)) });
+}
+
+export {
+  Timeline
+};

package/dist/chunks/chunk-7NH2UOZO.js

@@ -0,0 +1,155 @@
+import {
+  Calendar
+} from "./chunk-XL33IPCV.js";
+import {
+  addMonths,
+  compareIso,
+  monthOf,
+  todayIso
+} from "./chunk-RZOP2PFC.js";
+
+// src/seekbuddy/date/DateRangePicker.tsx
+import clsx from "clsx";
+import { Button } from "@seekbuddy/dsh-ui";
+import { IconCheckOutlineRegular } from "@seekbuddy/dsh-ui/icons";
+import { useId, useState } from "react";
+
+// .build/css/seekbuddy/date/DateRangePicker.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/date/DateRangePicker.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 = '.JkkOGq_picker{color:var(--dsw-alias-label-primary);grid-template-columns:auto 1fr;grid-template-areas:"JkkOGq_presets JkkOGq_calendar""JkkOGq_footer JkkOGq_footer";gap:12px 16px;display:inline-grid}.JkkOGq_presets{border-right:.5px solid var(--dsw-alias-border-l1);grid-area:JkkOGq_presets;align-content:start;gap:2px;min-width:96px;margin:0;padding:0 12px 0 0;list-style:none;display:grid}.JkkOGq_presets:focus-visible{border-radius:var(--dsw-radius-sm);outline-offset:2px;outline-style:solid}.JkkOGq_preset{border-radius:var(--dsw-radius-sm);min-height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:var(--dsw-font-xs-13);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;display:flex}.JkkOGq_preset:hover{background:var(--dsw-alias-interactive-bg-hover)}.JkkOGq_presetSelected{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-multi-select)}.JkkOGq_presets:focus-visible [data-active]{box-shadow:inset 0 0 0 1px var(--dsw-alias-state-business-primary)}.JkkOGq_presetLabel{text-overflow:ellipsis;min-width:0;overflow:hidden}.JkkOGq_check{color:var(--dsw-alias-state-business-primary);flex:none}.JkkOGq_calendar{grid-area:JkkOGq_calendar}.JkkOGq_footer{border-top:.5px solid var(--dsw-alias-border-l1);grid-area:JkkOGq_footer;justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding-top:12px;display:flex}.JkkOGq_status{min-width:0;color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13)}.JkkOGq_actions{flex:none;gap:8px;display:inline-flex}';
+  document.head.appendChild(element);
+}
+var DateRangePicker_module_default = { "presetLabel": "JkkOGq_presetLabel", "actions": "JkkOGq_actions", "picker": "JkkOGq_picker", "preset": "JkkOGq_preset", "presets": "JkkOGq_presets", "calendar": "JkkOGq_calendar", "footer": "JkkOGq_footer", "check": "JkkOGq_check", "status": "JkkOGq_status", "presetSelected": "JkkOGq_presetSelected" };
+
+// src/seekbuddy/date/DateRangePicker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var sameRange = (a, b) => a !== null && a.start === b.start && a.end === b.end;
+function DateRangePicker({
+  value,
+  onChange,
+  onCancel,
+  presets,
+  labels,
+  month,
+  onMonthChange,
+  numberOfMonths = 2,
+  today: todayProp,
+  className,
+  ...calendar
+}) {
+  const idBase = useId();
+  const [todayFallback] = useState(() => todayProp ?? todayIso());
+  const today = todayProp ?? todayFallback;
+  const [draft, setDraft] = useState(value);
+  const [seenValue, setSeenValue] = useState(value);
+  const [monthState, setMonthState] = useState(() => monthOf(value?.start ?? today));
+  const visibleMonth = month ?? monthState;
+  const inView = (date) => {
+    const m = monthOf(date);
+    return compareIso(m, visibleMonth) >= 0 && compareIso(m, addMonths(visibleMonth, numberOfMonths - 1)) <= 0;
+  };
+  if (value !== seenValue) {
+    setSeenValue(value);
+    setDraft(value);
+    if (value !== null && month === void 0 && !inView(value.start)) setMonthState(monthOf(value.start));
+  }
+  const showMonth = (next) => {
+    if (month === void 0) setMonthState(next);
+    onMonthChange?.(next);
+  };
+  const [highlighted, setHighlighted] = useState(0);
+  const choosePreset = (preset) => {
+    setDraft(preset.range);
+    if (!inView(preset.range.start)) showMonth(monthOf(preset.range.start));
+  };
+  const onPresetsKeyDown = (event) => {
+    if (presets === void 0 || presets.length === 0) return;
+    let next = highlighted;
+    if (event.key === "ArrowDown") next = Math.min(presets.length - 1, highlighted + 1);
+    else if (event.key === "ArrowUp") next = Math.max(0, highlighted - 1);
+    else if (event.key === "Home") next = 0;
+    else if (event.key === "End") next = presets.length - 1;
+    else if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      const preset = presets[highlighted];
+      if (preset !== void 0) choosePreset(preset);
+      return;
+    } else return;
+    event.preventDefault();
+    setHighlighted(next);
+  };
+  const presetId = (index) => `${idBase}-preset-${index}`;
+  const complete = draft !== null && draft.end !== null;
+  const drafting = draft !== null && draft.end === null;
+  const apply = () => {
+    if (draft !== null && draft.end !== null) onChange({ start: draft.start, end: draft.end });
+  };
+  const cancel = () => {
+    setDraft(value);
+    onCancel?.();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx(DateRangePicker_module_default.picker, className), children: [
+    presets !== void 0 && presets.length > 0 && /* @__PURE__ */ jsx(
+      "ul",
+      {
+        role: "listbox",
+        "aria-label": labels.presets,
+        "aria-activedescendant": presetId(Math.min(highlighted, presets.length - 1)),
+        tabIndex: 0,
+        className: DateRangePicker_module_default.presets,
+        onKeyDown: onPresetsKeyDown,
+        children: presets.map((preset, index) => {
+          const selected = sameRange(draft, preset.range);
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              id: presetId(index),
+              role: "option",
+              "aria-selected": selected,
+              "data-active": index === highlighted || void 0,
+              className: clsx(DateRangePicker_module_default.preset, selected && DateRangePicker_module_default.presetSelected),
+              onClick: () => {
+                setHighlighted(index);
+                choosePreset(preset);
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { className: DateRangePicker_module_default.presetLabel, children: preset.label }),
+                selected && /* @__PURE__ */ jsx(IconCheckOutlineRegular, { size: 14, className: DateRangePicker_module_default.check })
+              ]
+            },
+            preset.key
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        ...calendar,
+        mode: "range",
+        value: draft,
+        onChange: setDraft,
+        month: visibleMonth,
+        onMonthChange: showMonth,
+        numberOfMonths,
+        today,
+        labels,
+        className: DateRangePicker_module_default.calendar
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: DateRangePicker_module_default.footer, children: [
+      /* @__PURE__ */ jsx("span", { className: DateRangePicker_module_default.status, role: "status", "aria-live": "polite", children: drafting ? labels.pickEnd : "" }),
+      /* @__PURE__ */ jsxs("span", { className: DateRangePicker_module_default.actions, children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: cancel, children: labels.cancel }),
+        /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", disabled: !complete, onClick: apply, children: labels.apply })
+      ] })
+    ] })
+  ] });
+}
+
+export {
+  DateRangePicker
+};

package/dist/chunks/chunk-7SKW4S35.js

@@ -0,0 +1,66 @@
+import {
+  Spinner
+} from "./chunk-EWAZFWLW.js";
+
+// src/seekbuddy/Empty.tsx
+import clsx from "clsx";
+import { Button } from "@seekbuddy/dsh-ui";
+import { IconRefreshOutlineRegular, IconSearchOutlineRegular, IconWarningOutlineRegular } from "@seekbuddy/dsh-ui/icons";
+
+// .build/css/seekbuddy/Empty.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Empty.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 = ".tPyKuq_empty{box-sizing:border-box;border-radius:var(--dsw-radius-lg);color:var(--dsw-alias-label-tertiary);text-align:center;font:var(--dsw-font-xs-13);border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0;padding:28px 24px;display:flex}.tPyKuq_bordered{border:1px dashed var(--dsw-alias-border-l2)}.tPyKuq_icon{color:var(--dsw-alias-label-tertiary);justify-content:center;align-items:center;margin-bottom:2px;display:inline-flex}.tPyKuq_icon .tPyKuq_spinner{border-width:2px;width:20px;height:20px}.tPyKuq_title{color:var(--dsw-alias-label-primary);font:var(--dsw-font-s-strong-14);margin:0}.tPyKuq_description{max-width:36em;color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13);margin:0}.tPyKuq_error .tPyKuq_icon,.tPyKuq_error .tPyKuq_title{color:var(--dsw-alias-state-error-primary)}.tPyKuq_action{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}";
+  document.head.appendChild(element);
+}
+var Empty_module_default = { "error": "tPyKuq_error", "description": "tPyKuq_description", "icon": "tPyKuq_icon", "bordered": "tPyKuq_bordered", "title": "tPyKuq_title", "action": "tPyKuq_action", "empty": "tPyKuq_empty", "spinner": "tPyKuq_spinner" };
+
+// src/seekbuddy/Empty.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Empty({
+  status,
+  title,
+  description,
+  icon,
+  action,
+  retryLabel,
+  onRetry,
+  minHeight = 240,
+  bordered = true,
+  className,
+  style,
+  ...rest
+}) {
+  const live = status === "loading" ? { role: "status", "aria-live": "polite" } : status === "error" ? { role: "alert" } : {};
+  const visual = icon === void 0 ? defaultIcon(status) : icon;
+  const retry = status === "error" && onRetry !== void 0 && retryLabel !== void 0 ? /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", icon: /* @__PURE__ */ jsx(IconRefreshOutlineRegular, {}), onClick: onRetry, children: retryLabel }) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...live,
+      ...rest,
+      className: clsx(Empty_module_default.empty, Empty_module_default[status], bordered && Empty_module_default.bordered, className),
+      style: { minHeight, ...style },
+      children: [
+        visual === null ? null : /* @__PURE__ */ jsx("span", { className: Empty_module_default.icon, "aria-hidden": "true", children: visual }),
+        /* @__PURE__ */ jsx("p", { className: Empty_module_default.title, children: title }),
+        description === void 0 || description === null ? null : /* @__PURE__ */ jsx("div", { className: Empty_module_default.description, children: description }),
+        action === void 0 && retry === null ? null : /* @__PURE__ */ jsxs("div", { className: Empty_module_default.action, children: [
+          action,
+          retry
+        ] })
+      ]
+    }
+  );
+}
+function defaultIcon(status) {
+  if (status === "loading") return /* @__PURE__ */ jsx(Spinner, { size: "md", tone: "page", className: Empty_module_default.spinner });
+  if (status === "error") return /* @__PURE__ */ jsx(IconWarningOutlineRegular, { size: 20 });
+  return /* @__PURE__ */ jsx(IconSearchOutlineRegular, { size: 20 });
+}
+
+export {
+  Empty
+};