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

package/dist/chunks/chunk-TZ7HRE6D.js

@@ -0,0 +1,328 @@
+// src/seekbuddy/Upload.tsx
+import clsx from "clsx";
+import {
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+import { Button } from "@seekbuddy/dsh-ui";
+import {
+  IconCloseOutlineRegular,
+  IconPaperclipOutlineRegular,
+  IconRefreshOutlineRegular
+} from "@seekbuddy/dsh-ui/icons";
+
+// .build/css/seekbuddy/Upload.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Upload.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 = "._8vfhUq_upload{flex-direction:column;gap:8px;display:flex}._8vfhUq_input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}._8vfhUq_trigger{flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}._8vfhUq_hint{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13)}._8vfhUq_dropzone{box-sizing:border-box;border:1px dashed var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-lg);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;display:flex;position:relative}._8vfhUq_dropzone:hover:not(._8vfhUq_disabled){background:var(--dsw-alias-interactive-bg-hover)}._8vfhUq_dropzone:focus-visible{outline-offset:2px;outline-style:solid}._8vfhUq_dropIcon{color:var(--dsw-alias-label-tertiary);margin-bottom:4px;display:inline-flex}._8vfhUq_dropTitle{color:var(--dsw-alias-label-primary);font:var(--dsw-font-s-strong-14)}._8vfhUq_dragging{border-color:var(--dsw-alias-state-business-primary)}._8vfhUq_dragging ._8vfhUq_dropIcon,._8vfhUq_dragging ._8vfhUq_dropTitle{color:var(--dsw-alias-state-business-primary)}._8vfhUq_disabled{color:var(--dsw-alias-label-dimmed);cursor:not-allowed}._8vfhUq_disabled ._8vfhUq_dropIcon,._8vfhUq_disabled ._8vfhUq_dropTitle,._8vfhUq_disabled ._8vfhUq_hint{color:var(--dsw-alias-label-dimmed)}._8vfhUq_list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}._8vfhUq_item{border-radius:var(--dsw-radius-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:6px 8px;display:grid}._8vfhUq_item:hover{background:var(--dsw-alias-interactive-bg-hover)}._8vfhUq_fileIcon{color:var(--dsw-alias-label-tertiary);display:inline-flex}._8vfhUq_name{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font:var(--dsw-font-xs-13);text-align:left;overflow:hidden}._8vfhUq_nameButton{cursor:pointer;background:0 0;border:0;padding:0}._8vfhUq_nameButton:hover{text-decoration:underline}._8vfhUq_nameButton:focus-visible{outline-offset:2px;border-radius:var(--dsw-radius-xs);outline-style:solid}._8vfhUq_actions{gap:2px;display:flex}._8vfhUq_action{width:28px;min-width:28px;padding:0}._8vfhUq_meta{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xxs-12);grid-column:2;gap:8px;display:flex}._8vfhUq_error ._8vfhUq_fileIcon,._8vfhUq_error ._8vfhUq_name,._8vfhUq_error ._8vfhUq_status{color:var(--dsw-alias-state-error-primary)}._8vfhUq_track{corner-shape:round;background:var(--dsw-alias-interactive-bg-active);border-radius:999px;grid-column:2/-1;height:2px;margin-top:4px;display:block;overflow:hidden}._8vfhUq_fill{background:var(--dsw-alias-state-business-primary);height:100%;display:block}";
+  document.head.appendChild(element);
+}
+var Upload_module_default = { "item": "_8vfhUq_item", "trigger": "_8vfhUq_trigger", "track": "_8vfhUq_track", "nameButton": "_8vfhUq_nameButton", "name": "_8vfhUq_name", "list": "_8vfhUq_list", "dragging": "_8vfhUq_dragging", "status": "_8vfhUq_status", "dropIcon": "_8vfhUq_dropIcon", "fill": "_8vfhUq_fill", "dropzone": "_8vfhUq_dropzone", "disabled": "_8vfhUq_disabled", "dropTitle": "_8vfhUq_dropTitle", "error": "_8vfhUq_error", "meta": "_8vfhUq_meta", "input": "_8vfhUq_input", "action": "_8vfhUq_action", "upload": "_8vfhUq_upload", "fileIcon": "_8vfhUq_fileIcon", "actions": "_8vfhUq_actions", "hint": "_8vfhUq_hint" };
+
+// src/seekbuddy/Upload.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Upload({
+  layout = "button",
+  accept,
+  multiple = false,
+  maxCount,
+  maxSize,
+  disabled = false,
+  items,
+  defaultItems,
+  beforeUpload,
+  upload,
+  onChange,
+  onReject,
+  onRemove,
+  onPreview,
+  showList = true,
+  labels,
+  className
+}) {
+  const [ownItems, setOwnItems] = useState(() => defaultItems ?? []);
+  const list = items ?? ownItems;
+  const latest = useRef(list);
+  latest.current = list;
+  const controllers = useRef(/* @__PURE__ */ new Map());
+  const mounted = useRef(true);
+  const sequence = useRef(0);
+  const input = useRef(null);
+  const [dragging, setDragging] = useState(false);
+  const dragDepth = useRef(0);
+  const prefix = useId();
+  useEffect(() => {
+    mounted.current = true;
+    const active = controllers.current;
+    return () => {
+      mounted.current = false;
+      for (const controller of active.values()) controller.abort();
+      active.clear();
+    };
+  }, []);
+  const commit = (next) => {
+    latest.current = next;
+    if (items === void 0) setOwnItems(next);
+    onChange?.(next);
+  };
+  const patch = (uid, change) => {
+    if (!mounted.current) return;
+    const index = latest.current.findIndex((item) => item.uid === uid);
+    if (index === -1) return;
+    const next = latest.current.slice();
+    next[index] = { ...next[index], ...change };
+    commit(next);
+  };
+  const start = (uid, file) => {
+    controllers.current.get(uid)?.abort();
+    const controller = new AbortController();
+    controllers.current.set(uid, controller);
+    patch(uid, { status: "uploading", percent: 0, error: void 0 });
+    upload(file, {
+      onProgress: (percent) => {
+        if (!controller.signal.aborted) patch(uid, { percent: Math.min(100, Math.max(0, Math.round(percent))) });
+      },
+      signal: controller.signal
+    }).then(
+      (response) => {
+        if (!controller.signal.aborted) patch(uid, { status: "done", percent: 100, response });
+      },
+      (reason) => {
+        if (!controller.signal.aborted) patch(uid, { status: "error", error: errorMessage(reason) });
+      }
+    );
+  };
+  const add = async (picked) => {
+    if (disabled) return;
+    const candidates = multiple ? picked : picked.slice(0, 1);
+    const rejections = [];
+    let accepted = [];
+    for (const file of candidates) {
+      if (accept !== void 0 && !matchesAccept(file, accept)) rejections.push({ file, reason: "accept" });
+      else if (maxSize !== void 0 && file.size > maxSize) rejections.push({ file, reason: "size" });
+      else accepted.push(file);
+    }
+    if (maxCount !== void 0) {
+      const room = maxCount === 1 ? 1 : Math.max(0, maxCount - latest.current.length);
+      for (const file of accepted.slice(room)) rejections.push({ file, reason: "count" });
+      accepted = accepted.slice(0, room);
+    }
+    if (rejections.length > 0) onReject?.(rejections);
+    if (beforeUpload !== void 0) {
+      const checks = await Promise.all(
+        accepted.map((file) => Promise.resolve(beforeUpload(file, accepted)).catch(() => false))
+      );
+      accepted = accepted.filter((_, index) => checks[index]);
+    }
+    if (accepted.length === 0 || !mounted.current) return;
+    const fresh = accepted.map((file) => {
+      sequence.current += 1;
+      return {
+        uid: `${prefix}-${sequence.current}`,
+        name: file.name,
+        size: file.size,
+        status: "uploading",
+        percent: 0,
+        file
+      };
+    });
+    if (maxCount === 1) {
+      for (const item of latest.current) controllers.current.get(item.uid)?.abort();
+      commit(fresh);
+    } else {
+      commit([...latest.current, ...fresh]);
+    }
+    for (const item of fresh) start(item.uid, item.file);
+  };
+  const remove = async (item) => {
+    if (onRemove !== void 0 && !await onRemove(item)) return;
+    controllers.current.get(item.uid)?.abort();
+    controllers.current.delete(item.uid);
+    commit(latest.current.filter((entry) => entry.uid !== item.uid));
+  };
+  const open = () => {
+    if (!disabled) input.current?.click();
+  };
+  const onInputChange = (event) => {
+    const files = [...event.target.files ?? []];
+    event.target.value = "";
+    void add(files);
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      open();
+    }
+  };
+  const onDragEnter = (event) => {
+    if (!hasFiles(event)) return;
+    event.preventDefault();
+    dragDepth.current += 1;
+    setDragging(true);
+  };
+  const onDragLeave = (event) => {
+    if (!hasFiles(event)) return;
+    dragDepth.current = Math.max(0, dragDepth.current - 1);
+    if (dragDepth.current === 0) setDragging(false);
+  };
+  const onDragOver = (event) => {
+    if (!hasFiles(event)) return;
+    event.preventDefault();
+    event.dataTransfer.dropEffect = disabled ? "none" : "copy";
+  };
+  const onDrop = (event) => {
+    if (!hasFiles(event)) return;
+    event.preventDefault();
+    dragDepth.current = 0;
+    setDragging(false);
+    void add([...event.dataTransfer.files]);
+  };
+  const picker = /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref: input,
+      className: Upload_module_default.input,
+      type: "file",
+      tabIndex: -1,
+      accept,
+      multiple,
+      disabled,
+      onClick: (event) => event.stopPropagation(),
+      onChange: onInputChange
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: clsx(Upload_module_default.upload, className), children: [
+    layout === "dragger" ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(Upload_module_default.dropzone, dragging && Upload_module_default.dragging, disabled && Upload_module_default.disabled),
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-disabled": disabled || void 0,
+        onClick: open,
+        onKeyDown,
+        onDragEnter,
+        onDragLeave,
+        onDragOver,
+        onDrop,
+        children: [
+          picker,
+          /* @__PURE__ */ jsx("span", { className: Upload_module_default.dropIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsx(UploadGlyph, {}) }),
+          /* @__PURE__ */ jsx("span", { className: Upload_module_default.dropTitle, children: labels.trigger }),
+          labels.hint === void 0 ? null : /* @__PURE__ */ jsx("span", { className: Upload_module_default.hint, children: labels.hint })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs("div", { className: Upload_module_default.trigger, children: [
+      picker,
+      /* @__PURE__ */ jsx(Button, { variant: "outline", icon: /* @__PURE__ */ jsx(UploadGlyph, {}), disabled, onClick: open, children: labels.trigger }),
+      labels.hint === void 0 ? null : /* @__PURE__ */ jsx("span", { className: Upload_module_default.hint, children: labels.hint })
+    ] }),
+    showList && list.length > 0 ? /* @__PURE__ */ jsx("ul", { className: Upload_module_default.list, "aria-label": labels.list, children: list.map((item) => /* @__PURE__ */ jsxs("li", { className: clsx(Upload_module_default.item, Upload_module_default[item.status]), "data-status": item.status, children: [
+      /* @__PURE__ */ jsx("span", { className: Upload_module_default.fileIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsx(IconPaperclipOutlineRegular, {}) }),
+      onPreview === void 0 ? /* @__PURE__ */ jsx("span", { className: Upload_module_default.name, children: item.name }) : /* @__PURE__ */ jsx("button", { type: "button", className: clsx(Upload_module_default.name, Upload_module_default.nameButton), onClick: () => onPreview(item), children: item.name }),
+      /* @__PURE__ */ jsxs("span", { className: Upload_module_default.actions, children: [
+        item.status === "error" && item.file !== void 0 ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: Upload_module_default.action,
+            "aria-label": labels.retry,
+            disabled,
+            icon: /* @__PURE__ */ jsx(IconRefreshOutlineRegular, {}),
+            onClick: () => start(item.uid, item.file)
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: Upload_module_default.action,
+            "aria-label": labels.remove,
+            disabled,
+            icon: /* @__PURE__ */ jsx(IconCloseOutlineRegular, {}),
+            onClick: () => void remove(item)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: Upload_module_default.meta, children: [
+        /* @__PURE__ */ jsx("span", { children: formatBytes(item.size) }),
+        /* @__PURE__ */ jsx("span", { className: Upload_module_default.status, role: "status", children: statusText(item, labels) })
+      ] }),
+      item.status === "uploading" ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: Upload_module_default.track,
+          role: "progressbar",
+          "aria-label": labels.uploading,
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          "aria-valuenow": item.percent,
+          children: /* @__PURE__ */ jsx("span", { className: Upload_module_default.fill, style: { width: `${item.percent}%` } })
+        }
+      ) : null
+    ] }, item.uid)) }) : null
+  ] });
+}
+function statusText(item, labels) {
+  if (item.status === "uploading") return `${labels.uploading} ${item.percent}%`;
+  if (item.status === "error") return item.error === void 0 || item.error === "" ? labels.error : item.error;
+  return labels.done;
+}
+function errorMessage(reason) {
+  return reason instanceof Error ? reason.message : typeof reason === "string" ? reason : "";
+}
+function matchesAccept(file, accept) {
+  const name = file.name.toLowerCase();
+  const type = file.type.toLowerCase();
+  return accept.split(",").map((rule) => rule.trim().toLowerCase()).filter((rule) => rule !== "").some((rule) => {
+    if (rule.startsWith(".")) return name.endsWith(rule);
+    if (rule.endsWith("/*")) return type.startsWith(rule.slice(0, -1));
+    return type === rule;
+  });
+}
+function hasFiles(event) {
+  return [...event.dataTransfer?.types ?? []].includes("Files");
+}
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB"];
+  let value = bytes / 1024;
+  let unit = 0;
+  while (value >= 1024 && unit < units.length - 1) {
+    value /= 1024;
+    unit += 1;
+  }
+  return `${value.toFixed(1).replace(/\.0$/, "")} ${units[unit]}`;
+}
+function UploadGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: 20,
+      height: 20,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 15V4" }),
+        /* @__PURE__ */ jsx("path", { d: "M7.5 8.5 12 4l4.5 4.5" })
+      ]
+    }
+  );
+}
+
+export {
+  Upload
+};

