premium-ds 0.1.0

package/dist/chunk-NKGMQL6I.js

@@ -0,0 +1,310 @@
+'use client';import { UIToast } from './chunk-PUPZ4HME.js';
+import { Icon } from './chunk-KBWNUUWM.js';
+import { UIMotion } from './chunk-37O2ZXD6.js';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { AnimatePresence, useMotionValue, motion, animate } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SM = UIMotion;
+var store = UIToast;
+var { useRef, useEffect, useLayoutEffect, useState, useSyncExternalStore } = React;
+var VISIBLE = 3;
+var COLLAPSE_GRACE = 140;
+var SWIPE_X = 64;
+var SWIPE_V = 480;
+var GAP = 0;
+function stackGap() {
+  if (GAP) return GAP;
+  const cs = getComputedStyle(document.documentElement);
+  const raw = cs.getPropertyValue("--space-3").trim();
+  const n = parseFloat(raw) || 0;
+  GAP = (raw.endsWith("rem") ? n * (parseFloat(cs.fontSize) || 16) : n) || 12;
+  return GAP;
+}
+var TONE_ICON = {
+  success: "check-circle",
+  error: "warning-circle",
+  warning: "warning",
+  info: "info"
+};
+function useToneGesture(tone, ref, x) {
+  const prevTone = useRef(null);
+  useEffect(() => {
+    const prev = prevTone.current;
+    prevTone.current = tone;
+    if (tone === prev) return;
+    if (tone === "success") {
+      const el = ref.current;
+      el.classList.remove("glass-glint");
+      void el.offsetWidth;
+      el.classList.add("glass-glint");
+      const id = setTimeout(() => el.classList.remove("glass-glint"), SM.dur.slow * 1e3 + 80);
+      return () => clearTimeout(id);
+    }
+    if (tone === "error") {
+      const fall = animate(x, [0, -7, 5, -2, 0], {
+        duration: SM.dur.slow,
+        ease: SM.ease.standard,
+        delay: SM.dur.base
+      });
+      return () => fall.stop();
+    }
+  }, [tone]);
+}
+function ToastItem({
+  t,
+  depth,
+  offset,
+  hidden,
+  behind,
+  frameHeight,
+  onHeight
+}) {
+  const ref = useRef(null);
+  const x = useMotionValue(0);
+  useToneGesture(t.tone, ref, x);
+  useLayoutEffect(() => {
+    if (ref.current && ref.current.firstElementChild)
+      onHeight(t.id, ref.current.firstElementChild.offsetHeight);
+  });
+  const swipe = (_e, info) => {
+    if (info.offset.x > SWIPE_X || info.velocity.x > SWIPE_V) {
+      animate(x, 420, { duration: SM.dur.fast, ease: SM.ease.exit }).then(
+        () => store.dismiss(t.id)
+      );
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    motion.li,
+    {
+      ref,
+      className: "toast glass",
+      "data-tone": t.tone,
+      "data-behind": behind ? "" : void 0,
+      role: t.tone === "error" ? "alert" : "status",
+      "aria-atomic": "true",
+      style: { x },
+      initial: { opacity: 0, y: 24, scale: 0.97 },
+      animate: {
+        opacity: hidden ? 0 : 1,
+        y: -offset,
+        scale: 1 - depth * 0.05,
+        /* behind-cards adopt the front card's frame height (content faded) so a short card never drowns behind a tall one */
+        height: frameHeight || "auto",
+        pointerEvents: hidden ? "none" : "auto"
+      },
+      exit: { opacity: 0, scale: 0.96, transition: { duration: SM.dur.fast, ease: SM.ease.exit } },
+      transition: { y: SM.t.settle, scale: SM.t.settle, height: SM.t.settle, opacity: SM.t.enter },
+      drag: t.dismissible ? "x" : false,
+      dragConstraints: { left: 0, right: 0 },
+      dragElastic: { left: 0.04, right: 0.9 },
+      dragMomentum: false,
+      onDragEnd: swipe,
+      onKeyDown: (e) => {
+        if (e.key === "Escape" && t.dismissible) store.dismiss(t.id);
+      },
+      children: t.node ? /* @__PURE__ */ jsx("div", { className: "toast__custom", children: t.node }) : /* @__PURE__ */ jsx(ToastBody, { t })
+    }
+  );
+}
+function ToastBody({ t }) {
+  return /* @__PURE__ */ jsxs("div", { className: "toast__inner", children: [
+    (t.tone !== "default" || isFinite(t.duration)) && /* @__PURE__ */ jsxs("span", { className: "toast__icon", children: [
+      t.tone !== "default" && /* keyed remount (not nested AnimatePresence): old glyph cuts, new springs in */
+      /* @__PURE__ */ jsx(
+        motion.span,
+        {
+          className: "toast__icon-glyph",
+          initial: { scale: 0.5, opacity: 0 },
+          animate: { scale: 1, opacity: 1 },
+          transition: { scale: SM.t.settle, opacity: SM.t.enter },
+          children: t.tone === "loading" ? /* @__PURE__ */ jsx("span", { className: "toast__spinner", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Icon, { name: TONE_ICON[t.tone], weight: "fill" })
+        },
+        t.tone
+      ),
+      isFinite(t.duration) && /* the ring - keyed to the timer so a restart re-fills it; pathLength=1 makes dashoffset a fraction */
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          className: "toast__ring",
+          viewBox: "0 0 36 36",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx("circle", { className: "toast__ring-track", cx: "18", cy: "18", r: "16.5" }),
+            /* @__PURE__ */ jsx(
+              "circle",
+              {
+                className: "toast__ring-arc",
+                cx: "18",
+                cy: "18",
+                r: "16.5",
+                pathLength: 1,
+                style: { animationDuration: t.duration + "ms" }
+              }
+            )
+          ]
+        },
+        "ring-" + t.timerKey
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "toast__text",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: SM.t.enter,
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "toast__message", children: t.message }),
+          t.description != null && /* @__PURE__ */ jsx("p", { className: "toast__desc", children: t.description })
+        ]
+      },
+      String(t.message) + "-" + String(t.description)
+    ),
+    t.count > 1 && /* @__PURE__ */ jsxs(
+      motion.span,
+      {
+        className: "toast__count",
+        initial: { scale: 0.6 },
+        animate: { scale: 1 },
+        transition: SM.t.settle,
+        children: [
+          "\xD7",
+          t.count
+        ]
+      },
+      t.count
+    ),
+    t.action && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "btn btn--secondary btn--sm toast__action",
+        onClick: () => {
+          if (t.action.onClick) t.action.onClick();
+          store.dismiss(t.id);
+        },
+        children: t.action.label
+      }
+    ),
+    t.dismissible && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "toast__close",
+        "aria-label": "Dismiss",
+        onClick: () => store.dismiss(t.id),
+        children: /* @__PURE__ */ jsx(Icon, { name: "close", size: "sm" })
+      }
+    )
+  ] });
+}
+function ToastHost() {
+  const { toasts, paused, expanded } = useSyncExternalStore(store.subscribe, store.get);
+  const [heights, setHeights] = useState({});
+  const collapseTimer = useRef(0);
+  const hovering = useRef(false);
+  const onHeight = (id, h) => setHeights((prev) => prev[id] === h ? prev : { ...prev, [id]: h });
+  const onHold = () => {
+    hovering.current = true;
+    clearTimeout(collapseTimer.current);
+    store.setExpanded(true);
+    store.pause();
+  };
+  const onRelease = (graced) => {
+    hovering.current = false;
+    clearTimeout(collapseTimer.current);
+    collapseTimer.current = setTimeout(
+      () => {
+        store.setExpanded(false);
+        store.resume();
+      },
+      graced ? COLLAPSE_GRACE : 0
+    );
+  };
+  useEffect(() => {
+    const onVis = () => {
+      if (document.hidden) store.pause();
+      else if (!hovering.current) store.resume();
+    };
+    document.addEventListener("visibilitychange", onVis);
+    return () => document.removeEventListener("visibilitychange", onVis);
+  }, []);
+  useEffect(() => {
+    if (toasts.length === 0) {
+      hovering.current = false;
+      clearTimeout(collapseTimer.current);
+      store.setExpanded(false);
+      store.resume();
+    }
+  }, [toasts.length]);
+  const slice = toasts.slice(-6);
+  const n = slice.length;
+  const frontH = n ? heights[slice[n - 1].id] || 0 : 0;
+  const gap = stackGap();
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "ol",
+      {
+        className: "toast-viewport" + (paused ? " is-paused" : ""),
+        "aria-label": "Notifications",
+        onPointerOver: (e) => {
+          if (e.pointerType !== "touch") onHold();
+        },
+        onPointerOut: (e) => {
+          if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) onRelease(true);
+        },
+        onFocus: onHold,
+        onBlur: (e) => {
+          if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget))
+            onRelease(false);
+        },
+        children: /* @__PURE__ */ jsx(AnimatePresence, { children: slice.map((t, i) => {
+          const depth = n - 1 - i;
+          let offset = depth * gap;
+          if (expanded) {
+            offset = 0;
+            for (let j = i + 1; j < n; j++) offset += (heights[slice[j].id] || 0) + gap;
+          }
+          return /* @__PURE__ */ jsx(
+            ToastItem,
+            {
+              t,
+              depth: expanded ? 0 : depth,
+              offset,
+              hidden: !expanded && depth >= VISIBLE,
+              behind: !expanded && depth > 0,
+              frameHeight: !expanded && depth > 0 && frontH ? frontH : null,
+              onHeight
+            },
+            t.id
+          );
+        }) })
+      }
+    ),
+    document.body
+  );
+}
+var hostMounted = false;
+function ensureToastHost() {
+  if (hostMounted) return;
+  hostMounted = true;
+  const el = document.createElement("div");
+  el.setAttribute("data-toast-host", "");
+  document.body.appendChild(el);
+  createRoot(el).render(/* @__PURE__ */ jsx(ToastHost, {}));
+}
+store.host = ensureToastHost;
+if (store.toasts.length) ensureToastHost();
+function Toaster() {
+  useEffect(() => {
+    ensureToastHost();
+  }, []);
+  return null;
+}
+
+export { Toaster };
+//# sourceMappingURL=chunk-NKGMQL6I.js.map
+//# sourceMappingURL=chunk-NKGMQL6I.js.map

