premium-ds 0.1.0

package/dist/chunk-OUBWD6CX.js

@@ -0,0 +1,433 @@
+'use client';import { parse, today, useGlide, GlidePill, tzLabel, MONTHS, pad, key, add, grid, DOW, col } from './chunk-UIQGSTBJ.js';
+import { useControllable, FieldShell } from './chunk-QNC6O3PG.js';
+import { Overlay } from './chunk-QFS52OK5.js';
+import { Icon } from './chunk-KBWNUUWM.js';
+import { UIMotion } from './chunk-37O2ZXD6.js';
+import * as React from 'react';
+import { motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var { useState, useRef, useEffect } = React;
+var drpMotion = motion;
+var drpSM = UIMotion;
+function drpDisplay(key2, withYear) {
+  const d = parse(key2);
+  const mon = MONTHS[d.getMonth()].slice(0, 3);
+  return mon + " " + pad(d.getDate()) + (withYear ? ", " + d.getFullYear() : "");
+}
+function drpRangeText(start, end) {
+  const sameYear = parse(start).getFullYear() === parse(end).getFullYear();
+  const curYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const startYr = !sameYear || parse(start).getFullYear() !== curYear;
+  const endYr = parse(end).getFullYear() !== curYear;
+  return drpDisplay(start, startYr) + " - " + drpDisplay(end, endYr);
+}
+var drpDays = (start, end) => Math.round((+parse(end) - +parse(start)) / 864e5) + 1;
+function drpPresets() {
+  const t = today();
+  const now = /* @__PURE__ */ new Date();
+  const firstThis = key(new Date(now.getFullYear(), now.getMonth(), 1));
+  const firstPrev = key(new Date(now.getFullYear(), now.getMonth() - 1, 1));
+  const lastPrev = key(new Date(now.getFullYear(), now.getMonth(), 0));
+  const jan1 = key(new Date(now.getFullYear(), 0, 1));
+  return [
+    { id: "today", label: "Today", start: t, end: t },
+    { id: "yest", label: "Yesterday", start: add(t, -1), end: add(t, -1) },
+    { id: "7d", label: "Last 7 days", start: add(t, -6), end: t },
+    { id: "30d", label: "Last 30 days", start: add(t, -29), end: t },
+    { id: "mtd", label: "This month", start: firstThis, end: t },
+    { id: "lastm", label: "Last month", start: firstPrev, end: lastPrev },
+    { id: "90d", label: "Last 90 days", start: add(t, -89), end: t },
+    { id: "ytd", label: "Year to date", start: jan1, end: t }
+  ];
+}
+function useResponsiveOverlayMode(query) {
+  const q = "(max-width: 640px)";
+  const [narrow, setNarrow] = useState(
+    () => typeof matchMedia === "function" ? matchMedia(q).matches : false
+  );
+  useEffect(() => {
+    const mq = matchMedia(q);
+    const fn = (e) => setNarrow(e.matches);
+    mq.addEventListener("change", fn);
+    setNarrow(mq.matches);
+    return () => mq.removeEventListener("change", fn);
+  }, [q]);
+  return narrow;
+}
+function DrpPanel({
+  value,
+  commit,
+  close,
+  min,
+  max,
+  timezone,
+  label,
+  months,
+  layout
+}) {
+  const seedKey = value && value.start || today();
+  const seed = parse(seedKey);
+  const [view, setView] = useState({
+    y: seed.getFullYear(),
+    m: seed.getMonth()
+  });
+  const [anchor, setAnchor] = useState(null);
+  const [hoverKey, setHoverKey] = useState(null);
+  const [focusKey, setFocusKey] = useState(seedKey);
+  const daysRef = useRef(null);
+  const presetsRef = useRef(null);
+  const pendingFocusRef = useRef(false);
+  const grid2 = useGlide(daysRef);
+  const presetGlide = useGlide(presetsRef);
+  const inBounds = (key2) => (!min || key2 >= min) && (!max || key2 <= max);
+  let lo = null, hi = null, provisional = false;
+  if (anchor) {
+    const other = hoverKey || anchor;
+    lo = anchor < other ? anchor : other;
+    hi = anchor < other ? other : anchor;
+    provisional = true;
+  } else if (value && value.start && value.end) {
+    lo = value.start;
+    hi = value.end;
+  }
+  function pickDay(key2) {
+    if (!inBounds(key2)) return;
+    if (!anchor) {
+      setAnchor(key2);
+      setHoverKey(key2);
+    } else {
+      const start = anchor < key2 ? anchor : key2;
+      const end = anchor < key2 ? key2 : anchor;
+      setAnchor(null);
+      setHoverKey(null);
+      commit({ start, end });
+    }
+  }
+  function applyPreset(p) {
+    setAnchor(null);
+    setHoverKey(null);
+    const d = parse(p.start);
+    setView({ y: d.getFullYear(), m: d.getMonth() });
+    setFocusKey(p.start);
+    commit({ start: p.start, end: p.end });
+  }
+  function nav(dir) {
+    setView((v) => {
+      const d = new Date(v.y, v.m + dir, 1);
+      return { y: d.getFullYear(), m: d.getMonth() };
+    });
+  }
+  const viewIdx = view.y * 12 + view.m;
+  const prevViewIdxRef = useRef(viewIdx);
+  const navDir = prevViewIdxRef.current === viewIdx ? 0 : viewIdx > prevViewIdxRef.current ? 1 : -1;
+  useEffect(() => {
+    prevViewIdxRef.current = viewIdx;
+  }, [viewIdx]);
+  useEffect(() => {
+    const el = daysRef.current;
+    if (!el) return;
+    const btn = el.querySelector('[data-key="' + focusKey + '"]:not(:disabled)') || el.querySelector(".dtp__day:not(:disabled)");
+    if (btn) btn.focus({ preventScroll: true });
+  }, []);
+  useEffect(() => {
+    if (!pendingFocusRef.current || !daysRef.current) return;
+    pendingFocusRef.current = false;
+    const btn = daysRef.current.querySelector('[data-key="' + focusKey + '"]');
+    if (btn) btn.focus({ preventScroll: true });
+  }, [focusKey]);
+  function moveFocus(deltaDays) {
+    const key2 = add(focusKey, deltaDays);
+    const d = parse(key2);
+    pendingFocusRef.current = true;
+    setFocusKey(key2);
+    if (anchor) setHoverKey(key2);
+    const first = months === 2 ? view.y * 12 + view.m : view.y * 12 + view.m;
+    const idx = d.getFullYear() * 12 + d.getMonth();
+    const last = first + (months - 1);
+    if (idx < first) setView({ y: d.getFullYear(), m: d.getMonth() });
+    else if (idx > last) {
+      const back = new Date(d.getFullYear(), d.getMonth() - (months - 1), 1);
+      setView({ y: back.getFullYear(), m: back.getMonth() });
+    }
+  }
+  function onGridKeyDown(e) {
+    const k = e.key;
+    if (k === "ArrowLeft") moveFocus(-1);
+    else if (k === "ArrowRight") moveFocus(1);
+    else if (k === "ArrowUp") moveFocus(-7);
+    else if (k === "ArrowDown") moveFocus(7);
+    else if (k === "PageUp") {
+      nav(-1);
+      return;
+    } else if (k === "PageDown") {
+      nav(1);
+      return;
+    } else if (k === "Enter" || k === " ") pickDay(focusKey);
+    else if (k === "Escape" && anchor) {
+      setAnchor(null);
+      setHoverKey(null);
+    } else return;
+    e.preventDefault();
+  }
+  const todayKey = today();
+  function renderDay(d, viewMonth) {
+    const key2 = key(d);
+    const out = d.getMonth() !== viewMonth;
+    const disabled = !inBounds(key2);
+    const col2 = col(d);
+    const isLo = lo && key2 === lo;
+    const isHi = hi && key2 === hi;
+    const single = lo && hi && lo === hi;
+    const inRange = lo && hi && key2 >= lo && key2 <= hi;
+    const loGhost = provisional && isLo && lo !== anchor;
+    const hiGhost = provisional && isHi && !single && hi !== anchor;
+    const band = inRange && !single;
+    const extL = band && !isLo && col2 !== 0;
+    const extR = band && !isHi && col2 !== 6;
+    const capHere = months === 1 || !out;
+    const loCap = isLo && capHere;
+    const hiCap = isHi && !single && capHere;
+    const cls = ["dtp__day"];
+    if (out) cls.push("is-out");
+    if (inRange) cls.push("is-in-range");
+    if ((loGhost || hiGhost) && capHere) cls.push("is-cap-ghost");
+    else if (loCap || hiCap) cls.push("is-cap");
+    const bandCls = ["drp__band"];
+    if (extL) bandCls.push("drp__band--extL");
+    if (extR) bandCls.push("drp__band--extR");
+    if (!extL) bandCls.push("drp__band--roundL");
+    if (!extR) bandCls.push("drp__band--roundR");
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        role: "gridcell",
+        "data-key": key2,
+        className: cls.join(" "),
+        disabled,
+        tabIndex: key2 === focusKey ? 0 : -1,
+        "aria-label": MONTHS[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear(),
+        "aria-selected": isLo || isHi || void 0,
+        onClick: () => pickDay(key2),
+        onPointerEnter: (e) => {
+          setHoverKey(key2);
+          if (!anchor && !disabled) grid2.enter(e.currentTarget);
+          else grid2.leave();
+        },
+        children: [
+          band ? /* @__PURE__ */ jsx("span", { className: bandCls.join(" "), "aria-hidden": "true" }) : null,
+          loCap ? /* @__PURE__ */ jsx(
+            drpMotion.span,
+            {
+              className: "drp__cap" + (loGhost ? " drp__cap--ghost" : ""),
+              layoutId: "drp-cap-lo",
+              transition: drpSM.t.settle,
+              "aria-hidden": "true"
+            }
+          ) : null,
+          hiCap ? /* @__PURE__ */ jsx(
+            drpMotion.span,
+            {
+              className: "drp__cap" + (hiGhost ? " drp__cap--ghost" : ""),
+              layoutId: "drp-cap-hi",
+              transition: drpSM.t.settle,
+              "aria-hidden": "true"
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("span", { className: "dtp__num", children: d.getDate() }),
+          key2 === todayKey ? /* @__PURE__ */ jsx("span", { className: "dtp__dot", "aria-hidden": "true" }) : null
+        ]
+      },
+      key2
+    );
+  }
+  function renderMonth(offset, withPrev, withNext) {
+    const base = new Date(view.y, view.m + offset, 1);
+    const y = base.getFullYear(), m = base.getMonth();
+    const cells = grid(y, m);
+    const prevEnd = key(new Date(y, m, 0));
+    const nextStart = key(new Date(y, m + 1, 1));
+    return /* @__PURE__ */ jsxs("div", { className: "dtp__cal", children: [
+      /* @__PURE__ */ jsxs("div", { className: "drp__mhead" + (withNext && !withPrev ? " drp__mhead--right" : ""), children: [
+        withPrev ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "dtp__nav",
+            "aria-label": "Previous month",
+            disabled: min && prevEnd < min,
+            onClick: () => nav(-1),
+            children: /* @__PURE__ */ jsx(Icon, { name: "caret-left", size: "sm" })
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("span", { className: "dtp__month", children: [
+          MONTHS[m],
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "dtp__year", children: y })
+        ] }),
+        withNext ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "dtp__nav",
+            "aria-label": "Next month",
+            disabled: max && nextStart > max,
+            onClick: () => nav(1),
+            children: /* @__PURE__ */ jsx(Icon, { name: "caret-right", size: "sm" })
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "dtp__dow", "aria-hidden": "true", children: DOW.map((d) => /* @__PURE__ */ jsx("span", { children: d }, d)) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "dtp__days",
+          role: "grid",
+          "aria-label": MONTHS[m] + " " + y,
+          "data-enter": navDir || void 0,
+          children: cells.map((d) => renderDay(d, m))
+        },
+        "days-" + viewIdx + "-" + offset
+      )
+    ] }, offset);
+  }
+  const presets = drpPresets();
+  function presetActive(p) {
+    return value && value.start === p.start && value.end === p.end;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "drp" + (layout === "sheet" ? " drp--sheet" : ""),
+      role: "dialog",
+      "aria-label": label || "Pick a date range",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "drp__body", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "drp__presets",
+              role: "group",
+              "aria-label": "Quick ranges",
+              ref: presetsRef,
+              onPointerLeave: presetGlide.leave,
+              children: [
+                presets.map((p) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "drp__preset" + (presetActive(p) ? " is-active" : ""),
+                    onPointerEnter: (e) => presetGlide.enter(e.currentTarget),
+                    onClick: () => applyPreset(p),
+                    children: p.label
+                  },
+                  p.id
+                )),
+                /* @__PURE__ */ jsx(
+                  GlidePill,
+                  {
+                    className: "drp__presetGlide",
+                    rect: presetGlide.rect,
+                    active: presetGlide.active
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "drp__months",
+              ref: daysRef,
+              onKeyDown: onGridKeyDown,
+              onPointerLeave: () => {
+                if (anchor) setHoverKey(anchor);
+                grid2.leave();
+              },
+              children: [
+                months === 2 ? [renderMonth(0, true, false), renderMonth(1, false, true)] : renderMonth(0, true, true),
+                /* @__PURE__ */ jsx(GlidePill, { className: "dtp__hover", rect: grid2.rect, active: grid2.active })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "drp__foot", children: [
+          /* @__PURE__ */ jsx("span", { className: "drp__readout" + (lo && hi ? "" : " is-empty"), children: lo && hi ? /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            drpRangeText(lo, hi),
+            " ",
+            /* @__PURE__ */ jsxs("span", { className: "drp__count", children: [
+              "- ",
+              drpDays(lo, hi),
+              " ",
+              drpDays(lo, hi) === 1 ? "day" : "days"
+            ] })
+          ] }) : anchor ? "Pick the end date" : "Pick a start date" }),
+          timezone ? /* @__PURE__ */ jsx("span", { className: "drp__tz", children: tzLabel(timezone) }) : null,
+          /* @__PURE__ */ jsx("span", { className: "drp__footSpacer" }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "btn btn--primary btn--sm", onClick: close, children: "Done" })
+        ] })
+      ]
+    }
+  );
+}
+function DateRangeField({
+  value,
+  defaultValue = null,
+  onChange,
+  label,
+  placeholder = "Pick a date range",
+  timezone,
+  min,
+  max,
+  required = false,
+  invalid = false,
+  message,
+  disabled = false,
+  className = ""
+}) {
+  const [val, commit] = useControllable(value, defaultValue, onChange);
+  const narrow = useResponsiveOverlayMode();
+  const mode = narrow ? "sheet" : "popover";
+  const display = val && val.start && val.end ? drpRangeText(val.start, val.end) : null;
+  const trigger = /* @__PURE__ */ jsx("button", { type: "button", className: "fld__input dtf__trigger", disabled, children: display ? /* @__PURE__ */ jsx("span", { className: "dtf__value", children: display }) : /* @__PURE__ */ jsx("span", { className: "dtf__placeholder", children: placeholder }) });
+  return /* @__PURE__ */ jsx(
+    FieldShell,
+    {
+      variant: "dtf",
+      label,
+      required,
+      invalid,
+      message,
+      icon: "calendar",
+      className,
+      children: /* @__PURE__ */ jsx(
+        Overlay,
+        {
+          trigger,
+          mode,
+          side: mode === "sheet" ? "bottom" : "bottom",
+          align: "start",
+          children: (api) => /* @__PURE__ */ jsx(
+            DrpPanel,
+            {
+              value: val,
+              commit,
+              close: api.close,
+              min,
+              max,
+              timezone,
+              label,
+              months: narrow ? 1 : 2,
+              layout: mode
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+export { DateRangeField };
+//# sourceMappingURL=chunk-OUBWD6CX.js.map
+//# sourceMappingURL=chunk-OUBWD6CX.js.map

package/dist/chunk-OUBWD6CX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker/DateRangeField.tsx"],"names":["key","grid","col"],"mappings":"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","file":"chunk-OUBWD6CX.js","sourcesContent":["'use client';\n\n/* DateRangeField - DateField's sibling for { start, end }: a Linear/Notion two-click range; the Overlay switches popoverandsheet by viewport. */\n\nimport * as React from 'react';\nimport { motion } from 'motion/react';\nimport { UIMotion } from '../../tokens/motion-tokens';\nimport { Icon } from '../icon/Icon';\nimport { Overlay } from '../overlay/Overlay';\nimport { FieldShell, useControllable } from './field-shell';\nimport { GlidePill, useGlide } from './glide-pill';\nimport {\n  MONTHS as DRP_MONTHS,\n  DOW as DRP_DOW,\n  pad as drpPad,\n  key as drpKey,\n  parse as drpParse,\n  today as drpToday,\n  add as drpAdd,\n  col as drpCol,\n  grid as drpGrid,\n  tzLabel as drpTzLabel,\n} from './date-utils';\n\nconst { useState, useRef, useEffect } = React;\nconst drpMotion = motion;\nconst drpSM = UIMotion;\n\n/** A date range as wall-clock 'YYYY-MM-DD' endpoints, inclusive. */\nexport interface DateRange {\n  start: string;\n  end: string;\n}\n\ninterface DrpPreset {\n  id: string;\n  label: string;\n  start: string;\n  end: string;\n}\n\nfunction drpDisplay(key: string, withYear: boolean): string {\n  const d = drpParse(key);\n  const mon = DRP_MONTHS[d.getMonth()].slice(0, 3);\n  return mon + ' ' + drpPad(d.getDate()) + (withYear ? ', ' + d.getFullYear() : '');\n}\nfunction drpRangeText(start: string, end: string): string {\n  const sameYear = drpParse(start).getFullYear() === drpParse(end).getFullYear();\n  const curYear = new Date().getFullYear();\n  const startYr = !sameYear || drpParse(start).getFullYear() !== curYear;\n  const endYr = drpParse(end).getFullYear() !== curYear;\n  return drpDisplay(start, startYr) + ' - ' + drpDisplay(end, endYr);\n}\nconst drpDays = (start: string, end: string): number =>\n  Math.round((+drpParse(end) - +drpParse(start)) / 86400000) + 1;\n\nfunction drpPresets(): DrpPreset[] {\n  const t = drpToday();\n  const now = new Date();\n  const firstThis = drpKey(new Date(now.getFullYear(), now.getMonth(), 1));\n  const firstPrev = drpKey(new Date(now.getFullYear(), now.getMonth() - 1, 1));\n  const lastPrev = drpKey(new Date(now.getFullYear(), now.getMonth(), 0));\n  const jan1 = drpKey(new Date(now.getFullYear(), 0, 1));\n  return [\n    { id: 'today', label: 'Today', start: t, end: t },\n    { id: 'yest', label: 'Yesterday', start: drpAdd(t, -1), end: drpAdd(t, -1) },\n    { id: '7d', label: 'Last 7 days', start: drpAdd(t, -6), end: t },\n    { id: '30d', label: 'Last 30 days', start: drpAdd(t, -29), end: t },\n    { id: 'mtd', label: 'This month', start: firstThis, end: t },\n    { id: 'lastm', label: 'Last month', start: firstPrev, end: lastPrev },\n    { id: '90d', label: 'Last 90 days', start: drpAdd(t, -89), end: t },\n    { id: 'ytd', label: 'Year to date', start: jan1, end: t },\n  ];\n}\n\nfunction useResponsiveOverlayMode(query?: string): boolean {\n  const q = query || '(max-width: 640px)';\n  const [narrow, setNarrow] = useState(() =>\n    typeof matchMedia === 'function' ? matchMedia(q).matches : false,\n  );\n  useEffect(() => {\n    const mq = matchMedia(q);\n    const fn = (e: MediaQueryListEvent) => setNarrow(e.matches);\n    mq.addEventListener('change', fn);\n    setNarrow(mq.matches);\n    return () => mq.removeEventListener('change', fn);\n  }, [q]);\n  return narrow;\n}\n\ninterface DrpPanelProps {\n  value: DateRange | null;\n  commit: (value: DateRange) => void;\n  close: () => void;\n  min?: string;\n  max?: string;\n  timezone?: string;\n  label?: string;\n  months: number;\n  layout: 'popover' | 'sheet';\n}\n\n/* the popover/sheet panel, mounted only while open */\nfunction DrpPanel({\n  value,\n  commit,\n  close,\n  min,\n  max,\n  timezone,\n  label,\n  months,\n  layout,\n}: DrpPanelProps) {\n  const seedKey = (value && value.start) || drpToday();\n  const seed = drpParse(seedKey);\n  const [view, setView] = useState<{ y: number; m: number }>({\n    y: seed.getFullYear(),\n    m: seed.getMonth(),\n  });\n\n  /* anchor !== null - a range is being dragged open (awaiting the 2nd pick) */\n  const [anchor, setAnchor] = useState<string | null>(null);\n  const [hoverKey, setHoverKey] = useState<string | null>(null);\n  const [focusKey, setFocusKey] = useState<string>(seedKey);\n\n  const daysRef = useRef<HTMLDivElement>(null);\n  const presetsRef = useRef<HTMLDivElement>(null);\n  const pendingFocusRef = useRef(false);\n\n  /* gliding hover pill per zone (see glide-pill); hoverKey drives the preview band, not the pill - the pill idles once an anchor is set. */\n  const grid = useGlide(daysRef);\n  const presetGlide = useGlide(presetsRef);\n\n  const inBounds = (key: string): boolean => (!min || key >= min) && (!max || key <= max);\n\n  /* effective lo/hi for PAINT: mid-selection - anchorandhover; else committed */\n  let lo: string | null = null,\n    hi: string | null = null,\n    provisional = false;\n  if (anchor) {\n    const other = hoverKey || anchor;\n    lo = anchor < other ? anchor : other;\n    hi = anchor < other ? other : anchor;\n    provisional = true;\n  } else if (value && value.start && value.end) {\n    lo = value.start;\n    hi = value.end;\n  }\n\n  function pickDay(key: string) {\n    if (!inBounds(key)) return;\n    if (!anchor) {\n      setAnchor(key);\n      setHoverKey(key);\n    } else {\n      const start = anchor < key ? anchor : key;\n      const end = anchor < key ? key : anchor;\n      setAnchor(null);\n      setHoverKey(null);\n      commit({ start: start, end: end });\n    }\n  }\n\n  function applyPreset(p: DrpPreset) {\n    setAnchor(null);\n    setHoverKey(null);\n    const d = drpParse(p.start);\n    setView({ y: d.getFullYear(), m: d.getMonth() });\n    setFocusKey(p.start);\n    commit({ start: p.start, end: p.end });\n  }\n\n  function nav(dir: number) {\n    setView((v) => {\n      const d = new Date(v.y, v.m + dir, 1);\n      return { y: d.getFullYear(), m: d.getMonth() };\n    });\n  }\n\n  /* directional month slide via CSS keyframe on a keyed grid remount - Motion animate() fights the layoutId caps; direction from the viewIdx delta, the first mount gets none. */\n  const viewIdx = view.y * 12 + view.m;\n  const prevViewIdxRef = useRef(viewIdx);\n  const navDir = prevViewIdxRef.current === viewIdx ? 0 : viewIdx > prevViewIdxRef.current ? 1 : -1;\n  useEffect(() => {\n    prevViewIdxRef.current = viewIdx;\n  }, [viewIdx]);\n\n  /* seed focus into the grid on open (panel portals to <body>) */\n  useEffect(() => {\n    const el = daysRef.current;\n    if (!el) return;\n    const btn =\n      el.querySelector('[data-key=\"' + focusKey + '\"]:not(:disabled)') ||\n      el.querySelector('.dtp__day:not(:disabled)');\n    if (btn) (btn as HTMLElement).focus({ preventScroll: true });\n  }, []);\n\n  useEffect(() => {\n    if (!pendingFocusRef.current || !daysRef.current) return;\n    pendingFocusRef.current = false;\n    const btn = daysRef.current.querySelector('[data-key=\"' + focusKey + '\"]');\n    if (btn) (btn as HTMLElement).focus({ preventScroll: true });\n  }, [focusKey]);\n\n  function moveFocus(deltaDays: number) {\n    const key = drpAdd(focusKey, deltaDays);\n    const d = drpParse(key);\n    pendingFocusRef.current = true;\n    setFocusKey(key);\n    if (anchor) setHoverKey(key);\n    const first = months === 2 ? view.y * 12 + view.m : view.y * 12 + view.m;\n    const idx = d.getFullYear() * 12 + d.getMonth();\n    const last = first + (months - 1);\n    if (idx < first) setView({ y: d.getFullYear(), m: d.getMonth() });\n    else if (idx > last) {\n      const back = new Date(d.getFullYear(), d.getMonth() - (months - 1), 1);\n      setView({ y: back.getFullYear(), m: back.getMonth() });\n    }\n  }\n  function onGridKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    const k = e.key;\n    if (k === 'ArrowLeft') moveFocus(-1);\n    else if (k === 'ArrowRight') moveFocus(1);\n    else if (k === 'ArrowUp') moveFocus(-7);\n    else if (k === 'ArrowDown') moveFocus(7);\n    else if (k === 'PageUp') {\n      nav(-1);\n      return;\n    } else if (k === 'PageDown') {\n      nav(1);\n      return;\n    } else if (k === 'Enter' || k === ' ') pickDay(focusKey);\n    else if (k === 'Escape' && anchor) {\n      setAnchor(null);\n      setHoverKey(null);\n    } else return;\n    e.preventDefault();\n  }\n\n  const todayKey = drpToday();\n  function renderDay(d: Date, viewMonth: number) {\n    const key = drpKey(d);\n    const out = d.getMonth() !== viewMonth;\n    const disabled = !inBounds(key);\n    const col = drpCol(d);\n\n    const isLo = lo && key === lo;\n    const isHi = hi && key === hi;\n    const single = lo && hi && lo === hi;\n    const inRange = lo && hi && key >= lo && key <= hi;\n    /* the provisional (un-committed) end gets the outlined ghost cap; the anchor stays solid. */\n    const loGhost = provisional && isLo && lo !== anchor;\n    const hiGhost = provisional && isHi && !single && hi !== anchor;\n\n    const band = inRange && !single;\n    const extL = band && !isLo && col !== 0;\n    const extR = band && !isHi && col !== 6;\n\n    /* a boundary date shows in two cells (two-month view); the cap is a shared-layoutId node, so render it in exactly one - the in-month cell. */\n    const capHere = months === 1 || !out;\n    const loCap = isLo && capHere;\n    const hiCap = isHi && !single && capHere;\n\n    const cls = ['dtp__day'];\n    if (out) cls.push('is-out');\n    if (inRange) cls.push('is-in-range');\n    if ((loGhost || hiGhost) && capHere) cls.push('is-cap-ghost');\n    else if (loCap || hiCap) cls.push('is-cap');\n\n    const bandCls = ['drp__band'];\n    if (extL) bandCls.push('drp__band--extL');\n    if (extR) bandCls.push('drp__band--extR');\n    if (!extL) bandCls.push('drp__band--roundL');\n    if (!extR) bandCls.push('drp__band--roundR');\n\n    return (\n      <button\n        key={key}\n        type=\"button\"\n        role=\"gridcell\"\n        data-key={key}\n        className={cls.join(' ')}\n        disabled={disabled}\n        tabIndex={key === focusKey ? 0 : -1}\n        aria-label={DRP_MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear()}\n        aria-selected={isLo || isHi || undefined}\n        onClick={() => pickDay(key)}\n        onPointerEnter={(e) => {\n          setHoverKey(key);\n          if (!anchor && !disabled) grid.enter(e.currentTarget);\n          else grid.leave();\n        }}\n      >\n        {band ? <span className={bandCls.join(' ')} aria-hidden=\"true\"></span> : null}\n        {loCap ? (\n          <drpMotion.span\n            className={'drp__cap' + (loGhost ? ' drp__cap--ghost' : '')}\n            layoutId=\"drp-cap-lo\"\n            transition={drpSM.t.settle}\n            aria-hidden=\"true\"\n          ></drpMotion.span>\n        ) : null}\n        {hiCap ? (\n          <drpMotion.span\n            className={'drp__cap' + (hiGhost ? ' drp__cap--ghost' : '')}\n            layoutId=\"drp-cap-hi\"\n            transition={drpSM.t.settle}\n            aria-hidden=\"true\"\n          ></drpMotion.span>\n        ) : null}\n        <span className=\"dtp__num\">{d.getDate()}</span>\n        {key === todayKey ? <span className=\"dtp__dot\" aria-hidden=\"true\"></span> : null}\n      </button>\n    );\n  }\n\n  function renderMonth(offset: number, withPrev: boolean, withNext: boolean) {\n    const base = new Date(view.y, view.m + offset, 1);\n    const y = base.getFullYear(),\n      m = base.getMonth();\n    const cells = drpGrid(y, m);\n    const prevEnd = drpKey(new Date(y, m, 0));\n    const nextStart = drpKey(new Date(y, m + 1, 1));\n    return (\n      <div className=\"dtp__cal\" key={offset}>\n        <div className={'drp__mhead' + (withNext && !withPrev ? ' drp__mhead--right' : '')}>\n          {withPrev ? (\n            <button\n              type=\"button\"\n              className=\"dtp__nav\"\n              aria-label=\"Previous month\"\n              disabled={min && prevEnd < min}\n              onClick={() => nav(-1)}\n            >\n              <Icon name=\"caret-left\" size=\"sm\" />\n            </button>\n          ) : null}\n          <span className=\"dtp__month\">\n            {DRP_MONTHS[m]} <span className=\"dtp__year\">{y}</span>\n          </span>\n          {withNext ? (\n            <button\n              type=\"button\"\n              className=\"dtp__nav\"\n              aria-label=\"Next month\"\n              disabled={max && nextStart > max}\n              onClick={() => nav(1)}\n            >\n              <Icon name=\"caret-right\" size=\"sm\" />\n            </button>\n          ) : null}\n        </div>\n        <div className=\"dtp__dow\" aria-hidden=\"true\">\n          {DRP_DOW.map((d) => (\n            <span key={d}>{d}</span>\n          ))}\n        </div>\n        <div\n          className=\"dtp__days\"\n          role=\"grid\"\n          aria-label={DRP_MONTHS[m] + ' ' + y}\n          key={'days-' + viewIdx + '-' + offset}\n          data-enter={navDir || undefined}\n        >\n          {cells.map((d) => renderDay(d, m))}\n        </div>\n      </div>\n    );\n  }\n\n  const presets = drpPresets();\n  function presetActive(p: DrpPreset): boolean {\n    return value && value.start === p.start && value.end === p.end;\n  }\n\n  return (\n    <div\n      className={'drp' + (layout === 'sheet' ? ' drp--sheet' : '')}\n      role=\"dialog\"\n      aria-label={label || 'Pick a date range'}\n    >\n      <div className=\"drp__body\">\n        <div\n          className=\"drp__presets\"\n          role=\"group\"\n          aria-label=\"Quick ranges\"\n          ref={presetsRef}\n          onPointerLeave={presetGlide.leave}\n        >\n          {presets.map((p) => (\n            <button\n              key={p.id}\n              type=\"button\"\n              className={'drp__preset' + (presetActive(p) ? ' is-active' : '')}\n              onPointerEnter={(e) => presetGlide.enter(e.currentTarget)}\n              onClick={() => applyPreset(p)}\n            >\n              {p.label}\n            </button>\n          ))}\n          <GlidePill\n            className=\"drp__presetGlide\"\n            rect={presetGlide.rect}\n            active={presetGlide.active}\n          />\n        </div>\n        <div\n          className=\"drp__months\"\n          ref={daysRef}\n          onKeyDown={onGridKeyDown}\n          onPointerLeave={() => {\n            if (anchor) setHoverKey(anchor);\n            grid.leave();\n          }}\n        >\n          {months === 2\n            ? [renderMonth(0, true, false), renderMonth(1, false, true)]\n            : renderMonth(0, true, true)}\n          <GlidePill className=\"dtp__hover\" rect={grid.rect} active={grid.active} />\n        </div>\n      </div>\n      <div className=\"drp__foot\">\n        <span className={'drp__readout' + (lo && hi ? '' : ' is-empty')}>\n          {lo && hi ? (\n            <React.Fragment>\n              {drpRangeText(lo, hi)}{' '}\n              <span className=\"drp__count\">\n                - {drpDays(lo, hi)} {drpDays(lo, hi) === 1 ? 'day' : 'days'}\n              </span>\n            </React.Fragment>\n          ) : anchor ? (\n            'Pick the end date'\n          ) : (\n            'Pick a start date'\n          )}\n        </span>\n        {timezone ? <span className=\"drp__tz\">{drpTzLabel(timezone)}</span> : null}\n        <span className=\"drp__footSpacer\"></span>\n        <button type=\"button\" className=\"btn btn--primary btn--sm\" onClick={close}>\n          Done\n        </button>\n      </div>\n    </div>\n  );\n}\n\nexport interface DateRangeFieldProps {\n  /** Controlled value - both endpoints, or null when empty. */\n  value?: DateRange | null;\n  defaultValue?: DateRange | null;\n  /** Fires only on a COMPLETE range (a lone anchor never commits). */\n  onChange?: (value: DateRange) => void;\n  label?: string;\n  placeholder?: string;\n  /** IANA timezone (e.g. 'Europe/Riga') - display context, shown in the footer. */\n  timezone?: string;\n  /** Earliest pickable date, 'YYYY-MM-DD', inclusive. */\n  min?: string;\n  /** Latest pickable date, 'YYYY-MM-DD', inclusive. */\n  max?: string;\n  required?: boolean;\n  invalid?: boolean;\n  message?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport function DateRangeField({\n  value,\n  defaultValue = null,\n  onChange,\n  label,\n  placeholder = 'Pick a date range',\n  timezone,\n  min,\n  max,\n  required = false,\n  invalid = false,\n  message,\n  disabled = false,\n  className = '',\n}: DateRangeFieldProps) {\n  const [val, commit] = useControllable(value, defaultValue, onChange);\n\n  const narrow = useResponsiveOverlayMode();\n  const mode = narrow ? 'sheet' : 'popover';\n\n  const display = val && val.start && val.end ? drpRangeText(val.start, val.end) : null;\n\n  const trigger = (\n    <button type=\"button\" className=\"fld__input dtf__trigger\" disabled={disabled}>\n      {display ? (\n        <span className=\"dtf__value\">{display}</span>\n      ) : (\n        <span className=\"dtf__placeholder\">{placeholder}</span>\n      )}\n    </button>\n  );\n\n  return (\n    <FieldShell\n      variant=\"dtf\"\n      label={label}\n      required={required}\n      invalid={invalid}\n      message={message}\n      icon=\"calendar\"\n      className={className}\n    >\n      <Overlay\n        trigger={trigger}\n        mode={mode}\n        side={mode === 'sheet' ? 'bottom' : 'bottom'}\n        align=\"start\"\n      >\n        {(api) => (\n          <DrpPanel\n            value={val}\n            commit={commit}\n            close={api.close}\n            min={min}\n            max={max}\n            timezone={timezone}\n            label={label}\n            months={narrow ? 1 : 2}\n            layout={mode}\n          />\n        )}\n      </Overlay>\n    </FieldShell>\n  );\n}\n"]}

package/dist/chunk-PFNXVBLU.js

@@ -0,0 +1,96 @@
+'use client';import { IconSlot } from './chunk-VVPGEAC6.js';
+import { UIMotion } from './chunk-37O2ZXD6.js';
+import * as React from 'react';
+import { motion, AnimatePresence } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TagGroupContext = React.createContext(false);
+var TAG_OWN_PROPS = {
+  children: 1,
+  icon: 1,
+  onRemove: 1,
+  removeLabel: 1,
+  size: 1,
+  disabled: 1,
+  className: 1
+};
+function tagRestProps(props, own) {
+  const rest = {};
+  for (const k in props) {
+    if (!own[k]) rest[k] = props[k];
+  }
+  return rest;
+}
+function TagRemoveGlyph() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3 3 L9 9 M9 3 L3 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+}
+function Tag(props) {
+  const {
+    children,
+    icon = null,
+    onRemove = null,
+    removeLabel,
+    size = "md",
+    disabled = false,
+    className = ""
+  } = props;
+  const rest = tagRestProps(props, TAG_OWN_PROPS);
+  const grouped = React.useContext(TagGroupContext);
+  const classes = ["tag", size === "sm" ? "tag--sm" : "", className].filter(Boolean).join(" ");
+  const xLabel = removeLabel || (typeof children === "string" ? "Remove " + children : "Remove");
+  const content = /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    icon && /* @__PURE__ */ jsx("span", { className: "tag__icon", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: icon }) }),
+    /* @__PURE__ */ jsx("span", { className: "tag__label", children }),
+    onRemove && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "tag__remove",
+        "aria-label": xLabel,
+        disabled,
+        onClick: onRemove,
+        children: /* @__PURE__ */ jsx(TagRemoveGlyph, {})
+      }
+    )
+  ] });
+  if (!grouped) {
+    return /* @__PURE__ */ jsx("span", { className: classes, "data-disabled": disabled ? "true" : void 0, ...rest, children: content });
+  }
+  const { t } = UIMotion;
+  return /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      layout: true,
+      className: classes,
+      "data-disabled": disabled ? "true" : void 0,
+      initial: { opacity: 0, scale: 0.9 },
+      animate: { opacity: 1, scale: 1, transition: t.enter },
+      exit: { opacity: 0, scale: 0.9, transition: t.exit },
+      transition: t.layout,
+      ...rest,
+      children: content
+    }
+  );
+}
+function TagGroup(props) {
+  const { label, className = "", children } = props;
+  const rest = tagRestProps(props, {
+    label: 1,
+    className: 1,
+    children: 1
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: ["tag-group", className].filter(Boolean).join(" "),
+      role: "group",
+      "aria-label": label,
+      ...rest,
+      children: /* @__PURE__ */ jsx(TagGroupContext.Provider, { value: true, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children }) })
+    }
+  );
+}
+
+export { Tag, TagGroup };
+//# sourceMappingURL=chunk-PFNXVBLU.js.map
+//# sourceMappingURL=chunk-PFNXVBLU.js.map

