premium-ds 0.1.0

package/dist/chunk-BXXS7YRC.js

@@ -0,0 +1,270 @@
+'use client';import { UIMotion } from './chunk-37O2ZXD6.js';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { AnimatePresence, motion } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SM = UIMotion;
+var { useRef, useEffect, useLayoutEffect, useState, useId, useSyncExternalStore } = React;
+var OPEN_DELAY = 350;
+var CLOSE_GRACE = 140;
+var WARM_WINDOW = 300;
+var TIP_GAP = typeof document !== "undefined" ? parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--space-2")) || 8 : 8;
+var store = {
+  active: null,
+  closeTimer: 0,
+  warmUntil: 0,
+  listeners: /* @__PURE__ */ new Set(),
+  get: () => store.active,
+  subscribe(l) {
+    store.listeners.add(l);
+    return () => store.listeners.delete(l);
+  },
+  emit() {
+    store.listeners.forEach((l) => l());
+  },
+  isWarm: () => store.active !== null || performance.now() < store.warmUntil,
+  open(payload) {
+    clearTimeout(store.closeTimer);
+    store.active = payload;
+    store.emit();
+  },
+  close(id, grace = CLOSE_GRACE) {
+    clearTimeout(store.closeTimer);
+    store.closeTimer = setTimeout(() => {
+      if (store.active && store.active.id === id) store.closeNow();
+    }, grace);
+  },
+  closeNow() {
+    clearTimeout(store.closeTimer);
+    if (!store.active) return;
+    store.warmUntil = performance.now() + WARM_WINDOW;
+    store.active = null;
+    store.emit();
+  }
+};
+function targetBox(size, t, want) {
+  const vw = window.innerWidth, vh = window.innerHeight, M = TIP_GAP;
+  let p = want;
+  if (p === "top" && t.top - size.h - TIP_GAP < M) p = "bottom";
+  else if (p === "bottom" && t.bottom + size.h + TIP_GAP > vh - M) p = "top";
+  else if (p === "left" && t.left - size.w - TIP_GAP < M) p = "right";
+  else if (p === "right" && t.right + size.w + TIP_GAP > vw - M) p = "left";
+  let x, y;
+  if (p === "top") {
+    x = t.left + t.width / 2 - size.w / 2;
+    y = t.top - size.h - TIP_GAP;
+  } else if (p === "bottom") {
+    x = t.left + t.width / 2 - size.w / 2;
+    y = t.bottom + TIP_GAP;
+  } else if (p === "left") {
+    x = t.left - size.w - TIP_GAP;
+    y = t.top + t.height / 2 - size.h / 2;
+  } else {
+    x = t.right + TIP_GAP;
+    y = t.top + t.height / 2 - size.h / 2;
+  }
+  return {
+    x: Math.round(Math.min(Math.max(x, M), vw - size.w - M)),
+    y: Math.round(Math.min(Math.max(y, M), vh - size.h - M)),
+    w: size.w,
+    h: size.h,
+    placement: p
+  };
+}
+var fromEdge = (p) => ({
+  // enter/exit offset toward the trigger
+  x: p === "left" ? 4 : p === "right" ? -4 : 0,
+  y: p === "top" ? 4 : p === "bottom" ? -4 : 0
+});
+function Body({ a, width }) {
+  return /* @__PURE__ */ jsx("span", { className: "tooltip__body", style: width ? { width } : void 0, children: a.shortcut ? /* @__PURE__ */ jsxs("span", { className: "tooltip__row", children: [
+    /* @__PURE__ */ jsx("span", { children: a.content }),
+    /* @__PURE__ */ jsx("kbd", { className: "tooltip__shortcut", children: a.shortcut })
+  ] }) : a.content });
+}
+function TooltipHost() {
+  const active = useSyncExternalStore(store.subscribe, store.get);
+  const measureRef = useRef(null);
+  const [box, setBox] = useState(null);
+  useLayoutEffect(() => {
+    if (!active) {
+      setBox(null);
+      return;
+    }
+    const r = measureRef.current.getBoundingClientRect();
+    const b = measureRef.current.firstChild.getBoundingClientRect();
+    setBox({
+      ...targetBox(
+        { w: Math.ceil(r.width), h: Math.ceil(r.height) },
+        active.rect(),
+        active.placement
+      ),
+      bodyW: Math.ceil(b.width)
+    });
+  }, [active]);
+  useEffect(() => {
+    if (!active) return void 0;
+    const onKey = (e) => {
+      if (e.key === "Escape") store.closeNow();
+    };
+    const onScroll = () => store.closeNow();
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("scroll", onScroll, true);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("scroll", onScroll, true);
+    };
+  }, [active]);
+  const off = box ? fromEdge(box.placement) : { x: 0, y: 0 };
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      active && /* @__PURE__ */ jsx("div", { className: "tooltip tooltip--measure", ref: measureRef, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Body, { a: active }) }),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: active && box && /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "tooltip",
+          id: "scheduly-tooltip",
+          role: "tooltip",
+          "data-placement": box.placement,
+          initial: {
+            x: box.x + off.x,
+            y: box.y + off.y,
+            width: box.w,
+            height: box.h,
+            opacity: 0,
+            scale: 0.96
+          },
+          animate: { x: box.x, y: box.y, width: box.w, height: box.h, opacity: 1, scale: 1 },
+          exit: {
+            x: box.x + off.x,
+            y: box.y + off.y,
+            opacity: 0,
+            scale: 0.96,
+            transition: { duration: SM.dur.fast, ease: SM.ease.exit }
+          },
+          transition: {
+            x: SM.t.layout,
+            y: SM.t.layout,
+            width: SM.t.layout,
+            height: SM.t.layout,
+            opacity: SM.t.enter,
+            scale: SM.t.enter
+          },
+          children: /* @__PURE__ */ jsx(
+            motion.span,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1, transition: SM.t.enter },
+              children: /* @__PURE__ */ jsx(Body, { a: active, width: box.bodyW })
+            },
+            active.id
+          )
+        },
+        "tip"
+      ) })
+    ] }),
+    document.body
+  );
+}
+var hostMounted = false;
+function ensureHost() {
+  if (hostMounted) return;
+  hostMounted = true;
+  const el = document.createElement("div");
+  el.setAttribute("data-tooltip-host", "");
+  document.body.appendChild(el);
+  createRoot(el).render(/* @__PURE__ */ jsx(TooltipHost, {}));
+}
+var chain = (theirs, mine) => (e) => {
+  if (theirs) theirs(e);
+  mine(e);
+};
+function Tooltip({
+  content,
+  shortcut = null,
+  placement = "top",
+  disabled = false,
+  openDelay = OPEN_DELAY,
+  closeDelay = CLOSE_GRACE,
+  asChild = false,
+  id,
+  children
+}) {
+  const triggerRef = useRef(null);
+  const wrapRef = useRef(null);
+  const openTimer = useRef(0);
+  const myId = id || "tip-" + useId();
+  const anchorEl = () => asChild ? triggerRef.current : wrapRef.current?.firstElementChild ?? null;
+  useEffect(
+    () => () => {
+      clearTimeout(openTimer.current);
+      store.close(myId, 0);
+    },
+    []
+  );
+  function show(immediate) {
+    if (disabled) return;
+    ensureHost();
+    clearTimeout(openTimer.current);
+    const el = anchorEl();
+    if (!el) return;
+    el.setAttribute("aria-describedby", "scheduly-tooltip");
+    const open = () => store.open({
+      id: myId,
+      content,
+      shortcut,
+      placement,
+      rect: () => anchorEl().getBoundingClientRect()
+    });
+    if (immediate || store.isWarm()) open();
+    else openTimer.current = setTimeout(open, openDelay);
+  }
+  function hide() {
+    clearTimeout(openTimer.current);
+    const el = anchorEl();
+    if (el) el.removeAttribute("aria-describedby");
+    store.close(myId, closeDelay);
+  }
+  const onEnter = (e) => {
+    if (e.pointerType !== "touch") show(false);
+  };
+  const onFocusIn = (e) => {
+    if (e.target.matches(":focus-visible")) show(true);
+  };
+  if (!asChild) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: wrapRef,
+        className: "tooltip-anchor",
+        onPointerEnter: onEnter,
+        onPointerLeave: hide,
+        onPointerDown: hide,
+        onFocus: onFocusIn,
+        onBlur: hide,
+        children
+      }
+    );
+  }
+  const child = React.Children.only(children);
+  const childRef = child.ref;
+  const childProps = child.props;
+  return React.cloneElement(child, {
+    ref: (node) => {
+      triggerRef.current = node;
+      if (typeof childRef === "function") childRef(node);
+      else if (childRef && typeof childRef === "object") childRef.current = node;
+    },
+    onPointerEnter: chain(childProps.onPointerEnter, onEnter),
+    onPointerLeave: chain(childProps.onPointerLeave, hide),
+    onPointerDown: chain(childProps.onPointerDown, hide),
+    onFocus: chain(childProps.onFocus, onFocusIn),
+    onBlur: chain(childProps.onBlur, hide)
+  });
+}
+
+export { Tooltip, TooltipHost };
+//# sourceMappingURL=chunk-BXXS7YRC.js.map
+//# sourceMappingURL=chunk-BXXS7YRC.js.map