package/dist/chunk-NKGMQL6I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toast/Toast.tsx"],"names":[],"mappings":"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","file":"chunk-NKGMQL6I.js","sourcesContent":["'use client';\n\n/* Toast - the React render layer (queue + clocks live in toast-store.ts). */\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { createRoot } from 'react-dom/client';\nimport { motion, AnimatePresence, animate, useMotionValue, type PanInfo } from 'motion/react';\nimport { UIMotion } from '../../tokens/motion-tokens';\nimport { Icon, type IconName } from '../icon/Icon';\nimport { UIToast, type ToastRecord, type ToastTone } from './toast-store';\n\nconst SM = UIMotion;\nconst store = UIToast;\nconst { useRef, useEffect, useLayoutEffect, useState, useSyncExternalStore } = React;\n\nconst VISIBLE = 3;\nconst RENDERED = 6;\nconst COLLAPSE_GRACE = 140;\nconst SWIPE_X = 64;\nconst SWIPE_V = 480;\n\n// expanded gap AND collapsed peek - read lazily (post-stylesheet), once\nlet GAP = 0;\nfunction stackGap() {\n  if (GAP) return GAP;\n  const cs = getComputedStyle(document.documentElement);\n  const raw = cs.getPropertyValue('--space-3').trim();\n  const n = parseFloat(raw) || 0;\n  GAP = (raw.endsWith('rem') ? n * (parseFloat(cs.fontSize) || 16) : n) || 12;\n  return GAP;\n}\n\nconst TONE_ICON: Record<string, IconName> = {\n  success: 'check-circle',\n  error: 'warning-circle',\n  warning: 'warning',\n  info: 'info',\n};\n\n/* useToneGesture - success glint, error headshake; the glint class is toggled with a reflow (remove - offsetWidth - add) to restart the one-shot. */\nfunction useToneGesture(\n  tone: ToastTone,\n  ref: React.RefObject<HTMLElement>,\n  x: ReturnType<typeof useMotionValue<number>>,\n) {\n  const prevTone = useRef<ToastTone | null>(null);\n  useEffect(() => {\n    const prev = prevTone.current;\n    prevTone.current = tone;\n    if (tone === prev) return;\n    if (tone === 'success') {\n      const el = ref.current;\n      el.classList.remove('glass-glint');\n      void el.offsetWidth;\n      el.classList.add('glass-glint');\n      const id = setTimeout(() => el.classList.remove('glass-glint'), SM.dur.slow * 1000 + 80);\n      return () => clearTimeout(id);\n    }\n    if (tone === 'error') {\n      const fall = animate(x, [0, -7, 5, -2, 0], {\n        duration: SM.dur.slow,\n        ease: SM.ease.standard,\n        delay: SM.dur.base,\n      });\n      return () => fall.stop();\n    }\n  }, [tone]);\n}\n\nfunction ToastItem({\n  t,\n  depth,\n  offset,\n  hidden,\n  behind,\n  frameHeight,\n  onHeight,\n}: {\n  t: ToastRecord;\n  depth: number;\n  offset: number;\n  hidden: boolean;\n  behind: boolean;\n  frameHeight: number | null;\n  onHeight: (id: string, h: number) => void;\n}) {\n  const ref = useRef<HTMLLIElement>(null);\n  const x = useMotionValue(0); // swipe travel - ours, so dismissal can finish it\n  useToneGesture(t.tone, ref, x);\n\n  // report the CONTENT height (firstChild - the li's own height is animated, so it'd read mid-tween)\n  useLayoutEffect(() => {\n    if (ref.current && ref.current.firstElementChild)\n      onHeight(t.id, (ref.current.firstElementChild as HTMLElement).offsetHeight);\n  });\n\n  const swipe = (_e: PointerEvent | MouseEvent | TouchEvent, info: PanInfo) => {\n    if (info.offset.x > SWIPE_X || info.velocity.x > SWIPE_V) {\n      // fling out the right edge, THEN remove - the exit fade plays where it landed, no snap-back\n      animate(x, 420, { duration: SM.dur.fast, ease: SM.ease.exit }).then(() =>\n        store.dismiss(t.id),\n      );\n    }\n  };\n\n  return (\n    <motion.li\n      ref={ref}\n      className=\"toast glass\"\n      data-tone={t.tone}\n      data-behind={behind ? '' : undefined}\n      role={t.tone === 'error' ? 'alert' : 'status'}\n      aria-atomic=\"true\"\n      style={{ x }}\n      initial={{ opacity: 0, y: 24, scale: 0.97 }}\n      animate={{\n        opacity: hidden ? 0 : 1,\n        y: -offset,\n        scale: 1 - depth * 0.05,\n        /* behind-cards adopt the front card's frame height (content faded) so a short card never drowns behind a tall one */\n        height: frameHeight || 'auto',\n        pointerEvents: hidden ? 'none' : 'auto',\n      }}\n      exit={{ opacity: 0, scale: 0.96, transition: { duration: SM.dur.fast, ease: SM.ease.exit } }}\n      transition={{ y: SM.t.settle, scale: SM.t.settle, height: SM.t.settle, opacity: SM.t.enter }}\n      drag={t.dismissible ? 'x' : false}\n      dragConstraints={{ left: 0, right: 0 }}\n      dragElastic={{ left: 0.04, right: 0.9 }}\n      dragMomentum={false}\n      onDragEnd={swipe}\n      onKeyDown={(e) => {\n        if (e.key === 'Escape' && t.dismissible) store.dismiss(t.id);\n      }}\n    >\n      {t.node ? (\n        <div className=\"toast__custom\">{t.node as React.ReactNode}</div>\n      ) : (\n        <ToastBody t={t} />\n      )}\n    </motion.li>\n  );\n}\n\nfunction ToastBody({ t }: { t: ToastRecord }) {\n  return (\n    <div className=\"toast__inner\">\n      {(t.tone !== 'default' || isFinite(t.duration)) && (\n        <span className=\"toast__icon\">\n          {t.tone !== 'default' && (\n            /* keyed remount (not nested AnimatePresence): old glyph cuts, new springs in */\n            <motion.span\n              key={t.tone}\n              className=\"toast__icon-glyph\"\n              initial={{ scale: 0.5, opacity: 0 }}\n              animate={{ scale: 1, opacity: 1 }}\n              transition={{ scale: SM.t.settle, opacity: SM.t.enter }}\n            >\n              {t.tone === 'loading' ? (\n                <span className=\"toast__spinner\" aria-hidden=\"true\"></span>\n              ) : (\n                <Icon name={TONE_ICON[t.tone]} weight=\"fill\" />\n              )}\n            </motion.span>\n          )}\n          {isFinite(t.duration) && (\n            /* the ring - keyed to the timer so a restart re-fills it; pathLength=1 makes dashoffset a fraction */\n            <svg\n              key={'ring-' + t.timerKey}\n              className=\"toast__ring\"\n              viewBox=\"0 0 36 36\"\n              aria-hidden=\"true\"\n            >\n              <circle className=\"toast__ring-track\" cx=\"18\" cy=\"18\" r=\"16.5\"></circle>\n              <circle\n                className=\"toast__ring-arc\"\n                cx=\"18\"\n                cy=\"18\"\n                r=\"16.5\"\n                pathLength={1}\n                style={{ animationDuration: t.duration + 'ms' }}\n              ></circle>\n            </svg>\n          )}\n        </span>\n      )}\n      <motion.div\n        key={String(t.message) + '-' + String(t.description)}\n        className=\"toast__text\"\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        transition={SM.t.enter}\n      >\n        <p className=\"toast__message\">{t.message}</p>\n        {t.description != null && <p className=\"toast__desc\">{t.description}</p>}\n      </motion.div>\n      {t.count > 1 && (\n        <motion.span\n          key={t.count}\n          className=\"toast__count\"\n          initial={{ scale: 0.6 }}\n          animate={{ scale: 1 }}\n          transition={SM.t.settle}\n        >\n          ×{t.count}\n        </motion.span>\n      )}\n      {t.action && (\n        <button\n          type=\"button\"\n          className=\"btn btn--secondary btn--sm toast__action\"\n          onClick={() => {\n            if (t.action.onClick) t.action.onClick();\n            store.dismiss(t.id);\n          }}\n        >\n          {t.action.label}\n        </button>\n      )}\n      {t.dismissible && (\n        <button\n          type=\"button\"\n          className=\"toast__close\"\n          aria-label=\"Dismiss\"\n          onClick={() => store.dismiss(t.id)}\n        >\n          <Icon name=\"close\" size=\"sm\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction ToastHost() {\n  const { toasts, paused, expanded } = useSyncExternalStore(store.subscribe, store.get);\n  const [heights, setHeights] = useState<Record<string, number>>({});\n  const collapseTimer = useRef<ReturnType<typeof setTimeout> | 0>(0);\n  const hovering = useRef(false);\n\n  const onHeight = (id: string, h: number) =>\n    setHeights((prev) => (prev[id] === h ? prev : { ...prev, [id]: h }));\n\n  // hold = fan open + freeze clocks; release = graced fold + resume\n  const onHold = () => {\n    hovering.current = true;\n    clearTimeout(collapseTimer.current);\n    store.setExpanded(true);\n    store.pause();\n  };\n  const onRelease = (graced: boolean) => {\n    hovering.current = false;\n    clearTimeout(collapseTimer.current);\n    collapseTimer.current = setTimeout(\n      () => {\n        store.setExpanded(false);\n        store.resume();\n      },\n      graced ? COLLAPSE_GRACE : 0,\n    );\n  };\n\n  // tab hidden - freeze clocks, visible - resume (visibility, not window focus: an embedded preview blurs on outside clicks).\n  useEffect(() => {\n    const onVis = () => {\n      if (document.hidden) store.pause();\n      else if (!hovering.current) store.resume();\n    };\n    document.addEventListener('visibilitychange', onVis);\n    return () => document.removeEventListener('visibilitychange', onVis);\n  }, []);\n\n  // safety net: last card removed under the cursor fires no pointerout, so release here\n  useEffect(() => {\n    if (toasts.length === 0) {\n      hovering.current = false;\n      clearTimeout(collapseTimer.current);\n      store.setExpanded(false);\n      store.resume();\n    }\n  }, [toasts.length]);\n\n  const slice = toasts.slice(-RENDERED);\n  const n = slice.length;\n  const frontH = n ? heights[slice[n - 1].id] || 0 : 0;\n  const gap = stackGap();\n\n  return createPortal(\n    <ol\n      className={'toast-viewport' + (paused ? ' is-paused' : '')}\n      aria-label=\"Notifications\"\n      onPointerOver={(e) => {\n        if (e.pointerType !== 'touch') onHold();\n      }}\n      onPointerOut={(e) => {\n        if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget as Node)) onRelease(true);\n      }}\n      onFocus={onHold}\n      onBlur={(e) => {\n        if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget as Node))\n          onRelease(false);\n      }}\n    >\n      {/* initial stays true - the host mounts with the first toast, so initial={false} would skip its entrance */}\n      <AnimatePresence>\n        {slice.map((t, i) => {\n          const depth = n - 1 - i; // newest = 0, at the front\n          let offset = depth * gap; // collapsed: peek per depth\n          if (expanded) {\n            // expanded: real heights\n            offset = 0;\n            for (let j = i + 1; j < n; j++) offset += (heights[slice[j].id] || 0) + gap;\n          }\n          return (\n            <ToastItem\n              key={t.id}\n              t={t}\n              depth={expanded ? 0 : depth}\n              offset={offset}\n              hidden={!expanded && depth >= VISIBLE}\n              behind={!expanded && depth > 0}\n              frameHeight={!expanded && depth > 0 && frontH ? frontH : null}\n              onHeight={onHeight}\n            />\n          );\n        })}\n      </AnimatePresence>\n    </ol>,\n    document.body,\n  );\n}\n\nlet hostMounted = false;\nfunction ensureToastHost() {\n  if (hostMounted) return;\n  hostMounted = true;\n  const el = document.createElement('div');\n  el.setAttribute('data-toast-host', '');\n  document.body.appendChild(el);\n  createRoot(el).render(<ToastHost />);\n}\nstore.host = ensureToastHost;\nif (store.toasts.length) ensureToastHost(); // toasts fired before we loaded\n\n/* Toaster - mount once near the app root so this module loads client-side and the lazy host is registered (toast() also auto-mounts). */\nexport function Toaster(): null {\n  useEffect(() => {\n    ensureToastHost();\n  }, []);\n  return null;\n}\n"]}

