@zyncat/ui 0.8.0

package/dist/date-range-field.js

@@ -0,0 +1,404 @@
+'use client';import { Sheet } from './chunk-XZAEIQDR.js';
+import { useDayFocus } from './chunk-TCUCYFT7.js';
+import { FieldShell, FieldTrigger, parse, today, tzLabel, MONTHS, pad, toKey, add, grid, DOW, col, within } from './chunk-YGGCQNNU.js';
+import './chunk-4R2GQO43.js';
+import { Popover } from './chunk-O4N2OBTR.js';
+import './chunk-EQ32F2QJ.js';
+import './chunk-LDC3RIYA.js';
+import './chunk-GY7JOPUQ.js';
+import './chunk-UE63OOVG.js';
+import { useGlide, GlidePill } from './chunk-MKIQFK7S.js';
+import './chunk-NEF5XAHG.js';
+import './chunk-MXOPCFWR.js';
+import './chunk-W3SHPKSB.js';
+import { useSharedFlip } from './chunk-JSKXZMLH.js';
+import './chunk-L3Q3VDIW.js';
+import './chunk-I4XQ4PV2.js';
+import { Icon } from './chunk-3SBCBYB7.js';
+import { useControllable } from './chunk-MMRIQNEN.js';
+import { UIMotion } from './chunk-S5ZTZANS.js';
+import { Button } from './chunk-U5QQZC3U.js';
+import './chunk-7SZCJ7WI.js';
+import './chunk-VTJTGVZZ.js';
+import './chunk-QGNC7LH5.js';
+import './date-picker.css';
+import { useState, useEffect, useRef, useId, Fragment } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function drpDisplay(key, withYear) {
+  const d = parse(key);
+  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 = toKey(new Date(now.getFullYear(), now.getMonth(), 1));
+  const firstPrev = toKey(new Date(now.getFullYear(), now.getMonth() - 1, 1));
+  const lastPrev = toKey(new Date(now.getFullYear(), now.getMonth(), 0));
+  const jan1 = toKey(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 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 viewIdx = view.y * 12 + view.m;
+  const armFocus = useDayFocus(daysRef, focusKey, viewIdx);
+  const uid = useId();
+  const gridGlide = useGlide(daysRef);
+  const presetGlide = useGlide(presetsRef);
+  const capLoRef = useSharedFlip("drp-cap-lo-" + uid, { timing: UIMotion.t.settle });
+  const capHiRef = useSharedFlip("drp-cap-hi-" + uid, { timing: UIMotion.t.settle });
+  const inBounds = (key) => within(key, min, 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(key) {
+    if (!inBounds(key)) return;
+    if (!anchor) {
+      setAnchor(key);
+      setHoverKey(key);
+    } else {
+      const start = anchor < key ? anchor : key;
+      const end = anchor < key ? key : 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 prevViewIdxRef = useRef(viewIdx);
+  const navDir = prevViewIdxRef.current === viewIdx ? 0 : viewIdx > prevViewIdxRef.current ? 1 : -1;
+  useEffect(() => {
+    prevViewIdxRef.current = viewIdx;
+  }, [viewIdx]);
+  function moveFocus(deltaDays, deltaMonths = 0) {
+    const d = parse(focusKey);
+    if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);
+    if (deltaDays) d.setDate(d.getDate() + deltaDays);
+    const key = toKey(d);
+    armFocus();
+    setFocusKey(key);
+    if (anchor) setHoverKey(key);
+    const idx = d.getFullYear() * 12 + d.getMonth();
+    const last = viewIdx + (months - 1);
+    if (idx < viewIdx) 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") moveFocus(0, -1);
+    else if (k === "PageDown") moveFocus(0, 1);
+    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 key = toKey(d);
+    const out = d.getMonth() !== viewMonth;
+    const disabled = !inBounds(key);
+    const dayCol = col(d);
+    const isLo = lo && key === lo;
+    const isHi = hi && key === hi;
+    const single = lo && hi && lo === hi;
+    const inRange = lo && hi && key >= lo && key <= hi;
+    const loGhost = provisional && isLo && lo !== anchor;
+    const hiGhost = provisional && isHi && !single && hi !== anchor;
+    const band = inRange && !single;
+    const extL = band && !isLo && dayCol !== 0;
+    const extR = band && !isHi && dayCol !== 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": key,
+        className: cls.join(" "),
+        disabled,
+        tabIndex: key === focusKey ? 0 : -1,
+        "aria-label": MONTHS[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear(),
+        "aria-selected": isLo || isHi || void 0,
+        onClick: () => pickDay(key),
+        onPointerEnter: (e) => {
+          setHoverKey(key);
+          if (!anchor && !disabled) gridGlide.enter(e.currentTarget);
+          else gridGlide.leave();
+        },
+        children: [
+          band ? /* @__PURE__ */ jsx("span", { className: bandCls.join(" "), "aria-hidden": "true" }) : null,
+          loCap ? /* @__PURE__ */ jsx("span", { className: "drp__cap" + (loGhost ? " drp__cap--ghost" : ""), "aria-hidden": "true", ref: capLoRef }) : null,
+          hiCap ? /* @__PURE__ */ jsx("span", { className: "drp__cap" + (hiGhost ? " drp__cap--ghost" : ""), "aria-hidden": "true", ref: capHiRef }) : null,
+          /* @__PURE__ */ jsx("span", { className: "dtp__num", children: d.getDate() }),
+          key === todayKey ? /* @__PURE__ */ jsx("span", { className: "dtp__dot", "aria-hidden": "true" }) : null
+        ]
+      },
+      key
+    );
+  }
+  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 = toKey(new Date(y, m, 0));
+    const nextStart = toKey(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", glide: presetGlide })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "drp__months",
+              ref: daysRef,
+              onKeyDown: onGridKeyDown,
+              onPointerLeave: () => {
+                if (anchor) setHoverKey(anchor);
+                gridGlide.leave();
+              },
+              children: [
+                months === 2 ? [renderMonth(0, true, false), renderMonth(1, false, true)] : renderMonth(0, true, true),
+                /* @__PURE__ */ jsx(GlidePill, { className: "dtp__hover", glide: gridGlide })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "drp__foot", children: [
+          /* @__PURE__ */ jsx("span", { className: "drp__readout" + (lo && hi ? "" : " is-empty"), children: lo && hi ? /* @__PURE__ */ jsxs(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, { variant: "primary", size: "sm", onClick: close, children: "Done" })
+        ] })
+      ]
+    }
+  );
+}
+function useNarrowViewport(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 DateRangeField({
+  value,
+  defaultValue = null,
+  onChange,
+  label,
+  placeholder = "Pick a date range",
+  timezone,
+  min,
+  max,
+  required = false,
+  invalid = false,
+  message,
+  disabled = false,
+  className = "",
+  htmlProps,
+  animation
+}) {
+  const [val, commit] = useControllable(value, defaultValue, onChange);
+  const narrow = useNarrowViewport();
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const display = val && val.start && val.end ? drpRangeText(val.start, val.end) : null;
+  const trigger = /* @__PURE__ */ jsx(FieldTrigger, { display, placeholder, disabled });
+  const panel = /* @__PURE__ */ jsx(
+    DrpPanel,
+    {
+      value: val,
+      commit,
+      close: () => setPickerOpen(false),
+      min,
+      max,
+      timezone,
+      label,
+      months: narrow ? 1 : 2,
+      layout: narrow ? "sheet" : "popover"
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    FieldShell,
+    {
+      variant: "dtf",
+      label,
+      required,
+      invalid,
+      message,
+      icon: "calendar",
+      className,
+      htmlProps,
+      children: narrow ? /* @__PURE__ */ jsx(Sheet, { trigger, side: "bottom", open: pickerOpen, onOpenChange: setPickerOpen, animation, children: panel }) : /* @__PURE__ */ jsx(
+        Popover,
+        {
+          trigger,
+          side: "bottom",
+          align: "start",
+          open: pickerOpen,
+          onOpenChange: setPickerOpen,
+          animation,
+          children: panel
+        }
+      )
+    }
+  );
+}
+
+export { DateRangeField };
+//# sourceMappingURL=date-range-field.js.map
+//# sourceMappingURL=date-range-field.js.map

package/dist/date-range-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/date-picker/range-panel.tsx","../src/components/composites/date-picker/DateRangeField.tsx"],"names":["useState","useEffect","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAS,UAAA,CAAW,KAAa,QAAA,EAA2B;AAC1D,EAAA,MAAM,CAAA,GAAI,MAAM,GAAG,CAAA;AACnB,EAAA,MAAM,GAAA,GAAM,OAAO,CAAA,CAAE,QAAA,EAAU,CAAA,CAAE,KAAA,CAAM,GAAG,CAAC,CAAA;AAC3C,EAAA,OAAO,GAAA,GAAM,GAAA,GAAM,GAAA,CAAI,CAAA,CAAE,OAAA,EAAS,CAAA,IAAK,QAAA,GAAW,IAAA,GAAO,CAAA,CAAE,WAAA,EAAY,GAAI,EAAA,CAAA;AAC7E;AACO,SAAS,YAAA,CAAa,OAAe,GAAA,EAAqB;AAC/D,EAAA,MAAM,QAAA,GAAW,MAAM,KAAK,CAAA,CAAE,aAAY,KAAM,KAAA,CAAM,GAAG,CAAA,CAAE,WAAA,EAAY;AACvE,EAAA,MAAM,OAAA,GAAA,iBAAU,IAAI,IAAA,EAAK,EAAE,WAAA,EAAY;AACvC,EAAA,MAAM,UAAU,CAAC,QAAA,IAAY,MAAM,KAAK,CAAA,CAAE,aAAY,KAAM,OAAA;AAC5D,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,GAAG,CAAA,CAAE,aAAY,KAAM,OAAA;AAC3C,EAAA,OAAO,WAAW,KAAA,EAAO,OAAO,IAAI,KAAA,GAAQ,UAAA,CAAW,KAAK,KAAK,CAAA;AACnE;AACA,IAAM,OAAA,GAAU,CAAC,KAAA,EAAe,GAAA,KAAwB,KAAK,KAAA,CAAA,CAAO,CAAC,KAAA,CAAM,GAAG,IAAI,CAAC,KAAA,CAAM,KAAK,CAAA,IAAK,KAAQ,CAAA,GAAI,CAAA;AAE/G,SAAS,UAAA,GAA0B;AACjC,EAAA,MAAM,IAAI,KAAA,EAAM;AAChB,EAAA,MAAM,GAAA,uBAAU,IAAA,EAAK;AACrB,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,IAAI,IAAA,CAAK,GAAA,CAAI,WAAA,EAAY,EAAG,GAAA,CAAI,QAAA,EAAS,EAAG,CAAC,CAAC,CAAA;AACtE,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,IAAI,IAAA,CAAK,GAAA,CAAI,WAAA,EAAY,EAAG,GAAA,CAAI,QAAA,EAAS,GAAI,CAAA,EAAG,CAAC,CAAC,CAAA;AAC1E,EAAA,MAAM,QAAA,GAAW,KAAA,CAAM,IAAI,IAAA,CAAK,GAAA,CAAI,WAAA,EAAY,EAAG,GAAA,CAAI,QAAA,EAAS,EAAG,CAAC,CAAC,CAAA;AACrE,EAAA,MAAM,IAAA,GAAO,MAAM,IAAI,IAAA,CAAK,IAAI,WAAA,EAAY,EAAG,CAAA,EAAG,CAAC,CAAC,CAAA;AACpD,EAAA,OAAO;AAAA,IACL,EAAE,IAAI,OAAA,EAAS,KAAA,EAAO,SAAS,KAAA,EAAO,CAAA,EAAG,KAAK,CAAA,EAAE;AAAA,IAChD,EAAE,EAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,aAAa,KAAA,EAAO,GAAA,CAAI,CAAA,EAAG,EAAE,CAAA,EAAG,GAAA,EAAK,GAAA,CAAI,CAAA,EAAG,EAAE,CAAA,EAAE;AAAA,IACrE,EAAE,EAAA,EAAI,IAAA,EAAM,KAAA,EAAO,aAAA,EAAe,KAAA,EAAO,GAAA,CAAI,CAAA,EAAG,EAAE,CAAA,EAAG,GAAA,EAAK,CAAA,EAAE;AAAA,IAC5D,EAAE,EAAA,EAAI,KAAA,EAAO,KAAA,EAAO,cAAA,EAAgB,KAAA,EAAO,GAAA,CAAI,CAAA,EAAG,GAAG,CAAA,EAAG,GAAA,EAAK,CAAA,EAAE;AAAA,IAC/D,EAAE,IAAI,KAAA,EAAO,KAAA,EAAO,cAAc,KAAA,EAAO,SAAA,EAAW,KAAK,CAAA,EAAE;AAAA,IAC3D,EAAE,IAAI,OAAA,EAAS,KAAA,EAAO,cAAc,KAAA,EAAO,SAAA,EAAW,KAAK,QAAA,EAAS;AAAA,IACpE,EAAE,EAAA,EAAI,KAAA,EAAO,KAAA,EAAO,cAAA,EAAgB,KAAA,EAAO,GAAA,CAAI,CAAA,EAAG,GAAG,CAAA,EAAG,GAAA,EAAK,CAAA,EAAE;AAAA,IAC/D,EAAE,IAAI,KAAA,EAAO,KAAA,EAAO,gBAAgB,KAAA,EAAO,IAAA,EAAM,KAAK,CAAA;AAAE,GAC1D;AACF;AAcO,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,MAAA,EAAO,EAAkB;AAC3G,EAAA,MAAM,OAAA,GAAW,KAAA,IAAS,KAAA,CAAM,KAAA,IAAU,KAAA,EAAM;AAChD,EAAA,MAAM,IAAA,GAAO,MAAM,OAAO,CAAA;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmC,EAAE,CAAA,EAAG,IAAA,CAAK,WAAA,EAAY,EAAG,CAAA,EAAG,IAAA,CAAK,QAAA,IAAY,CAAA;AAExG,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAwB,IAAI,CAAA;AACxD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAwB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAiB,OAAO,CAAA;AAExD,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,CAAA,GAAI,EAAA,GAAK,IAAA,CAAK,CAAA;AACnC,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,OAAA,EAAS,QAAA,EAAU,OAAO,CAAA;AAEvD,EAAA,MAAM,MAAM,KAAA,EAAM;AAClB,EAAA,MAAM,SAAA,GAAY,SAAS,OAAO,CAAA;AAClC,EAAA,MAAM,WAAA,GAAc,SAAS,UAAU,CAAA;AACvC,EAAA,MAAM,QAAA,GAAW,cAA+B,aAAA,GAAgB,GAAA,EAAK,EAAE,MAAA,EAAQ,QAAA,CAAS,CAAA,CAAE,MAAA,EAAQ,CAAA;AAClG,EAAA,MAAM,QAAA,GAAW,cAA+B,aAAA,GAAgB,GAAA,EAAK,EAAE,MAAA,EAAQ,QAAA,CAAS,CAAA,CAAE,MAAA,EAAQ,CAAA;AAElG,EAAA,MAAM,WAAW,CAAC,GAAA,KAAyB,MAAA,CAAO,GAAA,EAAK,KAAK,GAAG,CAAA;AAE/D,EAAA,IAAI,EAAA,GAAoB,IAAA,EACtB,EAAA,GAAoB,IAAA,EACpB,WAAA,GAAc,KAAA;AAChB,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAM,QAAQ,QAAA,IAAY,MAAA;AAC1B,IAAA,EAAA,GAAK,MAAA,GAAS,QAAQ,MAAA,GAAS,KAAA;AAC/B,IAAA,EAAA,GAAK,MAAA,GAAS,QAAQ,KAAA,GAAQ,MAAA;AAC9B,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB,CAAA,MAAA,IAAW,KAAA,IAAS,KAAA,CAAM,KAAA,IAAS,MAAM,GAAA,EAAK;AAC5C,IAAA,EAAA,GAAK,KAAA,CAAM,KAAA;AACX,IAAA,EAAA,GAAK,KAAA,CAAM,GAAA;AAAA,EACb;AAEA,EAAA,SAAS,QAAQ,GAAA,EAAa;AAC5B,IAAA,IAAI,CAAC,QAAA,CAAS,GAAG,CAAA,EAAG;AACpB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA,SAAA,CAAU,GAAG,CAAA;AACb,MAAA,WAAA,CAAY,GAAG,CAAA;AAAA,IACjB,CAAA,MAAO;AACL,MAAA,MAAM,KAAA,GAAQ,MAAA,GAAS,GAAA,GAAM,MAAA,GAAS,GAAA;AACtC,MAAA,MAAM,GAAA,GAAM,MAAA,GAAS,GAAA,GAAM,GAAA,GAAM,MAAA;AACjC,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,MAAA,CAAO,EAAE,KAAA,EAAc,GAAA,EAAU,CAAA;AAAA,IACnC;AAAA,EACF;AAEA,EAAA,SAAS,YAAY,CAAA,EAAc;AACjC,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,MAAM,CAAA,GAAI,KAAA,CAAM,CAAA,CAAE,KAAK,CAAA;AACvB,IAAA,OAAA,CAAQ,EAAE,GAAG,CAAA,CAAE,WAAA,IAAe,CAAA,EAAG,CAAA,CAAE,QAAA,EAAS,EAAG,CAAA;AAC/C,IAAA,WAAA,CAAY,EAAE,KAAK,CAAA;AACnB,IAAA,MAAA,CAAO,EAAE,KAAA,EAAO,CAAA,CAAE,OAAO,GAAA,EAAK,CAAA,CAAE,KAAK,CAAA;AAAA,EACvC;AAEA,EAAA,SAAS,IAAI,GAAA,EAAa;AACxB,IAAA,OAAA,CAAQ,CAAC,CAAA,KAAM;AACb,MAAA,MAAM,CAAA,GAAI,IAAI,IAAA,CAAK,CAAA,CAAE,GAAG,CAAA,CAAE,CAAA,GAAI,KAAK,CAAC,CAAA;AACpC,MAAA,OAAO,EAAE,GAAG,CAAA,CAAE,WAAA,IAAe,CAAA,EAAG,CAAA,CAAE,UAAS,EAAE;AAAA,IAC/C,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,MAAM,cAAA,GAAiB,OAAO,OAAO,CAAA;AACrC,EAAA,MAAM,MAAA,GAAS,eAAe,OAAA,KAAY,OAAA,GAAU,IAAI,OAAA,GAAU,cAAA,CAAe,UAAU,CAAA,GAAI,EAAA;AAC/F,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,OAAA,GAAU,OAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,SAAS,SAAA,CAAU,SAAA,EAAmB,WAAA,GAAc,CAAA,EAAG;AACrD,IAAA,MAAM,CAAA,GAAI,MAAM,QAAQ,CAAA;AACxB,IAAA,IAAI,aAAa,CAAA,CAAE,QAAA,CAAS,CAAA,CAAE,QAAA,KAAa,WAAW,CAAA;AACtD,IAAA,IAAI,WAAW,CAAA,CAAE,OAAA,CAAQ,CAAA,CAAE,OAAA,KAAY,SAAS,CAAA;AAChD,IAAA,MAAM,GAAA,GAAM,MAAM,CAAC,CAAA;AACnB,IAAA,QAAA,EAAS;AACT,IAAA,WAAA,CAAY,GAAG,CAAA;AACf,IAAA,IAAI,MAAA,cAAoB,GAAG,CAAA;AAC3B,IAAA,MAAM,MAAM,CAAA,CAAE,WAAA,EAAY,GAAI,EAAA,GAAK,EAAE,QAAA,EAAS;AAC9C,IAAA,MAAM,IAAA,GAAO,WAAW,MAAA,GAAS,CAAA,CAAA;AACjC,IAAA,IAAI,GAAA,GAAM,OAAA,EAAS,OAAA,CAAQ,EAAE,CAAA,EAAG,CAAA,CAAE,WAAA,EAAY,EAAG,CAAA,EAAG,CAAA,CAAE,QAAA,EAAS,EAAG,CAAA;AAAA,SAAA,IACzD,MAAM,IAAA,EAAM;AACnB,MAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,CAAA,CAAE,WAAA,EAAY,EAAG,CAAA,CAAE,QAAA,EAAS,IAAK,MAAA,GAAS,CAAA,CAAA,EAAI,CAAC,CAAA;AACrE,MAAA,OAAA,CAAQ,EAAE,GAAG,IAAA,CAAK,WAAA,IAAe,CAAA,EAAG,IAAA,CAAK,QAAA,EAAS,EAAG,CAAA;AAAA,IACvD;AAAA,EACF;AACA,EAAA,SAAS,cAAc,CAAA,EAAkC;AACvD,IAAA,MAAM,IAAI,CAAA,CAAE,GAAA;AACZ,IAAA,IAAI,CAAA,KAAM,WAAA,EAAa,SAAA,CAAU,EAAE,CAAA;AAAA,SAAA,IAC1B,CAAA,KAAM,YAAA,EAAc,SAAA,CAAU,CAAC,CAAA;AAAA,SAAA,IAC/B,CAAA,KAAM,SAAA,EAAW,SAAA,CAAU,EAAE,CAAA;AAAA,SAAA,IAC7B,CAAA,KAAM,WAAA,EAAa,SAAA,CAAU,CAAC,CAAA;AAAA,SAAA,IAC9B,CAAA,KAAM,QAAA,EAAU,SAAA,CAAU,CAAA,EAAG,EAAE,CAAA;AAAA,SAAA,IAC/B,CAAA,KAAM,UAAA,EAAY,SAAA,CAAU,CAAA,EAAG,CAAC,CAAA;AAAA,SAAA,IAChC,CAAA,KAAM,OAAA,IAAW,CAAA,KAAM,GAAA,UAAa,QAAQ,CAAA;AAAA,SAAA,IAC5C,CAAA,KAAM,YAAY,MAAA,EAAQ;AACjC,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,WAAA,CAAY,IAAI,CAAA;AAAA,IAClB,CAAA,MAAO;AACP,IAAA,CAAA,CAAE,cAAA,EAAe;AAAA,EACnB;AAEA,EAAA,MAAM,WAAW,KAAA,EAAM;AACvB,EAAA,SAAS,SAAA,CAAU,GAAS,SAAA,EAAmB;AAC7C,IAAA,MAAM,GAAA,GAAM,MAAM,CAAC,CAAA;AACnB,IAAA,MAAM,GAAA,GAAM,CAAA,CAAE,QAAA,EAAS,KAAM,SAAA;AAC7B,IAAA,MAAM,QAAA,GAAW,CAAC,QAAA,CAAS,GAAG,CAAA;AAC9B,IAAA,MAAM,MAAA,GAAS,IAAI,CAAC,CAAA;AAEpB,IAAA,MAAM,IAAA,GAAO,MAAM,GAAA,KAAQ,EAAA;AAC3B,IAAA,MAAM,IAAA,GAAO,MAAM,GAAA,KAAQ,EAAA;AAC3B,IAAA,MAAM,MAAA,GAAS,EAAA,IAAM,EAAA,IAAM,EAAA,KAAO,EAAA;AAClC,IAAA,MAAM,OAAA,GAAU,EAAA,IAAM,EAAA,IAAM,GAAA,IAAO,MAAM,GAAA,IAAO,EAAA;AAChD,IAAA,MAAM,OAAA,GAAU,WAAA,IAAe,IAAA,IAAQ,EAAA,KAAO,MAAA;AAC9C,IAAA,MAAM,OAAA,GAAU,WAAA,IAAe,IAAA,IAAQ,CAAC,UAAU,EAAA,KAAO,MAAA;AAEzD,IAAA,MAAM,IAAA,GAAO,WAAW,CAAC,MAAA;AACzB,IAAA,MAAM,IAAA,GAAO,IAAA,IAAQ,CAAC,IAAA,IAAQ,MAAA,KAAW,CAAA;AACzC,IAAA,MAAM,IAAA,GAAO,IAAA,IAAQ,CAAC,IAAA,IAAQ,MAAA,KAAW,CAAA;AAEzC,IAAA,MAAM,OAAA,GAAU,MAAA,KAAW,CAAA,IAAK,CAAC,GAAA;AACjC,IAAA,MAAM,QAAQ,IAAA,IAAQ,OAAA;AACtB,IAAA,MAAM,KAAA,GAAQ,IAAA,IAAQ,CAAC,MAAA,IAAU,OAAA;AAEjC,IAAA,MAAM,GAAA,GAAM,CAAC,UAAU,CAAA;AACvB,IAAA,IAAI,GAAA,EAAK,GAAA,CAAI,IAAA,CAAK,QAAQ,CAAA;AAC1B,IAAA,IAAI,OAAA,EAAS,GAAA,CAAI,IAAA,CAAK,aAAa,CAAA;AACnC,IAAA,IAAA,CAAK,OAAA,IAAW,OAAA,KAAY,OAAA,EAAS,GAAA,CAAI,KAAK,cAAc,CAAA;AAAA,SAAA,IACnD,KAAA,IAAS,KAAA,EAAO,GAAA,CAAI,IAAA,CAAK,QAAQ,CAAA;AAE1C,IAAA,MAAM,OAAA,GAAU,CAAC,WAAW,CAAA;AAC5B,IAAA,IAAI,IAAA,EAAM,OAAA,CAAQ,IAAA,CAAK,iBAAiB,CAAA;AACxC,IAAA,IAAI,IAAA,EAAM,OAAA,CAAQ,IAAA,CAAK,iBAAiB,CAAA;AACxC,IAAA,IAAI,CAAC,IAAA,EAAM,OAAA,CAAQ,IAAA,CAAK,mBAAmB,CAAA;AAC3C,IAAA,IAAI,CAAC,IAAA,EAAM,OAAA,CAAQ,IAAA,CAAK,mBAAmB,CAAA;AAE3C,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,UAAA;AAAA,QACL,UAAA,EAAU,GAAA;AAAA,QACV,SAAA,EAAW,GAAA,CAAI,IAAA,CAAK,GAAG,CAAA;AAAA,QACvB,QAAA;AAAA,QACA,QAAA,EAAU,GAAA,KAAQ,QAAA,GAAW,CAAA,GAAI,EAAA;AAAA,QACjC,YAAA,EAAY,MAAA,CAAO,CAAA,CAAE,QAAA,EAAU,CAAA,GAAI,GAAA,GAAM,CAAA,CAAE,OAAA,EAAQ,GAAI,IAAA,GAAO,CAAA,CAAE,WAAA,EAAY;AAAA,QAC5E,eAAA,EAAe,QAAQ,IAAA,IAAQ,MAAA;AAAA,QAC/B,OAAA,EAAS,MAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,QAC1B,cAAA,EAAgB,CAAC,CAAA,KAAM;AACrB,UAAA,WAAA,CAAY,GAAG,CAAA;AACf,UAAA,IAAI,CAAC,MAAA,IAAU,CAAC,UAAU,SAAA,CAAU,KAAA,CAAM,EAAE,aAAa,CAAA;AAAA,yBAC1C,KAAA,EAAM;AAAA,QACvB,CAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,IAAA,mBAAO,GAAA,CAAC,UAAK,SAAA,EAAW,OAAA,CAAQ,KAAK,GAAG,CAAA,EAAG,aAAA,EAAY,MAAA,EAAO,CAAA,GAAU,IAAA;AAAA,UACxE,KAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,UAAA,IAAc,OAAA,GAAU,kBAAA,GAAqB,EAAA,CAAA,EAAK,aAAA,EAAY,MAAA,EAAO,GAAA,EAAK,QAAA,EAAU,CAAA,GACnG,IAAA;AAAA,UACH,KAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,UAAA,IAAc,OAAA,GAAU,kBAAA,GAAqB,EAAA,CAAA,EAAK,aAAA,EAAY,MAAA,EAAO,GAAA,EAAK,QAAA,EAAU,CAAA,GACnG,IAAA;AAAA,8BACH,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,CAAA,CAAE,SAAQ,EAAE,CAAA;AAAA,UACvC,GAAA,KAAQ,2BAAW,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,UAAA,EAAW,aAAA,EAAY,QAAO,CAAA,GAAU;AAAA;AAAA,OAAA;AAAA,MAxBvE;AAAA,KAyBP;AAAA,EAEJ;AAEA,EAAA,SAAS,WAAA,CAAY,MAAA,EAAgB,QAAA,EAAmB,QAAA,EAAmB;AACzE,IAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,IAAA,CAAK,GAAG,IAAA,CAAK,CAAA,GAAI,QAAQ,CAAC,CAAA;AAChD,IAAA,MAAM,IAAI,IAAA,CAAK,WAAA,EAAY,EACzB,CAAA,GAAI,KAAK,QAAA,EAAS;AACpB,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,CAAA,EAAG,CAAC,CAAA;AACvB,IAAA,MAAM,UAAU,KAAA,CAAM,IAAI,KAAK,CAAA,EAAG,CAAA,EAAG,CAAC,CAAC,CAAA;AACvC,IAAA,MAAM,SAAA,GAAY,MAAM,IAAI,IAAA,CAAK,GAAG,CAAA,GAAI,CAAA,EAAG,CAAC,CAAC,CAAA;AAC7C,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,SAAI,SAAA,EAAW,YAAA,IAAgB,YAAY,CAAC,QAAA,GAAW,uBAAuB,EAAA,CAAA,EAC5E,QAAA,EAAA;AAAA,QAAA,QAAA,mBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,UAAA;AAAA,YACV,YAAA,EAAW,gBAAA;AAAA,YACX,QAAA,EAAU,OAAO,OAAA,GAAU,GAAA;AAAA,YAC3B,OAAA,EAAS,MAAM,GAAA,CAAI,EAAE,CAAA;AAAA,YAErB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,YAAA,EAAa,MAAK,IAAA,EAAK;AAAA;AAAA,SACpC,GACE,IAAA;AAAA,wBACJ,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EACb,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,CAAC,CAAA;AAAA,UAAE,GAAA;AAAA,0BAAC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,CAAA,EAAE;AAAA,SAAA,EAC7C,CAAA;AAAA,QACC,QAAA,mBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,UAAA;AAAA,YACV,YAAA,EAAW,YAAA;AAAA,YACX,QAAA,EAAU,OAAO,SAAA,GAAY,GAAA;AAAA,YAC7B,OAAA,EAAS,MAAM,GAAA,CAAI,CAAC,CAAA;AAAA,YAEpB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,aAAA,EAAc,MAAK,IAAA,EAAK;AAAA;AAAA,SACrC,GACE;AAAA,OAAA,EACN,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EAAW,eAAY,MAAA,EACnC,QAAA,EAAA,GAAA,CAAI,GAAA,CAAI,CAAC,sBACR,GAAA,CAAC,MAAA,EAAA,EAAc,QAAA,EAAA,CAAA,EAAA,EAAJ,CAAM,CAClB,CAAA,EACH,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,WAAA;AAAA,UACV,IAAA,EAAK,MAAA;AAAA,UACL,YAAA,EAAY,MAAA,CAAO,CAAC,CAAA,GAAI,GAAA,GAAM,CAAA;AAAA,UAE9B,cAAY,MAAA,IAAU,MAAA;AAAA,UAErB,gBAAM,GAAA,CAAI,CAAC,MAAM,SAAA,CAAU,CAAA,EAAG,CAAC,CAAC;AAAA,SAAA;AAAA,QAH5B,OAAA,GAAU,UAAU,GAAA,GAAM;AAAA;AAIjC,KAAA,EAAA,EAzC6B,MA0C/B,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,EAAA,SAAS,aAAa,CAAA,EAAuB;AAC3C,IAAA,OAAO,SAAS,KAAA,CAAM,KAAA,KAAU,EAAE,KAAA,IAAS,KAAA,CAAM,QAAQ,CAAA,CAAE,GAAA;AAAA,EAC7D;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA,IAAS,MAAA,KAAW,OAAA,GAAU,aAAA,GAAgB,EAAA,CAAA;AAAA,MACzD,IAAA,EAAK,QAAA;AAAA,MACL,cAAY,KAAA,IAAS,mBAAA;AAAA,MAErB,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,cAAA;AAAA,cACV,IAAA,EAAK,OAAA;AAAA,cACL,YAAA,EAAW,cAAA;AAAA,cACX,GAAA,EAAK,UAAA;AAAA,cACL,gBAAgB,WAAA,CAAY,KAAA;AAAA,cAE3B,QAAA,EAAA;AAAA,gBAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBACZ,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBAEC,IAAA,EAAK,QAAA;AAAA,oBACL,SAAA,EAAW,aAAA,IAAiB,YAAA,CAAa,CAAC,IAAI,YAAA,GAAe,EAAA,CAAA;AAAA,oBAC7D,gBAAgB,CAAC,CAAA,KAAM,WAAA,CAAY,KAAA,CAAM,EAAE,aAAa,CAAA;AAAA,oBACxD,OAAA,EAAS,MAAM,WAAA,CAAY,CAAC,CAAA;AAAA,oBAE3B,QAAA,EAAA,CAAA,CAAE;AAAA,mBAAA;AAAA,kBANE,CAAA,CAAE;AAAA,iBAQV,CAAA;AAAA,gCACD,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,kBAAA,EAAmB,OAAO,WAAA,EAAa;AAAA;AAAA;AAAA,WAC9D;AAAA,0BACA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,aAAA;AAAA,cACV,GAAA,EAAK,OAAA;AAAA,cACL,SAAA,EAAW,aAAA;AAAA,cACX,gBAAgB,MAAM;AACpB,gBAAA,IAAI,MAAA,cAAoB,MAAM,CAAA;AAC9B,gBAAA,SAAA,CAAU,KAAA,EAAM;AAAA,cAClB,CAAA;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,MAAA,KAAW,IAAI,CAAC,WAAA,CAAY,CAAA,EAAG,IAAA,EAAM,KAAK,CAAA,EAAG,WAAA,CAAY,CAAA,EAAG,KAAA,EAAO,IAAI,CAAC,CAAA,GAAI,WAAA,CAAY,CAAA,EAAG,MAAM,IAAI,CAAA;AAAA,gCACtG,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,YAAA,EAAa,OAAO,SAAA,EAAW;AAAA;AAAA;AAAA;AACtD,SAAA,EACF,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,cAAA,IAAkB,EAAA,IAAM,EAAA,GAAK,KAAK,WAAA,CAAA,EAChD,QAAA,EAAA,EAAA,IAAM,EAAA,mBACL,IAAA,CAAC,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,YAAA,CAAa,IAAI,EAAE,CAAA;AAAA,YAAG,GAAA;AAAA,4BACvB,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,QAAA,EAAA;AAAA,cAAA,IAAA;AAAA,cACxB,OAAA,CAAQ,IAAI,EAAE,CAAA;AAAA,cAAE,GAAA;AAAA,cAAE,OAAA,CAAQ,EAAA,EAAI,EAAE,CAAA,KAAM,IAAI,KAAA,GAAQ;AAAA,aAAA,EACvD;AAAA,WAAA,EACF,CAAA,GACE,MAAA,GACF,mBAAA,GAEA,mBAAA,EAEJ,CAAA;AAAA,UACC,QAAA,uBAAY,MAAA,EAAA,EAAK,SAAA,EAAU,WAAW,QAAA,EAAA,OAAA,CAAQ,QAAQ,GAAE,CAAA,GAAU,IAAA;AAAA,0BACnE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,CAAA;AAAA,0BAClC,GAAA,CAAC,UAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,IAAA,EAAK,OAAA,EAAS,OAAO,QAAA,EAAA,MAAA,EAEpD;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AC9VA,SAAS,kBAAkB,KAAA,EAAyB;AAClD,EAAA,MAAM,IAAa,oBAAA;AACnB,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,QAAAA,CAAS,MAAO,OAAO,UAAA,KAAe,UAAA,GAAa,UAAA,CAAW,CAAC,CAAA,CAAE,UAAU,KAAM,CAAA;AAC7G,EAAAC,UAAU,MAAM;AACd,IAAA,MAAM,EAAA,GAAK,WAAW,CAAC,CAAA;AACvB,IAAA,MAAM,EAAA,GAAK,CAAC,CAAA,KAA2B,SAAA,CAAU,EAAE,OAAO,CAAA;AAC1D,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,EAAE,CAAA;AAChC,IAAA,SAAA,CAAU,GAAG,OAAO,CAAA;AACpB,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,EAAE,CAAA;AAAA,EAClD,CAAA,EAAG,CAAC,CAAC,CAAC,CAAA;AACN,EAAA,OAAO,MAAA;AACT;AAmBO,SAAS,cAAA,CAAe;AAAA,EAC7B,KAAA;AAAA,EACA,YAAA,GAAe,IAAA;AAAA,EACf,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA,GAAc,mBAAA;AAAA,EACd,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ,SAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,IAAI,eAAA,CAAgB,KAAA,EAAO,cAAc,QAAQ,CAAA;AAEnE,EAAA,MAAM,SAAS,iBAAA,EAAkB;AACjC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAID,SAAS,KAAK,CAAA;AAElD,EAAA,MAAM,OAAA,GAAU,GAAA,IAAO,GAAA,CAAI,KAAA,IAAS,GAAA,CAAI,GAAA,GAAM,YAAA,CAAa,GAAA,CAAI,KAAA,EAAO,GAAA,CAAI,GAAG,CAAA,GAAI,IAAA;AACjF,EAAA,MAAM,0BAAUE,GAAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAkB,aAA0B,QAAA,EAAoB,CAAA;AAC9F,EAAA,MAAM,wBACJA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,GAAA;AAAA,MACP,MAAA;AAAA,MACA,KAAA,EAAO,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,MAChC,GAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,SAAS,CAAA,GAAI,CAAA;AAAA,MACrB,MAAA,EAAQ,SAAS,OAAA,GAAU;AAAA;AAAA,GAC7B;AAGF,EAAA,uBACEA,GAAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,KAAA;AAAA,MACR,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA,EAAK,UAAA;AAAA,MACL,SAAA;AAAA,MACA,SAAA;AAAA,MAEC,QAAA,EAAA,MAAA,mBACCA,GAAAA,CAAC,KAAA,EAAA,EAAM,SAAkB,IAAA,EAAK,QAAA,EAAS,IAAA,EAAM,UAAA,EAAY,YAAA,EAAc,aAAA,EAAe,SAAA,EACnF,QAAA,EAAA,KAAA,EACH,oBAEAA,GAAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,KAAA,EAAM,OAAA;AAAA,UACN,IAAA,EAAM,UAAA;AAAA,UACN,YAAA,EAAc,aAAA;AAAA,UACd,SAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ","file":"date-range-field.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\nimport { Fragment, useEffect, useId, useRef, useState, type KeyboardEvent } from 'react';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { Icon } from '../../internal/icon/Icon';\nimport { Button } from '../../primitives/button/Button';\nimport { GlidePill, useGlide } from '../../../motion/glide';\nimport { useSharedFlip } from '../../../motion/flip';\nimport { useDayFocus } from './use-day-focus';\nimport { MONTHS, DOW, pad, toKey, parse, today, add, col, grid, tzLabel, within } from './date-utils';\n\n/** A date range as wall-clock 'YYYY-MM-DD' endpoints, inclusive. */\nexport interface DateRange {\n  /** Range start, inclusive - `'YYYY-MM-DD'`. */\n  start: string;\n  /** Range end, inclusive - `'YYYY-MM-DD'`. Never before `start`. */\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 = parse(key);\n  const mon = MONTHS[d.getMonth()].slice(0, 3);\n  return mon + ' ' + pad(d.getDate()) + (withYear ? ', ' + d.getFullYear() : '');\n}\nexport function drpRangeText(start: string, end: string): string {\n  const sameYear = parse(start).getFullYear() === parse(end).getFullYear();\n  const curYear = new Date().getFullYear();\n  const startYr = !sameYear || parse(start).getFullYear() !== curYear;\n  const endYr = parse(end).getFullYear() !== curYear;\n  return drpDisplay(start, startYr) + ' - ' + drpDisplay(end, endYr);\n}\nconst drpDays = (start: string, end: string): number => Math.round((+parse(end) - +parse(start)) / 86400000) + 1;\n\nfunction drpPresets(): DrpPreset[] {\n  const t = today();\n  const now = new Date();\n  const firstThis = toKey(new Date(now.getFullYear(), now.getMonth(), 1));\n  const firstPrev = toKey(new Date(now.getFullYear(), now.getMonth() - 1, 1));\n  const lastPrev = toKey(new Date(now.getFullYear(), now.getMonth(), 0));\n  const jan1 = toKey(new Date(now.getFullYear(), 0, 1));\n  return [\n    { id: 'today', label: 'Today', start: t, end: t },\n    { id: 'yest', label: 'Yesterday', start: add(t, -1), end: add(t, -1) },\n    { id: '7d', label: 'Last 7 days', start: add(t, -6), end: t },\n    { id: '30d', label: 'Last 30 days', start: add(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: add(t, -89), end: t },\n    { id: 'ytd', label: 'Year to date', start: jan1, end: t },\n  ];\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\nexport function DrpPanel({ value, commit, close, min, max, timezone, label, months, layout }: DrpPanelProps) {\n  const seedKey = (value && value.start) || today();\n  const seed = parse(seedKey);\n  const [view, setView] = useState<{ y: number; m: number }>({ y: seed.getFullYear(), m: seed.getMonth() });\n\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 viewIdx = view.y * 12 + view.m;\n  const armFocus = useDayFocus(daysRef, focusKey, viewIdx);\n\n  const uid = useId();\n  const gridGlide = useGlide(daysRef);\n  const presetGlide = useGlide(presetsRef);\n  const capLoRef = useSharedFlip<HTMLSpanElement>('drp-cap-lo-' + uid, { timing: UIMotion.t.settle });\n  const capHiRef = useSharedFlip<HTMLSpanElement>('drp-cap-hi-' + uid, { timing: UIMotion.t.settle });\n\n  const inBounds = (key: string): boolean => within(key, min, max);\n\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 = parse(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  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  function moveFocus(deltaDays: number, deltaMonths = 0) {\n    const d = parse(focusKey);\n    if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);\n    if (deltaDays) d.setDate(d.getDate() + deltaDays);\n    const key = toKey(d);\n    armFocus();\n    setFocusKey(key);\n    if (anchor) setHoverKey(key);\n    const idx = d.getFullYear() * 12 + d.getMonth();\n    const last = viewIdx + (months - 1);\n    if (idx < viewIdx) 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: 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') moveFocus(0, -1);\n    else if (k === 'PageDown') moveFocus(0, 1);\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 = today();\n  function renderDay(d: Date, viewMonth: number) {\n    const key = toKey(d);\n    const out = d.getMonth() !== viewMonth;\n    const disabled = !inBounds(key);\n    const dayCol = col(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    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 && dayCol !== 0;\n    const extR = band && !isHi && dayCol !== 6;\n\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={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) gridGlide.enter(e.currentTarget);\n          else gridGlide.leave();\n        }}\n      >\n        {band ? <span className={bandCls.join(' ')} aria-hidden=\"true\"></span> : null}\n        {loCap ? (\n          <span className={'drp__cap' + (loGhost ? ' drp__cap--ghost' : '')} aria-hidden=\"true\" ref={capLoRef}></span>\n        ) : null}\n        {hiCap ? (\n          <span className={'drp__cap' + (hiGhost ? ' drp__cap--ghost' : '')} aria-hidden=\"true\" ref={capHiRef}></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 = grid(y, m);\n    const prevEnd = toKey(new Date(y, m, 0));\n    const nextStart = toKey(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            {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          {DOW.map((d) => (\n            <span key={d}>{d}</span>\n          ))}\n        </div>\n        <div\n          className=\"dtp__days\"\n          role=\"grid\"\n          aria-label={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 className=\"drp__presetGlide\" glide={presetGlide} />\n        </div>\n        <div\n          className=\"drp__months\"\n          ref={daysRef}\n          onKeyDown={onGridKeyDown}\n          onPointerLeave={() => {\n            if (anchor) setHoverKey(anchor);\n            gridGlide.leave();\n          }}\n        >\n          {months === 2 ? [renderMonth(0, true, false), renderMonth(1, false, true)] : renderMonth(0, true, true)}\n          <GlidePill className=\"dtp__hover\" glide={gridGlide} />\n        </div>\n      </div>\n      <div className=\"drp__foot\">\n        <span className={'drp__readout' + (lo && hi ? '' : ' is-empty')}>\n          {lo && hi ? (\n            <Fragment>\n              {drpRangeText(lo, hi)}{' '}\n              <span className=\"drp__count\">\n                - {drpDays(lo, hi)} {drpDays(lo, hi) === 1 ? 'day' : 'days'}\n              </span>\n            </Fragment>\n          ) : anchor ? (\n            'Pick the end date'\n          ) : (\n            'Pick a start date'\n          )}\n        </span>\n        {timezone ? <span className=\"drp__tz\">{tzLabel(timezone)}</span> : null}\n        <span className=\"drp__footSpacer\"></span>\n        <Button variant=\"primary\" size=\"sm\" onClick={close}>\n          Done\n        </Button>\n      </div>\n    </div>\n  );\n}\n","'use client';\n\nimport './date-picker.css';\nimport { useEffect, useState } from 'react';\nimport { Popover } from '../popover/Popover';\nimport { Sheet } from '../sheet/Sheet';\nimport { FieldShell, FieldTrigger, type DateFieldBaseProps } from './field-shell';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { DrpPanel, drpRangeText, type DateRange } from './range-panel';\n\nexport type { DateRange };\n\nfunction useNarrowViewport(query?: string): boolean {\n  const q = query || '(max-width: 640px)';\n  const [narrow, setNarrow] = useState(() => (typeof matchMedia === 'function' ? matchMedia(q).matches : false));\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\nexport interface DateRangeFieldProps extends DateFieldBaseProps {\n  /** Controlled value - both endpoints, or null when empty. */\n  value?: DateRange | null;\n  /** Uncontrolled initial range. Use instead of `value`. @default null */\n  defaultValue?: DateRange | null;\n  /** Fires only on a COMPLETE range (a lone anchor never commits). */\n  onChange?: (value: DateRange) => void;\n  /** Trigger text shown when no range is picked. @default 'Pick a date range' */\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}\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  htmlProps,\n  animation,\n}: DateRangeFieldProps) {\n  const [val, commit] = useControllable(value, defaultValue, onChange);\n\n  const narrow = useNarrowViewport();\n  const [pickerOpen, setPickerOpen] = useState(false);\n\n  const display = val && val.start && val.end ? drpRangeText(val.start, val.end) : null;\n  const trigger = <FieldTrigger display={display} placeholder={placeholder} disabled={disabled} />;\n  const panel = (\n    <DrpPanel\n      value={val}\n      commit={commit}\n      close={() => setPickerOpen(false)}\n      min={min}\n      max={max}\n      timezone={timezone}\n      label={label}\n      months={narrow ? 1 : 2}\n      layout={narrow ? 'sheet' : 'popover'}\n    />\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      htmlProps={htmlProps}\n    >\n      {narrow ? (\n        <Sheet trigger={trigger} side=\"bottom\" open={pickerOpen} onOpenChange={setPickerOpen} animation={animation}>\n          {panel}\n        </Sheet>\n      ) : (\n        <Popover\n          trigger={trigger}\n          side=\"bottom\"\n          align=\"start\"\n          open={pickerOpen}\n          onOpenChange={setPickerOpen}\n          animation={animation}\n        >\n          {panel}\n        </Popover>\n      )}\n    </FieldShell>\n  );\n}\n"]}

package/dist/datetime-field.d.ts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { D as DateFieldBaseProps } from './field-shell-Cuda-feL.js';
+import './timing-7JA_zQHP.js';
+import './motion-scale-Canq4stZ.js';
+import './dom-props-C0jrllBw.js';
+
+interface DateTimeFieldProps extends DateFieldBaseProps {
+    /** Controlled value, 'YYYY-MM-DDTHH:mm'. */
+    value?: string | null;
+    /** Uncontrolled initial value, 'YYYY-MM-DDTHH:mm'. Use instead of `value`. @default null */
+    defaultValue?: string | null;
+    /** Fires once both date and time are set, with 'YYYY-MM-DDTHH:mm' (an incomplete half never commits). */
+    onChange?: (value: string) => void;
+    /** Trigger text shown when no value is picked. @default 'Pick date & time' */
+    placeholder?: string;
+    /** IANA timezone (e.g. 'Europe/Riga') - display context, shown in the footer. */
+    timezone?: string;
+    /** Lower bound - 'YYYY-MM-DD' or 'YYYY-MM-DDTHH:mm', inclusive. */
+    min?: string;
+    /** Upper bound - 'YYYY-MM-DD' or 'YYYY-MM-DDTHH:mm', inclusive. */
+    max?: string;
+    /** Time display only; storage stays 24h. Default '24h'. */
+    format?: '24h' | '12h';
+    /** ↑/↓ step granularity in minutes (typing is exact). Default 5. */
+    minuteStep?: number;
+}
+declare function DateTimeField({ value, defaultValue, onChange, label, placeholder, timezone, min, max, format, minuteStep, required, invalid, message, disabled, className, htmlProps, animation, }: DateTimeFieldProps): react.JSX.Element;
+
+export { DateTimeField, type DateTimeFieldProps };

package/dist/datetime-field.js

@@ -0,0 +1,155 @@
+'use client';import { DtpPanel } from './chunk-2HORSLXJ.js';
+import './chunk-TCUCYFT7.js';
+import { TimeSegments, disp12 } from './chunk-64UU4LGU.js';
+import { displayDay, FieldShell, FieldTrigger, pad } from './chunk-YGGCQNNU.js';
+import { Popover } from './chunk-O4N2OBTR.js';
+import './chunk-EQ32F2QJ.js';
+import './chunk-LDC3RIYA.js';
+import './chunk-GY7JOPUQ.js';
+import './chunk-UE63OOVG.js';
+import './chunk-MKIQFK7S.js';
+import './chunk-NEF5XAHG.js';
+import './chunk-MXOPCFWR.js';
+import './chunk-W3SHPKSB.js';
+import './chunk-JSKXZMLH.js';
+import './chunk-L3Q3VDIW.js';
+import './chunk-I4XQ4PV2.js';
+import './chunk-3SBCBYB7.js';
+import { useControllable } from './chunk-MMRIQNEN.js';
+import './chunk-S5ZTZANS.js';
+import './chunk-U5QQZC3U.js';
+import './chunk-7SZCJ7WI.js';
+import './chunk-VTJTGVZZ.js';
+import './chunk-QGNC7LH5.js';
+import './date-picker.css';
+import { useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function displayTime(t, format) {
+  if (format !== "12h") return t;
+  const p = t.split(":").map(Number);
+  const mer = p[0] >= 12 ? "PM" : "AM";
+  return disp12(p[0]) + ":" + 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 = "",
+  htmlProps,
+  animation
+}) {
+  const [val, commit] = useControllable(
+    value,
+    defaultValue,
+    onChange
+  );
+  const parts = dttfSplit(val);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  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) commit(next);
+  }
+  function handleDate(d) {
+    setPendDate(d);
+    commitIf(d, time);
+  }
+  function handleTime(t) {
+    setPendTime(t);
+    commitIf(date, t);
+  }
+  const display = date ? displayDay(date) + ", " + (time ? displayTime(time, format) : "--:--") : null;
+  const trigger = /* @__PURE__ */ jsx(FieldTrigger, { display, placeholder, disabled });
+  return /* @__PURE__ */ jsx(
+    FieldShell,
+    {
+      variant: "dtf",
+      label,
+      required,
+      invalid,
+      message,
+      icon: "calendar",
+      className,
+      htmlProps,
+      children: /* @__PURE__ */ jsx(
+        Popover,
+        {
+          trigger,
+          side: "bottom",
+          align: "start",
+          animation,
+          open: pickerOpen,
+          onOpenChange: setPickerOpen,
+          children: /* @__PURE__ */ jsx(
+            DtpPanel,
+            {
+              val: date,
+              commit: handleDate,
+              close: () => setPickerOpen(false),
+              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=datetime-field.js.map
+//# sourceMappingURL=datetime-field.js.map