package/dist/chunk-BXXS7YRC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"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","file":"chunk-BXXS7YRC.js","sourcesContent":["'use client';\n\n/* Tooltip - a transient, non-interactive hint on hover/focus (one shared bubble). */\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createRoot } from 'react-dom/client';\nimport { motion, AnimatePresence } from 'motion/react';\nimport type { ReactElement, ReactNode } from 'react';\nimport { UIMotion } from '../../tokens/motion-tokens';\n\nconst SM = UIMotion;\nconst { useRef, useEffect, useLayoutEffect, useState, useId, useSyncExternalStore } = React;\n\ntype Placement = 'top' | 'bottom' | 'left' | 'right';\n\ninterface ActivePayload {\n  id: string;\n  content: ReactNode;\n  shortcut?: string | null;\n  placement: Placement;\n  rect: () => DOMRect;\n}\n\ninterface Size {\n  w: number;\n  h: number;\n}\ninterface TargetBox extends Size {\n  x: number;\n  y: number;\n  placement: Placement;\n}\ninterface RenderedBox extends TargetBox {\n  bodyW: number;\n}\n\nconst OPEN_DELAY = 350;\nconst CLOSE_GRACE = 140;\nconst WARM_WINDOW = 300;\n\nconst TIP_GAP =\n  typeof document !== 'undefined'\n    ? parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--space-2')) || 8\n    : 8;\n\n/* Store - what's showing, where; triggers write, the host renders. */\nconst store = {\n  active: null as ActivePayload | null,\n  closeTimer: 0 as ReturnType<typeof setTimeout> | 0,\n  warmUntil: 0,\n  listeners: new Set<() => void>(),\n  get: () => store.active,\n  subscribe(l: () => void) {\n    store.listeners.add(l);\n    return () => store.listeners.delete(l);\n  },\n  emit() {\n    store.listeners.forEach((l) => l());\n  },\n  isWarm: () => store.active !== null || performance.now() < store.warmUntil,\n  open(payload: ActivePayload) {\n    clearTimeout(store.closeTimer);\n    store.active = payload;\n    store.emit();\n  },\n  close(id: string, grace = CLOSE_GRACE) {\n    // graced; only the owning trigger can close\n    clearTimeout(store.closeTimer);\n    store.closeTimer = setTimeout(() => {\n      if (store.active && store.active.id === id) store.closeNow();\n    }, grace);\n  },\n  closeNow() {\n    clearTimeout(store.closeTimer);\n    if (!store.active) return;\n    store.warmUntil = performance.now() + WARM_WINDOW;\n    store.active = null;\n    store.emit();\n  },\n};\n\n/* Target box from the trigger rect + the measured content size; flips + clamps. */\nfunction targetBox(size: Size, t: DOMRect, want: Placement): TargetBox {\n  const vw = window.innerWidth,\n    vh = window.innerHeight,\n    M = TIP_GAP;\n  let p = want;\n  if (p === 'top' && t.top - size.h - TIP_GAP < M) p = 'bottom';\n  else if (p === 'bottom' && t.bottom + size.h + TIP_GAP > vh - M) p = 'top';\n  else if (p === 'left' && t.left - size.w - TIP_GAP < M) p = 'right';\n  else if (p === 'right' && t.right + size.w + TIP_GAP > vw - M) p = 'left';\n  let x, y;\n  if (p === 'top') {\n    x = t.left + t.width / 2 - size.w / 2;\n    y = t.top - size.h - TIP_GAP;\n  } else if (p === 'bottom') {\n    x = t.left + t.width / 2 - size.w / 2;\n    y = t.bottom + TIP_GAP;\n  } else if (p === 'left') {\n    x = t.left - size.w - TIP_GAP;\n    y = t.top + t.height / 2 - size.h / 2;\n  } else {\n    x = t.right + TIP_GAP;\n    y = t.top + t.height / 2 - size.h / 2;\n  }\n  return {\n    x: Math.round(Math.min(Math.max(x, M), vw - size.w - M)),\n    y: Math.round(Math.min(Math.max(y, M), vh - size.h - M)),\n    w: size.w,\n    h: size.h,\n    placement: p,\n  };\n}\n\nconst fromEdge = (p: Placement) => ({\n  // enter/exit offset toward the trigger\n  x: p === 'left' ? 4 : p === 'right' ? -4 : 0,\n  y: p === 'top' ? 4 : p === 'bottom' ? -4 : 0,\n});\n\nfunction Body({ a, width }: { a: ActivePayload; width?: number }) {\n  return (\n    <span className=\"tooltip__body\" style={width ? { width } : undefined}>\n      {a.shortcut ? (\n        <span className=\"tooltip__row\">\n          <span>{a.content}</span>\n          <kbd className=\"tooltip__shortcut\">{a.shortcut}</kbd>\n        </span>\n      ) : (\n        a.content\n      )}\n    </span>\n  );\n}\n\n/* Host - the one bubble + its hidden measuring twin. */\nfunction TooltipHost() {\n  const active = useSyncExternalStore(store.subscribe, store.get);\n  const measureRef = useRef<HTMLDivElement>(null);\n  const [box, setBox] = useState<RenderedBox | null>(null);\n\n  // Measure the clone before paint: box = its border box; bodyW locks the live body's wrapping to the clone's.\n  useLayoutEffect(() => {\n    if (!active) {\n      setBox(null);\n      return;\n    }\n    const r = measureRef.current.getBoundingClientRect();\n    const b = (measureRef.current.firstChild as HTMLElement).getBoundingClientRect();\n    setBox({\n      ...targetBox(\n        { w: Math.ceil(r.width), h: Math.ceil(r.height) },\n        active.rect(),\n        active.placement,\n      ),\n      bodyW: Math.ceil(b.width),\n    });\n  }, [active]);\n\n  // Esc or any scroll dismisses (a stale hint is worse than none)\n  useEffect(() => {\n    if (!active) return undefined;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') store.closeNow();\n    };\n    const onScroll = () => store.closeNow();\n    document.addEventListener('keydown', onKey);\n    window.addEventListener('scroll', onScroll, true);\n    return () => {\n      document.removeEventListener('keydown', onKey);\n      window.removeEventListener('scroll', onScroll, true);\n    };\n  }, [active]);\n\n  const off = box ? fromEdge(box.placement) : { x: 0, y: 0 };\n\n  return ReactDOM.createPortal(\n    <React.Fragment>\n      {active && (\n        <div className=\"tooltip tooltip--measure\" ref={measureRef} aria-hidden=\"true\">\n          <Body a={active} />\n        </div>\n      )}\n      <AnimatePresence>\n        {active && box && (\n          <motion.div\n            key=\"tip\"\n            className=\"tooltip\"\n            id=\"scheduly-tooltip\"\n            role=\"tooltip\"\n            data-placement={box.placement}\n            initial={{\n              x: box.x + off.x,\n              y: box.y + off.y,\n              width: box.w,\n              height: box.h,\n              opacity: 0,\n              scale: 0.96,\n            }}\n            animate={{ x: box.x, y: box.y, width: box.w, height: box.h, opacity: 1, scale: 1 }}\n            exit={{\n              x: box.x + off.x,\n              y: box.y + off.y,\n              opacity: 0,\n              scale: 0.96,\n              transition: { duration: SM.dur.fast, ease: SM.ease.exit },\n            }}\n            transition={{\n              x: SM.t.layout,\n              y: SM.t.layout,\n              width: SM.t.layout,\n              height: SM.t.layout,\n              opacity: SM.t.enter,\n              scale: SM.t.enter,\n            }}\n          >\n            {/* one node keyed by trigger: old cuts, new fades in while the box travels (fixed width keeps wrapping stable) */}\n            <motion.span\n              key={active.id}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1, transition: SM.t.enter }}\n            >\n              <Body a={active} width={box.bodyW} />\n            </motion.span>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </React.Fragment>,\n    document.body,\n  );\n}\n\n// Mount the host exactly once, lazily, in its own root.\nlet hostMounted = false;\nfunction ensureHost() {\n  if (hostMounted) return;\n  hostMounted = true;\n  const el = document.createElement('div');\n  el.setAttribute('data-tooltip-host', '');\n  document.body.appendChild(el);\n  createRoot(el).render(<TooltipHost />);\n}\n\nconst chain = (theirs: ((e: any) => void) | undefined, mine: (e: any) => void) => (e: any) => {\n  if (theirs) theirs(e);\n  mine(e);\n};\n\n/* Trigger - reports to the store; default wraps the child in a display:contents anchor (any element, no ref), asChild clones instead. */\nexport interface TooltipProps {\n  /** The hint - a string or small node; never interactive content. */\n  content: ReactNode;\n  /** Optional keyboard hint, rendered as mono metadata (\"⌘↩\", \"S\"). */\n  shortcut?: string | null;\n  /** Preferred side; flips automatically when out of viewport room. */\n  placement?: Placement;\n  /** Suppress the tooltip entirely (trigger renders untouched). */\n  disabled?: boolean;\n  /** ms before a cold hover shows; warm hovers + focus are instant. Default 350. */\n  openDelay?: number;\n  /** ms the bubble lingers after leaving (bridges moving to a neighbour). Default 140. */\n  closeDelay?: number;\n  /** Skip the wrapper - clone the child and merge handlers + ref onto it (child must take a ref). Default false. */\n  asChild?: boolean;\n  id?: string;\n  /** Exactly one element; any element works by default, asChild requires one that accepts a ref. */\n  children: ReactElement;\n}\n\nfunction Tooltip({\n  content,\n  shortcut = null,\n  placement = 'top',\n  disabled = false,\n  openDelay = OPEN_DELAY,\n  closeDelay = CLOSE_GRACE,\n  asChild = false,\n  id,\n  children,\n}: TooltipProps) {\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const wrapRef = useRef<HTMLSpanElement | null>(null);\n  const openTimer = useRef<ReturnType<typeof setTimeout> | 0>(0);\n  const myId = id || 'tip-' + useId();\n\n  // The element we anchor to + set aria-describedby on (clone, or the wrapper's child).\n  const anchorEl = (): HTMLElement | null =>\n    asChild ? triggerRef.current : ((wrapRef.current?.firstElementChild as HTMLElement) ?? null);\n\n  useEffect(\n    () => () => {\n      clearTimeout(openTimer.current);\n      store.close(myId, 0);\n    },\n    [],\n  ); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function show(immediate: boolean) {\n    if (disabled) return;\n    ensureHost();\n    clearTimeout(openTimer.current);\n    const el = anchorEl();\n    if (!el) return;\n    el.setAttribute('aria-describedby', 'scheduly-tooltip');\n    const open = () =>\n      store.open({\n        id: myId,\n        content,\n        shortcut,\n        placement,\n        rect: () => anchorEl()!.getBoundingClientRect(),\n      });\n    if (immediate || store.isWarm()) open();\n    else openTimer.current = setTimeout(open, openDelay);\n  }\n  function hide() {\n    clearTimeout(openTimer.current);\n    const el = anchorEl();\n    if (el) el.removeAttribute('aria-describedby');\n    store.close(myId, closeDelay);\n  }\n\n  const onEnter = (e: React.PointerEvent) => {\n    if (e.pointerType !== 'touch') show(false);\n  };\n  const onFocusIn = (e: React.FocusEvent) => {\n    if ((e.target as HTMLElement).matches(':focus-visible')) show(true);\n  };\n\n  // Default: a display:contents wrapper carries the listeners + rect; the child needs no ref.\n  if (!asChild) {\n    return (\n      <span\n        ref={wrapRef}\n        className=\"tooltip-anchor\"\n        onPointerEnter={onEnter}\n        onPointerLeave={hide}\n        onPointerDown={hide}\n        onFocus={onFocusIn}\n        onBlur={hide}\n      >\n        {children}\n      </span>\n    );\n  }\n\n  // asChild: clone the child, merging our handlers + ref (a press dismisses: activating != hinting).\n  const child = React.Children.only(children) as ReactElement & { ref?: any };\n  const childRef = child.ref;\n  const childProps = child.props as any;\n  return React.cloneElement(child, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      if (typeof childRef === 'function') childRef(node);\n      else if (childRef && typeof childRef === 'object') childRef.current = node;\n    },\n    onPointerEnter: chain(childProps.onPointerEnter, onEnter),\n    onPointerLeave: chain(childProps.onPointerLeave, hide),\n    onPointerDown: chain(childProps.onPointerDown, hide),\n    onFocus: chain(childProps.onFocus, onFocusIn),\n    onBlur: chain(childProps.onBlur, hide),\n  } as any);\n}\n\nexport { Tooltip, TooltipHost };\n"]}

