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

package/dist/chunks/chunk-QJKAQ6PO.js

@@ -0,0 +1,155 @@
+import {
+  Calendar
+} from "./chunk-XX6MSZLS.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 = { "calendar": "JkkOGq_calendar", "preset": "JkkOGq_preset", "check": "JkkOGq_check", "footer": "JkkOGq_footer", "actions": "JkkOGq_actions", "presetLabel": "JkkOGq_presetLabel", "picker": "JkkOGq_picker", "presetSelected": "JkkOGq_presetSelected", "presets": "JkkOGq_presets", "status": "JkkOGq_status" };
+
+// 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-R6AUJQ3G.js

@@ -0,0 +1,129 @@
+// src/seekbuddy/Pagination.tsx
+import clsx from "clsx";
+import { useState } from "react";
+import { Button } from "@seekbuddy/dsh-ui";
+import { IconChevronLeftOutlineRegular, IconChevronRightOutlineRegular } from "@seekbuddy/dsh-ui/icons";
+
+// .build/css/seekbuddy/Pagination.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Pagination.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 = "._74CmUG_nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}._74CmUG_total{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13);margin-right:8px}._74CmUG_step{width:28px;min-width:28px;padding:0}._74CmUG_page{min-width:28px;font:var(--dsw-font-xs-13);font-variant-numeric:tabular-nums;padding:0 6px}._74CmUG_current{background:var(--dsw-alias-interactive-bg-active);color:var(--dsw-alias-label-primary);font-weight:600}._74CmUG_jump{color:var(--dsw-alias-label-tertiary);letter-spacing:1px}._74CmUG_arrows,._74CmUG_jump:hover:not(:disabled) ._74CmUG_dots,._74CmUG_jump:focus-visible ._74CmUG_dots{display:none}._74CmUG_jump:hover:not(:disabled) ._74CmUG_arrows,._74CmUG_jump:focus-visible ._74CmUG_arrows{display:inline}._74CmUG_simple{min-width:48px;color:var(--dsw-alias-label-secondary);text-align:center;font:var(--dsw-font-xs-13);font-variant-numeric:tabular-nums}";
+  document.head.appendChild(element);
+}
+var Pagination_module_default = { "dots": "_74CmUG_dots", "nav": "_74CmUG_nav", "step": "_74CmUG_step", "current": "_74CmUG_current", "page": "_74CmUG_page", "jump": "_74CmUG_jump", "arrows": "_74CmUG_arrows", "simple": "_74CmUG_simple", "total": "_74CmUG_total" };
+
+// src/seekbuddy/Pagination.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function pageItems(current, pages, lessItems = false) {
+  const window = lessItems ? 3 : 5;
+  if (pages <= window + 2) return Array.from({ length: pages }, (_, index) => ({ type: "page", page: index + 1 }));
+  const half = Math.floor(window / 2);
+  let start = Math.max(2, current - half);
+  let end = Math.min(pages - 1, current + half);
+  if (current - half < 2) end = Math.min(pages - 1, window);
+  if (current + half > pages - 1) start = Math.max(2, pages - window + 1);
+  const items = [{ type: "page", page: 1 }];
+  if (start > 2) items.push({ type: "jump-previous", page: Math.max(1, current - window) });
+  for (let page = start; page <= end; page += 1) items.push({ type: "page", page });
+  if (end < pages - 1) items.push({ type: "jump-next", page: Math.min(pages, current + window) });
+  items.push({ type: "page", page: pages });
+  return items;
+}
+function Pagination({
+  current,
+  defaultCurrent = 1,
+  pageSize,
+  defaultPageSize = 10,
+  total,
+  onChange,
+  showTotal,
+  hideOnSinglePage = true,
+  simple = false,
+  showLessItems = false,
+  disabled = false,
+  labels,
+  className
+}) {
+  const [ownCurrent, setOwnCurrent] = useState(defaultCurrent);
+  const size = Math.max(1, pageSize ?? defaultPageSize);
+  const pages = Math.max(1, Math.ceil(Math.max(0, total) / size));
+  const page = Math.min(pages, Math.max(1, current ?? ownCurrent));
+  if (hideOnSinglePage && pages <= 1) return null;
+  const go = (target) => {
+    const next = Math.min(pages, Math.max(1, target));
+    if (next === page) return;
+    if (current === void 0) setOwnCurrent(next);
+    onChange?.(next, size);
+  };
+  const from = total === 0 ? 0 : (page - 1) * size + 1;
+  const to = Math.min(total, page * size);
+  return /* @__PURE__ */ jsxs("nav", { className: clsx(Pagination_module_default.nav, className), "aria-label": labels.navigation, children: [
+    showTotal === void 0 ? null : /* @__PURE__ */ jsx("span", { className: Pagination_module_default.total, children: showTotal(total, [from, to]) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: Pagination_module_default.step,
+        "aria-label": labels.previous,
+        disabled: disabled || page <= 1,
+        icon: /* @__PURE__ */ jsx(IconChevronLeftOutlineRegular, {}),
+        onClick: () => go(page - 1)
+      }
+    ),
+    simple ? /* @__PURE__ */ jsxs("span", { className: Pagination_module_default.simple, "aria-current": "page", children: [
+      page,
+      " / ",
+      pages
+    ] }) : pageItems(page, pages, showLessItems).map(
+      (item) => item.type === "page" ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: clsx(Pagination_module_default.page, item.page === page && Pagination_module_default.current),
+          "aria-label": labels.page(item.page),
+          "aria-current": item.page === page ? "page" : void 0,
+          disabled,
+          onClick: () => go(item.page),
+          children: item.page
+        },
+        item.page
+      ) : /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: clsx(Pagination_module_default.page, Pagination_module_default.jump),
+          "aria-label": item.type === "jump-previous" ? labels.jumpPrevious : labels.jumpNext,
+          disabled,
+          onClick: () => go(item.page),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2022\u2022\u2022" }),
+            /* @__PURE__ */ jsx("span", { className: Pagination_module_default.arrows, "aria-hidden": "true", children: item.type === "jump-previous" ? "\xAB" : "\xBB" })
+          ]
+        },
+        item.type
+      )
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: Pagination_module_default.step,
+        "aria-label": labels.next,
+        disabled: disabled || page >= pages,
+        icon: /* @__PURE__ */ jsx(IconChevronRightOutlineRegular, {}),
+        onClick: () => go(page + 1)
+      }
+    )
+  ] });
+}
+
+export {
+  pageItems,
+  Pagination
+};

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-TQU54HSM.js