package/dist/chunk-NMFQRGLL.js

@@ -0,0 +1,127 @@
+'use client';import { TimeSegments } from './chunk-5DDOOT33.js';
+import { DtpPanel } from './chunk-CV2Q4YXX.js';
+import { MONTHS, pad } from './chunk-UIQGSTBJ.js';
+import { FieldShell } from './chunk-QNC6O3PG.js';
+import { Overlay } from './chunk-QFS52OK5.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var { useState, useEffect } = React;
+function dttfDisplayDate(key) {
+  const p = key.split("-").map(Number);
+  const year = p[0] === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", " + p[0];
+  return MONTHS[p[1] - 1].slice(0, 3) + " " + pad(p[2]) + year;
+}
+function dttfDisplayTime(t, format) {
+  if (format !== "12h") return t;
+  const p = t.split(":").map(Number);
+  const mer = p[0] >= 12 ? "PM" : "AM";
+  return (p[0] + 11) % 12 + 1 + ":" + pad(p[1]) + " " + mer;
+}
+function dttfSplit(v) {
+  if (!v) return { date: null, time: null };
+  const i = v.indexOf("T");
+  return i < 0 ? { date: v, time: null } : { date: v.slice(0, i), time: v.slice(i + 1) };
+}
+function DateTimeField({
+  value,
+  defaultValue = null,
+  onChange,
+  label,
+  placeholder = "Pick date & time",
+  timezone,
+  min,
+  max,
+  format = "24h",
+  minuteStep = 5,
+  required = false,
+  invalid = false,
+  message,
+  disabled = false,
+  className = ""
+}) {
+  const controlled = value !== void 0;
+  const [inner, setInner] = useState(defaultValue);
+  const val = controlled ? value : inner;
+  const parts = dttfSplit(val);
+  const [pendDate, setPendDate] = useState(null);
+  const [pendTime, setPendTime] = useState(null);
+  useEffect(() => {
+    setPendDate(null);
+    setPendTime(null);
+  }, [val]);
+  const date = pendDate != null ? pendDate : parts.date;
+  const time = pendTime != null ? pendTime : parts.time;
+  const minL = dttfSplit(min);
+  const maxL = dttfSplit(max);
+  const minTime = date && date === minL.date ? minL.time : null;
+  const maxTime = date && date === maxL.date ? maxL.time : null;
+  function commitIf(d, t) {
+    if (!d || !t) return;
+    let tt = t;
+    if (minL.time && d === minL.date && tt < minL.time) tt = minL.time;
+    if (maxL.time && d === maxL.date && tt > maxL.time) tt = maxL.time;
+    if (tt !== t) setPendTime(tt);
+    const next = d + "T" + tt;
+    if (next === val) return;
+    if (!controlled) setInner(next);
+    if (onChange) onChange(next);
+  }
+  function handleDate(d) {
+    setPendDate(d);
+    commitIf(d, time);
+  }
+  function handleTime(t) {
+    setPendTime(t);
+    commitIf(date, t);
+  }
+  const display = date ? dttfDisplayDate(date) + ", " + (time ? dttfDisplayTime(time, format) : "--:--") : 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, side: "bottom", align: "start", children: (api) => /* @__PURE__ */ jsx(
+        DtpPanel,
+        {
+          val: date,
+          commit: handleDate,
+          close: api.close,
+          min: minL.date,
+          max: maxL.date,
+          timezone,
+          label,
+          slot: /* @__PURE__ */ jsxs("div", { className: "dtp__time", children: [
+            /* @__PURE__ */ jsx("span", { className: "dtp__timeLabel", children: "Time" }),
+            /* @__PURE__ */ jsxs("span", { className: "dtp__timeHint", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx("kbd", { children: "\u2191" }),
+              /* @__PURE__ */ jsx("kbd", { children: "\u2193" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              TimeSegments,
+              {
+                value: time,
+                onCommit: handleTime,
+                format,
+                minuteStep,
+                min: minTime,
+                max: maxTime,
+                ariaLabel: "Time"
+              }
+            )
+          ] })
+        }
+      ) })
+    }
+  );
+}
+
+export { DateTimeField };
+//# sourceMappingURL=chunk-NMFQRGLL.js.map
+//# sourceMappingURL=chunk-NMFQRGLL.js.map