package/dist/chunk-CV2Q4YXX.js

@@ -0,0 +1,272 @@
+'use client';import { parse, today, useGlide, grid, key, MONTHS, DOW, GlidePill, tzLabel, pad } 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, animate } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var { useState, useRef, useEffect, useId } = React;
+var dtfMotion = motion;
+var dtfAnimate = animate;
+var dtfSM = UIMotion;
+function dtfDisplay(key2) {
+  if (!key2) return null;
+  const d = parse(key2);
+  const mon = MONTHS[d.getMonth()].slice(0, 3);
+  const year = d.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", " + d.getFullYear();
+  return mon + " " + pad(d.getDate()) + year;
+}
+function DtpPanel({ val, commit, min, max, timezone, label, close, slot }) {
+  const seed = val ? parse(val) : /* @__PURE__ */ new Date();
+  const [view, setView] = useState({
+    y: seed.getFullYear(),
+    m: seed.getMonth()
+  });
+  const [focusKey, setFocusKey] = useState(val || today());
+  const daysRef = useRef(null);
+  const prevViewRef = useRef(null);
+  const pendingFocusRef = useRef(false);
+  const uid = useId();
+  const pillId = "dtp-pill-" + uid;
+  const glide = useGlide(daysRef);
+  const inRange = (key2) => (!min || key2 >= min) && (!max || key2 <= max);
+  function pickDay(key2) {
+    if (!inRange(key2)) return;
+    pendingFocusRef.current = true;
+    setFocusKey(key2);
+    const d = parse(key2);
+    goToMonth(d.getFullYear(), d.getMonth());
+    commit(key2);
+  }
+  function goToMonth(y, m) {
+    setView((v) => v.y === y && v.m === m ? v : { y, m });
+  }
+  function nav(dir) {
+    const d = new Date(view.y, view.m + dir, 1);
+    goToMonth(d.getFullYear(), d.getMonth());
+  }
+  const dtfNow = /* @__PURE__ */ new Date();
+  const viewIsCurrent = view.y === dtfNow.getFullYear() && view.m === dtfNow.getMonth();
+  function goToToday() {
+    const key2 = today();
+    const d = parse(key2);
+    pendingFocusRef.current = true;
+    setFocusKey(key2);
+    goToMonth(d.getFullYear(), d.getMonth());
+  }
+  const viewIdx = view.y * 12 + view.m;
+  useEffect(() => {
+    const prev = prevViewRef.current;
+    prevViewRef.current = viewIdx;
+    const el = daysRef.current;
+    if (prev == null || prev === viewIdx || !el) return;
+    const dir = viewIdx > prev ? 1 : -1;
+    dtfAnimate(
+      el,
+      { x: [dir * 16, 0], opacity: [0, 1] },
+      { duration: dtfSM.t.enter.duration, ease: dtfSM.t.enter.ease }
+    );
+  }, [viewIdx]);
+  useEffect(() => {
+    const el = daysRef.current;
+    if (!el) return;
+    const btn = el.querySelector('[tabindex="0"]: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, viewIdx]);
+  function moveFocus(deltaDays, deltaMonths) {
+    const d = parse(focusKey);
+    if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);
+    if (deltaDays) d.setDate(d.getDate() + deltaDays);
+    const key2 = key(d);
+    pendingFocusRef.current = true;
+    setFocusKey(key2);
+    goToMonth(d.getFullYear(), d.getMonth());
+  }
+  function onGridKeyDown(e) {
+    const k = e.key;
+    if (k === "ArrowLeft") moveFocus(-1, 0);
+    else if (k === "ArrowRight") moveFocus(1, 0);
+    else if (k === "ArrowUp") moveFocus(-7, 0);
+    else if (k === "ArrowDown") moveFocus(7, 0);
+    else if (k === "PageUp") moveFocus(0, -1);
+    else if (k === "PageDown") moveFocus(0, 1);
+    else if (k === "Home") moveFocus(-((parse(focusKey).getDay() + 6) % 7), 0);
+    else if (k === "End") moveFocus(6 - (parse(focusKey).getDay() + 6) % 7, 0);
+    else if (k === "Enter" || k === " ") pickDay(focusKey);
+    else return;
+    e.preventDefault();
+  }
+  const days = grid(view.y, view.m);
+  const todayKey = today();
+  const selKey = val || null;
+  const gridKeys = days.map(key);
+  const tabKey = gridKeys.indexOf(focusKey) >= 0 ? focusKey : selKey && gridKeys.indexOf(selKey) >= 0 ? selKey : gridKeys.indexOf(todayKey) >= 0 ? todayKey : key(new Date(view.y, view.m, 1));
+  const prevEnd = key(new Date(view.y, view.m, 0));
+  const nextStart = key(new Date(view.y, view.m + 1, 1));
+  const canPrev = !min || prevEnd >= min;
+  const canNext = !max || nextStart <= max;
+  const weeks = [];
+  for (let w = 0; w < 6; w++) weeks.push(days.slice(w * 7, w * 7 + 7));
+  return /* @__PURE__ */ jsxs("div", { className: "dtp", role: "dialog", "aria-label": label || "Pick a date", children: [
+    /* @__PURE__ */ jsxs("div", { className: "dtp__cal", children: [
+      /* @__PURE__ */ jsxs("div", { className: "dtp__head", children: [
+        /* @__PURE__ */ jsxs("span", { className: "dtp__month", "aria-live": "polite", children: [
+          MONTHS[view.m],
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "dtp__year", children: view.y })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "dtp__navs", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "dtp__nav",
+              "aria-label": "Previous month",
+              disabled: !canPrev,
+              onClick: () => nav(-1),
+              children: /* @__PURE__ */ jsx(Icon, { name: "caret-left", size: "sm" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "dtp__nav",
+              "aria-label": "Go to today",
+              disabled: viewIsCurrent,
+              onClick: goToToday,
+              children: /* @__PURE__ */ jsx(Icon, { name: "calendar-dot", size: "sm" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "dtp__nav",
+              "aria-label": "Next month",
+              disabled: !canNext,
+              onClick: () => nav(1),
+              children: /* @__PURE__ */ jsx(Icon, { name: "caret-right", size: "sm" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "dtp__dow", "aria-hidden": "true", children: DOW.map((d) => /* @__PURE__ */ jsx("span", { children: d }, d)) }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "dtp__days",
+          ref: daysRef,
+          role: "grid",
+          "aria-label": "Calendar",
+          onKeyDown: onGridKeyDown,
+          onPointerLeave: glide.leave,
+          children: [
+            weeks.map((week, wi) => /* @__PURE__ */ jsx("div", { role: "row", className: "dtp__row", children: week.map((d) => {
+              const key2 = key(d);
+              const out = d.getMonth() !== view.m;
+              const sel = key2 === selKey;
+              const cls = [
+                "dtp__day",
+                out ? "is-out" : "",
+                sel ? "is-selected" : "",
+                key2 === todayKey ? "is-today" : ""
+              ].filter(Boolean).join(" ");
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  role: "gridcell",
+                  "data-key": key2,
+                  className: cls,
+                  disabled: !inRange(key2),
+                  tabIndex: key2 === tabKey ? 0 : -1,
+                  "aria-selected": sel || void 0,
+                  "aria-label": MONTHS[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear(),
+                  onClick: () => pickDay(key2),
+                  onPointerEnter: (e) => glide.enter(e.currentTarget),
+                  children: [
+                    sel ? /* @__PURE__ */ jsx(
+                      dtfMotion.span,
+                      {
+                        className: "dtp__pill",
+                        layoutId: pillId,
+                        transition: dtfSM.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
+              );
+            }) }, wi)),
+            /* @__PURE__ */ jsx(GlidePill, { className: "dtp__hover", rect: glide.rect, active: glide.active })
+          ]
+        }
+      )
+    ] }),
+    slot || null,
+    /* @__PURE__ */ jsxs("div", { className: "dtp__foot", children: [
+      timezone ? /* @__PURE__ */ jsx("span", { className: "dtp__tz", children: tzLabel(timezone, selKey) }) : null,
+      /* @__PURE__ */ jsx("span", { className: "dtp__footSpacer" }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "btn btn--primary btn--sm", onClick: close, children: "Done" })
+    ] })
+  ] });
+}
+function DateField({
+  value,
+  defaultValue = null,
+  onChange,
+  label,
+  placeholder = "Pick a date",
+  timezone,
+  min,
+  max,
+  required = false,
+  invalid = false,
+  message,
+  disabled = false,
+  className = ""
+}) {
+  const [val, commit] = useControllable(value, defaultValue, onChange);
+  const display = dtfDisplay(val);
+  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, side: "bottom", align: "start", children: (api) => /* @__PURE__ */ jsx(
+        DtpPanel,
+        {
+          val,
+          commit,
+          close: api.close,
+          min,
+          max,
+          timezone,
+          label
+        }
+      ) })
+    }
+  );
+}
+
+export { DateField, DtpPanel };
+//# sourceMappingURL=chunk-CV2Q4YXX.js.map
+//# sourceMappingURL=chunk-CV2Q4YXX.js.map

package/dist/chunk-CV2Q4YXX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker/DateField.tsx"],"names":["key"],"mappings":"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","file":"chunk-CV2Q4YXX.js","sourcesContent":["'use client';\n\n/* DateField - opinionated single-date picker: a .fld trigger opens a month-calendar popover, commit is live on day pick. */\n\nimport * as React from 'react';\nimport type { ReactNode } from 'react';\nimport { motion, animate } 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 DTF_MONTHS,\n  DOW as DTF_DOW,\n  pad as dtfPad,\n  key as dtfKey,\n  parse as dtfParse,\n  today as dtfToday,\n  grid as dtfGrid,\n  tzLabel as dtfTzLabel,\n} from './date-utils';\n\nconst { useState, useRef, useEffect, useId } = React;\nconst dtfMotion = motion;\nconst dtfAnimate = animate;\nconst dtfSM = UIMotion;\n\n/* 'Jun 12' (year only when it isn't the current one) */\nfunction dtfDisplay(key: string | null): string | null {\n  if (!key) return null;\n  const d = dtfParse(key);\n  const mon = DTF_MONTHS[d.getMonth()].slice(0, 3);\n  const year = d.getFullYear() === new Date().getFullYear() ? '' : ', ' + d.getFullYear();\n  return mon + ' ' + dtfPad(d.getDate()) + year;\n}\n\nexport interface DtpPanelProps {\n  val: string | null;\n  commit: (key: string) => void;\n  min?: string;\n  max?: string;\n  timezone?: string;\n  label?: string;\n  close: () => void;\n  slot?: ReactNode;\n}\n\n/* the popover panel, mounted only while open - owns view + roving focus, so each open starts at the picked month. */\nexport function DtpPanel({ val, commit, min, max, timezone, label, close, slot }: DtpPanelProps) {\n  const seed = val ? dtfParse(val) : new Date();\n  const [view, setView] = useState<{ y: number; m: number }>({\n    y: seed.getFullYear(),\n    m: seed.getMonth(),\n  });\n  const [focusKey, setFocusKey] = useState<string>(val || dtfToday());\n\n  const daysRef = useRef<HTMLDivElement>(null);\n  const prevViewRef = useRef<number | null>(null);\n  const pendingFocusRef = useRef(false);\n  const uid = useId();\n  const pillId = 'dtp-pill-' + uid;\n\n  /* gliding hover: one persistent pill that travels to the hovered cell (see glide-pill). */\n  const glide = useGlide(daysRef);\n\n  const inRange = (key: string): boolean => (!min || key >= min) && (!max || key <= max);\n\n  function pickDay(key: string) {\n    if (!inRange(key)) return;\n    pendingFocusRef.current = true;\n    setFocusKey(key);\n    const d = dtfParse(key);\n    goToMonth(d.getFullYear(), d.getMonth());\n    commit(key);\n  }\n\n  function goToMonth(y: number, m: number) {\n    setView((v) => (v.y === y && v.m === m ? v : { y: y, m: m }));\n  }\n  function nav(dir: number) {\n    const d = new Date(view.y, view.m + dir, 1);\n    goToMonth(d.getFullYear(), d.getMonth());\n  }\n  /* today-jump is navigation, not commit: slides home + focuses today; disabled while viewing the current month. */\n  const dtfNow = new Date();\n  const viewIsCurrent = view.y === dtfNow.getFullYear() && view.m === dtfNow.getMonth();\n  function goToToday() {\n    const key = dtfToday();\n    const d = dtfParse(key);\n    pendingFocusRef.current = true;\n    setFocusKey(key);\n    goToMonth(d.getFullYear(), d.getMonth());\n  }\n  const viewIdx = view.y * 12 + view.m;\n  useEffect(() => {\n    const prev = prevViewRef.current;\n    prevViewRef.current = viewIdx;\n    const el = daysRef.current;\n    if (prev == null || prev === viewIdx || !el) return;\n    const dir = viewIdx > prev ? 1 : -1;\n    dtfAnimate(\n      el,\n      { x: [dir * 16, 0], opacity: [0, 1] },\n      { duration: dtfSM.t.enter.duration, ease: dtfSM.t.enter.ease },\n    );\n  }, [viewIdx]);\n\n  /* seed focus into the grid on open - the panel portals to <body>, unreachable from the trigger otherwise. */\n  useEffect(() => {\n    const el = daysRef.current;\n    if (!el) return;\n    const btn =\n      el.querySelector('[tabindex=\"0\"]:not(:disabled)') ||\n      el.querySelector('.dtp__day:not(:disabled)');\n    if (btn) (btn as HTMLElement).focus({ preventScroll: true });\n  }, []);\n\n  /* focus follows keyboard travel across month boundaries */\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, viewIdx]);\n\n  function moveFocus(deltaDays: number, deltaMonths: number) {\n    const d = dtfParse(focusKey);\n    if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);\n    if (deltaDays) d.setDate(d.getDate() + deltaDays);\n    const key = dtfKey(d);\n    pendingFocusRef.current = true;\n    setFocusKey(key);\n    goToMonth(d.getFullYear(), d.getMonth());\n  }\n  function onGridKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    const k = e.key;\n    if (k === 'ArrowLeft') moveFocus(-1, 0);\n    else if (k === 'ArrowRight') moveFocus(1, 0);\n    else if (k === 'ArrowUp') moveFocus(-7, 0);\n    else if (k === 'ArrowDown') moveFocus(7, 0);\n    else if (k === 'PageUp') moveFocus(0, -1);\n    else if (k === 'PageDown') moveFocus(0, 1);\n    else if (k === 'Home') moveFocus(-((dtfParse(focusKey).getDay() + 6) % 7), 0);\n    else if (k === 'End') moveFocus(6 - ((dtfParse(focusKey).getDay() + 6) % 7), 0);\n    else if (k === 'Enter' || k === ' ') pickDay(focusKey);\n    else return;\n    e.preventDefault();\n  }\n\n  const days = dtfGrid(view.y, view.m);\n  const todayKey = dtfToday();\n  const selKey = val || null;\n  const gridKeys = days.map(dtfKey);\n  const tabKey =\n    gridKeys.indexOf(focusKey) >= 0\n      ? focusKey\n      : selKey && gridKeys.indexOf(selKey) >= 0\n        ? selKey\n        : gridKeys.indexOf(todayKey) >= 0\n          ? todayKey\n          : dtfKey(new Date(view.y, view.m, 1));\n\n  const prevEnd = dtfKey(new Date(view.y, view.m, 0));\n  const nextStart = dtfKey(new Date(view.y, view.m + 1, 1));\n  const canPrev = !min || prevEnd >= min;\n  const canNext = !max || nextStart <= max;\n\n  const weeks: Date[][] = [];\n  for (let w = 0; w < 6; w++) weeks.push(days.slice(w * 7, w * 7 + 7));\n\n  return (\n    <div className=\"dtp\" role=\"dialog\" aria-label={label || 'Pick a date'}>\n      <div className=\"dtp__cal\">\n        <div className=\"dtp__head\">\n          <span className=\"dtp__month\" aria-live=\"polite\">\n            {DTF_MONTHS[view.m]} <span className=\"dtp__year\">{view.y}</span>\n          </span>\n          <div className=\"dtp__navs\">\n            <button\n              type=\"button\"\n              className=\"dtp__nav\"\n              aria-label=\"Previous month\"\n              disabled={!canPrev}\n              onClick={() => nav(-1)}\n            >\n              <Icon name=\"caret-left\" size=\"sm\" />\n            </button>\n            <button\n              type=\"button\"\n              className=\"dtp__nav\"\n              aria-label=\"Go to today\"\n              disabled={viewIsCurrent}\n              onClick={goToToday}\n            >\n              <Icon name=\"calendar-dot\" size=\"sm\" />\n            </button>\n            <button\n              type=\"button\"\n              className=\"dtp__nav\"\n              aria-label=\"Next month\"\n              disabled={!canNext}\n              onClick={() => nav(1)}\n            >\n              <Icon name=\"caret-right\" size=\"sm\" />\n            </button>\n          </div>\n        </div>\n        <div className=\"dtp__dow\" aria-hidden=\"true\">\n          {DTF_DOW.map((d) => (\n            <span key={d}>{d}</span>\n          ))}\n        </div>\n        <div\n          className=\"dtp__days\"\n          ref={daysRef}\n          role=\"grid\"\n          aria-label=\"Calendar\"\n          onKeyDown={onGridKeyDown}\n          onPointerLeave={glide.leave}\n        >\n          {weeks.map((week, wi) => (\n            <div key={wi} role=\"row\" className=\"dtp__row\">\n              {week.map((d) => {\n                const key = dtfKey(d);\n                const out = d.getMonth() !== view.m;\n                const sel = key === selKey;\n                const cls = [\n                  'dtp__day',\n                  out ? 'is-out' : '',\n                  sel ? 'is-selected' : '',\n                  key === todayKey ? 'is-today' : '',\n                ]\n                  .filter(Boolean)\n                  .join(' ');\n                return (\n                  <button\n                    key={key}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    data-key={key}\n                    className={cls}\n                    disabled={!inRange(key)}\n                    tabIndex={key === tabKey ? 0 : -1}\n                    aria-selected={sel || undefined}\n                    aria-label={\n                      DTF_MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear()\n                    }\n                    onClick={() => pickDay(key)}\n                    onPointerEnter={(e) => glide.enter(e.currentTarget)}\n                  >\n                    {sel ? (\n                      <dtfMotion.span\n                        className=\"dtp__pill\"\n                        layoutId={pillId}\n                        transition={dtfSM.t.settle}\n                        aria-hidden=\"true\"\n                      ></dtfMotion.span>\n                    ) : null}\n                    <span className=\"dtp__num\">{d.getDate()}</span>\n                    {key === todayKey ? (\n                      <span className=\"dtp__dot\" aria-hidden=\"true\"></span>\n                    ) : null}\n                  </button>\n                );\n              })}\n            </div>\n          ))}\n          <GlidePill className=\"dtp__hover\" rect={glide.rect} active={glide.active} />\n        </div>\n      </div>\n\n      {slot || null}\n\n      <div className=\"dtp__foot\">\n        {timezone ? <span className=\"dtp__tz\">{dtfTzLabel(timezone, selKey)}</span> : null}\n        <span className=\"dtp__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 DateFieldProps {\n  /** Controlled value, 'YYYY-MM-DD'. */\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: (value: string) => void;\n  label?: string;\n  placeholder?: string;\n  /** IANA timezone name (e.g. 'Europe/Riga') - display context only, shown with its GMT offset 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  /** Asterisk on the label. */\n  required?: boolean;\n  /** Danger border + message color (.fld is-error). */\n  invalid?: boolean;\n  /** Helper / error text under the field. */\n  message?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport function DateField({\n  value,\n  defaultValue = null,\n  onChange,\n  label,\n  placeholder = 'Pick a date',\n  timezone,\n  min,\n  max,\n  required = false,\n  invalid = false,\n  message,\n  disabled = false,\n  className = '',\n}: DateFieldProps) {\n  const [val, commit] = useControllable(value, defaultValue, onChange);\n  const display = dtfDisplay(val);\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 trigger={trigger} side=\"bottom\" align=\"start\">\n        {(api) => (\n          <DtpPanel\n            val={val}\n            commit={commit}\n            close={api.close}\n            min={min}\n            max={max}\n            timezone={timezone}\n            label={label}\n          />\n        )}\n      </Overlay>\n    </FieldShell>\n  );\n}\n"]}