@serendie/ui 3.2.0 → 3.2.1-dev.202604251106

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

@@ -0,0 +1,742 @@
+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 { 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 { dataAttr as n, ariaAttr as I } from "../../dom-query/dist/shared.js";
+import { getPlacementStyles as We } from "../../popper/dist/get-styles.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 { 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 { 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({
+    ...l("positioning"),
+    placement: z
+  }), ce = Qe(R), h = { ...ze, ...l("translations") };
+  function ee(t = E) {
+    const e = l("fixedWeeks") ? 6 : void 0;
+    return st(t, R, e, J);
+  }
+  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 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 te(t) {
+    return he(t, oe, R, v, b);
+  }
+  function ge(t) {
+    const e = E ?? se(p, u.calendar);
+    i({ type: "FOCUS.SET", value: e.set({ month: t }) });
+  }
+  function fe(t) {
+    const e = E ?? se(p, u.calendar);
+    i({ type: "FOCUS.SET", value: e.set({ year: t }) });
+  }
+  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,
+      selectable: !P && T,
+      outsideRange: P,
+      selected: !!c.find((q) => q && q.year === e),
+      valueText: e.toString(),
+      inRange: C || x,
+      firstInRange: !!k,
+      lastInRange: !!H,
+      inHoveredRange: !!x,
+      firstInHoveredRange: !!V,
+      lastInHoveredRange: !!A,
+      value: r,
+      get disabled() {
+        return a || !K.selectable;
+      }
+    };
+    return K;
+  }
+  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),
+      selected: !!c.find((A) => A && A.month === e && A.year === u.year),
+      valueText: d.format(r.toDate(p)),
+      inRange: P || H,
+      firstInRange: !!T,
+      lastInRange: !!C,
+      inHoveredRange: !!H,
+      firstInHoveredRange: !!O,
+      lastInHoveredRange: !!x,
+      outsideRange: !1,
+      value: r,
+      get disabled() {
+        return a || !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,
+      outsideRange: k,
+      today: Oe(e, p),
+      weekend: Ae(e, R),
+      value: e,
+      valueText: d.format(e.toDate(p)),
+      get focused() {
+        return u != null && N(e, u) && (!j.outsideRange || T);
+      },
+      get selectable() {
+        return !j.disabled && !j.unavailable;
+      },
+      // Range states
+      inRange: H || A,
+      firstInRange: O,
+      lastInRange: x,
+      // Preview range states
+      inHoveredRange: A,
+      firstInHoveredRange: K,
+      lastInHoveredRange: q
+    };
+    return j;
+  }
+  function Le(t) {
+    const { view: e = "day", id: a } = t;
+    return [e, a].filter(Boolean).join(" ");
+  }
+  return {
+    focused: Ce,
+    open: L,
+    disabled: f,
+    invalid: Z,
+    readOnly: W,
+    inline: !!l("inline"),
+    numOfMonths: l("numOfMonths"),
+    showWeekNumbers: !!l("showWeekNumbers"),
+    selectionMode: l("selectionMode"),
+    maxSelectedDates: Q,
+    isMaxSelected: de,
+    view: S.get("view"),
+    getRangePresetValue(t) {
+      return Re(t, R, p);
+    },
+    getWeekNumber(t) {
+      const e = t[0];
+      return e ? me(e, R) : 0;
+    },
+    getDaysInWeek(t, e = E) {
+      return lt(t, e, R, J);
+    },
+    getOffset(t) {
+      const e = E.add(t), a = Ee.add(t), r = Ie(R, p, u);
+      return {
+        visibleRange: { start: e, end: a },
+        weeks: ee(e),
+        visibleRangeText: {
+          start: r.format(e.toDate(p)),
+          end: r.format(a.toDate(p))
+        }
+      };
+    },
+    getMonthWeeks: ee,
+    isUnavailable: te,
+    weeks: ee(),
+    weekDays: nt(E, J, p, R),
+    visibleRangeText: w("visibleRangeText"),
+    value: c,
+    valueAsDate: c.filter((t) => t != null).map((t) => t.toDate(p)),
+    valueAsString: w("valueAsString"),
+    focusedValue: u,
+    focusedValueAsDate: u == null ? void 0 : u.toDate(p),
+    focusedValueAsString: l("format")(u, { locale: R, timeZone: p }),
+    visibleRange: w("visibleRange"),
+    selectToday() {
+      const t = ie(se(p, u.calendar), v, b);
+      i({ type: "VALUE.SET", value: [t] });
+    },
+    setValue(t) {
+      const e = t.map((a) => ie(a, 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;
+      i({ type: "VALUE.CLEAR", focus: e });
+    },
+    setFocusedValue(t) {
+      i({ type: "FOCUS.SET", value: t });
+    },
+    setOpen(t) {
+      l("inline") || X.matches("open") === t || i({ type: t ? "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) => ({
+        label: r.toString(),
+        value: r,
+        disabled: !le(r, v == null ? void 0 : v.year, b == null ? void 0 : b.year)
+      }));
+      return Te(a, e);
+    },
+    getDecade() {
+      const t = ne(E.year, { strict: !0 });
+      return { start: t.at(0), end: t.at(-1) };
+    },
+    getMonthsGrid(t = {}) {
+      const { columns: e = 1, format: a } = t;
+      return Te(ue({ format: a }), e);
+    },
+    format(t, e = { month: "long", year: "numeric" }) {
+      return new He(R, {
+        ...e,
+        calendar: t.calendar.identifier
+      }).format(t.toDate(p));
+    },
+    setView(t) {
+      i({ type: "VIEW.SET", view: t });
+    },
+    goToNext() {
+      i({ type: "GOTO.NEXT", view: S.get("view") });
+    },
+    goToPrev() {
+      i({ type: "GOTO.PREV", view: S.get("view") });
+    },
+    getRootProps() {
+      return s.element({
+        ...o.root.attrs,
+        dir: l("dir"),
+        id: Ze(g),
+        "data-state": L ? "open" : "closed",
+        "data-disabled": n(f),
+        "data-readonly": n(W),
+        "data-empty": n(G)
+      });
+    },
+    getLabelProps(t = {}) {
+      const { index: e = 0 } = t;
+      return s.label({
+        ...o.label.attrs,
+        id: Xe(g, e),
+        dir: l("dir"),
+        htmlFor: pe(g, e),
+        "data-state": L ? "open" : "closed",
+        "data-index": e,
+        "data-disabled": n(f),
+        "data-readonly": n(W)
+      });
+    },
+    getControlProps() {
+      return s.element({
+        ...o.control.attrs,
+        dir: l("dir"),
+        id: je(g),
+        "data-disabled": n(f),
+        "data-placeholder-shown": n(G)
+      });
+    },
+    getRangeTextProps() {
+      return s.element({
+        ...o.rangeText.attrs,
+        dir: l("dir")
+      });
+    },
+    getContentProps() {
+      return s.element({
+        ...o.content.attrs,
+        hidden: !L,
+        dir: l("dir"),
+        "data-state": L ? "open" : "closed",
+        "data-placement": z,
+        "data-inline": n(l("inline")),
+        id: ye(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);
+      return s.element({
+        ...o.table.attrs,
+        role: "grid",
+        "data-columns": a,
+        "aria-roledescription": rt(e),
+        id: qe(g, r),
+        "aria-readonly": I(W),
+        "aria-disabled": I(f),
+        "aria-multiselectable": I(l("selectionMode") !== "single"),
+        "data-view": e,
+        dir: l("dir"),
+        tabIndex: -1,
+        onKeyDown(d) {
+          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 });
+            },
+            ArrowLeft() {
+              i({ type: "TABLE.ARROW_LEFT", view: e, columns: a, focus: !0 });
+            },
+            ArrowRight() {
+              i({ type: "TABLE.ARROW_RIGHT", view: e, columns: a, focus: !0 });
+            },
+            ArrowUp() {
+              i({ type: "TABLE.ARROW_UP", view: e, columns: a, focus: !0 });
+            },
+            ArrowDown() {
+              i({ type: "TABLE.ARROW_DOWN", view: e, columns: a, focus: !0 });
+            },
+            PageUp(C) {
+              i({ type: "TABLE.PAGE_UP", larger: C.shiftKey, view: e, columns: a, focus: !0 });
+            },
+            PageDown(C) {
+              i({ type: "TABLE.PAGE_DOWN", larger: C.shiftKey, view: e, columns: a, focus: !0 });
+            },
+            Home() {
+              i({ type: "TABLE.HOME", view: e, columns: a, focus: !0 });
+            },
+            End() {
+              i({ type: "TABLE.END", view: e, columns: a, focus: !0 });
+            }
+          }[Ne(d, {
+            dir: l("dir")
+          })];
+          T && (T(d), d.preventDefault(), d.stopPropagation());
+        },
+        onPointerLeave() {
+          i({ type: "TABLE.POINTER_LEAVE" });
+        },
+        onPointerDown() {
+          i({ type: "TABLE.POINTER_DOWN", view: e });
+        },
+        onPointerUp() {
+          i({ type: "TABLE.POINTER_UP", view: e });
+        }
+      });
+    },
+    getTableHeadProps(t = {}) {
+      const { view: e = "day" } = t;
+      return s.element({
+        ...o.tableHead.attrs,
+        "aria-hidden": !0,
+        dir: l("dir"),
+        "data-view": e,
+        "data-disabled": n(f)
+      });
+    },
+    getTableHeaderProps(t = {}) {
+      const { view: e = "day" } = t;
+      return s.element({
+        ...o.tableHeader.attrs,
+        dir: l("dir"),
+        "data-view": e,
+        "data-disabled": n(f)
+      });
+    },
+    getTableBodyProps(t = {}) {
+      const { view: e = "day" } = t;
+      return s.element({
+        ...o.tableBody.attrs,
+        "data-view": e,
+        "data-disabled": n(f)
+      });
+    },
+    getTableRowProps(t = {}) {
+      const { view: e = "day" } = t;
+      return s.element({
+        ...o.tableRow.attrs,
+        "aria-disabled": I(f),
+        "data-disabled": n(f),
+        "data-view": e
+      });
+    },
+    getWeekNumberHeaderCellProps(t = {}) {
+      const { view: e = "day" } = t;
+      return s.element({
+        ...o.tableCell.attrs,
+        scope: "col",
+        "aria-label": h.weekColumnHeader,
+        "data-view": e,
+        "data-type": "week-number",
+        "data-disabled": n(f)
+      });
+    },
+    getWeekNumberCellProps(t) {
+      var d;
+      const { weekIndex: e, week: a } = t, r = a[0] ? me(a[0], R) : 0;
+      return s.element({
+        ...o.tableCell.attrs,
+        role: "rowheader",
+        "aria-label": (d = h.weekNumberCell) == null ? void 0 : d.call(h, r),
+        "data-view": "day",
+        "data-week-index": e,
+        "data-type": "week-number",
+        "data-disabled": n(f)
+      });
+    },
+    getDayTableCellState: ae,
+    getDayTableCellProps(t) {
+      const { value: e } = t, a = ae(t);
+      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,
+        "data-value": e.toString()
+      });
+    },
+    getDayTableCellTriggerProps(t) {
+      const { value: e } = t, a = ae(t);
+      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),
+        "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),
+        onClick(r) {
+          r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "day", value: e });
+        },
+        onPointerMove: m ? (r) => {
+          if (r.pointerType === "touch" || !a.selectable) return;
+          const d = !g.isActiveElement(r.currentTarget);
+          D && Ve(e, D) || i({ type: "CELL.POINTER_MOVE", cell: "day", value: e, focus: d });
+        } : void 0
+      });
+    },
+    getMonthTableCellState: _,
+    getMonthTableCellProps(t) {
+      const { value: e, columns: a } = t, r = _(t);
+      return s.element({
+        ...o.tableCell.attrs,
+        dir: l("dir"),
+        colSpan: a,
+        role: "gridcell",
+        "aria-selected": I(r.selected || r.inRange),
+        "data-selected": n(r.selected),
+        "aria-disabled": I(!r.selectable),
+        "data-value": e
+      });
+    },
+    getMonthTableCellTriggerProps(t) {
+      const { value: e } = t, a = _(t);
+      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),
+        "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),
+        onClick(r) {
+          r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "month", value: e });
+        },
+        onPointerMove: m ? (r) => {
+          if (r.pointerType === "touch" || !a.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 });
+        } : void 0
+      });
+    },
+    getYearTableCellState: Y,
+    getYearTableCellProps(t) {
+      const { value: e, columns: a } = t, r = Y(t);
+      return s.element({
+        ...o.tableCell.attrs,
+        dir: l("dir"),
+        colSpan: a,
+        role: "gridcell",
+        "aria-selected": I(r.selected || r.inRange),
+        "data-selected": n(r.selected),
+        "aria-disabled": I(!r.selectable),
+        "data-value": e
+      });
+    },
+    getYearTableCellTriggerProps(t) {
+      const { value: e } = t, a = Y(t);
+      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),
+        "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),
+        onClick(r) {
+          r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "year", value: e });
+        },
+        onPointerMove: m ? (r) => {
+          if (r.pointerType === "touch" || !a.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 });
+        } : void 0
+      });
+    },
+    getNextTriggerProps(t = {}) {
+      const { view: e = "day" } = t, a = f || !w("isNextVisibleRangeValid");
+      return s.button({
+        ...o.nextTrigger.attrs,
+        dir: l("dir"),
+        id: Ke(g, e),
+        type: "button",
+        "aria-label": h.nextTrigger(e),
+        disabled: a,
+        "data-disabled": n(a),
+        onClick(r) {
+          r.defaultPrevented || i({ type: "GOTO.NEXT", view: e });
+        }
+      });
+    },
+    getPrevTriggerProps(t = {}) {
+      const { view: e = "day" } = t, a = f || !w("isPrevVisibleRangeValid");
+      return s.button({
+        ...o.prevTrigger.attrs,
+        dir: l("dir"),
+        id: _e(g, e),
+        type: "button",
+        "aria-label": h.prevTrigger(e),
+        disabled: a,
+        "data-disabled": n(a),
+        onClick(r) {
+          r.defaultPrevented || i({ type: "GOTO.PREV", view: e });
+        }
+      });
+    },
+    getClearTriggerProps() {
+      return s.button({
+        ...o.clearTrigger.attrs,
+        id: Ye(g),
+        dir: l("dir"),
+        type: "button",
+        "aria-label": h.clearTrigger,
+        hidden: !c.length,
+        onClick(t) {
+          t.defaultPrevented || i({ type: "VALUE.CLEAR" });
+        }
+      });
+    },
+    getTriggerProps() {
+      return s.button({
+        ...o.trigger.attrs,
+        id: Ge(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),
+        "aria-haspopup": "grid",
+        disabled: f,
+        onClick(t) {
+          t.defaultPrevented || F && i({ type: "TRIGGER.CLICK" });
+        }
+      });
+    },
+    getViewProps(t = {}) {
+      const { view: e = "day" } = t;
+      return s.element({
+        ...o.view.attrs,
+        "data-view": e,
+        hidden: S.get("view") !== e
+      });
+    },
+    getViewTriggerProps(t = {}) {
+      const { view: e = "day" } = t;
+      return s.button({
+        ...o.viewTrigger.attrs,
+        "data-view": e,
+        dir: l("dir"),
+        id: Fe(g, e),
+        type: "button",
+        disabled: f,
+        "aria-label": h.viewTrigger(e),
+        onClick(a) {
+          a.defaultPrevented || F && i({ type: "VIEW.TOGGLE", src: "viewTrigger" });
+        }
+      });
+    },
+    getViewControlProps(t = {}) {
+      const { view: e = "day" } = t;
+      return s.element({
+        ...o.viewControl.attrs,
+        "data-view": e,
+        dir: l("dir")
+      });
+    },
+    getInputProps(t = {}) {
+      const { index: e = 0, fixOnBlur: a = !0 } = t;
+      return s.input({
+        ...o.input.attrs,
+        id: pe(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),
+        readOnly: W,
+        disabled: f,
+        required: l("required"),
+        "aria-invalid": I(Z),
+        "data-invalid": n(Z),
+        placeholder: l("placeholder") || at(R),
+        defaultValue: w("valueAsString")[e],
+        onBeforeInput(r) {
+          const { data: d } = xe(r);
+          tt(d, ce) || r.preventDefault();
+        },
+        onClick(r) {
+          r.defaultPrevented || l("openOnClick") && F && 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 });
+        },
+        onKeyDown(r) {
+          if (r.defaultPrevented || !F) return;
+          const P = {
+            Enter(T) {
+              Me(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 });
+        }
+      });
+    },
+    getMonthSelectProps() {
+      return s.select({
+        ...o.monthSelect.attrs,
+        id: Be(g),
+        "aria-label": h.monthSelect,
+        disabled: f,
+        dir: l("dir"),
+        defaultValue: E.month,
+        onChange(t) {
+          ge(Number(t.currentTarget.value));
+        }
+      });
+    },
+    getYearSelectProps() {
+      return s.select({
+        ...o.yearSelect.attrs,
+        id: $e(g),
+        disabled: f,
+        "aria-label": h.yearSelect,
+        dir: l("dir"),
+        defaultValue: E.year,
+        onChange(t) {
+          fe(Number(t.currentTarget.value));
+        }
+      });
+    },
+    getPositionerProps() {
+      return s.element({
+        id: Ue(g),
+        ...o.positioner.attrs,
+        dir: l("dir"),
+        style: Se.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());
+      return s.button({
+        ...o.presetTrigger.attrs,
+        "aria-label": h.presetTrigger(a),
+        type: "button",
+        onClick(r) {
+          r.defaultPrevented || i({ type: "PRESET.CLICK", value: e });
+        }
+      });
+    }
+  };
+}
+export {
+  Vt as connect
+};