package/dist/chunk-PFNXVBLU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tag/Tag.tsx"],"names":[],"mappings":"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","file":"chunk-PFNXVBLU.js","sourcesContent":["'use client';\n\n/* Tag (+ TagGroup) - removable/editable label; stateless, the parent owns the list. */\n\nimport * as React from 'react';\nimport { motion, AnimatePresence } from 'motion/react';\nimport { UIMotion } from '../../tokens/motion-tokens';\nimport { IconSlot } from '../icon/IconSlot';\n\n/** Tag - the removable, editable label (stateless; the parent owns the list). */\nexport interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {\n  /** The label. */\n  children: React.ReactNode;\n  /** Your own icon node, sized small and tinted to the tag's text. */\n  icon?: React.ReactNode | null;\n  /** Presence adds the remove button; called on click - remove the item yourself. */\n  onRemove?: (() => void) | null;\n  /** Accessible label for the remove button. Defaults to \"Remove {label}\" for string labels. */\n  removeLabel?: string;\n  /** 'md' = 28px (default) - 'sm' = 24px for dense rows. */\n  size?: 'md' | 'sm';\n  disabled?: boolean;\n  className?: string;\n}\n\n/** TagGroup - wrapping flex row + removal/insertion choreography. */\nexport interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Accessible name for the group (role=\"group\"). */\n  label?: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nconst TagGroupContext = React.createContext(false);\n\n/* GOTCHA (buildless pages): split props manually, not object-rest. */\nconst TAG_OWN_PROPS: Record<string, number> = {\n  children: 1,\n  icon: 1,\n  onRemove: 1,\n  removeLabel: 1,\n  size: 1,\n  disabled: 1,\n  className: 1,\n};\nfunction tagRestProps(props: Record<string, unknown>, own: Record<string, number>) {\n  const rest: Record<string, unknown> = {};\n  for (const k in props) {\n    if (!own[k]) rest[k] = props[k];\n  }\n  return rest;\n}\n\n/* The remove glyph - drawn inline (path-level, per section D) so it can wind up on hover. */\nfunction TagRemoveGlyph() {\n  return (\n    <svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M3 3 L9 9 M9 3 L3 9\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function Tag(props: TagProps) {\n  const {\n    children,\n    icon = null,\n    onRemove = null,\n    removeLabel,\n    size = 'md',\n    disabled = false,\n    className = '',\n  } = props;\n  const rest = tagRestProps(props as unknown as Record<string, unknown>, TAG_OWN_PROPS);\n  const grouped = React.useContext(TagGroupContext);\n  const classes = ['tag', size === 'sm' ? 'tag--sm' : '', className].filter(Boolean).join(' ');\n\n  const xLabel = removeLabel || (typeof children === 'string' ? 'Remove ' + children : 'Remove');\n\n  const content = (\n    <React.Fragment>\n      {icon && (\n        <span className=\"tag__icon\">\n          <IconSlot size=\"sm\">{icon}</IconSlot>\n        </span>\n      )}\n      <span className=\"tag__label\">{children}</span>\n      {onRemove && (\n        <button\n          type=\"button\"\n          className=\"tag__remove\"\n          aria-label={xLabel}\n          disabled={disabled}\n          onClick={onRemove}\n        >\n          <TagRemoveGlyph />\n        </button>\n      )}\n    </React.Fragment>\n  );\n\n  if (!grouped) {\n    return (\n      <span className={classes} data-disabled={disabled ? 'true' : undefined} {...rest}>\n        {content}\n      </span>\n    );\n  }\n\n  const { t } = UIMotion;\n  return (\n    <motion.span\n      layout\n      className={classes}\n      data-disabled={disabled ? 'true' : undefined}\n      initial={{ opacity: 0, scale: 0.9 }}\n      animate={{ opacity: 1, scale: 1, transition: t.enter }}\n      exit={{ opacity: 0, scale: 0.9, transition: t.exit }}\n      transition={t.layout}\n      {...rest}\n    >\n      {content}\n    </motion.span>\n  );\n}\n\nexport function TagGroup(props: TagGroupProps) {\n  const { label, className = '', children } = props;\n  const rest = tagRestProps(props as unknown as Record<string, unknown>, {\n    label: 1,\n    className: 1,\n    children: 1,\n  });\n  return (\n    <div\n      className={['tag-group', className].filter(Boolean).join(' ')}\n      role=\"group\"\n      aria-label={label}\n      {...rest}\n    >\n      <TagGroupContext.Provider value={true}>\n        <AnimatePresence initial={false}>{children}</AnimatePresence>\n      </TagGroupContext.Provider>\n    </div>\n  );\n}\n"]}