@@ -0,0 +1,112 @@
+// src/seekbuddy/Tabs.tsx
+import clsx from "clsx";
+import { useId, useRef } from "react";
+
+// .build/css/seekbuddy/Tabs.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Tabs.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 = '.XNMLKW_tabs{min-width:0;display:grid}.XNMLKW_tablist{min-height:41px;box-shadow:inset 0 -1px 0 var(--dsw-alias-border-l1);align-items:flex-end;gap:20px;display:flex;overflow-x:auto}.XNMLKW_tab{min-height:41px;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:var(--dsw-font-xxs-12);white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:0 1px;font-weight:500;display:inline-flex;position:relative}.XNMLKW_md .XNMLKW_tab{font:var(--dsw-font-s-14);font-weight:500}.XNMLKW_lg .XNMLKW_tab{min-height:44px;font:var(--dsw-font-base-16);font-weight:500}.XNMLKW_bold .XNMLKW_tab{font:var(--dsw-font-xxs-strong-12)}.XNMLKW_bold.XNMLKW_md .XNMLKW_tab{font:var(--dsw-font-s-strong-14)}.XNMLKW_bold.XNMLKW_lg .XNMLKW_tab{font:var(--dsw-font-base-strong-16)}.XNMLKW_tab:hover:not(:disabled),.XNMLKW_active{color:var(--dsw-alias-label-primary)}.XNMLKW_active:after{content:"";background:var(--dsw-alias-state-business-primary);height:2px;position:absolute;bottom:0;left:0;right:0}.XNMLKW_tab:disabled{cursor:not-allowed;opacity:.5}.XNMLKW_tab:focus-visible{border-radius:var(--dsw-radius-xs);outline-offset:2px;outline-style:solid}.XNMLKW_count{border-radius:var(--dsw-radius-sm);min-width:20px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-active);font:var(--dsw-font-xxxs-11);text-align:center;padding:1px 6px;font-weight:500}.XNMLKW_panel{min-width:0;color:var(--dsw-alias-label-primary);padding-top:16px}.XNMLKW_panel:focus-visible{border-radius:var(--dsw-radius-xs);outline-offset:2px;outline-style:solid}';
+  document.head.appendChild(element);
+}
+var Tabs_module_default = { "tablist": "XNMLKW_tablist", "bold": "XNMLKW_bold", "active": "XNMLKW_active", "panel": "XNMLKW_panel", "count": "XNMLKW_count", "tabs": "XNMLKW_tabs", "tab": "XNMLKW_tab", "lg": "XNMLKW_lg", "md": "XNMLKW_md" };
+
+// src/seekbuddy/Tabs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var NEXT_KEYS = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]);
+var PREVIOUS_KEYS = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]);
+function Tabs({
+  label,
+  items,
+  activeKey,
+  onChange,
+  panelId,
+  size = "sm",
+  bold = false,
+  className
+}) {
+  const generatedId = useId();
+  const buttons = useRef(/* @__PURE__ */ new Map());
+  const withPanels = items.some((item) => item.children !== void 0);
+  const idBase = panelId === void 0 || withPanels ? generatedId : panelId;
+  const tabId = (key) => `${idBase}-tab-${key}`;
+  const ownPanelId = (key) => `${idBase}-panel-${key}`;
+  const enabled = items.filter((item) => item.disabled !== true);
+  const selected = enabled.some((item) => item.key === activeKey) ? activeKey : enabled[0]?.key;
+  const active = items.find((item) => item.key === selected);
+  const move = (event) => {
+    if (enabled.length === 0) return;
+    const current = Math.max(
+      0,
+      enabled.findIndex((item) => item.key === selected)
+    );
+    let next;
+    if (NEXT_KEYS.has(event.key)) next = (current + 1) % enabled.length;
+    else if (PREVIOUS_KEYS.has(event.key)) next = (current - 1 + enabled.length) % enabled.length;
+    else if (event.key === "Home") next = 0;
+    else if (event.key === "End") next = enabled.length - 1;
+    else return;
+    event.preventDefault();
+    const target = enabled[next];
+    if (target === void 0) return;
+    onChange(target.key);
+    buttons.current.get(target.key)?.focus();
+  };
+  const tablist = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(Tabs_module_default.tablist, Tabs_module_default[size], bold && Tabs_module_default.bold, !withPanels && className),
+      role: "tablist",
+      "aria-label": label,
+      onKeyDown: move,
+      children: items.map((item) => {
+        const isActive = item.key === selected;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref: (node) => {
+              if (node === null) buttons.current.delete(item.key);
+              else buttons.current.set(item.key, node);
+            },
+            type: "button",
+            role: "tab",
+            id: tabId(item.key),
+            "aria-selected": isActive,
+            "aria-controls": withPanels ? ownPanelId(item.key) : panelId,
+            tabIndex: isActive ? 0 : -1,
+            disabled: item.disabled,
+            className: clsx(Tabs_module_default.tab, isActive && Tabs_module_default.active),
+            onClick: () => {
+              if (!isActive) onChange(item.key);
+            },
+            children: [
+              item.label,
+              item.count !== void 0 && /* @__PURE__ */ jsx("span", { className: Tabs_module_default.count, children: item.count })
+            ]
+          },
+          item.key
+        );
+      })
+    }
+  );
+  if (!withPanels) return tablist;
+  return /* @__PURE__ */ jsxs("div", { className: clsx(Tabs_module_default.tabs, className), children: [
+    tablist,
+    active !== void 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "tabpanel",
+        id: ownPanelId(active.key),
+        "aria-labelledby": tabId(active.key),
+        tabIndex: 0,
+        className: Tabs_module_default.panel,
+        children: active.children
+      }
+    )
+  ] });
+}
+
+export {
+  Tabs
+};

