premium-ds 0.1.0

package/dist/chunk-4HSCN5TZ.js

@@ -0,0 +1,86 @@
+'use client';import { UIMotion } from './chunk-37O2ZXD6.js';
+import { Badge } from './chunk-2OWHZ4JT.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SM = UIMotion;
+var POST_STATUS = {
+  draft: { tone: "neutral", label: "Draft" },
+  scheduled: { tone: "info", label: "Scheduled" },
+  processing: { tone: "warning", label: "Processing", live: true },
+  published: { tone: "success", label: "Published" },
+  failed: { tone: "danger", label: "Failed" }
+};
+var TERMINAL = { published: true, failed: true };
+function StatusBadge({ status, morph = false, ...rest }) {
+  if (!morph) {
+    const s = POST_STATUS[status] || POST_STATUS.draft;
+    return /* @__PURE__ */ jsx(Badge, { tone: s.tone, dot: true, live: !!s.live, ...rest, children: s.label });
+  }
+  return /* @__PURE__ */ jsx(StatusMorph, { status, ...rest });
+}
+function StatusMorph({ status, className = "", ...rest }) {
+  const s = POST_STATUS[status] || POST_STATUS.draft;
+  const prev = React.useRef(status);
+  const keyRef = React.useRef(1);
+  const labelRef = React.useRef(null);
+  const ghostRef = React.useRef(null);
+  const [words, setWords] = React.useState([{ key: 0, label: s.label, cls: "" }]);
+  const [boxW, setBoxW] = React.useState();
+  React.useLayoutEffect(() => {
+    if (ghostRef.current) setBoxW(ghostRef.current.offsetWidth);
+  }, []);
+  React.useEffect(() => {
+    if (prev.current === status) return;
+    prev.current = status;
+    const next = POST_STATUS[status] || POST_STATUS.draft;
+    const nk = keyRef.current++;
+    const nextW = ghostRef.current?.offsetWidth;
+    setWords((ws) => ws.concat({ key: nk, label: next.label, cls: "badge__word--in" }));
+    const raf = requestAnimationFrame(
+      () => requestAnimationFrame(() => {
+        setWords(
+          (ws) => ws.map((w) => w.key === nk ? { ...w, cls: "" } : { ...w, cls: "badge__word--out" })
+        );
+        if (nextW) setBoxW(nextW);
+      })
+    );
+    const drop = setTimeout(
+      () => setWords((ws) => ws.filter((w) => !w.cls.includes("--out"))),
+      SM.dur.base * 1e3 + 80
+    );
+    let glintT;
+    if (TERMINAL[status] && labelRef.current) {
+      const chip = labelRef.current.closest(".badge");
+      if (chip) {
+        chip.classList.remove("glass-glint");
+        void chip.offsetWidth;
+        chip.classList.add("glass-glint");
+        glintT = setTimeout(() => chip.classList.remove("glass-glint"), SM.dur.slow * 1e3 + 80);
+      }
+    }
+    return () => {
+      cancelAnimationFrame(raf);
+      clearTimeout(drop);
+      clearTimeout(glintT);
+    };
+  }, [status]);
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      tone: s.tone,
+      dot: true,
+      live: !!s.live,
+      className: ["badge--morph", className].filter(Boolean).join(" "),
+      ...rest,
+      children: /* @__PURE__ */ jsxs("span", { className: "badge__morph", ref: labelRef, style: boxW ? { width: boxW } : void 0, children: [
+        /* @__PURE__ */ jsx("span", { className: "badge__ghost", ref: ghostRef, "aria-hidden": "true", children: s.label }),
+        words.map((w) => /* @__PURE__ */ jsx("span", { className: ["badge__word", w.cls].filter(Boolean).join(" "), children: w.label }, w.key))
+      ] })
+    }
+  );
+}
+
+export { POST_STATUS, StatusBadge };
+//# sourceMappingURL=chunk-4HSCN5TZ.js.map
+//# sourceMappingURL=chunk-4HSCN5TZ.js.map

