@fabio.caffarello/react-design-system 3.13.0 → 4.0.0

package/dist/granular/ui/components/DatePicker/DatePickerCalendar.js

@@ -1,53 +1,57 @@
 "use client";
-var te = Object.defineProperty, re = Object.defineProperties;
-var ne = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
-var A = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var T = (t, r, a) => r in t ? te(t, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[r] = a, C = (t, r) => {
-  for (var a in r || (r = {}))
-    A.call(r, a) && T(t, a, r[a]);
-  if (w)
-    for (var a of w(r))
-      I.call(r, a) && T(t, a, r[a]);
+var ae = Object.defineProperty, se = Object.defineProperties;
+var ie = Object.getOwnPropertyDescriptors;
+var y = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var C = (t, n, s) => n in t ? ae(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, j = (t, n) => {
+  for (var s in n || (n = {}))
+    E.call(n, s) && C(t, s, n[s]);
+  if (y)
+    for (var s of y(n))
+      P.call(n, s) && C(t, s, n[s]);
   return t;
-}, E = (t, r) => re(t, ne(r));
-var P = (t, r) => {
-  var a = {};
-  for (var l in t)
-    A.call(t, l) && r.indexOf(l) < 0 && (a[l] = t[l]);
-  if (t != null && w)
-    for (var l of w(t))
-      r.indexOf(l) < 0 && I.call(t, l) && (a[l] = t[l]);
-  return a;
+}, q = (t, n) => se(t, ie(n));
+var J = (t, n) => {
+  var s = {};
+  for (var i in t)
+    E.call(t, i) && n.indexOf(i) < 0 && (s[i] = t[i]);
+  if (t != null && y)
+    for (var i of y(t))
+      n.indexOf(i) < 0 && P.call(t, i) && (s[i] = t[i]);
+  return s;
 };
 import { jsxs as v, jsx as u } from "react/jsx-runtime";
-import { useState as j, useRef as se, useEffect as q } from "react";
-import { ChevronLeft as ae, ChevronRight as le } from "lucide-react";
-import { useDatePickerContext as ie } from "./DatePickerContext.js";
-import { Button as J } from "../../primitives/Button/Button.js";
-import { getSpacingClass as g } from "../../tokens/spacing.js";
-import { getRadiusClass as oe } from "../../tokens/radius.js";
-function ue(t) {
+import { useState as K, useRef as z, useEffect as H } from "react";
+import { ChevronLeft as le, ChevronRight as oe } from "lucide-react";
+import { useDatePickerContext as ue } from "./DatePickerContext.js";
+import { Button as L } from "../../primitives/Button/Button.js";
+import { getSpacingClass as m } from "../../tokens/spacing.js";
+import { getRadiusClass as ce } from "../../tokens/radius.js";
+function fe(t) {
   return new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate();
 }
-function ce(t) {
+function ge(t) {
   return new Date(t.getFullYear(), t.getMonth(), 1).getDay();
 }
-function c(t, r) {
-  return !t || !r ? !1 : t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
+function f(t, n) {
+  return !t || !n ? !1 : t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
 }
-function D(t, r) {
-  return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth();
+function D(t, n) {
+  return t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth();
 }
-function fe(t, r, a) {
-  if (!r || !a) return !1;
-  const l = t.getTime();
-  return l >= r.getTime() && l <= a.getTime();
+function me(t, n, s) {
+  if (!n || !s) return !1;
+  const i = t.getTime();
+  return i >= n.getTime() && i <= s.getTime();
 }
-function K(t, r, a, l) {
-  return !!(r && t < r || a && t > a || l != null && l.some((M) => c(t, M)));
+function d(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime();
 }
-const ge = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], me = [
+function R(t, n, s, i) {
+  const F = d(t);
+  return !!(n && F < d(n) || s && F > d(s) || i != null && i.some((h) => f(t, h)));
+}
+const De = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], he = [
   "January",
   "February",
   "March",
@@ -61,155 +65,165 @@ const ge = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], me = [
   "November",
   "December"
 ];
-function Me(M) {
-  var Y = M, {
+function de(F) {
+  var h = F, {
     month: t,
-    onMonthChange: r,
-    className: a = ""
-  } = Y, l = P(Y, [
+    onMonthChange: n,
+    className: s = ""
+  } = h, i = J(h, [
     "month",
     "onMonthChange",
     "className"
   ]);
   const {
-    selectedDate: f,
-    selectedRange: i,
-    mode: h,
-    onDateChange: z,
-    onRangeChange: y,
+    selectedDate: g,
+    selectedRange: l,
+    mode: b,
+    onDateChange: W,
+    onRangeChange: M,
     minDate: x,
     maxDate: S,
-    disabledDates: d
-  } = ie(), [o, b] = j(
-    t || f || (i == null ? void 0 : i.start) || /* @__PURE__ */ new Date()
-  ), F = se(null), [m, H] = j(() => {
-    const e = /* @__PURE__ */ new Date(), n = t || f || (i == null ? void 0 : i.start) || e;
-    return f && D(f, n) ? f : D(e, n) ? e : new Date(n.getFullYear(), n.getMonth(), 1);
+    disabledDates: k
+  } = ue(), [o, w] = K(
+    t || g || (l == null ? void 0 : l.start) || /* @__PURE__ */ new Date()
+  ), Y = z(null), [c, B] = K(() => {
+    const e = /* @__PURE__ */ new Date(), r = t || g || (l == null ? void 0 : l.start) || e;
+    return g && D(g, r) ? g : D(e, r) ? e : new Date(r.getFullYear(), r.getMonth(), 1);
   });
-  q(() => {
-    t && b(t);
-  }, [t]), q(() => {
-    if (!F.current) return;
-    const e = F.current.querySelector(
-      `[data-date="${m.toISOString()}"]`
+  H(() => {
+    t && w(t);
+  }, [t]);
+  const N = z(!0);
+  H(() => {
+    if (N.current) {
+      N.current = !1;
+      return;
+    }
+    if (!Y.current) return;
+    const e = new Date(
+      c.getFullYear(),
+      c.getMonth(),
+      c.getDate()
+    ).toISOString(), r = Y.current.querySelector(
+      `[data-date="${e}"]`
     );
-    e && e.focus();
-  }, [m]);
-  const L = (() => {
-    if (D(m, o)) return m;
+    r && r.focus();
+  }, [c]);
+  const U = (() => {
+    if (D(c, o)) return c;
     const e = /* @__PURE__ */ new Date();
     return D(e, o) ? e : new Date(o.getFullYear(), o.getMonth(), 1);
-  })(), R = ue(o), W = ce(o), p = [];
-  for (let e = 0; e < W; e++)
+  })(), G = fe(o), Q = ge(o), p = [];
+  for (let e = 0; e < Q; e++)
     p.push(null);
-  for (let e = 1; e <= R; e++)
+  for (let e = 1; e <= G; e++)
     p.push(
       new Date(o.getFullYear(), o.getMonth(), e)
     );
-  const k = (e) => {
-    if (!K(e, x, S, d)) {
-      if (h === "single")
-        z(e);
-      else if (h === "range") {
-        const n = i || { start: null, end: null };
-        !n.start || n.start && n.end ? y({ start: e, end: null }) : n.start && !n.end && (e < n.start ? y({ start: e, end: n.start }) : y({ start: n.start, end: e }));
+  const $ = (e) => {
+    if (!R(e, x, S, k)) {
+      if (b === "single")
+        W(e);
+      else if (b === "range") {
+        const r = l || { start: null, end: null };
+        !r.start || r.start && r.end ? M({ start: e, end: null }) : r.start && !r.end && (e < r.start ? M({ start: e, end: r.start }) : M({ start: r.start, end: e }));
       }
     }
-  }, B = () => {
+  }, V = () => {
     const e = new Date(
       o.getFullYear(),
       o.getMonth() - 1,
       1
     );
-    b(e), r == null || r(e);
-  }, U = () => {
+    w(e), n == null || n(e);
+  }, X = () => {
     const e = new Date(
       o.getFullYear(),
       o.getMonth() + 1,
       1
     );
-    b(e), r == null || r(e);
-  }, G = (e, n) => {
-    let s = null;
+    w(e), n == null || n(e);
+  }, Z = (e, r) => {
+    let a = null;
     switch (e.key) {
       case "ArrowLeft":
-        e.preventDefault(), s = new Date(
-          n.getFullYear(),
-          n.getMonth(),
-          n.getDate() - 1
+        e.preventDefault(), a = new Date(
+          r.getFullYear(),
+          r.getMonth(),
+          r.getDate() - 1
         );
         break;
       case "ArrowRight":
-        e.preventDefault(), s = new Date(
-          n.getFullYear(),
-          n.getMonth(),
-          n.getDate() + 1
+        e.preventDefault(), a = new Date(
+          r.getFullYear(),
+          r.getMonth(),
+          r.getDate() + 1
         );
         break;
       case "ArrowUp":
-        e.preventDefault(), s = new Date(
-          n.getFullYear(),
-          n.getMonth(),
-          n.getDate() - 7
+        e.preventDefault(), a = new Date(
+          r.getFullYear(),
+          r.getMonth(),
+          r.getDate() - 7
         );
         break;
       case "ArrowDown":
-        e.preventDefault(), s = new Date(
-          n.getFullYear(),
-          n.getMonth(),
-          n.getDate() + 7
+        e.preventDefault(), a = new Date(
+          r.getFullYear(),
+          r.getMonth(),
+          r.getDate() + 7
         );
         break;
       case "Home":
-        e.preventDefault(), s = new Date(n.getFullYear(), n.getMonth(), 1);
+        e.preventDefault(), a = new Date(r.getFullYear(), r.getMonth(), 1);
         break;
       case "End":
-        e.preventDefault(), s = new Date(n.getFullYear(), n.getMonth() + 1, 0);
+        e.preventDefault(), a = new Date(r.getFullYear(), r.getMonth() + 1, 0);
         break;
       case "Enter":
       case " ":
-        e.preventDefault(), k(n);
+        e.preventDefault(), $(r);
         return;
     }
-    s && (D(s, o) || b(new Date(s.getFullYear(), s.getMonth(), 1)), H(s));
-  }, N = [];
+    a && (D(a, o) || w(new Date(a.getFullYear(), a.getMonth(), 1)), B(a));
+  }, O = [];
   for (let e = 0; e < p.length; e += 7)
-    N.push(p.slice(e, e + 7));
+    O.push(p.slice(e, e + 7));
   return /* @__PURE__ */ v(
     "div",
-    E(C({
-      ref: F,
-      className: `${g("base", "p")} ${a}`
-    }, l), {
+    q(j({
+      ref: Y,
+      className: `${m("base", "p")} ${s}`
+    }, i), {
       children: [
         /* @__PURE__ */ v(
           "div",
           {
-            className: `flex items-center justify-between ${g("base", "mb")}`,
+            className: `flex items-center justify-between ${m("base", "mb")}`,
             children: [
               /* @__PURE__ */ u(
-                J,
+                L,
                 {
                   variant: "iconOnly",
                   size: "sm",
-                  onClick: B,
+                  onClick: V,
                   "aria-label": "Previous month",
-                  children: /* @__PURE__ */ u(ae, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ u(le, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ v("div", { className: "text-sm font-semibold", children: [
-                me[o.getMonth()],
+                he[o.getMonth()],
                 " ",
                 o.getFullYear()
               ] }),
               /* @__PURE__ */ u(
-                J,
+                L,
                 {
                   variant: "iconOnly",
                   size: "sm",
-                  onClick: U,
+                  onClick: X,
                   "aria-label": "Next month",
-                  children: /* @__PURE__ */ u(le, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ u(oe, { className: "h-4 w-4" })
                 }
               )
             ]
@@ -220,68 +234,69 @@ function Me(M) {
             "div",
             {
               role: "row",
-              className: `grid grid-cols-7 ${g("xs", "gap")} ${g("sm", "mb")}`,
-              children: ge.map((e) => /* @__PURE__ */ u(
+              className: `grid grid-cols-7 ${m("xs", "gap")} ${m("sm", "mb")}`,
+              children: De.map((e) => /* @__PURE__ */ u(
                 "div",
                 {
                   role: "columnheader",
-                  className: `text-center text-xs font-medium text-fg-tertiary ${g("xs", "py")}`,
+                  className: `text-center text-xs font-medium text-fg-tertiary ${m("xs", "py")}`,
                   children: e
                 },
                 e
               ))
             }
           ),
-          N.map((e, n) => /* @__PURE__ */ u(
+          O.map((e, r) => /* @__PURE__ */ u(
             "div",
             {
               role: "row",
-              className: `grid grid-cols-7 ${g("xs", "gap")}`,
-              children: e.map((s, Q) => {
-                if (!s)
+              className: `grid grid-cols-7 ${m("xs", "gap")}`,
+              children: e.map((a, _) => {
+                if (!a)
                   return /* @__PURE__ */ u(
                     "div",
                     {
                       role: "gridcell",
                       className: "aspect-square"
                     },
-                    `empty-${n}-${Q}`
+                    `empty-${r}-${_}`
                   );
-                const $ = h === "single" ? c(s, f) : c(s, (i == null ? void 0 : i.start) || null) || c(s, (i == null ? void 0 : i.end) || null), V = h === "range" && i ? fe(s, i.start, i.end) : !1, O = K(
-                  s,
+                const T = b === "single" ? f(a, g) : f(a, (l == null ? void 0 : l.start) || null) || f(a, (l == null ? void 0 : l.end) || null), ee = b === "range" && l ? me(a, l.start, l.end) : !1, I = R(
+                  a,
                   x,
                   S,
-                  d
-                ), X = c(s, /* @__PURE__ */ new Date()), Z = c(s, m), _ = c(s, L);
+                  k
+                ), A = f(a, /* @__PURE__ */ new Date()), te = f(a, c), re = f(a, U);
                 return /* @__PURE__ */ u(
                   "button",
                   {
                     role: "gridcell",
                     type: "button",
-                    "data-date": s.toISOString(),
-                    tabIndex: _ ? 0 : -1,
-                    onClick: () => k(s),
-                    onKeyDown: (ee) => G(ee, s),
+                    "data-date": a.toISOString(),
+                    tabIndex: re ? 0 : -1,
+                    onClick: () => $(a),
+                    onKeyDown: (ne) => Z(ne, a),
                     className: `
                 aspect-square
                 text-sm
-                ${oe("md")}
+                ${ce("md")}
                 transition-colors
                 focus:outline-none
                 focus:ring-2
                 focus:ring-offset-1
-                ${O ? "text-fg-disabled cursor-not-allowed opacity-50" : $ ? "bg-surface-brand-strong text-fg-inverse font-semibold" : V ? "bg-surface-brand-muted text-fg-brand-emphasis" : X ? "border-2 border-line-brand font-semibold" : Z ? "bg-surface-brand-muted" : "hover:bg-surface-active"}
+                ${I ? "text-fg-disabled cursor-not-allowed opacity-50" : T ? "bg-surface-brand-strong text-fg-inverse font-semibold" : ee ? "bg-surface-brand-muted text-fg-brand-emphasis" : A ? "border-2 border-line-brand font-semibold" : te ? "bg-surface-brand-muted" : "hover:bg-surface-active"}
               `,
-                    "aria-label": s.toDateString(),
-                    "aria-selected": $,
-                    "aria-disabled": O,
-                    children: s.getDate()
+                    "aria-label": a.toDateString(),
+                    "aria-selected": T,
+                    "aria-disabled": I,
+                    "aria-current": A ? "date" : void 0,
+                    children: a.getDate()
                   },
-                  s.toISOString()
+                  a.toISOString()
                 );
               })
             },
-            `week-${n}`
+            `week-${r}`
           ))
         ] })
       ]
@@ -289,6 +304,6 @@ function Me(M) {
   );
 }
 export {
-  Me as DatePickerCalendar
+  de as DatePickerCalendar
 };
 //# sourceMappingURL=DatePickerCalendar.js.map

package/dist/granular/ui/components/DatePicker/DatePickerCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerCalendar.js","sources":["../../../../../src/ui/components/DatePicker/DatePickerCalendar.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useState,\n  useEffect,\n  useRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport Button from \"../../primitives/Button/Button\";\nimport { getRadiusClass } from \"../../tokens\";\nimport { getSpacingClass } from \"../../tokens/spacing\";\n\nexport interface DatePickerCalendarProps extends HTMLAttributes<HTMLDivElement> {\n  month?: Date; // Current month to display\n  onMonthChange?: (month: Date) => void;\n}\n\n// Helper functions for date manipulation (without date-fns dependency)\nfunction getDaysInMonth(date: Date): number {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();\n}\n\nfunction getFirstDayOfMonth(date: Date): number {\n  return new Date(date.getFullYear(), date.getMonth(), 1).getDay();\n}\n\nfunction isSameDay(date1: Date | null, date2: Date | null): boolean {\n  if (!date1 || !date2) return false;\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n}\n\nfunction isSameMonth(date1: Date, date2: Date): boolean {\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth()\n  );\n}\n\nfunction isDateInRange(\n  date: Date,\n  start: Date | null,\n  end: Date | null,\n): boolean {\n  if (!start || !end) return false;\n  const time = date.getTime();\n  return time >= start.getTime() && time <= end.getTime();\n}\n\nfunction isDateDisabled(\n  date: Date,\n  minDate?: Date,\n  maxDate?: Date,\n  disabledDates?: Date[],\n): boolean {\n  if (minDate && date < minDate) return true;\n  if (maxDate && date > maxDate) return true;\n  if (disabledDates?.some((d) => isSameDay(date, d))) return true;\n  return false;\n}\n\nconst WEEKDAYS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTHS = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\n\nexport function DatePickerCalendar({\n  month: controlledMonth,\n  onMonthChange,\n  className = \"\",\n  ...props\n}: DatePickerCalendarProps) {\n  const {\n    selectedDate,\n    selectedRange,\n    mode,\n    onDateChange,\n    onRangeChange,\n    minDate,\n    maxDate,\n    disabledDates,\n  } = useDatePickerContext();\n\n  const [currentMonth, setCurrentMonth] = useState<Date>(\n    controlledMonth || selectedDate || selectedRange?.start || new Date(),\n  );\n  const calendarRef = useRef<HTMLDivElement>(null);\n\n  // Initial focusedDate: prefer selectedDate if in currentMonth, else today\n  // if in currentMonth, else first of currentMonth. Always non-null so\n  // exactly one cell has tabIndex=0 — required for canonical grid roving\n  // tabindex (Tab enters once, arrows navigate within).\n  const [focusedDate, setFocusedDate] = useState<Date>(() => {\n    const today = new Date();\n    const initialMonth =\n      controlledMonth || selectedDate || selectedRange?.start || today;\n    if (selectedDate && isSameMonth(selectedDate, initialMonth)) {\n      return selectedDate;\n    }\n    if (isSameMonth(today, initialMonth)) {\n      return today;\n    }\n    return new Date(initialMonth.getFullYear(), initialMonth.getMonth(), 1);\n  });\n\n  // Update current month if controlled\n  useEffect(() => {\n    if (controlledMonth) {\n      setCurrentMonth(controlledMonth);\n    }\n  }, [controlledMonth]);\n\n  // Roving tabindex: when focusedDate changes (via arrow keys or initial\n  // mount), move the DOM focus to the matching cell. Without this, axe\n  // sees a correct grid structure but the keyboard experience is broken\n  // — arrow keys change only the state, not the actual focus.\n  useEffect(() => {\n    if (!calendarRef.current) return;\n    const cell = calendarRef.current.querySelector<HTMLElement>(\n      `[data-date=\"${focusedDate.toISOString()}\"]`,\n    );\n    if (cell) cell.focus();\n  }, [focusedDate]);\n\n  // Effective focused date for tabIndex assignment: if focusedDate is not\n  // in currentMonth (e.g. user clicked Prev/Next via mouse), still keep\n  // exactly one cell with tabIndex=0 so Tab can re-enter the grid. Pick a\n  // sensible fallback in the visible month.\n  const effectiveFocusedDate = (() => {\n    if (isSameMonth(focusedDate, currentMonth)) return focusedDate;\n    const today = new Date();\n    if (isSameMonth(today, currentMonth)) return today;\n    return new Date(currentMonth.getFullYear(), currentMonth.getMonth(), 1);\n  })();\n\n  const daysInMonth = getDaysInMonth(currentMonth);\n  const firstDay = getFirstDayOfMonth(currentMonth);\n  const days: (Date | null)[] = [];\n\n  // Add empty cells for days before the first day of the month\n  for (let i = 0; i < firstDay; i++) {\n    days.push(null);\n  }\n\n  // Add all days of the month\n  for (let day = 1; day <= daysInMonth; day++) {\n    days.push(\n      new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day),\n    );\n  }\n\n  const handleDateClick = (date: Date) => {\n    if (isDateDisabled(date, minDate, maxDate, disabledDates)) return;\n\n    if (mode === \"single\") {\n      onDateChange(date);\n    } else if (mode === \"range\") {\n      const currentRange = selectedRange || { start: null, end: null };\n      if (!currentRange.start || (currentRange.start && currentRange.end)) {\n        // Start new range\n        onRangeChange({ start: date, end: null });\n      } else if (currentRange.start && !currentRange.end) {\n        // Complete range\n        if (date < currentRange.start) {\n          onRangeChange({ start: date, end: currentRange.start });\n        } else {\n          onRangeChange({ start: currentRange.start, end: date });\n        }\n      }\n    }\n  };\n\n  const handlePreviousMonth = () => {\n    const newMonth = new Date(\n      currentMonth.getFullYear(),\n      currentMonth.getMonth() - 1,\n      1,\n    );\n    setCurrentMonth(newMonth);\n    onMonthChange?.(newMonth);\n  };\n\n  const handleNextMonth = () => {\n    const newMonth = new Date(\n      currentMonth.getFullYear(),\n      currentMonth.getMonth() + 1,\n      1,\n    );\n    setCurrentMonth(newMonth);\n    onMonthChange?.(newMonth);\n  };\n\n  const handleKeyDown = (\n    e: KeyboardEvent<HTMLButtonElement | HTMLDivElement>,\n    date: Date,\n  ) => {\n    let newDate: Date | null = null;\n\n    switch (e.key) {\n      case \"ArrowLeft\":\n        e.preventDefault();\n        newDate = new Date(\n          date.getFullYear(),\n          date.getMonth(),\n          date.getDate() - 1,\n        );\n        break;\n      case \"ArrowRight\":\n        e.preventDefault();\n        newDate = new Date(\n          date.getFullYear(),\n          date.getMonth(),\n          date.getDate() + 1,\n        );\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        newDate = new Date(\n          date.getFullYear(),\n          date.getMonth(),\n          date.getDate() - 7,\n        );\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        newDate = new Date(\n          date.getFullYear(),\n          date.getMonth(),\n          date.getDate() + 7,\n        );\n        break;\n      case \"Home\":\n        e.preventDefault();\n        newDate = new Date(date.getFullYear(), date.getMonth(), 1);\n        break;\n      case \"End\":\n        e.preventDefault();\n        newDate = new Date(date.getFullYear(), date.getMonth() + 1, 0);\n        break;\n      case \"Enter\":\n      case \" \":\n        e.preventDefault();\n        handleDateClick(date);\n        return;\n    }\n\n    if (newDate) {\n      // Adjust month if needed\n      if (!isSameMonth(newDate, currentMonth)) {\n        setCurrentMonth(new Date(newDate.getFullYear(), newDate.getMonth(), 1));\n      }\n      setFocusedDate(newDate);\n    }\n  };\n\n  // Chunk days into rows of 7 (one per week). The previous implementation\n  // rendered all ~35 day cells as direct children of a single CSS grid div,\n  // which made role=\"grid\" structurally invalid (grid must contain rows;\n  // rows must contain gridcells). Each week is now a role=\"row\".\n  const weeks: (Date | null)[][] = [];\n  for (let i = 0; i < days.length; i += 7) {\n    weeks.push(days.slice(i, i + 7));\n  }\n\n  return (\n    <div\n      ref={calendarRef}\n      className={`${getSpacingClass(\"base\", \"p\")} ${className}`}\n      {...props}\n    >\n      {/* Header with month navigation — sits OUTSIDE the role=\"grid\" so\n          the grid's direct children are only rows. */}\n      <div\n        className={`flex items-center justify-between ${getSpacingClass(\"base\", \"mb\")}`}\n      >\n        <Button\n          variant=\"iconOnly\"\n          size=\"sm\"\n          onClick={handlePreviousMonth}\n          aria-label=\"Previous month\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n        </Button>\n        <div className=\"text-sm font-semibold\">\n          {MONTHS[currentMonth.getMonth()]} {currentMonth.getFullYear()}\n        </div>\n        <Button\n          variant=\"iconOnly\"\n          size=\"sm\"\n          onClick={handleNextMonth}\n          aria-label=\"Next month\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n      </div>\n\n      <div role=\"grid\" aria-label=\"Calendar\">\n        {/* Weekday header row */}\n        <div\n          role=\"row\"\n          className={`grid grid-cols-7 ${getSpacingClass(\"xs\", \"gap\")} ${getSpacingClass(\"sm\", \"mb\")}`}\n        >\n          {WEEKDAYS.map((day) => (\n            <div\n              key={day}\n              role=\"columnheader\"\n              className={`text-center text-xs font-medium text-fg-tertiary ${getSpacingClass(\"xs\", \"py\")}`}\n            >\n              {day}\n            </div>\n          ))}\n        </div>\n\n        {/* Calendar grid — one role=\"row\" per week, role=\"gridcell\" per day.\n            The buttons carry role=\"gridcell\" explicitly: the explicit role\n            overrides the implicit button role, so aria-selected (allowed on\n            gridcell, prohibited on button) becomes valid. */}\n        {weeks.map((week, weekIdx) => (\n          <div\n            role=\"row\"\n            key={`week-${weekIdx}`}\n            className={`grid grid-cols-7 ${getSpacingClass(\"xs\", \"gap\")}`}\n          >\n            {week.map((date, dayIdx) => {\n              if (!date) {\n                return (\n                  <div\n                    role=\"gridcell\"\n                    key={`empty-${weekIdx}-${dayIdx}`}\n                    className=\"aspect-square\"\n                  />\n                );\n              }\n\n              const isSelected =\n                mode === \"single\"\n                  ? isSameDay(date, selectedDate)\n                  : isSameDay(date, selectedRange?.start || null) ||\n                    isSameDay(date, selectedRange?.end || null);\n\n              const isInRange =\n                mode === \"range\" && selectedRange\n                  ? isDateInRange(date, selectedRange.start, selectedRange.end)\n                  : false;\n\n              const isDisabled = isDateDisabled(\n                date,\n                minDate,\n                maxDate,\n                disabledDates,\n              );\n              const isToday = isSameDay(date, new Date());\n              const isFocused = isSameDay(date, focusedDate);\n              // Roving tabindex: exactly one cell has tabIndex=0 per render,\n              // and it is the effective focused cell. Other cells are\n              // tabIndex=-1 (programmatically focusable via arrows, but\n              // skipped by Tab). When focusedDate is outside currentMonth\n              // (mouse-driven Prev/Next month nav), effectiveFocusedDate\n              // picks a fallback so the grid never loses its single tab stop.\n              const isTabStop = isSameDay(date, effectiveFocusedDate);\n\n              return (\n                <button\n                  key={date.toISOString()}\n                  role=\"gridcell\"\n                  type=\"button\"\n                  data-date={date.toISOString()}\n                  tabIndex={isTabStop ? 0 : -1}\n                  onClick={() => handleDateClick(date)}\n                  onKeyDown={(e) => handleKeyDown(e, date)}\n                  className={`\n                aspect-square\n                text-sm\n                ${getRadiusClass(\"md\")}\n                transition-colors\n                focus:outline-none\n                focus:ring-2\n                focus:ring-offset-1\n                ${\n                  isDisabled\n                    ? \"text-fg-disabled cursor-not-allowed opacity-50\"\n                    : isSelected\n                      ? \"bg-surface-brand-strong text-fg-inverse font-semibold\"\n                      : isInRange\n                        ? \"bg-surface-brand-muted text-fg-brand-emphasis\"\n                        : isToday\n                          ? \"border-2 border-line-brand font-semibold\"\n                          : isFocused\n                            ? \"bg-surface-brand-muted\"\n                            : \"hover:bg-surface-active\"\n                }\n              `}\n                  aria-label={date.toDateString()}\n                  aria-selected={isSelected}\n                  aria-disabled={isDisabled}\n                >\n                  {date.getDate()}\n                </button>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["getDaysInMonth","date","getFirstDayOfMonth","isSameDay","date1","date2","isSameMonth","isDateInRange","start","end","time","isDateDisabled","minDate","maxDate","disabledDates","d","WEEKDAYS","MONTHS","DatePickerCalendar","_a","_b","controlledMonth","onMonthChange","className","props","__objRest","selectedDate","selectedRange","mode","onDateChange","onRangeChange","useDatePickerContext","currentMonth","setCurrentMonth","useState","calendarRef","useRef","focusedDate","setFocusedDate","today","initialMonth","useEffect","cell","effectiveFocusedDate","daysInMonth","firstDay","days","i","day","handleDateClick","currentRange","handlePreviousMonth","newMonth","handleNextMonth","handleKeyDown","newDate","weeks","jsxs","__spreadProps","__spreadValues","getSpacingClass","jsx","Button","ChevronLeft","ChevronRight","week","weekIdx","dayIdx","isSelected","isInRange","isDisabled","isToday","isFocused","isTabStop","e","getRadiusClass"],"mappings":"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"}
+{"version":3,"file":"DatePickerCalendar.js","sources":["../../../../../src/ui/components/DatePicker/DatePickerCalendar.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useState,\n  useEffect,\n  useRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport Button from \"../../primitives/Button/Button\";\nimport { getRadiusClass } from \"../../tokens\";\nimport { getSpacingClass } from \"../../tokens/spacing\";\n\nexport interface DatePickerCalendarProps extends HTMLAttributes<HTMLDivElement> {\n  month?: Date; // Current month to display\n  onMonthChange?: (month: Date) => void;\n}\n\n// Helper functions for date manipulation (without date-fns dependency)\nfunction getDaysInMonth(date: Date): number {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();\n}\n\nfunction getFirstDayOfMonth(date: Date): number {\n  return new Date(date.getFullYear(), date.getMonth(), 1).getDay();\n}\n\nfunction isSameDay(date1: Date | null, date2: Date | null): boolean {\n  if (!date1 || !date2) return false;\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n}\n\nfunction isSameMonth(date1: Date, date2: Date): boolean {\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth()\n  );\n}\n\nfunction isDateInRange(\n  date: Date,\n  start: Date | null,\n  end: Date | null,\n): boolean {\n  if (!start || !end) return false;\n  const time = date.getTime();\n  return time >= start.getTime() && time <= end.getTime();\n}\n\n// Compare by calendar day, not by instant. Cells are local midnight, but\n// consumers routinely pass minDate={new Date()} (now, with a time-of-day)\n// to mean \"today onward\"; a raw `date < minDate` then disabled today\n// because midnight < now. Normalizing both sides to the start of their day\n// makes the bounds inclusive of the boundary day, as intended.\nfunction startOfDay(d: Date): number {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n}\n\nfunction isDateDisabled(\n  date: Date,\n  minDate?: Date,\n  maxDate?: Date,\n  disabledDates?: Date[],\n): boolean {\n  const day = startOfDay(date);\n  if (minDate && day < startOfDay(minDate)) return true;\n  if (maxDate && day > startOfDay(maxDate)) return true;\n  if (disabledDates?.some((d) => isSameDay(date, d))) return true;\n  return false;\n}\n\nconst WEEKDAYS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTHS = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\n\nexport function DatePickerCalendar({\n  month: controlledMonth,\n  onMonthChange,\n  className = \"\",\n  ...props\n}: DatePickerCalendarProps) {\n  const {\n    selectedDate,\n    selectedRange,\n    mode,\n    onDateChange,\n    onRangeChange,\n    minDate,\n    maxDate,\n    disabledDates,\n  } = useDatePickerContext();\n\n  const [currentMonth, setCurrentMonth] = useState<Date>(\n    controlledMonth || selectedDate || selectedRange?.start || new Date(),\n  );\n  const calendarRef = useRef<HTMLDivElement>(null);\n\n  // Initial focusedDate: prefer selectedDate if in currentMonth, else today\n  // if in currentMonth, else first of currentMonth. Always non-null so\n  // exactly one cell has tabIndex=0 — required for canonical grid roving\n  // tabindex (Tab enters once, arrows navigate within).\n  const [focusedDate, setFocusedDate] = useState<Date>(() => {\n    const today = new Date();\n    const initialMonth =\n      controlledMonth || selectedDate || selectedRange?.start || today;\n    if (selectedDate && isSameMonth(selectedDate, initialMonth)) {\n      return selectedDate;\n    }\n    if (isSameMonth(today, initialMonth)) {\n      return today;\n    }\n    return new Date(initialMonth.getFullYear(), initialMonth.getMonth(), 1);\n  });\n\n  // Update current month if controlled\n  useEffect(() => {\n    if (controlledMonth) {\n      setCurrentMonth(controlledMonth);\n    }\n  }, [controlledMonth]);\n\n  // Roving tabindex: when focusedDate changes via arrow keys, move DOM\n  // focus to the matching cell. Two bugs fixed here:\n  //  1. The initial mount is skipped — the calendar opens on input FOCUS,\n  //     so focusing a grid cell on mount yanked focus away from the input\n  //     the user just focused (they couldn't type). The grid is reachable\n  //     via Tab (roving tabindex) / ArrowDown; focus only follows arrow\n  //     navigation, not the open.\n  //  2. The lookup key is normalized to local midnight. Cells render their\n  //     data-date from a midnight-local Date, but focusedDate (seeded from\n  //     selectedDate/today) carries a time-of-day, so the raw\n  //     toISOString() never matched and focus silently failed.\n  const isInitialMount = useRef(true);\n  useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      return;\n    }\n    if (!calendarRef.current) return;\n    const key = new Date(\n      focusedDate.getFullYear(),\n      focusedDate.getMonth(),\n      focusedDate.getDate(),\n    ).toISOString();\n    const cell = calendarRef.current.querySelector<HTMLElement>(\n      `[data-date=\"${key}\"]`,\n    );\n    if (cell) cell.focus();\n  }, [focusedDate]);\n\n  // Effective focused date for tabIndex assignment: if focusedDate is not\n  // in currentMonth (e.g. user clicked Prev/Next via mouse), still keep\n  // exactly one cell with tabIndex=0 so Tab can re-enter the grid. Pick a\n  // sensible fallback in the visible month.\n  const effectiveFocusedDate = (() => {\n    if (isSameMonth(focusedDate, currentMonth)) return focusedDate;\n    const today = new Date();\n    if (isSameMonth(today, currentMonth)) return today;\n    return new Date(currentMonth.getFullYear(), currentMonth.getMonth(), 1);\n  })();\n\n  const daysInMonth = getDaysInMonth(currentMonth);\n  const firstDay = getFirstDayOfMonth(currentMonth);\n  const days: (Date | null)[] = [];\n\n  // Add empty cells for days before the first day of the month\n  for (let i = 0; i < firstDay; i++) {\n    days.push(null);\n  }\n\n  // Add all days of the month\n  for (let day = 1; day <= daysInMonth; day++) {\n    days.push(\n      new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day),\n    );\n  }\n\n  const handleDateClick = (date: Date) => {\n    if (isDateDisabled(date, minDate, maxDate, disabledDates)) return;\n\n    if (mode === \"single\") {\n      onDateChange(date);\n    } else if (mode === \"range\") {\n      const currentRange = selectedRange || { start: null, end: null };\n      if (!currentRange.start || (currentRange.start && currentRange.end)) {\n        // Start new range\n        onRangeChange({ start: date, end: null });\n      } else if (currentRange.start && !currentRange.end) {\n        // Complete range\n        if (date < currentRange.start) {\n          onRangeChange({ start: date, end: currentRange.start });\n        } else {\n          onRangeChange({ start: currentRange.start, end: date });\n        }\n      }\n    }\n  };\n\n  const handlePreviousMonth = () => {\n    const newMonth = new Date(\n      currentMonth.getFullYear(),\n      currentMonth.getMonth() - 1,\n      1,\n    );\n    setCurrentMonth(newMonth);\n    onMonthChange?.(newMonth);\n  };\n\n  const handleNextMonth = () => {\n    const newMonth = new Date(\n      currentMonth.getFullYear(),\n      currentMonth.getMonth() + 1,\n      1,\n    );\n    setCurrentMonth(newMonth);\n    onMonthChange?.(newMonth);\n  };\n\n  const handleKeyDown = (\n    e: KeyboardEvent<HTMLButtonElement | HTMLDivElement>,\n    date: Date,\n  ) => {\n    let newDate: Date | null = null;\n\n    switch (e.key) {\n      case \"ArrowLeft\":\n        e.preventDefault();\n        newDate = new Date(\n          date.getFullYear(),\n          date.getMonth(),\n          date.getDate() - 1,\n        );\n        break;\n      case \"ArrowRight\":\n        e.preventDefault();\n        newDate = new Date(\n          date.getFullYear(),\n          date.getMonth(),\n          date.getDate() + 1,\n        );\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        newDate = new Date(\n          date.getFullYear(),\n          date.getMonth(),\n          date.getDate() - 7,\n        );\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        newDate = new Date(\n          date.getFullYear(),\n          date.getMonth(),\n          date.getDate() + 7,\n        );\n        break;\n      case \"Home\":\n        e.preventDefault();\n        newDate = new Date(date.getFullYear(), date.getMonth(), 1);\n        break;\n      case \"End\":\n        e.preventDefault();\n        newDate = new Date(date.getFullYear(), date.getMonth() + 1, 0);\n        break;\n      case \"Enter\":\n      case \" \":\n        e.preventDefault();\n        handleDateClick(date);\n        return;\n    }\n\n    if (newDate) {\n      // Adjust month if needed\n      if (!isSameMonth(newDate, currentMonth)) {\n        setCurrentMonth(new Date(newDate.getFullYear(), newDate.getMonth(), 1));\n      }\n      setFocusedDate(newDate);\n    }\n  };\n\n  // Chunk days into rows of 7 (one per week). The previous implementation\n  // rendered all ~35 day cells as direct children of a single CSS grid div,\n  // which made role=\"grid\" structurally invalid (grid must contain rows;\n  // rows must contain gridcells). Each week is now a role=\"row\".\n  const weeks: (Date | null)[][] = [];\n  for (let i = 0; i < days.length; i += 7) {\n    weeks.push(days.slice(i, i + 7));\n  }\n\n  return (\n    <div\n      ref={calendarRef}\n      className={`${getSpacingClass(\"base\", \"p\")} ${className}`}\n      {...props}\n    >\n      {/* Header with month navigation — sits OUTSIDE the role=\"grid\" so\n          the grid's direct children are only rows. */}\n      <div\n        className={`flex items-center justify-between ${getSpacingClass(\"base\", \"mb\")}`}\n      >\n        <Button\n          variant=\"iconOnly\"\n          size=\"sm\"\n          onClick={handlePreviousMonth}\n          aria-label=\"Previous month\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n        </Button>\n        <div className=\"text-sm font-semibold\">\n          {MONTHS[currentMonth.getMonth()]} {currentMonth.getFullYear()}\n        </div>\n        <Button\n          variant=\"iconOnly\"\n          size=\"sm\"\n          onClick={handleNextMonth}\n          aria-label=\"Next month\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n      </div>\n\n      <div role=\"grid\" aria-label=\"Calendar\">\n        {/* Weekday header row */}\n        <div\n          role=\"row\"\n          className={`grid grid-cols-7 ${getSpacingClass(\"xs\", \"gap\")} ${getSpacingClass(\"sm\", \"mb\")}`}\n        >\n          {WEEKDAYS.map((day) => (\n            <div\n              key={day}\n              role=\"columnheader\"\n              className={`text-center text-xs font-medium text-fg-tertiary ${getSpacingClass(\"xs\", \"py\")}`}\n            >\n              {day}\n            </div>\n          ))}\n        </div>\n\n        {/* Calendar grid — one role=\"row\" per week, role=\"gridcell\" per day.\n            The buttons carry role=\"gridcell\" explicitly: the explicit role\n            overrides the implicit button role, so aria-selected (allowed on\n            gridcell, prohibited on button) becomes valid. */}\n        {weeks.map((week, weekIdx) => (\n          <div\n            role=\"row\"\n            key={`week-${weekIdx}`}\n            className={`grid grid-cols-7 ${getSpacingClass(\"xs\", \"gap\")}`}\n          >\n            {week.map((date, dayIdx) => {\n              if (!date) {\n                return (\n                  <div\n                    role=\"gridcell\"\n                    key={`empty-${weekIdx}-${dayIdx}`}\n                    className=\"aspect-square\"\n                  />\n                );\n              }\n\n              const isSelected =\n                mode === \"single\"\n                  ? isSameDay(date, selectedDate)\n                  : isSameDay(date, selectedRange?.start || null) ||\n                    isSameDay(date, selectedRange?.end || null);\n\n              const isInRange =\n                mode === \"range\" && selectedRange\n                  ? isDateInRange(date, selectedRange.start, selectedRange.end)\n                  : false;\n\n              const isDisabled = isDateDisabled(\n                date,\n                minDate,\n                maxDate,\n                disabledDates,\n              );\n              const isToday = isSameDay(date, new Date());\n              const isFocused = isSameDay(date, focusedDate);\n              // Roving tabindex: exactly one cell has tabIndex=0 per render,\n              // and it is the effective focused cell. Other cells are\n              // tabIndex=-1 (programmatically focusable via arrows, but\n              // skipped by Tab). When focusedDate is outside currentMonth\n              // (mouse-driven Prev/Next month nav), effectiveFocusedDate\n              // picks a fallback so the grid never loses its single tab stop.\n              const isTabStop = isSameDay(date, effectiveFocusedDate);\n\n              return (\n                <button\n                  key={date.toISOString()}\n                  role=\"gridcell\"\n                  type=\"button\"\n                  data-date={date.toISOString()}\n                  tabIndex={isTabStop ? 0 : -1}\n                  onClick={() => handleDateClick(date)}\n                  onKeyDown={(e) => handleKeyDown(e, date)}\n                  className={`\n                aspect-square\n                text-sm\n                ${getRadiusClass(\"md\")}\n                transition-colors\n                focus:outline-none\n                focus:ring-2\n                focus:ring-offset-1\n                ${\n                  isDisabled\n                    ? \"text-fg-disabled cursor-not-allowed opacity-50\"\n                    : isSelected\n                      ? \"bg-surface-brand-strong text-fg-inverse font-semibold\"\n                      : isInRange\n                        ? \"bg-surface-brand-muted text-fg-brand-emphasis\"\n                        : isToday\n                          ? \"border-2 border-line-brand font-semibold\"\n                          : isFocused\n                            ? \"bg-surface-brand-muted\"\n                            : \"hover:bg-surface-active\"\n                }\n              `}\n                  aria-label={date.toDateString()}\n                  aria-selected={isSelected}\n                  aria-disabled={isDisabled}\n                  aria-current={isToday ? \"date\" : undefined}\n                >\n                  {date.getDate()}\n                </button>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["getDaysInMonth","date","getFirstDayOfMonth","isSameDay","date1","date2","isSameMonth","isDateInRange","start","end","time","startOfDay","d","isDateDisabled","minDate","maxDate","disabledDates","day","WEEKDAYS","MONTHS","DatePickerCalendar","_a","_b","controlledMonth","onMonthChange","className","props","__objRest","selectedDate","selectedRange","mode","onDateChange","onRangeChange","useDatePickerContext","currentMonth","setCurrentMonth","useState","calendarRef","useRef","focusedDate","setFocusedDate","today","initialMonth","useEffect","isInitialMount","key","cell","effectiveFocusedDate","daysInMonth","firstDay","days","i","handleDateClick","currentRange","handlePreviousMonth","newMonth","handleNextMonth","handleKeyDown","newDate","weeks","jsxs","__spreadProps","__spreadValues","getSpacingClass","jsx","Button","ChevronLeft","ChevronRight","week","weekIdx","dayIdx","isSelected","isInRange","isDisabled","isToday","isFocused","isTabStop","e","getRadiusClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAASA,GAAeC,GAAoB;AAC1C,SAAO,IAAI,KAAKA,EAAK,eAAeA,EAAK,SAAA,IAAa,GAAG,CAAC,EAAE,QAAA;AAC9D;AAEA,SAASC,GAAmBD,GAAoB;AAC9C,SAAO,IAAI,KAAKA,EAAK,YAAA,GAAeA,EAAK,SAAA,GAAY,CAAC,EAAE,OAAA;AAC1D;AAEA,SAASE,EAAUC,GAAoBC,GAA6B;AAClE,SAAI,CAACD,KAAS,CAACC,IAAc,KAE3BD,EAAM,YAAA,MAAkBC,EAAM,YAAA,KAC9BD,EAAM,SAAA,MAAeC,EAAM,cAC3BD,EAAM,QAAA,MAAcC,EAAM,QAAA;AAE9B;AAEA,SAASC,EAAYF,GAAaC,GAAsB;AACtD,SACED,EAAM,YAAA,MAAkBC,EAAM,iBAC9BD,EAAM,SAAA,MAAeC,EAAM,SAAA;AAE/B;AAEA,SAASE,GACPN,GACAO,GACAC,GACS;AACT,MAAI,CAACD,KAAS,CAACC,EAAK,QAAO;AAC3B,QAAMC,IAAOT,EAAK,QAAA;AAClB,SAAOS,KAAQF,EAAM,QAAA,KAAaE,KAAQD,EAAI,QAAA;AAChD;AAOA,SAASE,EAAWC,GAAiB;AACnC,SAAO,IAAI,KAAKA,EAAE,eAAeA,EAAE,SAAA,GAAYA,EAAE,QAAA,CAAS,EAAE,QAAA;AAC9D;AAEA,SAASC,EACPZ,GACAa,GACAC,GACAC,GACS;AACT,QAAMC,IAAMN,EAAWV,CAAI;AAG3B,SAFI,GAAAa,KAAWG,IAAMN,EAAWG,CAAO,KACnCC,KAAWE,IAAMN,EAAWI,CAAO,KACnCC,KAAA,QAAAA,EAAe,KAAK,CAACJ,MAAMT,EAAUF,GAAMW,CAAC;AAElD;AAEA,MAAMM,KAAW,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK,GAC3DC,KAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAASC,GAAmBC,GAKP;AALO,MAAAC,IAAAD,GACjC;AAAA,WAAOE;AAAA,IACP,eAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,MAHqBH,GAI9BI,IAAAC,EAJ8BL,GAI9B;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ,cAAAM;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAlB;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEiB,GAAA,GAEE,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtCb,KAAmBK,MAAgBC,KAAA,gBAAAA,EAAe,8BAAa,KAAA;AAAA,EAAK,GAEhEQ,IAAcC,EAAuB,IAAI,GAMzC,CAACC,GAAaC,CAAc,IAAIJ,EAAe,MAAM;AACzD,UAAMK,wBAAY,KAAA,GACZC,IACJnB,KAAmBK,MAAgBC,KAAA,gBAAAA,EAAe,UAASY;AAC7D,WAAIb,KAAgBtB,EAAYsB,GAAcc,CAAY,IACjDd,IAELtB,EAAYmC,GAAOC,CAAY,IAC1BD,IAEF,IAAI,KAAKC,EAAa,YAAA,GAAeA,EAAa,SAAA,GAAY,CAAC;AAAA,EACxE,CAAC;AAGD,EAAAC,EAAU,MAAM;AACd,IAAIpB,KACFY,EAAgBZ,CAAe;AAAA,EAEnC,GAAG,CAACA,CAAe,CAAC;AAapB,QAAMqB,IAAiBN,EAAO,EAAI;AAClC,EAAAK,EAAU,MAAM;AACd,QAAIC,EAAe,SAAS;AAC1B,MAAAA,EAAe,UAAU;AACzB;AAAA,IACF;AACA,QAAI,CAACP,EAAY,QAAS;AAC1B,UAAMQ,IAAM,IAAI;AAAA,MACdN,EAAY,YAAA;AAAA,MACZA,EAAY,SAAA;AAAA,MACZA,EAAY,QAAA;AAAA,IAAQ,EACpB,YAAA,GACIO,IAAOT,EAAY,QAAQ;AAAA,MAC/B,eAAeQ,CAAG;AAAA,IAAA;AAEpB,IAAIC,OAAW,MAAA;AAAA,EACjB,GAAG,CAACP,CAAW,CAAC;AAMhB,QAAMQ,KAAwB,MAAM;AAClC,QAAIzC,EAAYiC,GAAaL,CAAY,EAAG,QAAOK;AACnD,UAAME,wBAAY,KAAA;AAClB,WAAInC,EAAYmC,GAAOP,CAAY,IAAUO,IACtC,IAAI,KAAKP,EAAa,YAAA,GAAeA,EAAa,SAAA,GAAY,CAAC;AAAA,EACxE,GAAA,GAEMc,IAAchD,GAAekC,CAAY,GACzCe,IAAW/C,GAAmBgC,CAAY,GAC1CgB,IAAwB,CAAA;AAG9B,WAASC,IAAI,GAAGA,IAAIF,GAAUE;AAC5B,IAAAD,EAAK,KAAK,IAAI;AAIhB,WAASjC,IAAM,GAAGA,KAAO+B,GAAa/B;AACpC,IAAAiC,EAAK;AAAA,MACH,IAAI,KAAKhB,EAAa,YAAA,GAAeA,EAAa,SAAA,GAAYjB,CAAG;AAAA,IAAA;AAIrE,QAAMmC,IAAkB,CAACnD,MAAe;AACtC,QAAI,CAAAY,EAAeZ,GAAMa,GAASC,GAASC,CAAa;AAExD,UAAIc,MAAS;AACX,QAAAC,EAAa9B,CAAI;AAAA,eACR6B,MAAS,SAAS;AAC3B,cAAMuB,IAAexB,KAAiB,EAAE,OAAO,MAAM,KAAK,KAAA;AAC1D,QAAI,CAACwB,EAAa,SAAUA,EAAa,SAASA,EAAa,MAE7DrB,EAAc,EAAE,OAAO/B,GAAM,KAAK,MAAM,IAC/BoD,EAAa,SAAS,CAACA,EAAa,QAEzCpD,IAAOoD,EAAa,QACtBrB,EAAc,EAAE,OAAO/B,GAAM,KAAKoD,EAAa,OAAO,IAEtDrB,EAAc,EAAE,OAAOqB,EAAa,OAAO,KAAKpD,GAAM;AAAA,MAG5D;AAAA;AAAA,EACF,GAEMqD,IAAsB,MAAM;AAChC,UAAMC,IAAW,IAAI;AAAA,MACnBrB,EAAa,YAAA;AAAA,MACbA,EAAa,aAAa;AAAA,MAC1B;AAAA,IAAA;AAEF,IAAAC,EAAgBoB,CAAQ,GACxB/B,KAAA,QAAAA,EAAgB+B;AAAA,EAClB,GAEMC,IAAkB,MAAM;AAC5B,UAAMD,IAAW,IAAI;AAAA,MACnBrB,EAAa,YAAA;AAAA,MACbA,EAAa,aAAa;AAAA,MAC1B;AAAA,IAAA;AAEF,IAAAC,EAAgBoB,CAAQ,GACxB/B,KAAA,QAAAA,EAAgB+B;AAAA,EAClB,GAEME,IAAgB,CACpB,GACAxD,MACG;AACH,QAAIyD,IAAuB;AAE3B,YAAQ,EAAE,KAAA;AAAA,MACR,KAAK;AACH,UAAE,eAAA,GACFA,IAAU,IAAI;AAAA,UACZzD,EAAK,YAAA;AAAA,UACLA,EAAK,SAAA;AAAA,UACLA,EAAK,YAAY;AAAA,QAAA;AAEnB;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFyD,IAAU,IAAI;AAAA,UACZzD,EAAK,YAAA;AAAA,UACLA,EAAK,SAAA;AAAA,UACLA,EAAK,YAAY;AAAA,QAAA;AAEnB;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFyD,IAAU,IAAI;AAAA,UACZzD,EAAK,YAAA;AAAA,UACLA,EAAK,SAAA;AAAA,UACLA,EAAK,YAAY;AAAA,QAAA;AAEnB;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFyD,IAAU,IAAI;AAAA,UACZzD,EAAK,YAAA;AAAA,UACLA,EAAK,SAAA;AAAA,UACLA,EAAK,YAAY;AAAA,QAAA;AAEnB;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFyD,IAAU,IAAI,KAAKzD,EAAK,YAAA,GAAeA,EAAK,SAAA,GAAY,CAAC;AACzD;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFyD,IAAU,IAAI,KAAKzD,EAAK,YAAA,GAAeA,EAAK,SAAA,IAAa,GAAG,CAAC;AAC7D;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,UAAE,eAAA,GACFmD,EAAgBnD,CAAI;AACpB;AAAA,IAAA;AAGJ,IAAIyD,MAEGpD,EAAYoD,GAASxB,CAAY,KACpCC,EAAgB,IAAI,KAAKuB,EAAQ,YAAA,GAAeA,EAAQ,YAAY,CAAC,CAAC,GAExElB,EAAekB,CAAO;AAAA,EAE1B,GAMMC,IAA2B,CAAA;AACjC,WAASR,IAAI,GAAGA,IAAID,EAAK,QAAQC,KAAK;AACpC,IAAAQ,EAAM,KAAKT,EAAK,MAAMC,GAAGA,IAAI,CAAC,CAAC;AAGjC,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAAC,EAAAC,EAAA;AAAA,MACC,KAAKzB;AAAA,MACL,WAAW,GAAG0B,EAAgB,QAAQ,GAAG,CAAC,IAAItC,CAAS;AAAA,OACnDC,IAHL;AAAA,MAOC,UAAA;AAAA,QAAA,gBAAAkC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,qCAAqCG,EAAgB,QAAQ,IAAI,CAAC;AAAA,YAE7E,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAASX;AAAA,kBACT,cAAW;AAAA,kBAEX,UAAA,gBAAAU,EAACE,IAAA,EAAY,WAAU,UAAA,CAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEnC,gBAAAN,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,gBAAAzC,GAAOe,EAAa,UAAU;AAAA,gBAAE;AAAA,gBAAEA,EAAa,YAAA;AAAA,cAAY,GAC9D;AAAA,cACA,gBAAA8B;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAST;AAAA,kBACT,cAAW;AAAA,kBAEX,UAAA,gBAAAQ,EAACG,IAAA,EAAa,WAAU,UAAA,CAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAP,EAAC,OAAA,EAAI,MAAK,QAAO,cAAW,YAE1B,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAW,oBAAoBD,EAAgB,MAAM,KAAK,CAAC,IAAIA,EAAgB,MAAM,IAAI,CAAC;AAAA,cAEzF,UAAA7C,GAAS,IAAI,CAACD,MACb,gBAAA+C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,WAAW,oDAAoDD,EAAgB,MAAM,IAAI,CAAC;AAAA,kBAEzF,UAAA9C;AAAA,gBAAA;AAAA,gBAJIA;AAAA,cAAA,CAMR;AAAA,YAAA;AAAA,UAAA;AAAA,UAOF0C,EAAM,IAAI,CAACS,GAAMC,MAChB,gBAAAL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cAEL,WAAW,oBAAoBD,EAAgB,MAAM,KAAK,CAAC;AAAA,cAE1D,UAAAK,EAAK,IAAI,CAACnE,GAAMqE,MAAW;AAC1B,oBAAI,CAACrE;AACH,yBACE,gBAAA+D;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBAEL,WAAU;AAAA,oBAAA;AAAA,oBADL,SAASK,CAAO,IAAIC,CAAM;AAAA,kBAAA;AAMrC,sBAAMC,IACJzC,MAAS,WACL3B,EAAUF,GAAM2B,CAAY,IAC5BzB,EAAUF,IAAM4B,KAAA,gBAAAA,EAAe,UAAS,IAAI,KAC5C1B,EAAUF,IAAM4B,KAAA,gBAAAA,EAAe,QAAO,IAAI,GAE1C2C,KACJ1C,MAAS,WAAWD,IAChBtB,GAAcN,GAAM4B,EAAc,OAAOA,EAAc,GAAG,IAC1D,IAEA4C,IAAa5D;AAAA,kBACjBZ;AAAA,kBACAa;AAAA,kBACAC;AAAA,kBACAC;AAAA,gBAAA,GAEI0D,IAAUvE,EAAUF,GAAM,oBAAI,MAAM,GACpC0E,KAAYxE,EAAUF,GAAMsC,CAAW,GAOvCqC,KAAYzE,EAAUF,GAAM8C,CAAoB;AAEtD,uBACE,gBAAAiB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,aAAW/D,EAAK,YAAA;AAAA,oBAChB,UAAU2E,KAAY,IAAI;AAAA,oBAC1B,SAAS,MAAMxB,EAAgBnD,CAAI;AAAA,oBACnC,WAAW,CAAC4E,OAAMpB,EAAcoB,IAAG5E,CAAI;AAAA,oBACvC,WAAW;AAAA;AAAA;AAAA,kBAGX6E,GAAe,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMpBL,IACI,mDACAF,IACE,0DACAC,KACE,kDACAE,IACE,6CACAC,KACE,2BACA,yBACd;AAAA;AAAA,oBAEE,cAAY1E,EAAK,aAAA;AAAA,oBACjB,iBAAesE;AAAA,oBACf,iBAAeE;AAAA,oBACf,gBAAcC,IAAU,SAAS;AAAA,oBAEhC,YAAK,QAAA;AAAA,kBAAQ;AAAA,kBAlCTzE,EAAK,YAAA;AAAA,gBAAY;AAAA,cAqC5B,CAAC;AAAA,YAAA;AAAA,YAhFI,QAAQoE,CAAO;AAAA,UAAA,CAkFvB;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}