@serendie/ui 3.5.0 → 3.5.1-dev.202606091509

package/dist/node_modules/@zag-js/date-picker/dist/date-picker.connect.js

@@ -1,258 +1,260 @@
-import { toCalendarDateTime as ke } from "../../../@internationalized/date/dist/conversion.js";
-import { isEqualYear as U, isEqualMonth as $, isEqualDay as Ve, isSameDay as N, isWeekend as Ae, isToday as Oe } from "../../../@internationalized/date/dist/queries.js";
+import { toCalendarDateTime as Ve } from "../../../@internationalized/date/dist/conversion.js";
+import { isEqualYear as $, isEqualMonth as B, isEqualDay as Ae, isSameDay as N, isWeekend as Oe, isToday as xe } from "../../../@internationalized/date/dist/queries.js";
 import { DateFormatter as He } from "../../../@internationalized/date/dist/DateFormatter.js";
-import { getNativeEvent as xe, getEventKey as Ne, isComposingEvent as Me } from "../../dom-query/dist/event.js";
+import { getNativeEvent as Ne, getEventKey as Me, isComposingEvent as We } from "../../dom-query/dist/event.js";
 import { dataAttr as n, ariaAttr as I } from "../../dom-query/dist/shared.js";
-import { getPlacementStyles as We } from "../../popper/dist/get-styles.js";
+import { getPlacementStyles as Ue } from "../../popper/dist/get-styles.js";
+import { getPlacementSide as $e } from "../../popper/dist/placement.js";
 import { parts as o } from "./date-picker.anatomy.js";
-import { getPositionerId as Ue, getYearSelectId as $e, getMonthSelectId as Be, getInputId as pe, getViewTriggerId as Fe, getContentId as ye, getTriggerId as Ge, getClearTriggerId as Ye, getPrevTriggerId as _e, getNextTriggerId as Ke, getCellTriggerId as re, getTableId as qe, getControlId as je, getLabelId as Xe, getRootId as Ze } from "./date-picker.dom.js";
-import { adjustStartAndEndDate as Je, getLocaleSeparator as Qe, defaultTranslations as ze, ensureValidCharacters as et, isValidCharacter as tt, getInputPlaceholder as at, getRoleDescription as rt, isDateWithinRange as M } from "./date-picker.utils.js";
+import { getPositionerId as Be, getYearSelectId as Fe, getMonthSelectId as Ge, getInputId as ye, getViewTriggerId as Ye, getContentId as me, getTriggerId as _e, getClearTriggerId as Ke, getPrevTriggerId as qe, getNextTriggerId as je, getCellTriggerId as re, getTableId as Xe, getControlId as Ze, getLabelId as Je, getRootId as Qe } from "./date-picker.dom.js";
+import { adjustStartAndEndDate as ze, defaultTranslations as et, getInputPlaceholder as tt, getRoleDescription as at, isDateWithinRange as M } from "./date-picker.utils.js";
+import { getLocaleSeparator as rt, ensureValidCharacters as nt, isValidCharacter as lt } from "../../date-utils/dist/locale.js";
 import { getDateRangePreset as Re } from "../../date-utils/dist/preset.js";
-import { getWeekOfYear as me, getWeekDays as nt, getDaysInWeek as lt, getMonthNames as it, getMonthDays as st } from "../../date-utils/dist/date-month.js";
-import { chunk as Te } from "../../utils/dist/array.js";
-import { getDecadeRange as ne, getDefaultYearRange as ot, getYearsRange as dt } from "../../date-utils/dist/date-year.js";
+import { getWeekOfYear as Te, getWeekDays as it, getDaysInWeek as st, getMonthNames as ot, getMonthDays as dt } from "../../date-utils/dist/date-month.js";
+import { chunk as Ie } from "../../utils/dist/array.js";
+import { getDecadeRange as ne, getDefaultYearRange as ct, getYearsRange as ut } from "../../date-utils/dist/date-year.js";
 import { isValueWithinRange as le } from "../../utils/dist/number.js";
 import { constrainValue as ie } from "../../date-utils/dist/constrain.js";
 import { getTodayDate as se } from "../../date-utils/dist/mutation.js";