package/dist/chunk-4HSCN5TZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge/StatusBadge.tsx"],"names":[],"mappings":"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","file":"chunk-4HSCN5TZ.js","sourcesContent":["'use client';\n\n// StatusBadge - a status as a badge; canonical tone+label mapping; morph tweens width in place.\n\nimport * as React from 'react';\nimport { Badge, type BadgeProps } from './Badge';\nimport { UIMotion } from '../../tokens/motion-tokens';\n\nconst SM = UIMotion;\n\nexport type PostStatus = 'draft' | 'scheduled' | 'processing' | 'published' | 'failed';\n\nexport const POST_STATUS: Record<\n  PostStatus,\n  { tone: BadgeProps['tone']; label: string; live?: boolean }\n> = {\n  draft: { tone: 'neutral', label: 'Draft' },\n  scheduled: { tone: 'info', label: 'Scheduled' },\n  processing: { tone: 'warning', label: 'Processing', live: true },\n  published: { tone: 'success', label: 'Published' },\n  failed: { tone: 'danger', label: 'Failed' },\n};\n\nconst TERMINAL: Partial<Record<PostStatus, boolean>> = { published: true, failed: true };\n\nexport interface StatusBadgeProps extends Omit<BadgeProps, 'children' | 'tone'> {\n  status: PostStatus;\n  /** Morph in place as `status` changes instead of swapping. */\n  morph?: boolean;\n}\n\nexport function StatusBadge({ status, morph = false, ...rest }: StatusBadgeProps) {\n  if (!morph) {\n    const s = POST_STATUS[status] || POST_STATUS.draft;\n    return (\n      <Badge tone={s.tone} dot live={!!s.live} {...rest}>\n        {s.label}\n      </Badge>\n    );\n  }\n  return <StatusMorph status={status} {...rest} />;\n}\n\ninterface StatusMorphProps extends Omit<BadgeProps, 'children' | 'tone'> {\n  status: PostStatus;\n}\n\ninterface Word {\n  key: number;\n  label: string;\n  cls: string;\n}\n\nfunction StatusMorph({ status, className = '', ...rest }: StatusMorphProps) {\n  const s = POST_STATUS[status] || POST_STATUS.draft;\n\n  const prev = React.useRef(status);\n  const keyRef = React.useRef(1);\n  const labelRef = React.useRef<HTMLSpanElement>(null);\n  const ghostRef = React.useRef<HTMLSpanElement>(null);\n  const [words, setWords] = React.useState<Word[]>([{ key: 0, label: s.label, cls: '' }]);\n  const [boxW, setBoxW] = React.useState<number>();\n\n  // initial width only; on change the width eases in the rAF below, synced to the word roll\n  React.useLayoutEffect(() => {\n    if (ghostRef.current) setBoxW(ghostRef.current.offsetWidth);\n  }, []);\n\n  React.useEffect(() => {\n    if (prev.current === status) return;\n    prev.current = status;\n    const next = POST_STATUS[status] || POST_STATUS.draft;\n    const nk = keyRef.current++;\n    // ghost already holds the new label\n    const nextW = ghostRef.current?.offsetWidth;\n\n    // add the new word primed below (invisible); the current word stays settled\n    setWords((ws) => ws.concat({ key: nk, label: next.label, cls: 'badge__word--in' }));\n    // next frame: roll the new word in, the old out, ease the box - one tween; clip hides the wider word\n    const raf = requestAnimationFrame(() =>\n      requestAnimationFrame(() => {\n        setWords((ws) =>\n          ws.map((w) => (w.key === nk ? { ...w, cls: '' } : { ...w, cls: 'badge__word--out' })),\n        );\n        if (nextW) setBoxW(nextW);\n      }),\n    );\n    // old word done rolling out - drop it; width already settled in the rAF, so this only prunes the DOM\n    const drop = setTimeout(\n      () => setWords((ws) => ws.filter((w) => !w.cls.includes('--out'))),\n      SM.dur.base * 1000 + 80,\n    );\n    // glint when a post lands on a terminal state\n    let glintT: ReturnType<typeof setTimeout> | undefined;\n    if (TERMINAL[status] && labelRef.current) {\n      const chip = labelRef.current.closest('.badge') as HTMLElement | null;\n      if (chip) {\n        chip.classList.remove('glass-glint');\n        // restart the one-shot\n        void chip.offsetWidth;\n        chip.classList.add('glass-glint');\n        glintT = setTimeout(() => chip.classList.remove('glass-glint'), SM.dur.slow * 1000 + 80);\n      }\n    }\n    return () => {\n      cancelAnimationFrame(raf);\n      clearTimeout(drop);\n      clearTimeout(glintT);\n    };\n  }, [status]);\n\n  return (\n    <Badge\n      tone={s.tone}\n      dot\n      live={!!s.live}\n      className={['badge--morph', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      <span className=\"badge__morph\" ref={labelRef} style={boxW ? { width: boxW } : undefined}>\n        <span className=\"badge__ghost\" ref={ghostRef} aria-hidden=\"true\">\n          {s.label}\n        </span>\n        {words.map((w) => (\n          <span key={w.key} className={['badge__word', w.cls].filter(Boolean).join(' ')}>\n            {w.label}\n          </span>\n        ))}\n      </span>\n    </Badge>\n  );\n}\n"]}

package/dist/chunk-5DDOOT33.js