package/dist/chunks/chunk-VIH56PDF.js

@@ -0,0 +1,57 @@
+import {
+  Spinner
+} from "./chunk-WUL523OW.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 = { "succeeded": "M4slRG_succeeded", "title": "M4slRG_title", "meta": "M4slRG_meta", "glyph": "M4slRG_glyph", "select": "M4slRG_select", "timeline": "M4slRG_timeline", "failed": "M4slRG_failed", "badge": "M4slRG_badge", "body": "M4slRG_body", "list": "M4slRG_list", "item": "M4slRG_item", "badgeCell": "M4slRG_badgeCell", "canceled": "M4slRG_canceled", "message": "M4slRG_message", "heading": "M4slRG_heading", "rail": "M4slRG_rail", "running": "M4slRG_running", "messageError": "M4slRG_messageError", "srOnly": "M4slRG_srOnly" };
+
+// 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-WUL523OW.js

@@ -0,0 +1,27 @@
+// src/seekbuddy/Spinner.tsx
+import clsx from "clsx";
+
+// .build/css/seekbuddy/Spinner.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Spinner.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 = ".ACvqaW_ring{box-sizing:border-box;corner-shape:round;border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;animation:.85s linear infinite ACvqaW_dsh-seekbuddy-spinner;display:inline-block}.ACvqaW_sm{width:.85rem;height:.85rem}.ACvqaW_md{border-width:3px;width:2rem;height:2rem}.ACvqaW_page{color:var(--dsw-alias-label-primary)}.ACvqaW_status{align-items:center;display:inline-flex;position:relative}.ACvqaW_label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes ACvqaW_dsh-seekbuddy-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ACvqaW_ring{border-top-color:color-mix(in srgb, currentColor 35%, transparent);border-right-color:currentColor;animation:none}}";
+  document.head.appendChild(element);
+}
+var Spinner_module_default = { "dsh-seekbuddy-spinner": "ACvqaW_dsh-seekbuddy-spinner", "page": "ACvqaW_page", "status": "ACvqaW_status", "ring": "ACvqaW_ring", "label": "ACvqaW_label", "sm": "ACvqaW_sm", "md": "ACvqaW_md" };
+
+// src/seekbuddy/Spinner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Spinner({ size = "sm", tone = "inherit", label, className }) {
+  const ring = clsx(Spinner_module_default.ring, Spinner_module_default[size], tone === "page" && Spinner_module_default.page);
+  if (label === void 0) return /* @__PURE__ */ jsx("span", { className: clsx(ring, className), "aria-hidden": "true" });
+  return /* @__PURE__ */ jsxs("span", { className: clsx(Spinner_module_default.status, className), role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx("span", { className: ring, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { className: Spinner_module_default.label, children: label })
+  ] });
+}
+
+export {
+  Spinner
+};