package/dist/chunk-NMFQRGLL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker/DateTimeField.tsx"],"names":[],"mappings":"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","file":"chunk-NMFQRGLL.js","sourcesContent":["'use client';\n\n/* DateTimeField - DateField's sibling for 'YYYY-MM-DDTHH:mm': the calendar panel plus the segmented time machine; commits only complete datetimes. */\n\nimport * as React from 'react';\nimport { Overlay } from '../overlay/Overlay';\nimport { FieldShell } from './field-shell';\nimport { TimeSegments } from './time-core';\nimport { DtpPanel } from './DateField';\nimport { MONTHS as DTTF_MONTHS, pad as dttfPad } from './date-utils';\n\nconst { useState, useEffect } = React;\n\ninterface DateTimeParts {\n  date: string | null;\n  time: string | null;\n}\n\nfunction dttfDisplayDate(key: string): string {\n  const p = key.split('-').map(Number);\n  const year = p[0] === new Date().getFullYear() ? '' : ', ' + p[0];\n  return DTTF_MONTHS[p[1] - 1].slice(0, 3) + ' ' + dttfPad(p[2]) + year;\n}\nfunction dttfDisplayTime(t: string, format?: '24h' | '12h'): string {\n  if (format !== '12h') return t;\n  const p = t.split(':').map(Number);\n  const mer = p[0] >= 12 ? 'PM' : 'AM';\n  return ((p[0] + 11) % 12) + 1 + ':' + dttfPad(p[1]) + ' ' + mer;\n}\n/* value: 'YYYY-MM-DDTHH:mm' - parts. Limits may be date-only. */\nfunction dttfSplit(v: string | null | undefined): DateTimeParts {\n  if (!v) return { date: null, time: null };\n  const i = v.indexOf('T');\n  return i < 0 ? { date: v, time: null } : { date: v.slice(0, i), time: v.slice(i + 1) };\n}\n\nexport interface DateTimeFieldProps {\n  /** Controlled value, 'YYYY-MM-DDTHH:mm'. */\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: (value: string) => void;\n  label?: string;\n  placeholder?: string;\n  /** IANA timezone (e.g. 'Europe/Riga') - display context, shown in the footer. */\n  timezone?: string;\n  /** Lower bound - 'YYYY-MM-DD' or 'YYYY-MM-DDTHH:mm', inclusive. */\n  min?: string;\n  /** Upper bound - 'YYYY-MM-DD' or 'YYYY-MM-DDTHH:mm', inclusive. */\n  max?: string;\n  /** Time display only; storage stays 24h. Default '24h'. */\n  format?: '24h' | '12h';\n  /** ↑/↓ step granularity in minutes (typing is exact). Default 5. */\n  minuteStep?: number;\n  required?: boolean;\n  invalid?: boolean;\n  message?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport function DateTimeField({\n  value,\n  defaultValue = null,\n  onChange,\n  label,\n  placeholder = 'Pick date & time',\n  timezone,\n  min,\n  max,\n  format = '24h',\n  minuteStep = 5,\n  required = false,\n  invalid = false,\n  message,\n  disabled = false,\n  className = '',\n}: DateTimeFieldProps) {\n  const controlled = value !== undefined;\n  const [inner, setInner] = useState<string | null>(defaultValue);\n  const val = controlled ? value : inner;\n  const parts = dttfSplit(val);\n\n  /* incomplete halves wait here; a committed value supersedes them */\n  const [pendDate, setPendDate] = useState<string | null>(null);\n  const [pendTime, setPendTime] = useState<string | null>(null);\n  useEffect(() => {\n    setPendDate(null);\n    setPendTime(null);\n  }, [val]);\n\n  const date = pendDate != null ? pendDate : parts.date;\n  const time = pendTime != null ? pendTime : parts.time;\n\n  const minL = dttfSplit(min);\n  const maxL = dttfSplit(max);\n  /* time bounds exist only on the boundary date */\n  const minTime = date && date === minL.date ? minL.time : null;\n  const maxTime = date && date === maxL.date ? maxL.time : null;\n\n  function commitIf(d: string | null, t: string | null) {\n    if (!d || !t) return;\n    let tt = t;\n    if (minL.time && d === minL.date && tt < minL.time) tt = minL.time;\n    if (maxL.time && d === maxL.date && tt > maxL.time) tt = maxL.time;\n    if (tt !== t) setPendTime(tt);\n    const next = d + 'T' + tt;\n    if (next === val) return;\n    if (!controlled) setInner(next);\n    if (onChange) onChange(next);\n  }\n  function handleDate(d: string) {\n    setPendDate(d);\n    commitIf(d, time);\n  }\n  function handleTime(t: string) {\n    setPendTime(t);\n    commitIf(date, t);\n  }\n\n  const display = date\n    ? dttfDisplayDate(date) + ', ' + (time ? dttfDisplayTime(time, format) : '--:--')\n    : 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 trigger={trigger} side=\"bottom\" align=\"start\">\n        {(api) => (\n          <DtpPanel\n            val={date}\n            commit={handleDate}\n            close={api.close}\n            min={minL.date}\n            max={maxL.date}\n            timezone={timezone}\n            label={label}\n            slot={\n              <div className=\"dtp__time\">\n                <span className=\"dtp__timeLabel\">Time</span>\n                <span className=\"dtp__timeHint\" aria-hidden=\"true\">\n                  <kbd>↑</kbd>\n                  <kbd>↓</kbd>\n                </span>\n                <TimeSegments\n                  value={time}\n                  onCommit={handleTime}\n                  format={format}\n                  minuteStep={minuteStep}\n                  min={minTime}\n                  max={maxTime}\n                  ariaLabel=\"Time\"\n                />\n              </div>\n            }\n          />\n        )}\n      </Overlay>\n    </FieldShell>\n  );\n}\n"]}