-import { getMonthFormatter as Ie, getDayFormatter as ct } from "../../date-utils/dist/formatter.js";
-import { isDateOutsideRange as B, isDateUnavailable as he } from "../../date-utils/dist/assertion.js";
-import { getUnitDuration as ut } from "../../date-utils/dist/duration.js";
-function Vt(Pe, s) {
-  const { state: X, context: S, prop: l, send: i, computed: w, scope: g } = Pe, E = S.get("startValue"), Ee = w("endValue"), c = S.get("value"), u = S.get("focusedValue"), D = S.get("hoveredValue"), y = D ? Je([c[0], D]) : [], f = !!l("disabled"), W = !!l("readOnly"), Z = !!l("invalid"), F = w("isInteractive"), G = c.length === 0, v = l("min"), b = l("max"), R = l("locale"), p = l("timeZone"), J = l("startOfWeek"), Ce = X.matches("focused"), L = X.matches("open"), m = l("selectionMode") === "range", we = l("selectionMode") === "multiple", oe = l("isDateUnavailable"), Q = l("maxSelectedDates"), de = we && Q != null && c.length >= Q, z = S.get("currentPlacement"), Se = We({
+import { getMonthFormatter as he, getDayFormatter as gt } from "../../date-utils/dist/formatter.js";
+import { isDateOutsideRange as F, isDateUnavailable as Pe } from "../../date-utils/dist/assertion.js";
+import { getUnitDuration as ft } from "../../date-utils/dist/duration.js";
+function Ht(Ee, s) {
+  const { state: Z, context: w, prop: l, send: i, computed: S, scope: g } = Ee, E = w.get("startValue"), Ce = S("endValue"), c = w.get("value"), u = w.get("focusedValue"), L = w.get("hoveredValue"), y = L ? ze([c[0], L]) : [], f = !!l("disabled"), W = !!l("readOnly"), J = !!l("invalid"), G = S("isInteractive"), Y = c.length === 0, v = l("min"), b = l("max"), m = l("locale"), p = l("timeZone"), Q = l("startOfWeek"), Se = Z.matches("focused"), D = Z.matches("open"), R = l("selectionMode") === "range", we = l("selectionMode") === "multiple", oe = l("isDateUnavailable"), z = l("maxSelectedDates"), de = we && z != null && c.length >= z, U = w.get("currentPlacement"), ce = U ? $e(U) : void 0, De = Ue({
     ...l("positioning"),
-    placement: z
-  }), ce = Qe(R), h = { ...ze, ...l("translations") };
-  function ee(t = E) {
+    placement: U
+  }), ue = rt(m), h = { ...et, ...l("translations") };
+  function ee(a = E) {
     const e = l("fixedWeeks") ? 6 : void 0;
-    return st(t, R, e, J);
+    return dt(a, m, e, Q);
   }
-  function ue(t = {}) {
-    const { format: e } = t;
-    return it(R, e, u).map((a, r) => {
-      const d = r + 1, P = u.set({ month: d }), T = B(P, v, b);
-      return { label: a, value: d, disabled: T };
+  function ge(a = {}) {
+    const { format: e } = a;
+    return ot(m, e, u).map((t, r) => {
+      const d = r + 1, P = u.set({ month: d }), T = F(P, v, b);
+      return { label: t, value: d, disabled: T };
     });
   }
-  function De() {
-    const t = ot(u, v, b);
-    return dt(t).map((a) => ({
-      label: a.toString(),
-      value: a,
-      disabled: !le(a, v == null ? void 0 : v.year, b == null ? void 0 : b.year)
+  function Le() {
+    const a = ct(u, v, b);
+    return ut(a).map((t) => ({
+      label: t.toString(),
+      value: t,
+      disabled: !le(t, v == null ? void 0 : v.year, b == null ? void 0 : b.year)
     }));
   }
-  function te(t) {
-    return he(t, oe, R, v, b);
+  function te(a) {
+    return Pe(a, oe, m, v, b);
   }
-  function ge(t) {
+  function fe(a) {
     const e = E ?? se(p, u.calendar);
-    i({ type: "FOCUS.SET", value: e.set({ month: t }) });
+    i({ type: "FOCUS.SET", value: e.set({ month: a }) });
   }
-  function fe(t) {
+  function ve(a) {
     const e = E ?? se(p, u.calendar);
-    i({ type: "FOCUS.SET", value: e.set({ year: t }) });
+    i({ type: "FOCUS.SET", value: e.set({ year: a }) });
   }
-  function Y(t) {
-    const { value: e, disabled: a } = t, r = u.set({ year: e }), P = !ne(E.year, { strict: !0 }).includes(e), T = le(e, v == null ? void 0 : v.year, b == null ? void 0 : b.year), C = m && M(r, c), k = m && c[0] && U(r, c[0]), H = m && c[1] && U(r, c[1]), O = m && y.length > 0, x = O && M(r, y), V = O && y[0] && U(r, y[0]), A = O && y[1] && U(r, y[1]), K = {
-      focused: u.year === t.value,
+  function _(a) {
+    const { value: e, disabled: t } = a, r = u.set({ year: e }), P = !ne(E.year, { strict: !0 }).includes(e), T = le(e, v == null ? void 0 : v.year, b == null ? void 0 : b.year), C = R && M(r, c), k = R && c[0] && $(r, c[0]), x = R && c[1] && $(r, c[1]), O = R && y.length > 0, H = O && M(r, y), V = O && y[0] && $(r, y[0]), A = O && y[1] && $(r, y[1]), q = {
+      focused: u.year === a.value,
       selectable: !P && T,
       outsideRange: P,
-      selected: !!c.find((q) => q && q.year === e),
+      selected: !!c.find((j) => j && j.year === e),
       valueText: e.toString(),
-      inRange: C || x,
+      inRange: C || H,
       firstInRange: !!k,
-      lastInRange: !!H,
-      inHoveredRange: !!x,
+      lastInRange: !!x,
+      inHoveredRange: !!H,
       firstInHoveredRange: !!V,
       lastInHoveredRange: !!A,
       value: r,
       get disabled() {
-        return a || !K.selectable;
+        return t || !q.selectable;
       }
     };
-    return K;
+    return q;
   }
-  function _(t) {
-    const { value: e, disabled: a } = t, r = u.set({ month: e }), d = Ie(R, p, u), P = m && M(r, c), T = m && c[0] && $(r, c[0]), C = m && c[1] && $(r, c[1]), k = m && y.length > 0, H = k && M(r, y), O = k && y[0] && $(r, y[0]), x = k && y[1] && $(r, y[1]), V = {
-      focused: u.month === t.value,
-      selectable: !B(r, v, b),
+  function K(a) {
+    const { value: e, disabled: t } = a, r = u.set({ month: e }), d = he(m, p, u), P = R && M(r, c), T = R && c[0] && B(r, c[0]), C = R && c[1] && B(r, c[1]), k = R && y.length > 0, x = k && M(r, y), O = k && y[0] && B(r, y[0]), H = k && y[1] && B(r, y[1]), V = {
+      focused: u.month === a.value,
+      selectable: !F(r, v, b),
       selected: !!c.find((A) => A && A.month === e && A.year === u.year),
       valueText: d.format(r.toDate(p)),
-      inRange: P || H,
+      inRange: P || x,
       firstInRange: !!T,
       lastInRange: !!C,
-      inHoveredRange: !!H,
+      inHoveredRange: !!x,
       firstInHoveredRange: !!O,
-      lastInHoveredRange: !!x,
+      lastInHoveredRange: !!H,
       outsideRange: !1,
       value: r,
       get disabled() {
-        return a || !V.selectable;
+        return t || !V.selectable;
       }
     };
     return V;
   }
-  function ae(t) {
-    const { value: e, disabled: a, visibleRange: r = w("visibleRange") } = t, d = ct(R, p, u), P = ut(w("visibleDuration")), T = l("outsideDaySelectable"), C = r.start.add(P).subtract({ days: 1 }), k = B(e, r.start, C), H = m && M(e, c), O = m && c[0] && N(e, c[0]), x = m && c[1] && N(e, c[1]), V = m && y.length > 0, A = V && M(e, y), K = V && y[0] && N(e, y[0]), q = V && y[1] && N(e, y[1]), ve = c.some((be) => be != null && N(e, be)), j = {
-      invalid: B(e, v, b),
-      disabled: a || !T && k || B(e, v, b) || // Disable unselected dates when max is reached in multiple selection mode
-      de && !ve,
-      selected: ve,
-      unavailable: he(e, oe, R, v, b) && !a,
+  function ae(a) {
+    const { value: e, disabled: t, visibleRange: r = S("visibleRange") } = a, d = gt(m, p, u), P = ft(S("visibleDuration")), T = l("outsideDaySelectable"), C = r.start.add(P).subtract({ days: 1 }), k = F(e, r.start, C), x = R && M(e, c), O = R && c[0] && N(e, c[0]), H = R && c[1] && N(e, c[1]), V = R && y.length > 0, A = V && M(e, y), q = V && y[0] && N(e, y[0]), j = V && y[1] && N(e, y[1]), be = c.some((pe) => pe != null && N(e, pe)), X = {
+      invalid: F(e, v, b),
+      disabled: t || !T && k || F(e, v, b) || // Disable unselected dates when max is reached in multiple selection mode
+      de && !be,
+      selected: be,
+      unavailable: Pe(e, oe, m, v, b) && !t,
       outsideRange: k,
-      today: Oe(e, p),
-      weekend: Ae(e, R),
+      today: xe(e, p),
+      weekend: Oe(e, m),
       value: e,
       valueText: d.format(e.toDate(p)),
       get focused() {
-        return u != null && N(e, u) && (!j.outsideRange || T);
+        return u != null && N(e, u) && (!X.outsideRange || T);
       },
       get selectable() {
-        return !j.disabled && !j.unavailable;
+        return !X.disabled && !X.unavailable;
       },
       // Range states
-      inRange: H || A,
+      inRange: x || A,
       firstInRange: O,
-      lastInRange: x,
+      lastInRange: H,
       // Preview range states
       inHoveredRange: A,
-      firstInHoveredRange: K,
-      lastInHoveredRange: q
+      firstInHoveredRange: q,
+      lastInHoveredRange: j
     };
-    return j;
+    return X;
   }
-  function Le(t) {
-    const { view: e = "day", id: a } = t;
-    return [e, a].filter(Boolean).join(" ");
+  function ke(a) {
+    const { view: e = "day", id: t } = a;
+    return [e, t].filter(Boolean).join(" ");
   }
   return {
-    focused: Ce,
-    open: L,
+    focused: Se,
+    open: D,
     disabled: f,
-    invalid: Z,
+    invalid: J,
     readOnly: W,
     inline: !!l("inline"),
     numOfMonths: l("numOfMonths"),
     showWeekNumbers: !!l("showWeekNumbers"),
     selectionMode: l("selectionMode"),
-    maxSelectedDates: Q,
+    maxSelectedDates: z,
     isMaxSelected: de,
-    view: S.get("view"),
-    getRangePresetValue(t) {
-      return Re(t, R, p);
+    view: w.get("view"),
+    getRangePresetValue(a) {
+      return Re(a, m, p);
     },
-    getWeekNumber(t) {
-      const e = t[0];
-      return e ? me(e, R) : 0;
+    getWeekNumber(a) {
+      const e = a[0];
+      return e ? Te(e, m) : 0;
     },
-    getDaysInWeek(t, e = E) {
-      return lt(t, e, R, J);
+    getDaysInWeek(a, e = E) {
+      return st(a, e, m, Q);
     },
-    getOffset(t) {
-      const e = E.add(t), a = Ee.add(t), r = Ie(R, p, u);
+    getOffset(a) {
+      const e = E.add(a), t = Ce.add(a), r = he(m, p, u);
       return {
-        visibleRange: { start: e, end: a },
+        visibleRange: { start: e, end: t },
         weeks: ee(e),
         visibleRangeText: {
           start: r.format(e.toDate(p)),
-          end: r.format(a.toDate(p))
+          end: r.format(t.toDate(p))
         }
       };
     },
     getMonthWeeks: ee,
     isUnavailable: te,
     weeks: ee(),
-    weekDays: nt(E, J, p, R),
-    visibleRangeText: w("visibleRangeText"),
+    weekDays: it(E, Q, p, m),
+    visibleRangeText: S("visibleRangeText"),
     value: c,
-    valueAsDate: c.filter((t) => t != null).map((t) => t.toDate(p)),
-    valueAsString: w("valueAsString"),
+    valueAsDate: c.filter((a) => a != null).map((a) => a.toDate(p)),
+    valueAsString: S("valueAsString"),
     focusedValue: u,
     focusedValueAsDate: u == null ? void 0 : u.toDate(p),
-    focusedValueAsString: l("format")(u, { locale: R, timeZone: p }),
-    visibleRange: w("visibleRange"),
+    focusedValueAsString: l("format")(u, { locale: m, timeZone: p }),
+    visibleRange: S("visibleRange"),
     selectToday() {
-      const t = ie(se(p, u.calendar), v, b);
-      i({ type: "VALUE.SET", value: [t] });
+      const a = ie(se(p, u.calendar), v, b);
+      i({ type: "VALUE.SET", value: [a] });
     },
-    setValue(t) {
-      const e = t.map((a) => ie(a, v, b));
+    setValue(a) {
+      const e = a.map((t) => ie(t, v, b));
       i({ type: "VALUE.SET", value: e });
     },
-    setTime(t, e = 0) {
-      const a = Array.from(c);
-      let r = a[e];
-      r && ("hour" in r || (r = ke(r)), r = r.set({
-        hour: t.hour ?? ("hour" in r ? r.hour : 0),
-        minute: t.minute ?? ("minute" in r ? r.minute : 0),
-        second: t.second ?? ("second" in r ? r.second : 0),
-        millisecond: t.millisecond ?? ("millisecond" in r ? r.millisecond : 0)
-      }), a[e] = ie(r, v, b), i({ type: "VALUE.SET", value: a }));
-    },
-    clearValue(t = {}) {
-      const { focus: e = !0 } = t;
+    setTime(a, e = 0) {
+      const t = Array.from(c);
+      let r = t[e];
+      r && ("hour" in r || (r = Ve(r)), r = r.set({
+        hour: a.hour ?? ("hour" in r ? r.hour : 0),
+        minute: a.minute ?? ("minute" in r ? r.minute : 0),
+        second: a.second ?? ("second" in r ? r.second : 0),
+        millisecond: a.millisecond ?? ("millisecond" in r ? r.millisecond : 0)
+      }), t[e] = ie(r, v, b), i({ type: "VALUE.SET", value: t }));
+    },
+    clearValue(a = {}) {
+      const { focus: e = !0 } = a;
       i({ type: "VALUE.CLEAR", focus: e });
     },
-    setFocusedValue(t) {
-      i({ type: "FOCUS.SET", value: t });
+    setFocusedValue(a) {
+      i({ type: "FOCUS.SET", value: a });
     },
-    setOpen(t) {
-      l("inline") || X.matches("open") === t || i({ type: t ? "OPEN" : "CLOSE" });
+    setOpen(a) {
+      l("inline") || Z.matches("open") === a || i({ type: a ? "OPEN" : "CLOSE" });
     },
-    focusMonth: ge,
-    focusYear: fe,
-    getYears: De,
-    getMonths: ue,
-    getYearsGrid(t = {}) {
-      const { columns: e = 1 } = t, a = ne(E.year, { strict: !0 }).map((r) => ({
+    focusMonth: fe,
+    focusYear: ve,
+    getYears: Le,
+    getMonths: ge,
+    getYearsGrid(a = {}) {
+      const { columns: e = 1 } = a, t = ne(E.year, { strict: !0 }).map((r) => ({
         label: r.toString(),
         value: r,
         disabled: !le(r, v == null ? void 0 : v.year, b == null ? void 0 : b.year)
       }));
-      return Te(a, e);
+      return Ie(t, e);
     },
     getDecade() {
-      const t = ne(E.year, { strict: !0 });
-      return { start: t.at(0), end: t.at(-1) };
+      const a = ne(E.year, { strict: !0 });
+      return { start: a.at(0), end: a.at(-1) };
     },
-    getMonthsGrid(t = {}) {
-      const { columns: e = 1, format: a } = t;
-      return Te(ue({ format: a }), e);
+    getMonthsGrid(a = {}) {
+      const { columns: e = 1, format: t } = a;
+      return Ie(ge({ format: t }), e);
     },
-    format(t, e = { month: "long", year: "numeric" }) {
-      return new He(R, {
+    format(a, e = { month: "long", year: "numeric" }) {
+      return new He(m, {
         ...e,
-        calendar: t.calendar.identifier
-      }).format(t.toDate(p));
+        calendar: a.calendar.identifier
+      }).format(a.toDate(p));
     },
-    setView(t) {
-      i({ type: "VIEW.SET", view: t });
+    setView(a) {
+      i({ type: "VIEW.SET", view: a });
     },
     goToNext() {
-      i({ type: "GOTO.NEXT", view: S.get("view") });
+      i({ type: "GOTO.NEXT", view: w.get("view") });
     },
     goToPrev() {
-      i({ type: "GOTO.PREV", view: S.get("view") });
+      i({ type: "GOTO.PREV", view: w.get("view") });
     },
     getRootProps() {
       return s.element({
         ...o.root.attrs,
         dir: l("dir"),
-        id: Ze(g),
-        "data-state": L ? "open" : "closed",
+        id: Qe(g),
+        "data-state": D ? "open" : "closed",
         "data-disabled": n(f),
         "data-readonly": n(W),
-        "data-empty": n(G)
+        "data-empty": n(Y)
       });
     },
-    getLabelProps(t = {}) {
-      const { index: e = 0 } = t;
+    getLabelProps(a = {}) {
+      const { index: e = 0 } = a;
       return s.label({
         ...o.label.attrs,
-        id: Xe(g, e),
+        id: Je(g, e),
         dir: l("dir"),
-        htmlFor: pe(g, e),
-        "data-state": L ? "open" : "closed",
+        htmlFor: ye(g, e),
+        "data-state": D ? "open" : "closed",
         "data-index": e,
         "data-disabled": n(f),
         "data-readonly": n(W)
@@ -262,9 +264,9 @@ function Vt(Pe, s) {
       return s.element({
         ...o.control.attrs,
         dir: l("dir"),
-        id: je(g),
+        id: Ze(g),
         "data-disabled": n(f),
-        "data-placeholder-shown": n(G)
+        "data-placeholder-shown": n(Y)
       });
     },
     getRangeTextProps() {
@@ -276,26 +278,27 @@ function Vt(Pe, s) {
     getContentProps() {
       return s.element({
         ...o.content.attrs,
-        hidden: !L,
+        hidden: !D,
         dir: l("dir"),
-        "data-state": L ? "open" : "closed",
-        "data-placement": z,
+        "data-state": D ? "open" : "closed",
+        "data-placement": U,
+        "data-side": ce,
         "data-inline": n(l("inline")),
-        id: ye(g),
+        id: me(g),
         tabIndex: -1,
         role: "application",
         "aria-roledescription": "datepicker",
         "aria-label": h.content
       });
     },
-    getTableProps(t = {}) {
-      const { view: e = "day", columns: a = e === "day" ? 7 : 4 } = t, r = Le(t);
+    getTableProps(a = {}) {
+      const { view: e = "day", columns: t = e === "day" ? 7 : 4 } = a, r = ke(a);
       return s.element({
         ...o.table.attrs,
         role: "grid",
-        "data-columns": a,
-        "aria-roledescription": rt(e),
-        id: qe(g, r),
+        "data-columns": t,
+        "aria-roledescription": at(e),
+        id: Xe(g, r),
         "aria-readonly": I(W),
         "aria-disabled": I(f),
         "aria-multiselectable": I(l("selectionMode") !== "single"),
@@ -306,33 +309,33 @@ function Vt(Pe, s) {
           if (d.defaultPrevented) return;
           const T = {
             Enter() {
-              e === "day" && te(u) || e === "month" && !_({ value: u.month }).selectable || e === "year" && !Y({ value: u.year }).selectable || i({ type: "TABLE.ENTER", view: e, columns: a, focus: !0 });
+              e === "day" && te(u) || e === "month" && !K({ value: u.month }).selectable || e === "year" && !_({ value: u.year }).selectable || i({ type: "TABLE.ENTER", view: e, columns: t, focus: !0 });
             },
             ArrowLeft() {
-              i({ type: "TABLE.ARROW_LEFT", view: e, columns: a, focus: !0 });
+              i({ type: "TABLE.ARROW_LEFT", view: e, columns: t, focus: !0 });
             },
             ArrowRight() {
-              i({ type: "TABLE.ARROW_RIGHT", view: e, columns: a, focus: !0 });
+              i({ type: "TABLE.ARROW_RIGHT", view: e, columns: t, focus: !0 });
             },
             ArrowUp() {
-              i({ type: "TABLE.ARROW_UP", view: e, columns: a, focus: !0 });
+              i({ type: "TABLE.ARROW_UP", view: e, columns: t, focus: !0 });
             },
             ArrowDown() {
-              i({ type: "TABLE.ARROW_DOWN", view: e, columns: a, focus: !0 });
+              i({ type: "TABLE.ARROW_DOWN", view: e, columns: t, focus: !0 });
             },
             PageUp(C) {
-              i({ type: "TABLE.PAGE_UP", larger: C.shiftKey, view: e, columns: a, focus: !0 });
+              i({ type: "TABLE.PAGE_UP", larger: C.shiftKey, view: e, columns: t, focus: !0 });
             },
             PageDown(C) {
-              i({ type: "TABLE.PAGE_DOWN", larger: C.shiftKey, view: e, columns: a, focus: !0 });
+              i({ type: "TABLE.PAGE_DOWN", larger: C.shiftKey, view: e, columns: t, focus: !0 });
             },
             Home() {
-              i({ type: "TABLE.HOME", view: e, columns: a, focus: !0 });
+              i({ type: "TABLE.HOME", view: e, columns: t, focus: !0 });
             },
             End() {
-              i({ type: "TABLE.END", view: e, columns: a, focus: !0 });
+              i({ type: "TABLE.END", view: e, columns: t, focus: !0 });
             }
-          }[Ne(d, {
+          }[Me(d, {
             dir: l("dir")
           })];
           T && (T(d), d.preventDefault(), d.stopPropagation());
@@ -348,8 +351,8 @@ function Vt(Pe, s) {
         }
       });
     },
-    getTableHeadProps(t = {}) {
-      const { view: e = "day" } = t;
+    getTableHeadProps(a = {}) {
+      const { view: e = "day" } = a;
       return s.element({
         ...o.tableHead.attrs,
         "aria-hidden": !0,
@@ -358,8 +361,8 @@ function Vt(Pe, s) {
         "data-disabled": n(f)
       });
     },
-    getTableHeaderProps(t = {}) {
-      const { view: e = "day" } = t;
+    getTableHeaderProps(a = {}) {
+      const { view: e = "day" } = a;
       return s.element({
         ...o.tableHeader.attrs,
         dir: l("dir"),
@@ -367,16 +370,16 @@ function Vt(Pe, s) {
         "data-disabled": n(f)
       });
     },
-    getTableBodyProps(t = {}) {
-      const { view: e = "day" } = t;
+    getTableBodyProps(a = {}) {
+      const { view: e = "day" } = a;
       return s.element({
         ...o.tableBody.attrs,
         "data-view": e,
         "data-disabled": n(f)
       });
     },
-    getTableRowProps(t = {}) {
-      const { view: e = "day" } = t;
+    getTableRowProps(a = {}) {
+      const { view: e = "day" } = a;
       return s.element({
         ...o.tableRow.attrs,
         "aria-disabled": I(f),
@@ -384,8 +387,8 @@ function Vt(Pe, s) {
         "data-view": e
       });
     },
-    getWeekNumberHeaderCellProps(t = {}) {
-      const { view: e = "day" } = t;
+    getWeekNumberHeaderCellProps(a = {}) {
+      const { view: e = "day" } = a;
       return s.element({
         ...o.tableCell.attrs,
         scope: "col",
@@ -395,9 +398,9 @@ function Vt(Pe, s) {
         "data-disabled": n(f)
       });
     },
-    getWeekNumberCellProps(t) {
+    getWeekNumberCellProps(a) {
       var d;
-      const { weekIndex: e, week: a } = t, r = a[0] ? me(a[0], R) : 0;
+      const { weekIndex: e, week: t } = a, r = t[0] ? Te(t[0], m) : 0;
       return s.element({
         ...o.tableCell.attrs,
         role: "rowheader",
@@ -409,61 +412,68 @@ function Vt(Pe, s) {
       });
     },
     getDayTableCellState: ae,
-    getDayTableCellProps(t) {
-      const { value: e } = t, a = ae(t);
+    getDayTableCellProps(a) {
+      const { value: e } = a, t = ae(a);
       return s.element({
         ...o.tableCell.attrs,
         role: "gridcell",
-        "aria-disabled": I(!a.selectable),
-        "aria-selected": a.selected || a.inRange,
-        "aria-invalid": I(a.invalid),
-        "aria-current": a.today ? "date" : void 0,
+        "aria-disabled": I(!t.selectable),
+        "aria-selected": t.selected || t.inRange,
+        "aria-invalid": I(t.invalid),
+        "aria-current": t.today ? "date" : void 0,
         "data-value": e.toString()
       });
     },
-    getDayTableCellTriggerProps(t) {
-      const { value: e } = t, a = ae(t);
+    getDayTableCellTriggerProps(a) {
+      const { value: e } = a, t = ae(a);
       return s.element({
         ...o.tableCellTrigger.attrs,
         id: re(g, e.toString()),
         role: "button",
         dir: l("dir"),
-        tabIndex: a.focused ? 0 : -1,
-        "aria-label": h.dayCell(a),
-        "aria-disabled": I(!a.selectable),
-        "aria-invalid": I(a.invalid),
-        "data-disabled": n(!a.selectable),
-        "data-selected": n(a.selected),
+        tabIndex: t.focused ? 0 : -1,
+        "aria-label": h.dayCell(t),
+        "aria-disabled": I(!t.selectable),
+        "aria-invalid": I(t.invalid),
+        "data-disabled": n(!t.selectable),
+        "data-selectable": n(t.selectable),
+        "data-selected": n(t.selected),
         "data-value": e.toString(),
         "data-view": "day",
-        "data-today": n(a.today),
-        "data-focus": n(a.focused),
-        "data-unavailable": n(a.unavailable),
-        "data-range-start": n(a.firstInRange),
-        "data-range-end": n(a.lastInRange),
-        "data-in-range": n(a.inRange),
-        "data-outside-range": n(a.outsideRange),
-        "data-weekend": n(a.weekend),
-        "data-in-hover-range": n(a.inHoveredRange),
-        "data-hover-range-start": n(a.firstInHoveredRange),
-        "data-hover-range-end": n(a.lastInHoveredRange),
+        "data-today": n(t.today),
+        "data-focus": n(t.focused),
+        "data-unavailable": n(t.unavailable),
+        "data-range-start": n(t.firstInRange),
+        "data-range-end": n(t.lastInRange),
+        "data-in-range": n(t.inRange),
+        "data-outside-range": n(t.outsideRange),
+        "data-weekend": n(t.weekend),
+        "data-in-hover-range": n(t.inHoveredRange),
+        "data-hover-range-start": n(t.firstInHoveredRange),
+        "data-hover-range-end": n(t.lastInHoveredRange),
         onClick(r) {
-          r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "day", value: e });
+          r.defaultPrevented || t.selectable && i({ type: "CELL.CLICK", cell: "day", value: e });
         },
-        onPointerMove: m ? (r) => {
-          if (r.pointerType === "touch" || !a.selectable) return;
+        onPointerMove: R ? (r) => {
+          if (r.pointerType === "touch" || !t.selectable) return;
           const d = !g.isActiveElement(r.currentTarget);
-          D && Ve(e, D) || i({ type: "CELL.POINTER_MOVE", cell: "day", value: e, focus: d });
+          L && Ae(e, L) || i({
+            type: "CELL.POINTER_MOVE",
+            cell: "day",
+            value: e,
+            focus: d,
+            outsideRange: t.outsideRange
+          });
         } : void 0
       });
     },
-    getMonthTableCellState: _,
-    getMonthTableCellProps(t) {
-      const { value: e, columns: a } = t, r = _(t);
+    getMonthTableCellState: K,
+    getMonthTableCellProps(a) {
+      const { value: e, columns: t } = a, r = K(a);
       return s.element({
         ...o.tableCell.attrs,
         dir: l("dir"),
-        colSpan: a,
+        colSpan: t,
         role: "gridcell",
         "aria-selected": I(r.selected || r.inRange),
         "data-selected": n(r.selected),
@@ -471,45 +481,46 @@ function Vt(Pe, s) {
         "data-value": e
       });
     },
-    getMonthTableCellTriggerProps(t) {
-      const { value: e } = t, a = _(t);
+    getMonthTableCellTriggerProps(a) {
+      const { value: e } = a, t = K(a);
       return s.element({
         ...o.tableCellTrigger.attrs,
         id: re(g, e.toString()),
         role: "button",
         dir: l("dir"),
-        tabIndex: a.focused ? 0 : -1,
-        "aria-label": a.valueText,
-        "aria-disabled": I(!a.selectable),
-        "data-disabled": n(!a.selectable),
-        "data-selected": n(a.selected),
+        tabIndex: t.focused ? 0 : -1,
+        "aria-label": t.valueText,
+        "aria-disabled": I(!t.selectable),
+        "data-disabled": n(!t.selectable),
+        "data-selectable": n(t.selectable),
+        "data-selected": n(t.selected),
         "data-value": e,
         "data-view": "month",
-        "data-focus": n(a.focused),
-        "data-outside-range": n(a.outsideRange),
-        "data-range-start": n(a.firstInRange),
-        "data-range-end": n(a.lastInRange),
-        "data-in-range": n(a.inRange),
-        "data-in-hover-range": n(a.inHoveredRange),
-        "data-hover-range-start": n(a.firstInHoveredRange),
-        "data-hover-range-end": n(a.lastInHoveredRange),
+        "data-focus": n(t.focused),
+        "data-outside-range": n(t.outsideRange),
+        "data-range-start": n(t.firstInRange),
+        "data-range-end": n(t.lastInRange),
+        "data-in-range": n(t.inRange),
+        "data-in-hover-range": n(t.inHoveredRange),
+        "data-hover-range-start": n(t.firstInHoveredRange),
+        "data-hover-range-end": n(t.lastInHoveredRange),
         onClick(r) {
-          r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "month", value: e });
+          r.defaultPrevented || t.selectable && i({ type: "CELL.CLICK", cell: "month", value: e });
         },
-        onPointerMove: m ? (r) => {
-          if (r.pointerType === "touch" || !a.selectable) return;
+        onPointerMove: R ? (r) => {
+          if (r.pointerType === "touch" || !t.selectable) return;
           const d = !g.isActiveElement(r.currentTarget);
-          D && a.value && $(a.value, D) || i({ type: "CELL.POINTER_MOVE", cell: "month", value: a.value, focus: d });
+          L && t.value && B(t.value, L) || i({ type: "CELL.POINTER_MOVE", cell: "month", value: t.value, focus: d });
         } : void 0
       });
     },
-    getYearTableCellState: Y,
-    getYearTableCellProps(t) {
-      const { value: e, columns: a } = t, r = Y(t);
+    getYearTableCellState: _,
+    getYearTableCellProps(a) {
+      const { value: e, columns: t } = a, r = _(a);
       return s.element({
         ...o.tableCell.attrs,
         dir: l("dir"),
-        colSpan: a,
+        colSpan: t,
         role: "gridcell",
         "aria-selected": I(r.selected || r.inRange),
         "data-selected": n(r.selected),
@@ -517,63 +528,64 @@ function Vt(Pe, s) {
         "data-value": e
       });
     },
-    getYearTableCellTriggerProps(t) {
-      const { value: e } = t, a = Y(t);
+    getYearTableCellTriggerProps(a) {
+      const { value: e } = a, t = _(a);
       return s.element({
         ...o.tableCellTrigger.attrs,
         id: re(g, e.toString()),
         role: "button",
         dir: l("dir"),
-        tabIndex: a.focused ? 0 : -1,
-        "aria-label": a.valueText,
-        "aria-disabled": I(!a.selectable),
-        "data-disabled": n(!a.selectable),
-        "data-selected": n(a.selected),
+        tabIndex: t.focused ? 0 : -1,
+        "aria-label": t.valueText,
+        "aria-disabled": I(!t.selectable),
+        "data-disabled": n(!t.selectable),
+        "data-selectable": n(t.selectable),
+        "data-selected": n(t.selected),
         "data-value": e,
         "data-view": "year",
-        "data-focus": n(a.focused),
-        "data-outside-range": n(a.outsideRange),
-        "data-range-start": n(a.firstInRange),
-        "data-range-end": n(a.lastInRange),
-        "data-in-range": n(a.inRange),
-        "data-in-hover-range": n(a.inHoveredRange),
-        "data-hover-range-start": n(a.firstInHoveredRange),
-        "data-hover-range-end": n(a.lastInHoveredRange),
+        "data-focus": n(t.focused),
+        "data-outside-range": n(t.outsideRange),
+        "data-range-start": n(t.firstInRange),
+        "data-range-end": n(t.lastInRange),
+        "data-in-range": n(t.inRange),
+        "data-in-hover-range": n(t.inHoveredRange),
+        "data-hover-range-start": n(t.firstInHoveredRange),
+        "data-hover-range-end": n(t.lastInHoveredRange),
         onClick(r) {
-          r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "year", value: e });
+          r.defaultPrevented || t.selectable && i({ type: "CELL.CLICK", cell: "year", value: e });
         },
-        onPointerMove: m ? (r) => {
-          if (r.pointerType === "touch" || !a.selectable) return;
+        onPointerMove: R ? (r) => {
+          if (r.pointerType === "touch" || !t.selectable) return;
           const d = !g.isActiveElement(r.currentTarget);
-          D && a.value && U(a.value, D) || i({ type: "CELL.POINTER_MOVE", cell: "year", value: a.value, focus: d });
+          L && t.value && $(t.value, L) || i({ type: "CELL.POINTER_MOVE", cell: "year", value: t.value, focus: d });
         } : void 0
       });
     },
-    getNextTriggerProps(t = {}) {
-      const { view: e = "day" } = t, a = f || !w("isNextVisibleRangeValid");
+    getNextTriggerProps(a = {}) {
+      const { view: e = "day" } = a, t = f || !S("isNextVisibleRangeValid");
       return s.button({
         ...o.nextTrigger.attrs,
         dir: l("dir"),
-        id: Ke(g, e),
+        id: je(g, e),
         type: "button",
         "aria-label": h.nextTrigger(e),
-        disabled: a,
-        "data-disabled": n(a),
+        disabled: t,
+        "data-disabled": n(t),
         onClick(r) {
           r.defaultPrevented || i({ type: "GOTO.NEXT", view: e });
         }
       });
     },
-    getPrevTriggerProps(t = {}) {
-      const { view: e = "day" } = t, a = f || !w("isPrevVisibleRangeValid");
+    getPrevTriggerProps(a = {}) {
+      const { view: e = "day" } = a, t = f || !S("isPrevVisibleRangeValid");
       return s.button({
         ...o.prevTrigger.attrs,
         dir: l("dir"),
-        id: _e(g, e),
+        id: qe(g, e),
         type: "button",
         "aria-label": h.prevTrigger(e),
-        disabled: a,
-        "data-disabled": n(a),
+        disabled: t,
+        "data-disabled": n(t),
         onClick(r) {
           r.defaultPrevented || i({ type: "GOTO.PREV", view: e });
         }
@@ -582,153 +594,155 @@ function Vt(Pe, s) {
     getClearTriggerProps() {
       return s.button({
         ...o.clearTrigger.attrs,
-        id: Ye(g),
+        id: Ke(g),
         dir: l("dir"),
         type: "button",
         "aria-label": h.clearTrigger,
         hidden: !c.length,
-        onClick(t) {
-          t.defaultPrevented || i({ type: "VALUE.CLEAR" });
+        onClick(a) {
+          a.defaultPrevented || i({ type: "VALUE.CLEAR" });
         }
       });
     },
     getTriggerProps() {
       return s.button({
         ...o.trigger.attrs,
-        id: Ge(g),
+        id: _e(g),
         dir: l("dir"),
         type: "button",
-        "data-placement": z,
-        "aria-label": h.trigger(L),
-        "aria-controls": ye(g),
-        "data-state": L ? "open" : "closed",
-        "data-placeholder-shown": n(G),
+        "data-placement": U,
+        "data-side": ce,
+        "aria-label": h.trigger(D),
+        "aria-controls": me(g),
+        "aria-expanded": D,
+        "data-state": D ? "open" : "closed",
+        "data-placeholder-shown": n(Y),
         "aria-haspopup": "grid",
         disabled: f,
-        onClick(t) {
-          t.defaultPrevented || F && i({ type: "TRIGGER.CLICK" });
+        onClick(a) {
+          a.defaultPrevented || G && i({ type: "TRIGGER.CLICK" });
         }
       });
     },
-    getViewProps(t = {}) {
-      const { view: e = "day" } = t;
+    getViewProps(a = {}) {
+      const { view: e = "day" } = a;
       return s.element({
         ...o.view.attrs,
         "data-view": e,
-        hidden: S.get("view") !== e
+        hidden: w.get("view") !== e
       });
     },
-    getViewTriggerProps(t = {}) {
-      const { view: e = "day" } = t;
+    getViewTriggerProps(a = {}) {
+      const { view: e = "day" } = a;
       return s.button({
         ...o.viewTrigger.attrs,
         "data-view": e,
         dir: l("dir"),
-        id: Fe(g, e),
+        id: Ye(g, e),
         type: "button",
         disabled: f,
         "aria-label": h.viewTrigger(e),
-        onClick(a) {
-          a.defaultPrevented || F && i({ type: "VIEW.TOGGLE", src: "viewTrigger" });
+        onClick(t) {
+          t.defaultPrevented || G && i({ type: "VIEW.TOGGLE", src: "viewTrigger" });
         }
       });
     },
-    getViewControlProps(t = {}) {
-      const { view: e = "day" } = t;
+    getViewControlProps(a = {}) {
+      const { view: e = "day" } = a;
       return s.element({
         ...o.viewControl.attrs,
         "data-view": e,
         dir: l("dir")
       });
     },
-    getInputProps(t = {}) {
-      const { index: e = 0, fixOnBlur: a = !0 } = t;
+    getInputProps(a = {}) {
+      const { index: e = 0, fixOnBlur: t = !0 } = a;
       return s.input({
         ...o.input.attrs,
-        id: pe(g, e),
+        id: ye(g, e),
         autoComplete: "off",
         autoCorrect: "off",
         spellCheck: "false",
         dir: l("dir"),
         name: l("name"),
         "data-index": e,
-        "data-state": L ? "open" : "closed",
-        "data-placeholder-shown": n(G),
+        "data-state": D ? "open" : "closed",
+        "data-placeholder-shown": n(Y),
         readOnly: W,
         disabled: f,
         required: l("required"),
-        "aria-invalid": I(Z),
-        "data-invalid": n(Z),
-        placeholder: l("placeholder") || at(R),
-        defaultValue: w("valueAsString")[e],
+        "aria-invalid": I(J),
+        "data-invalid": n(J),
+        placeholder: l("placeholder") || tt(m),
+        defaultValue: S("valueAsString")[e],
         onBeforeInput(r) {
-          const { data: d } = xe(r);
-          tt(d, ce) || r.preventDefault();
+          const { data: d } = Ne(r);
+          lt(d, ue) || r.preventDefault();
         },
         onClick(r) {
-          r.defaultPrevented || l("openOnClick") && F && i({ type: "OPEN", src: "input.click" });
+          r.defaultPrevented || l("openOnClick") && G && i({ type: "OPEN", src: "input.click" });
         },
         onFocus() {
           i({ type: "INPUT.FOCUS", index: e });
         },
         onBlur(r) {
           const d = r.currentTarget.value.trim();
-          i({ type: "INPUT.BLUR", value: d, index: e, fixOnBlur: a });
+          i({ type: "INPUT.BLUR", value: d, index: e, fixOnBlur: t });
         },
         onKeyDown(r) {
-          if (r.defaultPrevented || !F) return;
+          if (r.defaultPrevented || !G) return;
           const P = {
             Enter(T) {
-              Me(T) || te(u) || T.currentTarget.value.trim() !== "" && i({ type: "INPUT.ENTER", value: T.currentTarget.value, index: e });
+              We(T) || te(u) || T.currentTarget.value.trim() !== "" && i({ type: "INPUT.ENTER", value: T.currentTarget.value, index: e });
             }
           }[r.key];
           P && (P(r), r.preventDefault());
         },
         onInput(r) {
           const d = r.currentTarget.value;
-          i({ type: "INPUT.CHANGE", value: et(d, ce), index: e });
+          i({ type: "INPUT.CHANGE", value: nt(d, ue), index: e });
         }
       });
     },
     getMonthSelectProps() {
       return s.select({
         ...o.monthSelect.attrs,
-        id: Be(g),
+        id: Ge(g),
         "aria-label": h.monthSelect,
         disabled: f,
         dir: l("dir"),
         defaultValue: E.month,
-        onChange(t) {
-          ge(Number(t.currentTarget.value));
+        onChange(a) {
+          fe(Number(a.currentTarget.value));
         }
       });
     },
     getYearSelectProps() {
       return s.select({
         ...o.yearSelect.attrs,
-        id: $e(g),
+        id: Fe(g),
         disabled: f,
         "aria-label": h.yearSelect,
         dir: l("dir"),
         defaultValue: E.year,
-        onChange(t) {
-          fe(Number(t.currentTarget.value));
+        onChange(a) {
+          ve(Number(a.currentTarget.value));
         }
       });
     },
     getPositionerProps() {
       return s.element({
-        id: Ue(g),
+        id: Be(g),
         ...o.positioner.attrs,
         dir: l("dir"),
-        style: Se.floating
+        style: De.floating
       });
     },
-    getPresetTriggerProps(t) {
-      const e = Array.isArray(t.value) ? t.value : Re(t.value, R, p), a = e.filter((r) => r != null).map((r) => r.toDate(p).toDateString());
+    getPresetTriggerProps(a) {
+      const e = Array.isArray(a.value) ? a.value : Re(a.value, m, p), t = e.filter((r) => r != null).map((r) => r.toDate(p).toDateString());
       return s.button({
         ...o.presetTrigger.attrs,
-        "aria-label": h.presetTrigger(a),
+        "aria-label": h.presetTrigger(t),
         type: "button",
         onClick(r) {
           r.defaultPrevented || i({ type: "PRESET.CLICK", value: e });
@@ -738,5 +752,5 @@ function Vt(Pe, s) {
   };
 }
 export {
-  Vt as connect
+  Ht as connect
 };