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

package/dist/chunks/chunk-B3EEK7A2.js

@@ -0,0 +1,408 @@
+import {
+  __publicField
+} from "./chunk-ZA47FP7C.js";
+
+// src/seekbuddy/qr/QrCode.tsx
+import { useMemo } from "react";
+import clsx from "clsx";
+
+// src/seekbuddy/qr/qr.ts
+var MAX_VERSION = 20;
+var EC_LEVEL_BITS = 0;
+var EC_BLOCKS = [
+  [0, 0, 0, 0, 0],
+  [10, 1, 16, 0, 0],
+  [16, 1, 28, 0, 0],
+  [26, 1, 44, 0, 0],
+  [18, 2, 32, 0, 0],
+  [24, 2, 43, 0, 0],
+  [16, 4, 27, 0, 0],
+  [18, 4, 31, 0, 0],
+  [22, 2, 38, 2, 39],
+  [22, 3, 36, 2, 37],
+  [26, 4, 43, 1, 44],
+  [30, 1, 50, 4, 51],
+  [22, 6, 36, 2, 37],
+  [22, 8, 37, 1, 38],
+  [24, 4, 40, 5, 41],
+  [24, 5, 41, 5, 42],
+  [28, 7, 45, 3, 46],
+  [28, 10, 46, 1, 47],
+  [26, 9, 43, 4, 44],
+  [26, 3, 44, 11, 45],
+  [26, 3, 41, 13, 42]
+];
+var ALIGNMENT = [
+  [],
+  [],
+  [6, 18],
+  [6, 22],
+  [6, 26],
+  [6, 30],
+  [6, 34],
+  [6, 22, 38],
+  [6, 24, 42],
+  [6, 26, 46],
+  [6, 28, 50],
+  [6, 30, 54],
+  [6, 32, 58],
+  [6, 34, 62],
+  [6, 26, 46, 66],
+  [6, 26, 48, 70],
+  [6, 26, 50, 74],
+  [6, 30, 54, 78],
+  [6, 30, 56, 82],
+  [6, 30, 58, 86],
+  [6, 34, 62, 90]
+];
+var EXP = new Uint8Array(512);
+var LOG = new Uint8Array(256);
+{
+  let value = 1;
+  for (let index = 0; index < 255; index += 1) {
+    EXP[index] = value;
+    LOG[value] = index;
+    value <<= 1;
+    if (value & 256) value ^= 285;
+  }
+  for (let index = 255; index < 512; index += 1) EXP[index] = EXP[index - 255];
+}
+function gfMul(a, b) {
+  return a === 0 || b === 0 ? 0 : EXP[LOG[a] + LOG[b]];
+}
+function generator(degree) {
+  let poly = new Uint8Array([1]);
+  for (let index = 0; index < degree; index += 1) {
+    const next = new Uint8Array(poly.length + 1);
+    for (let position = 0; position < poly.length; position += 1) {
+      next[position] = next[position] ^ poly[position];
+      next[position + 1] = next[position + 1] ^ gfMul(poly[position], EXP[index]);
+    }
+    poly = next;
+  }
+  return poly;
+}
+function remainder(data, ecCount) {
+  const gen = generator(ecCount);
+  const buffer = new Uint8Array(data.length + ecCount);
+  buffer.set(data);
+  for (let index = 0; index < data.length; index += 1) {
+    const factor = buffer[index];
+    if (factor === 0) continue;
+    for (let position = 1; position < gen.length; position += 1) {
+      buffer[index + position] = buffer[index + position] ^ gfMul(gen[position], factor);
+    }
+  }
+  return buffer.slice(data.length);
+}
+var Bits = class {
+  constructor() {
+    __publicField(this, "values", []);
+  }
+  /**
+   * 追加 `length` 位。
+   *
+   * @param value - 数值
+   * @param length - 位数
+   */
+  push(value, length) {
+    for (let index = length - 1; index >= 0; index -= 1) this.values.push(value >>> index & 1);
+  }
+};
+function capacityOf(version) {
+  const [ecCount, blocks1, data1, blocks2, data2] = EC_BLOCKS[version];
+  const dataCodewords = blocks1 * data1 + blocks2 * data2;
+  void ecCount;
+  const countBits = version < 10 ? 8 : 16;
+  return Math.floor((dataCodewords * 8 - 4 - countBits) / 8);
+}
+function codewordsOf(bytes, version) {
+  const [ecCount, blocks1, data1, blocks2, data2] = EC_BLOCKS[version];
+  const dataTotal = blocks1 * data1 + blocks2 * data2;
+  const bits = new Bits();
+  bits.push(4, 4);
+  bits.push(bytes.length, version < 10 ? 8 : 16);
+  for (const byte of bytes) bits.push(byte, 8);
+  const terminator = Math.min(4, dataTotal * 8 - bits.values.length);
+  bits.push(0, terminator);
+  while (bits.values.length % 8 !== 0) bits.values.push(0);
+  const data = new Uint8Array(dataTotal);
+  for (let index = 0; index < bits.values.length / 8; index += 1) {
+    let byte = 0;
+    for (let offset = 0; offset < 8; offset += 1) byte = byte << 1 | bits.values[index * 8 + offset];
+    data[index] = byte;
+  }
+  for (let index = bits.values.length / 8; index < dataTotal; index += 1) {
+    data[index] = (index - bits.values.length / 8) % 2 === 0 ? 236 : 17;
+  }
+  const dataBlocks = [];
+  const ecBlocks = [];
+  let cursor = 0;
+  for (const [count, size] of [
+    [blocks1, data1],
+    [blocks2, data2]
+  ]) {
+    for (let index = 0; index < count; index += 1) {
+      const block = data.slice(cursor, cursor + size);
+      cursor += size;
+      dataBlocks.push(block);
+      ecBlocks.push(remainder(block, ecCount));
+    }
+  }
+  const out = [];
+  const maxData = Math.max(data1, data2);
+  for (let index = 0; index < maxData; index += 1) {
+    for (const block of dataBlocks) if (index < block.length) out.push(block[index]);
+  }
+  for (let index = 0; index < ecCount; index += 1) {
+    for (const block of ecBlocks) out.push(block[index]);
+  }
+  return new Uint8Array(out);
+}
+function put(grid, x, y, dark) {
+  grid.modules[y * grid.size + x] = dark ? 1 : 0;
+  grid.reserved[y * grid.size + x] = 1;
+}
+function functionPatterns(version) {
+  const size = version * 4 + 17;
+  const grid = { size, modules: new Uint8Array(size * size), reserved: new Uint8Array(size * size) };
+  for (const [ox, oy] of [
+    [0, 0],
+    [size - 7, 0],
+    [0, size - 7]
+  ]) {
+    for (let y = -1; y <= 7; y += 1) {
+      for (let x = -1; x <= 7; x += 1) {
+        const px = ox + x;
+        const py = oy + y;
+        if (px < 0 || py < 0 || px >= size || py >= size) continue;
+        const ring = Math.max(Math.abs(x - 3), Math.abs(y - 3));
+        put(grid, px, py, x >= 0 && x <= 6 && y >= 0 && y <= 6 && ring !== 2);
+      }
+    }
+  }
+  const centers = ALIGNMENT[version];
+  for (const cy of centers) {
+    for (const cx of centers) {
+      if (cx === 6 && cy === 6 || cx === 6 && cy === size - 7 || cx === size - 7 && cy === 6) continue;
+      for (let y = -2; y <= 2; y += 1) {
+        for (let x = -2; x <= 2; x += 1) {
+          put(grid, cx + x, cy + y, Math.max(Math.abs(x), Math.abs(y)) !== 1);
+        }
+      }
+    }
+  }
+  for (let index = 8; index < size - 8; index += 1) {
+    put(grid, index, 6, index % 2 === 0);
+    put(grid, 6, index, index % 2 === 0);
+  }
+  put(grid, 8, size - 8, true);
+  for (let index = 0; index < 9; index += 1) {
+    if (index !== 6) put(grid, index, 8, false);
+    if (index !== 6) put(grid, 8, index, false);
+  }
+  for (let index = 0; index < 8; index += 1) {
+    put(grid, size - 1 - index, 8, false);
+    if (index < 7) put(grid, 8, size - 1 - index, false);
+  }
+  if (version >= 7) {
+    for (let index = 0; index < 18; index += 1) {
+      const a = Math.floor(index / 3);
+      const b = index % 3 + size - 11;
+      put(grid, a, b, false);
+      put(grid, b, a, false);
+    }
+  }
+  return grid;
+}
+function placeData(grid, codewords) {
+  const { size } = grid;
+  let bit = 0;
+  let upward = true;
+  for (let right = size - 1; right >= 1; right -= 2) {
+    const column = right <= 6 ? right - 1 : right;
+    for (let step = 0; step < size; step += 1) {
+      const y = upward ? size - 1 - step : step;
+      for (const x of [column, column - 1]) {
+        if (grid.reserved[y * size + x] === 1) continue;
+        const byte = codewords[bit >>> 3];
+        const dark = byte !== void 0 && (byte >>> 7 - (bit & 7) & 1) === 1;
+        grid.modules[y * size + x] = dark ? 1 : 0;
+        bit += 1;
+      }
+    }
+    upward = !upward;
+  }
+}
+var MASKS = [
+  (x, y) => (x + y) % 2 === 0,
+  (_x, y) => y % 2 === 0,
+  (x) => x % 3 === 0,
+  (x, y) => (x + y) % 3 === 0,
+  (x, y) => (Math.floor(y / 2) + Math.floor(x / 3)) % 2 === 0,
+  (x, y) => x * y % 2 + x * y % 3 === 0,
+  (x, y) => (x * y % 2 + x * y % 3) % 2 === 0,
+  (x, y) => ((x + y) % 2 + x * y % 3) % 2 === 0
+];
+function penalty(modules, size) {
+  let score = 0;
+  const at = (x, y) => modules[y * size + x];
+  for (let line = 0; line < size; line += 1) {
+    for (const horizontal of [true, false]) {
+      let run = 1;
+      for (let index = 1; index < size; index += 1) {
+        const current = horizontal ? at(index, line) : at(line, index);
+        const previous = horizontal ? at(index - 1, line) : at(line, index - 1);
+        if (current === previous) {
+          run += 1;
+          if (run === 5) score += 3;
+          else if (run > 5) score += 1;
+        } else run = 1;
+      }
+    }
+  }
+  for (let y = 0; y < size - 1; y += 1) {
+    for (let x = 0; x < size - 1; x += 1) {
+      const value = at(x, y);
+      if (value === at(x + 1, y) && value === at(x, y + 1) && value === at(x + 1, y + 1)) score += 3;
+    }
+  }
+  const FINDER_AHEAD = 1488;
+  const FINDER_BEHIND = 93;
+  for (let line = 0; line < size; line += 1) {
+    let row = 0;
+    let column = 0;
+    for (let index = 0; index < size; index += 1) {
+      row = row << 1 & 2047 | at(index, line);
+      column = column << 1 & 2047 | at(line, index);
+      if (index < 10) continue;
+      if (row === FINDER_AHEAD || row === FINDER_BEHIND) score += 40;
+      if (column === FINDER_AHEAD || column === FINDER_BEHIND) score += 40;
+    }
+  }
+  const dark = modules.reduce((total, value) => total + value, 0);
+  const ratio = dark * 100 / (size * size);
+  score += Math.abs(Math.ceil(ratio / 5) - 10) * 10;
+  return score;
+}
+function writeFormat(grid, mask) {
+  const { size } = grid;
+  const data = EC_LEVEL_BITS << 3 | mask;
+  let rest = data << 10;
+  for (let index = 4; index >= 0; index -= 1) {
+    if (rest & 1 << index + 10) rest ^= 1335 << index;
+  }
+  const bits = (data << 10 | rest) ^ 21522;
+  const set = (x, y, dark) => void (grid.modules[y * size + x] = dark ? 1 : 0);
+  for (let index = 0; index < 15; index += 1) {
+    const dark = (bits >>> index & 1) === 1;
+    if (index < 6) set(8, index, dark);
+    else if (index === 6) set(8, 7, dark);
+    else if (index === 7) set(8, 8, dark);
+    else if (index === 8) set(7, 8, dark);
+    else set(14 - index, 8, dark);
+    if (index < 8) set(size - 1 - index, 8, dark);
+    else set(8, size - 15 + index, dark);
+  }
+}
+function writeVersion(grid, version) {
+  if (version < 7) return;
+  const { size } = grid;
+  let rest = version << 12;
+  for (let index = 5; index >= 0; index -= 1) {
+    if (rest & 1 << index + 12) rest ^= 7973 << index;
+  }
+  const bits = version << 12 | rest;
+  for (let index = 0; index < 18; index += 1) {
+    const dark = (bits >>> index & 1) === 1 ? 1 : 0;
+    const a = Math.floor(index / 3);
+    const b = index % 3 + size - 11;
+    grid.modules[b * size + a] = dark;
+    grid.modules[a * size + b] = dark;
+  }
+}
+function encodeQr(text) {
+  if (text === "") return null;
+  const bytes = new TextEncoder().encode(text);
+  let version = 0;
+  for (let candidate = 1; candidate <= MAX_VERSION; candidate += 1) {
+    if (capacityOf(candidate) >= bytes.length) {
+      version = candidate;
+      break;
+    }
+  }
+  if (version === 0) return null;
+  const codewords = codewordsOf(bytes, version);
+  const base = functionPatterns(version);
+  placeData(base, codewords);
+  let best = null;
+  for (let mask = 0; mask < MASKS.length; mask += 1) {
+    const modules = Uint8Array.from(base.modules);
+    const condition = MASKS[mask];
+    for (let y = 0; y < base.size; y += 1) {
+      for (let x = 0; x < base.size; x += 1) {
+        if (base.reserved[y * base.size + x] === 1) continue;
+        if (condition(x, y)) modules[y * base.size + x] = modules[y * base.size + x] ^ 1;
+      }
+    }
+    const candidate = { size: base.size, modules, reserved: base.reserved };
+    writeFormat(candidate, mask);
+    writeVersion(candidate, version);
+    if (best === null || penalty(modules, base.size) < penalty(best.modules, base.size)) {
+      best = { mask, modules };
+    }
+  }
+  return {
+    size: base.size,
+    version,
+    modules: Array.from(best.modules, (value) => value === 1)
+  };
+}
+
+// .build/css/seekbuddy/qr/QrCode.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/qr/QrCode.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 = ".kJqaaq_qr{border-radius:var(--dsw-radius-sm);display:block}";
+  document.head.appendChild(element);
+}
+var QrCode_module_default = { "qr": "kJqaaq_qr" };
+
+// src/seekbuddy/qr/QrCode.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var QUIET = 4;
+function QrCode({ text, label, fallback, size = 180, className }) {
+  const drawing = useMemo(() => {
+    const matrix = encodeQr(text);
+    if (matrix === null) return null;
+    let path = "";
+    for (let y = 0; y < matrix.size; y += 1) {
+      for (let x = 0; x < matrix.size; x += 1) {
+        if (matrix.modules[y * matrix.size + x]) path += `M${String(x + QUIET)} ${String(y + QUIET)}h1v1h-1z`;
+      }
+    }
+    return { path, extent: matrix.size + QUIET * 2 };
+  }, [text]);
+  if (drawing === null) return fallback ?? null;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: clsx(QrCode_module_default.qr, className),
+      width: size,
+      height: size,
+      viewBox: `0 0 ${String(drawing.extent)} ${String(drawing.extent)}`,
+      role: "img",
+      "aria-label": label,
+      shapeRendering: "crispEdges",
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: drawing.extent, height: drawing.extent, fill: "#fff" }),
+        /* @__PURE__ */ jsx("path", { d: drawing.path, fill: "#000" })
+      ]
+    }
+  );
+}
+
+export {
+  QrCode
+};

package/dist/chunks/chunk-CEBTQO6W.js

@@ -0,0 +1,24 @@
+// src/seekbuddy/DangerButton.tsx
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { Button } from "@seekbuddy/dsh-ui";
+
+// .build/css/seekbuddy/DangerButton.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/DangerButton.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 = ".t5_aDG_danger{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}.t5_aDG_danger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.t5_aDG_danger:active:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 18%, transparent)}.t5_aDG_danger:focus-visible{outline-offset:2px;outline-style:solid}";
+  document.head.appendChild(element);
+}
+var DangerButton_module_default = { "danger": "t5_aDG_danger" };
+
+// src/seekbuddy/DangerButton.tsx
+import { jsx } from "react/jsx-runtime";
+var DangerButton = forwardRef(function DangerButton2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Button, { ...rest, ref, variant: "outline", className: clsx(DangerButton_module_default.danger, className) });
+});
+
+export {
+  DangerButton
+};

package/dist/chunks/chunk-CI73NXA5.js

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

package/dist/chunks/chunk-CTQPGUZP.js

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