@@ -0,0 +1,258 @@
+'use client';import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/date-picker/time-core.tsx
+var { useState, useRef, useEffect } = React;
+var tsgPad = (n) => String(n).padStart(2, "0");
+var tsgDisp12 = (h24) => (h24 + 11) % 12 + 1;
+var tsgToH24 = (d12, mer) => d12 % 12 + (mer === "PM" ? 12 : 0);
+function tsgFeed(pend, d, hi) {
+  if (pend != null) {
+    const n = pend * 10 + d;
+    if (n <= hi) return { val: n, done: true };
+  }
+  return { val: d, done: d * 10 > hi };
+}
+function TimeSegments({
+  value = null,
+  onCommit,
+  format = "24h",
+  minuteStep = 5,
+  min = null,
+  max = null,
+  disabled = false,
+  ariaLabel = "Time",
+  className = ""
+}) {
+  const is12 = format === "12h";
+  const seed = value ? value.split(":").map(Number) : [null, null];
+  const [h, setHState] = useState(seed[0]);
+  const [m, setMState] = useState(seed[1]);
+  const [mer, setMer] = useState(seed[0] != null && seed[0] >= 12 ? "PM" : "AM");
+  const [pend, setPendState] = useState(null);
+  const hLive = useRef(seed[0]);
+  const mLive = useRef(seed[1]);
+  const pendLive = useRef(null);
+  const setH = (v) => {
+    hLive.current = v;
+    setHState(v);
+  };
+  const setM = (v) => {
+    mLive.current = v;
+    setMState(v);
+  };
+  const setPend = (v) => {
+    pendLive.current = v;
+    setPendState(v);
+  };
+  const hRef = useRef(null);
+  const mRef = useRef(null);
+  const merRef = useRef(null);
+  const lastRef = useRef(value || null);
+  useEffect(() => {
+    if ((value || null) === lastRef.current) return;
+    lastRef.current = value || null;
+    const p = value ? value.split(":").map(Number) : [null, null];
+    setH(p[0]);
+    setM(p[1]);
+    if (p[0] != null) setMer(p[0] >= 12 ? "PM" : "AM");
+    setPend(null);
+  }, [value]);
+  function tryCommit(nh, nm) {
+    if (nh == null || nm == null) return;
+    let t = tsgPad(nh) + ":" + tsgPad(nm);
+    if (min && t < min) t = min;
+    if (max && t > max) t = max;
+    const p = t.split(":").map(Number);
+    if (p[0] !== nh) {
+      setH(p[0]);
+      setMer(p[0] >= 12 ? "PM" : "AM");
+      setPend(null);
+    }
+    if (p[1] !== nm) setM(p[1]);
+    if (t === lastRef.current) return;
+    lastRef.current = t;
+    if (onCommit) onCommit(t);
+  }
+  const focusSeg = (r) => {
+    if (r.current) r.current.focus();
+  };
+  function onHKey(e) {
+    const k = e.key;
+    if (/^[0-9]$/.test(k)) {
+      const pd = pend && pend.seg === "h" ? pend.d : null;
+      const r = tsgFeed(pd, +k, is12 ? 12 : 23);
+      const nh = is12 ? tsgToH24(r.val === 0 ? 12 : r.val, mer) : r.val;
+      setH(nh);
+      if (!is12) setMer(nh >= 12 ? "PM" : "AM");
+      setPend(r.done ? null : { seg: "h", d: r.val });
+      if (r.done) {
+        focusSeg(mRef);
+        tryCommit(nh, mLive.current);
+      }
+    } else if (k === "ArrowUp" || k === "ArrowDown") {
+      const dir = k === "ArrowUp" ? 1 : -1;
+      const nh = h == null ? (/* @__PURE__ */ new Date()).getHours() : (h + dir + 24) % 24;
+      setH(nh);
+      setMer(nh >= 12 ? "PM" : "AM");
+      setPend(null);
+      tryCommit(nh, mLive.current);
+    } else if (k === "Backspace" || k === "Delete") {
+      setH(null);
+      setPend(null);
+    } else if (k === "ArrowRight" || k === ":" || k === ";") {
+      focusSeg(mRef);
+    } else if (k === "Tab") {
+      return;
+    } else if (k.length === 1 && !e.metaKey && !e.ctrlKey) ; else return;
+    e.preventDefault();
+  }
+  function onMKey(e) {
+    const k = e.key;
+    if (/^[0-9]$/.test(k)) {
+      const pd = pend && pend.seg === "m" ? pend.d : null;
+      const r = tsgFeed(pd, +k, 59);
+      setM(r.val);
+      setPend(r.done ? null : { seg: "m", d: r.val });
+      if (r.done) {
+        if (is12) focusSeg(merRef);
+        tryCommit(hLive.current, r.val);
+      }
+    } else if (k === "ArrowUp" || k === "ArrowDown") {
+      const dir = k === "ArrowUp" ? 1 : -1;
+      let nm;
+      if (m == null) {
+        nm = Math.round((/* @__PURE__ */ new Date()).getMinutes() / minuteStep) * minuteStep % 60;
+      } else {
+        const next = dir > 0 ? (Math.floor(m / minuteStep) + 1) * minuteStep : (Math.ceil(m / minuteStep) - 1) * minuteStep;
+        nm = (next % 60 + 60) % 60;
+      }
+      setM(nm);
+      setPend(null);
+      tryCommit(hLive.current, nm);
+    } else if (k === "Backspace" || k === "Delete") {
+      if (m == null && !(pend && pend.seg === "m")) {
+        focusSeg(hRef);
+      } else {
+        setM(null);
+        setPend(null);
+      }
+    } else if (k === "ArrowLeft") {
+      focusSeg(hRef);
+    } else if (k === "ArrowRight" && is12) {
+      focusSeg(merRef);
+    } else if (k === "Tab") {
+      return;
+    } else if (k.length === 1 && !e.metaKey && !e.ctrlKey) ; else return;
+    e.preventDefault();
+  }
+  function setMeridiem(next) {
+    setMer(next);
+    if (h != null) {
+      const nh = tsgToH24(tsgDisp12(h), next);
+      setH(nh);
+      tryCommit(nh, mLive.current);
+    }
+  }
+  function onMerKey(e) {
+    const k = e.key;
+    if (k === "a" || k === "A") setMeridiem("AM");
+    else if (k === "p" || k === "P") setMeridiem("PM");
+    else if (k === "ArrowUp" || k === "ArrowDown") setMeridiem(mer === "AM" ? "PM" : "AM");
+    else if (k === "ArrowLeft") focusSeg(mRef);
+    else if (k === "Tab") {
+      return;
+    } else if (k.length === 1 && !e.metaKey && !e.ctrlKey) ; else return;
+    e.preventDefault();
+  }
+  function onPaste(e) {
+    if (disabled) return;
+    const txt = (e.clipboardData.getData("text") || "").trim();
+    const mt = txt.match(/^(\d{1,2})[:h.\s]?(\d{2})?\s*([ap])\.?m?\.?$/i) || txt.match(/^(\d{1,2})[:h.\s]?(\d{2})?$/);
+    if (!mt) return;
+    e.preventDefault();
+    let hh = +mt[1];
+    const mm = mt[2] != null ? +mt[2] : 0;
+    if (mt[3]) hh = tsgToH24(hh, /^p/i.test(mt[3]) ? "PM" : "AM");
+    if (hh > 23 || mm > 59) return;
+    setH(hh);
+    setM(mm);
+    setMer(hh >= 12 ? "PM" : "AM");
+    setPend(null);
+    tryCommit(hh, mm);
+  }
+  const onSegBlur = (seg) => () => {
+    if (pendLive.current && pendLive.current.seg === seg) {
+      setPend(null);
+      tryCommit(hLive.current, mLive.current);
+    }
+  };
+  const hText = pend && pend.seg === "h" ? tsgPad(pend.d) : h == null ? "--" : tsgPad(is12 ? tsgDisp12(h) : h);
+  const mText = pend && pend.seg === "m" ? tsgPad(pend.d) : m == null ? "--" : tsgPad(m);
+  const segCls = (empty) => "tsg__seg" + (empty ? " is-empty" : "");
+  const tab = disabled ? -1 : 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: ("tsg" + (disabled ? " is-disabled" : "") + " " + className).trim(),
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-disabled": disabled || void 0,
+      onPaste,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: hRef,
+            className: segCls(h == null && !(pend && pend.seg === "h")),
+            role: "spinbutton",
+            tabIndex: tab,
+            "aria-label": "Hours",
+            "aria-valuemin": is12 ? 1 : 0,
+            "aria-valuemax": is12 ? 12 : 23,
+            "aria-valuenow": h == null ? void 0 : is12 ? tsgDisp12(h) : h,
+            "aria-valuetext": h == null ? "Empty" : hText,
+            onKeyDown: disabled ? void 0 : onHKey,
+            onBlur: onSegBlur("h"),
+            children: hText
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "tsg__sep", "aria-hidden": "true", children: ":" }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: mRef,
+            className: segCls(m == null && !(pend && pend.seg === "m")),
+            role: "spinbutton",
+            tabIndex: tab,
+            "aria-label": "Minutes",
+            "aria-valuemin": 0,
+            "aria-valuemax": 59,
+            "aria-valuenow": m == null ? void 0 : m,
+            "aria-valuetext": m == null ? "Empty" : mText,
+            onKeyDown: disabled ? void 0 : onMKey,
+            onBlur: onSegBlur("m"),
+            children: mText
+          }
+        ),
+        is12 ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: merRef,
+            className: "tsg__seg tsg__seg--mer",
+            role: "spinbutton",
+            tabIndex: tab,
+            "aria-label": "AM or PM",
+            "aria-valuetext": mer,
+            onKeyDown: disabled ? void 0 : onMerKey,
+            children: mer
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+export { TimeSegments };
+//# sourceMappingURL=chunk-5DDOOT33.js.map
+//# sourceMappingURL=chunk-5DDOOT33.js.map