package/dist/chunks/chunk-TUK6UGXM.js

@@ -0,0 +1,36 @@
+// src/seekbuddy/StatusBadge.tsx
+import clsx from "clsx";
+import { Pill, StateDot } from "@seekbuddy/dsh-ui";
+
+// .build/css/seekbuddy/StatusBadge.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/StatusBadge.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 = ".WjHBIa_badge{white-space:nowrap}.WjHBIa_dot{flex:none}.WjHBIa_progress{color:var(--dsw-alias-label-secondary)}.WjHBIa_neutral{color:var(--dsw-alias-label-tertiary)}.WjHBIa_success{color:var(--dsw-alias-state-success-primary)}.WjHBIa_warning{color:var(--dsw-alias-state-warn-primary)}.WjHBIa_error{color:var(--dsw-alias-state-error-primary)}";
+  document.head.appendChild(element);
+}
+var StatusBadge_module_default = { "dot": "WjHBIa_dot", "badge": "WjHBIa_badge", "success": "WjHBIa_success", "progress": "WjHBIa_progress", "neutral": "WjHBIa_neutral", "warning": "WjHBIa_warning", "error": "WjHBIa_error" };
+
+// src/seekbuddy/StatusBadge.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DOTS = {
+  neutral: "idle",
+  success: "done",
+  progress: "ongoing",
+  warning: "warning",
+  error: "error"
+};
+function StatusBadge({ tone, children, dot = true, className }) {
+  return (
+    // Static Pill forwards only className / children, so the tone is carried by its class alone.
+    /* @__PURE__ */ jsxs(Pill, { className: clsx(StatusBadge_module_default.badge, StatusBadge_module_default[tone], className), children: [
+      dot && /* @__PURE__ */ jsx(StateDot, { state: DOTS[tone], size: 8, className: StatusBadge_module_default.dot }),
+      children
+    ] })
+  );
+}
+
+export {
+  StatusBadge
+};