package/dist/chunk-5DDOOT33.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker/time-core.tsx"],"names":[],"mappings":"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","file":"chunk-5DDOOT33.js","sourcesContent":["'use client';\n\n/* TimeSegments - the segmented HH:MM machine: every keystroke interpreted (never inserted); commit is live and clamped (saturate, never error). */\n\nimport * as React from 'react';\n\nconst { useState, useRef, useEffect } = React;\n\ntype Meridiem = 'AM' | 'PM';\ntype Segment = 'h' | 'm';\ninterface Pending {\n  seg: Segment;\n  d: number;\n}\n\nexport interface TimeSegmentsProps {\n  value?: string | null;\n  onCommit?: (value: string) => void;\n  format?: '24h' | '12h';\n  minuteStep?: number;\n  min?: string | null;\n  max?: string | null;\n  disabled?: boolean;\n  ariaLabel?: string;\n  className?: string;\n}\n\nconst tsgPad = (n: number): string => String(n).padStart(2, '0');\nconst tsgDisp12 = (h24: number): number => ((h24 + 11) % 12) + 1;\nconst tsgToH24 = (d12: number, mer: Meridiem): number => (d12 % 12) + (mer === 'PM' ? 12 : 0);\n\n/* feed one digit into a bounded two-digit segment; done = saturated (can't take another). */\nfunction tsgFeed(pend: number | null, d: number, hi: number): { val: number; done: boolean } {\n  if (pend != null) {\n    const n = pend * 10 + d;\n    if (n <= hi) return { val: n, done: true };\n  }\n  return { val: d, done: d * 10 > hi };\n}\n\nexport function TimeSegments({\n  value = null,\n  onCommit,\n  format = '24h',\n  minuteStep = 5,\n  min = null,\n  max = null,\n  disabled = false,\n  ariaLabel = 'Time',\n  className = '',\n}: TimeSegmentsProps) {\n  const is12 = format === '12h';\n  const seed = value ? value.split(':').map(Number) : [null, null];\n\n  const [h, setHState] = useState<number | null>(seed[0]);\n  const [m, setMState] = useState<number | null>(seed[1]);\n  const [mer, setMer] = useState<Meridiem>(seed[0] != null && seed[0] >= 12 ? 'PM' : 'AM');\n  const [pend, setPendState] = useState<Pending | null>(null);\n\n  /* live mirrors - blur fires synchronously before re-render, so blur-commit reads refs, not stale closure state. */\n  const hLive = useRef<number | null>(seed[0]);\n  const mLive = useRef<number | null>(seed[1]);\n  const pendLive = useRef<Pending | null>(null);\n  const setH = (v: number | null) => {\n    hLive.current = v;\n    setHState(v);\n  };\n  const setM = (v: number | null) => {\n    mLive.current = v;\n    setMState(v);\n  };\n  const setPend = (v: Pending | null) => {\n    pendLive.current = v;\n    setPendState(v);\n  };\n\n  const hRef = useRef<HTMLSpanElement>(null);\n  const mRef = useRef<HTMLSpanElement>(null);\n  const merRef = useRef<HTMLSpanElement>(null);\n  const lastRef = useRef<string | null>(value || null);\n\n  /* external value changes re-seed; our own commits (matched via lastRef) are left alone, never clobbering in-flight typing. */\n  useEffect(() => {\n    if ((value || null) === lastRef.current) return;\n    lastRef.current = value || null;\n    const p = value ? value.split(':').map(Number) : [null, null];\n    setH(p[0]);\n    setM(p[1]);\n    if (p[0] != null) setMer(p[0] >= 12 ? 'PM' : 'AM');\n    setPend(null);\n  }, [value]);\n\n  function tryCommit(nh: number | null, nm: number | null) {\n    if (nh == null || nm == null) return;\n    let t = tsgPad(nh) + ':' + tsgPad(nm);\n    if (min && t < min) t = min;\n    if (max && t > max) t = max;\n    const p = t.split(':').map(Number);\n    if (p[0] !== nh) {\n      setH(p[0]);\n      setMer(p[0] >= 12 ? 'PM' : 'AM');\n      setPend(null);\n    }\n    if (p[1] !== nm) setM(p[1]);\n    if (t === lastRef.current) return;\n    lastRef.current = t;\n    if (onCommit) onCommit(t);\n  }\n\n  const focusSeg = (r: React.RefObject<HTMLSpanElement | null>) => {\n    if (r.current) r.current.focus();\n  };\n\n  function onHKey(e: React.KeyboardEvent<HTMLSpanElement>) {\n    const k = e.key;\n    if (/^[0-9]$/.test(k)) {\n      const pd = pend && pend.seg === 'h' ? pend.d : null;\n      const r = tsgFeed(pd, +k, is12 ? 12 : 23);\n      const nh = is12 ? tsgToH24(r.val === 0 ? 12 : r.val, mer) : r.val;\n      setH(nh);\n      if (!is12) setMer(nh >= 12 ? 'PM' : 'AM');\n      setPend(r.done ? null : { seg: 'h', d: r.val });\n      if (r.done) {\n        focusSeg(mRef);\n        tryCommit(nh, mLive.current);\n      }\n    } else if (k === 'ArrowUp' || k === 'ArrowDown') {\n      const dir = k === 'ArrowUp' ? 1 : -1;\n      const nh = h == null ? new Date().getHours() : (h + dir + 24) % 24;\n      setH(nh);\n      setMer(nh >= 12 ? 'PM' : 'AM');\n      setPend(null);\n      tryCommit(nh, mLive.current);\n    } else if (k === 'Backspace' || k === 'Delete') {\n      setH(null);\n      setPend(null);\n    } else if (k === 'ArrowRight' || k === ':' || k === ';') {\n      focusSeg(mRef);\n    } else if (k === 'Tab') {\n      return;\n    } else if (k.length === 1 && !e.metaKey && !e.ctrlKey) {\n      /* swallow */\n    } else return;\n    e.preventDefault();\n  }\n\n  function onMKey(e: React.KeyboardEvent<HTMLSpanElement>) {\n    const k = e.key;\n    if (/^[0-9]$/.test(k)) {\n      const pd = pend && pend.seg === 'm' ? pend.d : null;\n      const r = tsgFeed(pd, +k, 59);\n      setM(r.val);\n      setPend(r.done ? null : { seg: 'm', d: r.val });\n      if (r.done) {\n        if (is12) focusSeg(merRef);\n        tryCommit(hLive.current, r.val);\n      }\n    } else if (k === 'ArrowUp' || k === 'ArrowDown') {\n      const dir = k === 'ArrowUp' ? 1 : -1;\n      let nm;\n      if (m == null) {\n        nm = (Math.round(new Date().getMinutes() / minuteStep) * minuteStep) % 60;\n      } else {\n        /* step to the NEXT grid point, so 07 + ↑(step 5) lands on 10 */\n        const next =\n          dir > 0\n            ? (Math.floor(m / minuteStep) + 1) * minuteStep\n            : (Math.ceil(m / minuteStep) - 1) * minuteStep;\n        nm = ((next % 60) + 60) % 60;\n      }\n      setM(nm);\n      setPend(null);\n      tryCommit(hLive.current, nm);\n    } else if (k === 'Backspace' || k === 'Delete') {\n      if (m == null && !(pend && pend.seg === 'm')) {\n        focusSeg(hRef);\n      } else {\n        setM(null);\n        setPend(null);\n      }\n    } else if (k === 'ArrowLeft') {\n      focusSeg(hRef);\n    } else if (k === 'ArrowRight' && is12) {\n      focusSeg(merRef);\n    } else if (k === 'Tab') {\n      return;\n    } else if (k.length === 1 && !e.metaKey && !e.ctrlKey) {\n      /* swallow */\n    } else return;\n    e.preventDefault();\n  }\n\n  function setMeridiem(next: Meridiem) {\n    setMer(next);\n    if (h != null) {\n      const nh = tsgToH24(tsgDisp12(h), next);\n      setH(nh);\n      tryCommit(nh, mLive.current);\n    }\n  }\n  function onMerKey(e: React.KeyboardEvent<HTMLSpanElement>) {\n    const k = e.key;\n    if (k === 'a' || k === 'A') setMeridiem('AM');\n    else if (k === 'p' || k === 'P') setMeridiem('PM');\n    else if (k === 'ArrowUp' || k === 'ArrowDown') setMeridiem(mer === 'AM' ? 'PM' : 'AM');\n    else if (k === 'ArrowLeft') focusSeg(mRef);\n    else if (k === 'Tab') {\n      return;\n    } else if (k.length === 1 && !e.metaKey && !e.ctrlKey) {\n      /* swallow */\n    } else return;\n    e.preventDefault();\n  }\n\n  function onPaste(e: React.ClipboardEvent<HTMLDivElement>) {\n    if (disabled) return;\n    const txt = (e.clipboardData.getData('text') || '').trim();\n    const mt =\n      txt.match(/^(\\d{1,2})[:h.\\s]?(\\d{2})?\\s*([ap])\\.?m?\\.?$/i) ||\n      txt.match(/^(\\d{1,2})[:h.\\s]?(\\d{2})?$/);\n    if (!mt) return;\n    e.preventDefault();\n    let hh = +mt[1];\n    const mm = mt[2] != null ? +mt[2] : 0;\n    if (mt[3]) hh = tsgToH24(hh, /^p/i.test(mt[3]) ? 'PM' : 'AM');\n    if (hh > 23 || mm > 59) return;\n    setH(hh);\n    setM(mm);\n    setMer(hh >= 12 ? 'PM' : 'AM');\n    setPend(null);\n    tryCommit(hh, mm);\n  }\n\n  const onSegBlur = (seg: Segment) => () => {\n    if (pendLive.current && pendLive.current.seg === seg) {\n      setPend(null);\n      tryCommit(hLive.current, mLive.current);\n    }\n  };\n\n  /* pending digit overrides canonical display, so typing '0' in 12h shows '00', not a premature '12'. */\n  const hText =\n    pend && pend.seg === 'h' ? tsgPad(pend.d) : h == null ? '--' : tsgPad(is12 ? tsgDisp12(h) : h);\n  const mText = pend && pend.seg === 'm' ? tsgPad(pend.d) : m == null ? '--' : tsgPad(m);\n\n  const segCls = (empty: boolean): string => 'tsg__seg' + (empty ? ' is-empty' : '');\n  const tab = disabled ? -1 : 0;\n\n  return (\n    <div\n      className={('tsg' + (disabled ? ' is-disabled' : '') + ' ' + className).trim()}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-disabled={disabled || undefined}\n      onPaste={onPaste}\n    >\n      <span\n        ref={hRef}\n        className={segCls(h == null && !(pend && pend.seg === 'h'))}\n        role=\"spinbutton\"\n        tabIndex={tab}\n        aria-label=\"Hours\"\n        aria-valuemin={is12 ? 1 : 0}\n        aria-valuemax={is12 ? 12 : 23}\n        aria-valuenow={h == null ? undefined : is12 ? tsgDisp12(h) : h}\n        aria-valuetext={h == null ? 'Empty' : hText}\n        onKeyDown={disabled ? undefined : onHKey}\n        onBlur={onSegBlur('h')}\n      >\n        {hText}\n      </span>\n      <span className=\"tsg__sep\" aria-hidden=\"true\">\n        :\n      </span>\n      <span\n        ref={mRef}\n        className={segCls(m == null && !(pend && pend.seg === 'm'))}\n        role=\"spinbutton\"\n        tabIndex={tab}\n        aria-label=\"Minutes\"\n        aria-valuemin={0}\n        aria-valuemax={59}\n        aria-valuenow={m == null ? undefined : m}\n        aria-valuetext={m == null ? 'Empty' : mText}\n        onKeyDown={disabled ? undefined : onMKey}\n        onBlur={onSegBlur('m')}\n      >\n        {mText}\n      </span>\n      {is12 ? (\n        <span\n          ref={merRef}\n          className=\"tsg__seg tsg__seg--mer\"\n          role=\"spinbutton\"\n          tabIndex={tab}\n          aria-label=\"AM or PM\"\n          aria-valuetext={mer}\n          onKeyDown={disabled ? undefined : onMerKey}\n        >\n          {mer}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/chunk-5FVHWIMY.js

@@ -0,0 +1,117 @@
+'use client';import { Icon } from './chunk-KBWNUUWM.js';
+import { UIMotion } from './chunk-37O2ZXD6.js';
+import * as React from 'react';
+import { animate } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var { useEffect, useRef } = React;
+var pgnTravelPx = null;
+function pgnTravel() {
+  if (pgnTravelPx == null) {
+    const cs = getComputedStyle(document.documentElement);
+    const v = cs.getPropertyValue("--space-2").trim();
+    const n = parseFloat(v);
+    pgnTravelPx = v.endsWith("rem") ? n * parseFloat(cs.fontSize) : n;
+  }
+  return pgnTravelPx;
+}
+function pgnFormat(n) {
+  return n.toLocaleString("en-US").replace(/,/g, "\u2009");
+}
+function Pagination({
+  label = "Pagination",
+  range,
+  total = null,
+  hasPrev = false,
+  hasNext = false,
+  onPrev,
+  onNext,
+  loading = false,
+  className = ""
+}) {
+  const rangeRef = useRef(null);
+  const prevBtnRef = useRef(null);
+  const nextBtnRef = useRef(null);
+  const shownRef = useRef(range);
+  const lastDirRef = useRef(0);
+  const from = range[0];
+  const to = range[1];
+  useEffect(() => {
+    const pf = shownRef.current[0], pt = shownRef.current[1];
+    if (pf === from && pt === to) return;
+    const dir = from > pf ? 1 : -1;
+    shownRef.current = range;
+    animate(rangeRef.current, { x: [dir * pgnTravel(), 0], opacity: [0, 1] }, UIMotion.t.enter);
+  }, [from, to]);
+  useEffect(() => {
+    if (loading || document.activeElement !== document.body) return;
+    const d = lastDirRef.current;
+    if (d === 1 && !hasNext && hasPrev && prevBtnRef.current) prevBtnRef.current.focus();
+    if (d === -1 && !hasPrev && hasNext && nextBtnRef.current) nextBtnRef.current.focus();
+  }, [loading, hasPrev, hasNext]);
+  const prevBusy = loading && lastDirRef.current === -1;
+  const nextBusy = loading && lastDirRef.current === 1;
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: ("pgn " + className).trim(),
+      "aria-label": label,
+      "aria-busy": loading || void 0,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pgn__readout", "aria-live": "polite", children: /* @__PURE__ */ jsxs("span", { className: "pgn__range", ref: rangeRef, children: [
+          /* @__PURE__ */ jsxs("b", { children: [
+            pgnFormat(from),
+            "-",
+            pgnFormat(to)
+          ] }),
+          total != null ? /* @__PURE__ */ jsxs("span", { className: "pgn__total", children: [
+            " of ",
+            pgnFormat(total)
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "pgn__nav", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              ref: prevBtnRef,
+              className: "btn btn--ghost btn--sm pgn__btn pgn__btn--prev" + (prevBusy ? " is-loading" : ""),
+              disabled: !hasPrev || loading,
+              "aria-label": "Previous page",
+              onClick: () => {
+                lastDirRef.current = -1;
+                if (onPrev) onPrev();
+              },
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: "caret-left", size: "sm" }),
+                prevBusy ? /* @__PURE__ */ jsx("span", { className: "btn__spinner", "aria-hidden": "true" }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              ref: nextBtnRef,
+              className: "btn btn--ghost btn--sm pgn__btn pgn__btn--next" + (nextBusy ? " is-loading" : ""),
+              disabled: !hasNext || loading,
+              "aria-label": "Next page",
+              onClick: () => {
+                lastDirRef.current = 1;
+                if (onNext) onNext();
+              },
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: "caret-right", size: "sm" }),
+                nextBusy ? /* @__PURE__ */ jsx("span", { className: "btn__spinner", "aria-hidden": "true" }) : null
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { Pagination };
+//# sourceMappingURL=chunk-5FVHWIMY.js.map
+//# sourceMappingURL=chunk-5FVHWIMY.js.map

package/dist/chunk-5FVHWIMY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-5FVHWIMY.js","sourcesContent":["'use client';\n\n/* Pagination - pure cursor strip: mono range readout + prev/next, no page numbers. */\n\nimport * as React from 'react';\nimport { animate } from 'motion/react';\nimport { UIMotion } from '../../tokens/motion-tokens';\nimport { Icon } from '../icon/Icon';\n\nexport interface PaginationProps {\n  /** Accessible name for the nav landmark - name the list (\"Posts\"), not \"pagination\". @default 'Pagination' */\n  label?: string;\n  /** Items currently shown, 1-based inclusive: `[from, to]` (e.g. `[26, 50]`). */\n  range: [number, number];\n  /** Total item count - render `of N` only when the API reports one; omit for endless lists. */\n  total?: number | null;\n  /** A previous cursor exists. @default false */\n  hasPrev?: boolean;\n  /** A next cursor exists. @default false */\n  hasNext?: boolean;\n  /** Fired when the previous arrow is pressed. */\n  onPrev?: () => void;\n  /** Fired when the next arrow is pressed. */\n  onNext?: () => void;\n  /** A page fetch is in flight: both arrows go inert, the clicked arrow carries the spinner. @default false */\n  loading?: boolean;\n  className?: string;\n}\n\nconst { useEffect, useRef } = React;\n\n/* --space-2 in real px - tokens resolve to \"0.5rem\"; bare parseFloat gives 0.5, so convert rem-px */\nlet pgnTravelPx: number | null = null;\nfunction pgnTravel() {\n  if (pgnTravelPx == null) {\n    const cs = getComputedStyle(document.documentElement);\n    const v = cs.getPropertyValue('--space-2').trim();\n    const n = parseFloat(v);\n    pgnTravelPx = v.endsWith('rem') ? n * parseFloat(cs.fontSize) : n;\n  }\n  return pgnTravelPx;\n}\n\n/* thin-space thousands grouping (\"48 210\") - section E mono-numeral convention */\nfunction pgnFormat(n: number) {\n  return n.toLocaleString('en-US').replace(/,/g, '\\u2009');\n}\n\nexport function Pagination({\n  label = 'Pagination',\n  range,\n  total = null,\n  hasPrev = false,\n  hasNext = false,\n  onPrev,\n  onNext,\n  loading = false,\n  className = '',\n}: PaginationProps) {\n  const rangeRef = useRef<HTMLSpanElement>(null);\n  const prevBtnRef = useRef<HTMLButtonElement>(null);\n  const nextBtnRef = useRef<HTMLButtonElement>(null);\n  const shownRef = useRef<[number, number]>(range); // last range rendered (skip first mount)\n  const lastDirRef = useRef(0); // -1 prev - +1 next - last arrow fired\n\n  const from = range[0];\n  const to = range[1];\n\n  /* direction-aware entrance: new numbers arrive from the side you traveled toward (one persistent node, imperative keyframes) */\n  useEffect(() => {\n    const pf = shownRef.current[0],\n      pt = shownRef.current[1];\n    if (pf === from && pt === to) return;\n    const dir = from > pf ? 1 : -1;\n    shownRef.current = range;\n    animate(rangeRef.current, { x: [dir * pgnTravel(), 0], opacity: [0, 1] }, UIMotion.t.enter);\n  }, [from, to]);\n\n  /* edge disables the focused arrow and focus falls to <body> - hand it to the surviving direction; activeElement guard avoids stealing focus */\n  useEffect(() => {\n    if (loading || document.activeElement !== document.body) return;\n    const d = lastDirRef.current;\n    if (d === 1 && !hasNext && hasPrev && prevBtnRef.current) prevBtnRef.current.focus();\n    if (d === -1 && !hasPrev && hasNext && nextBtnRef.current) nextBtnRef.current.focus();\n  }, [loading, hasPrev, hasNext]);\n\n  const prevBusy = loading && lastDirRef.current === -1;\n  const nextBusy = loading && lastDirRef.current === 1;\n\n  return (\n    <nav\n      className={('pgn ' + className).trim()}\n      aria-label={label}\n      aria-busy={loading || undefined}\n    >\n      <span className=\"pgn__readout\" aria-live=\"polite\">\n        <span className=\"pgn__range\" ref={rangeRef}>\n          <b>\n            {pgnFormat(from)}-{pgnFormat(to)}\n          </b>\n          {total != null ? <span className=\"pgn__total\"> of {pgnFormat(total)}</span> : null}\n        </span>\n      </span>\n      <div className=\"pgn__nav\">\n        <button\n          type=\"button\"\n          ref={prevBtnRef}\n          className={\n            'btn btn--ghost btn--sm pgn__btn pgn__btn--prev' + (prevBusy ? ' is-loading' : '')\n          }\n          disabled={!hasPrev || loading}\n          aria-label=\"Previous page\"\n          onClick={() => {\n            lastDirRef.current = -1;\n            if (onPrev) onPrev();\n          }}\n        >\n          <Icon name=\"caret-left\" size=\"sm\" />\n          {prevBusy ? <span className=\"btn__spinner\" aria-hidden=\"true\"></span> : null}\n        </button>\n        <button\n          type=\"button\"\n          ref={nextBtnRef}\n          className={\n            'btn btn--ghost btn--sm pgn__btn pgn__btn--next' + (nextBusy ? ' is-loading' : '')\n          }\n          disabled={!hasNext || loading}\n          aria-label=\"Next page\"\n          onClick={() => {\n            lastDirRef.current = 1;\n            if (onNext) onNext();\n          }}\n        >\n          <Icon name=\"caret-right\" size=\"sm\" />\n          {nextBusy ? <span className=\"btn__spinner\" aria-hidden=\"true\"></span> : null}\n        </button>\n      </div>\n    </nav>\n  );\n}\n"]}