@commercetools/nimbus 0.0.9-rc8 → 0.0.11

package/dist/chunks/DatePicker-3TZ8oKaR.es.js

@@ -0,0 +1,762 @@
+import { $ as te } from "./Button-BsN1D5Hi.es.js";
+import { f as Ge, j as Ae } from "./Heading-D143Kg6E.es.js";
+import { $ as ve, c as $e, b as me, e as ge, a as he, d as ye } from "./utils-CEdpnSRC.es.js";
+import { e as Ve, f as Pe, g as De, h as Xe, i as xe, j as He, k as q, l as N, m as Je, n as Fe } from "./DateField-BozrMa9v.es.js";
+import { b as Oe, c as Re, d as Ce } from "./Dialog-CFERgD91.es.js";
+import { $ as Te, a as Ze } from "./Form-yBl0QZl8.es.js";
+import { a as de } from "./Group-Brffs0pl.es.js";
+import { $ as ne } from "./Label-p7LXqne0.es.js";
+import { $ as re } from "./Text-DOcU1ycg.es.js";
+import { $ as H } from "./filterDOMProps-HzsCnE3d.es.js";
+import { $ as Ie, a as Be } from "./OverlayArrow-BEiPDprB.es.js";
+import X, { useMemo as _, useRef as j, useState as K, forwardRef as Me, createContext as J, useCallback as we } from "react";
+import { b as z, c as ae, d as le } from "./useDateFormatter-CioL-RTi.es.js";
+import { b as ie, c as fe, d as be, $ as Ee } from "./useFormValidation-D4duh8Fb.es.js";
+import { $ as Se } from "./useControlledState-u436Wbp1.es.js";
+import { $ as Ue } from "./FocusScope-8pBtcv8k.es.js";
+import { a as G, $ as We } from "./mergeProps-Bn6EInU5.es.js";
+import { $ as ke } from "./useDescription-BQV7vQ1v.es.js";
+import { $ as _e } from "./useFocusWithin-DH1ei7eA.es.js";
+import { $ as Ke } from "./useField-BGOhsACE.es.js";
+import { $ as Le } from "./context-D3RF-nTI.es.js";
+import { $ as Ne } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
+import { $ as je } from "./useFocusRing-BOPRvfsD.es.js";
+function Qe(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function Ye(e, a, n) {
+  let y = G(), v = G(), f = G(), b = Ne(Qe(De), "@react-aria/datepicker"), { isInvalid: o, validationErrors: l, validationDetails: D } = a.displayValidation, { labelProps: B, fieldProps: s, descriptionProps: M, errorMessageProps: x } = Ke({
+    ...e,
+    labelElementType: "span",
+    isInvalid: o,
+    errorMessage: e.errorMessage || l
+  }), F = Ve(a, n), O = s["aria-labelledby"] || s.id, { locale: u } = Le(), R = a.formatValue(u, {
+    month: "long"
+  }), i = R ? b.format("selectedDateDescription", {
+    date: R
+  }) : "", C = ke(i), T = [
+    C["aria-describedby"],
+    s["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, h = H(e), Z = _(() => Ue(n), [
+    n
+  ]), I = j(!1), { focusWithinProps: P } = _e({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (g) => {
+      let V = document.getElementById(v);
+      if (!V?.contains(g.relatedTarget)) {
+        var r, m;
+        I.current = !1, (r = e.onBlur) === null || r === void 0 || r.call(e, g), (m = e.onFocusChange) === null || m === void 0 || m.call(e, !1);
+      }
+    },
+    onFocusWithin: (g) => {
+      if (!I.current) {
+        var V, r;
+        I.current = !0, (V = e.onFocus) === null || V === void 0 || V.call(e, g), (r = e.onFocusChange) === null || r === void 0 || r.call(e, !0);
+      }
+    }
+  });
+  return {
+    groupProps: We(h, F, s, C, P, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-labelledby": O,
+      "aria-describedby": T,
+      onKeyDown(g) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(g);
+      },
+      onKeyUp(g) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(g);
+      }
+    }),
+    labelProps: {
+      ...B,
+      onClick: () => {
+        Z.focusFirst();
+      }
+    },
+    fieldProps: {
+      ...s,
+      id: f,
+      [Pe]: "presentation",
+      "aria-describedby": T,
+      value: a.value,
+      onChange: a.setValue,
+      placeholderValue: e.placeholderValue,
+      hideTimeZone: e.hideTimeZone,
+      hourCycle: e.hourCycle,
+      shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+      granularity: e.granularity,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isRequired: e.isRequired,
+      validationBehavior: e.validationBehavior,
+      // DatePicker owns the validation state for the date field.
+      [ie]: a,
+      autoFocus: e.autoFocus,
+      name: e.name
+    },
+    descriptionProps: M,
+    errorMessageProps: x,
+    buttonProps: {
+      ...C,
+      id: y,
+      "aria-haspopup": "dialog",
+      "aria-label": b.format("calendar"),
+      "aria-labelledby": `${y} ${O}`,
+      "aria-describedby": T,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: v,
+      "aria-labelledby": `${y} ${O}`
+    },
+    calendarProps: {
+      autoFocus: !0,
+      value: a.dateValue,
+      onChange: a.setDateValue,
+      minValue: e.minValue,
+      maxValue: e.maxValue,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isDateUnavailable: e.isDateUnavailable,
+      defaultFocusedValue: a.dateValue ? void 0 : e.placeholderValue,
+      isInvalid: a.isInvalid,
+      errorMessage: typeof e.errorMessage == "function" ? e.errorMessage(a.displayValidation) : e.errorMessage || a.displayValidation.validationErrors.join(" ")
+    },
+    isInvalid: o,
+    validationErrors: l,
+    validationDetails: D
+  };
+}
+function pe(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function ea(e, a, n) {
+  var y, v, f;
+  let b = Ne(pe(De), "@react-aria/datepicker"), { isInvalid: o, validationErrors: l, validationDetails: D } = a.displayValidation, { labelProps: B, fieldProps: s, descriptionProps: M, errorMessageProps: x } = Ke({
+    ...e,
+    labelElementType: "span",
+    isInvalid: o,
+    errorMessage: e.errorMessage || l
+  }), F = s["aria-labelledby"] || s.id, { locale: O } = Le(), u = a.formatValue(O, {
+    month: "long"
+  }), R = u ? b.format("selectedRangeDescription", {
+    startDate: u.start,
+    endDate: u.end
+  }) : "", i = ke(R), C = {
+    "aria-label": b.format("startDate"),
+    "aria-labelledby": F
+  }, T = {
+    "aria-label": b.format("endDate"),
+    "aria-labelledby": F
+  }, h = G(), Z = G(), I = Ve(a, n), P = [
+    i["aria-describedby"],
+    s["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, g = _(() => Ue(n, {
+    // Exclude the button from the focus manager.
+    accept: (d) => d.id !== h
+  }), [
+    n,
+    h
+  ]), V = {
+    [Xe]: g,
+    [Pe]: "presentation",
+    "aria-describedby": P,
+    placeholderValue: e.placeholderValue,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    granularity: e.granularity,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    isDisabled: e.isDisabled,
+    isReadOnly: e.isReadOnly,
+    isRequired: e.isRequired,
+    validationBehavior: e.validationBehavior
+  }, r = H(e), m = j(!1), { focusWithinProps: S } = _e({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (d) => {
+      let $ = document.getElementById(Z);
+      if (!$?.contains(d.relatedTarget)) {
+        var w, L;
+        m.current = !1, (w = e.onBlur) === null || w === void 0 || w.call(e, d), (L = e.onFocusChange) === null || L === void 0 || L.call(e, !1);
+      }
+    },
+    onFocusWithin: (d) => {
+      if (!m.current) {
+        var $, w;
+        m.current = !0, ($ = e.onFocus) === null || $ === void 0 || $.call(e, d), (w = e.onFocusChange) === null || w === void 0 || w.call(e, !0);
+      }
+    }
+  }), U = j(fe), A = j(fe);
+  var t, c;
+  return {
+    groupProps: We(r, I, s, i, S, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-describedby": P,
+      onKeyDown(d) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(d);
+      },
+      onKeyUp(d) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(d);
+      }
+    }),
+    labelProps: {
+      ...B,
+      onClick: () => {
+        g.focusFirst();
+      }
+    },
+    buttonProps: {
+      ...i,
+      id: h,
+      "aria-haspopup": "dialog",
+      "aria-label": b.format("calendar"),
+      "aria-labelledby": `${h} ${F}`,
+      "aria-describedby": P,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: Z,
+      "aria-labelledby": `${h} ${F}`
+    },
+    startFieldProps: {
+      ...C,
+      ...V,
+      value: (t = (y = a.value) === null || y === void 0 ? void 0 : y.start) !== null && t !== void 0 ? t : null,
+      onChange: (d) => a.setDateTime("start", d),
+      autoFocus: e.autoFocus,
+      name: e.startName,
+      [ie]: {
+        realtimeValidation: a.realtimeValidation,
+        displayValidation: a.displayValidation,
+        updateValidation(d) {
+          U.current = d, a.updateValidation(be(d, A.current));
+        },
+        resetValidation: a.resetValidation,
+        commitValidation: a.commitValidation
+      }
+    },
+    endFieldProps: {
+      ...T,
+      ...V,
+      value: (c = (v = a.value) === null || v === void 0 ? void 0 : v.end) !== null && c !== void 0 ? c : null,
+      onChange: (d) => a.setDateTime("end", d),
+      name: e.endName,
+      [ie]: {
+        realtimeValidation: a.realtimeValidation,
+        displayValidation: a.displayValidation,
+        updateValidation(d) {
+          A.current = d, a.updateValidation(be(U.current, d));
+        },
+        resetValidation: a.resetValidation,
+        commitValidation: a.commitValidation
+      }
+    },
+    descriptionProps: M,
+    errorMessageProps: x,
+    calendarProps: {
+      autoFocus: !0,
+      value: !((f = a.dateRange) === null || f === void 0) && f.start && a.dateRange.end ? a.dateRange : null,
+      onChange: a.setDateRange,
+      minValue: e.minValue,
+      maxValue: e.maxValue,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isDateUnavailable: e.isDateUnavailable,
+      allowsNonContiguousRanges: e.allowsNonContiguousRanges,
+      defaultFocusedValue: a.dateRange ? void 0 : e.placeholderValue,
+      isInvalid: a.isInvalid,
+      errorMessage: typeof e.errorMessage == "function" ? e.errorMessage(a.displayValidation) : e.errorMessage || a.displayValidation.validationErrors.join(" ")
+    },
+    isInvalid: o,
+    validationErrors: l,
+    validationDetails: D
+  };
+}
+function aa(e) {
+  let a = Ie(e), [n, y] = Se(e.value, e.defaultValue || null, e.onChange), v = n || e.placeholderValue || null, [f, b] = xe(v, e.granularity), o = n != null ? n.toDate(b ?? "UTC") : null, l = f === "hour" || f === "minute" || f === "second";
+  var D;
+  let B = (D = e.shouldCloseOnSelect) !== null && D !== void 0 ? D : !0, [s, M] = K(null), [x, F] = K(null);
+  if (n && (s = n, "hour" in n && (x = n)), v && !(f in v)) throw new Error("Invalid granularity " + f + " for value " + v.toString());
+  let O = n?.calendar.identifier === "gregory" && n.era === "BC", u = _(() => ({
+    granularity: f,
+    timeZone: b,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    showEra: O
+  }), [
+    f,
+    e.hourCycle,
+    e.shouldForceLeadingZeros,
+    b,
+    e.hideTimeZone,
+    O
+  ]), { minValue: R, maxValue: i, isDateUnavailable: C } = e, T = _(() => He(n, R, i, C, u), [
+    n,
+    R,
+    i,
+    C,
+    u
+  ]), h = Ee({
+    ...e,
+    value: n,
+    builtinValidation: T
+  }), Z = h.displayValidation.isInvalid, I = e.validationState || (Z ? "invalid" : null), P = (r, m) => {
+    y("timeZone" in m ? m.set(le(r)) : ae(r, m)), M(null), F(null), h.commitValidation();
+  };
+  return {
+    ...h,
+    value: n,
+    setValue: y,
+    dateValue: s,
+    timeValue: x,
+    setDateValue: (r) => {
+      let m = typeof B == "function" ? B() : B;
+      l ? x || m ? P(r, x || N(e.defaultValue || e.placeholderValue)) : M(r) : (y(r), h.commitValidation()), m && a.setOpen(!1);
+    },
+    setTimeValue: (r) => {
+      s && r ? P(s, r) : F(r);
+    },
+    granularity: f,
+    hasTime: l,
+    ...a,
+    setOpen(r) {
+      !r && !n && s && l && P(s, x || N(e.defaultValue || e.placeholderValue)), a.setOpen(r);
+    },
+    validationState: I,
+    isInvalid: Z,
+    formatValue(r, m) {
+      if (!o) return "";
+      let S = q(m, u);
+      return new z(r, S).format(o);
+    },
+    getDateFormatter(r, m) {
+      let S = {
+        ...u,
+        ...m
+      }, U = q({}, S);
+      return new z(r, U);
+    }
+  };
+}
+function la(e) {
+  var a, n;
+  let y = Ie(e), [v, f] = Se(e.value, e.defaultValue || null, e.onChange), [b, o] = K(() => v || {
+    start: null,
+    end: null
+  });
+  v == null && b.start && b.end && (b = {
+    start: null,
+    end: null
+  }, o(b));
+  let l = v || b, D = (t) => {
+    o(t || {
+      start: null,
+      end: null
+    }), k(t) ? f(t) : f(null);
+  }, B = l?.start || l?.end || e.placeholderValue || null, [s, M] = xe(B, e.granularity), x = s === "hour" || s === "minute" || s === "second";
+  var F;
+  let O = (F = e.shouldCloseOnSelect) !== null && F !== void 0 ? F : !0, [u, R] = K(null), [i, C] = K(null);
+  l && k(l) && (u = l, "hour" in l.start && (i = l));
+  let T = (t, c) => {
+    D({
+      start: "timeZone" in c.start ? c.start.set(le(t.start)) : ae(t.start, c.start),
+      end: "timeZone" in c.end ? c.end.set(le(t.end)) : ae(t.end, c.end)
+    }), R(null), C(null), S.commitValidation();
+  }, h = (t) => {
+    let c = typeof O == "function" ? O() : O;
+    x ? k(t) && (c || i?.start && i?.end) ? T(t, {
+      start: i?.start || N(e.placeholderValue),
+      end: i?.end || N(e.placeholderValue)
+    }) : R(t) : k(t) ? (D(t), S.commitValidation()) : R(t), c && y.setOpen(!1);
+  }, Z = (t) => {
+    k(u) && k(t) ? T(u, t) : C(t);
+  }, I = (l == null || (a = l.start) === null || a === void 0 ? void 0 : a.calendar.identifier) === "gregory" && l.start.era === "BC" || (l == null || (n = l.end) === null || n === void 0 ? void 0 : n.calendar.identifier) === "gregory" && l.end.era === "BC", P = _(() => ({
+    granularity: s,
+    timeZone: M,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    showEra: I
+  }), [
+    s,
+    e.hourCycle,
+    e.shouldForceLeadingZeros,
+    M,
+    e.hideTimeZone,
+    I
+  ]), { minValue: g, maxValue: V, isDateUnavailable: r } = e, m = _(() => Je(l, g, V, r, P), [
+    l,
+    g,
+    V,
+    r,
+    P
+  ]), S = Ee({
+    ...e,
+    value: v,
+    name: _(() => [
+      e.startName,
+      e.endName
+    ].filter((t) => t != null), [
+      e.startName,
+      e.endName
+    ]),
+    builtinValidation: m
+  }), U = S.displayValidation.isInvalid, A = e.validationState || (U ? "invalid" : null);
+  return {
+    ...S,
+    value: l,
+    setValue: D,
+    dateRange: u,
+    timeRange: i,
+    granularity: s,
+    hasTime: x,
+    setDate(t, c) {
+      var d, $;
+      h(t === "start" ? {
+        start: c,
+        end: (d = u?.end) !== null && d !== void 0 ? d : null
+      } : {
+        start: ($ = u?.start) !== null && $ !== void 0 ? $ : null,
+        end: c
+      });
+    },
+    setTime(t, c) {
+      var d, $;
+      Z(t === "start" ? {
+        start: c,
+        end: (d = i?.end) !== null && d !== void 0 ? d : null
+      } : {
+        start: ($ = i?.start) !== null && $ !== void 0 ? $ : null,
+        end: c
+      });
+    },
+    setDateTime(t, c) {
+      var d, $;
+      D(t === "start" ? {
+        start: c,
+        end: (d = l?.end) !== null && d !== void 0 ? d : null
+      } : {
+        start: ($ = l?.start) !== null && $ !== void 0 ? $ : null,
+        end: c
+      });
+    },
+    setDateRange: h,
+    setTimeRange: Z,
+    ...y,
+    setOpen(t) {
+      !t && !(l?.start && l?.end) && k(u) && x && T(u, {
+        start: i?.start || N(e.placeholderValue),
+        end: i?.end || N(e.placeholderValue)
+      }), y.setOpen(t);
+    },
+    validationState: A,
+    isInvalid: U,
+    formatValue(t, c) {
+      if (!l || !l.start || !l.end) return null;
+      let d = "timeZone" in l.start ? l.start.timeZone : void 0, $ = e.granularity || (l.start && "minute" in l.start ? "minute" : "day"), w = "timeZone" in l.end ? l.end.timeZone : void 0, L = e.granularity || (l.end && "minute" in l.end ? "minute" : "day"), ze = q(c, {
+        granularity: $,
+        timeZone: d,
+        hideTimeZone: e.hideTimeZone,
+        hourCycle: e.hourCycle,
+        showEra: l.start.calendar.identifier === "gregory" && l.start.era === "BC" || l.end.calendar.identifier === "gregory" && l.end.era === "BC"
+      }), oe = l.start.toDate(d || "UTC"), se = l.end.toDate(w || "UTC"), Q = new z(t, ze), Y;
+      if (d === w && $ === L && l.start.compare(l.end) !== 0) {
+        try {
+          let W = Q.formatRangeToParts(oe, se), p = -1;
+          for (let E = 0; E < W.length; E++) {
+            let ee = W[E];
+            if (ee.source === "shared" && ee.type === "literal") p = E;
+            else if (ee.source === "endRange") break;
+          }
+          let ue = "", ce = "";
+          for (let E = 0; E < W.length; E++)
+            E < p ? ue += W[E].value : E > p && (ce += W[E].value);
+          return {
+            start: ue,
+            end: ce
+          };
+        } catch {
+        }
+        Y = Q;
+      } else {
+        let W = q(c, {
+          granularity: L,
+          timeZone: w,
+          hideTimeZone: e.hideTimeZone,
+          hourCycle: e.hourCycle
+        });
+        Y = new z(t, W);
+      }
+      return {
+        start: Q.format(oe),
+        end: Y.format(se)
+      };
+    },
+    getDateFormatter(t, c) {
+      let d = {
+        ...P,
+        ...c
+      }, $ = q({}, d);
+      return new z(t, $);
+    }
+  };
+}
+function k(e) {
+  return e?.start != null && e.end != null;
+}
+const ia = /* @__PURE__ */ J(null), ta = /* @__PURE__ */ J(null), da = /* @__PURE__ */ J(null), na = /* @__PURE__ */ J(null), qe = [
+  de,
+  te,
+  ne,
+  re
+], Ia = /* @__PURE__ */ Me(function(a, n) {
+  [a, n] = ve(a, n, ia);
+  let { validationBehavior: y } = $e(Te) || {};
+  var v, f;
+  let b = (f = (v = a.validationBehavior) !== null && v !== void 0 ? v : y) !== null && f !== void 0 ? f : "native", o = aa({
+    ...a,
+    validationBehavior: b
+  }), l = j(null), [D, B] = me(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: s, labelProps: M, fieldProps: x, buttonProps: F, dialogProps: O, calendarProps: u, descriptionProps: R, errorMessageProps: i, ...C } = Ye({
+    ...ge(a),
+    label: B,
+    validationBehavior: b
+  }, o, l), [T, h] = K(null), Z = we(() => {
+    l.current && h(l.current.offsetWidth + "px");
+  }, []);
+  Be({
+    ref: l,
+    onResize: Z
+  });
+  let { focusProps: I, isFocused: P, isFocusVisible: g } = je({
+    within: !0
+  }), V = he({
+    ...a,
+    values: {
+      state: o,
+      isFocusWithin: P,
+      isFocusVisible: g,
+      isDisabled: a.isDisabled || !1,
+      isInvalid: o.isInvalid,
+      isOpen: o.isOpen
+    },
+    defaultClassName: "react-aria-DatePicker"
+  }), r = H(a);
+  return delete r.id, /* @__PURE__ */ X.createElement(ye, {
+    values: [
+      [
+        da,
+        o
+      ],
+      [
+        de,
+        {
+          ...s,
+          ref: l,
+          isInvalid: o.isInvalid
+        }
+      ],
+      [
+        Fe,
+        x
+      ],
+      [
+        te,
+        {
+          ...F,
+          isPressed: o.isOpen
+        }
+      ],
+      [
+        ne,
+        {
+          ...M,
+          ref: D,
+          elementType: "span"
+        }
+      ],
+      [
+        Ge,
+        u
+      ],
+      [
+        Oe,
+        o
+      ],
+      [
+        Re,
+        {
+          trigger: "DatePicker",
+          triggerRef: l,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": T
+          },
+          clearContexts: qe
+        }
+      ],
+      [
+        Ce,
+        O
+      ],
+      [
+        re,
+        {
+          slots: {
+            description: R,
+            errorMessage: i
+          }
+        }
+      ],
+      [
+        Ze,
+        C
+      ]
+    ]
+  }, /* @__PURE__ */ X.createElement("div", {
+    ...I,
+    ...r,
+    ...V,
+    ref: n,
+    slot: a.slot || void 0,
+    "data-focus-within": P || void 0,
+    "data-invalid": o.isInvalid || void 0,
+    "data-focus-visible": g || void 0,
+    "data-disabled": a.isDisabled || void 0,
+    "data-open": o.isOpen || void 0
+  }));
+}), Ba = /* @__PURE__ */ Me(function(a, n) {
+  [a, n] = ve(a, n, ta);
+  let { validationBehavior: y } = $e(Te) || {};
+  var v, f;
+  let b = (f = (v = a.validationBehavior) !== null && v !== void 0 ? v : y) !== null && f !== void 0 ? f : "native", o = la({
+    ...a,
+    validationBehavior: b
+  }), l = j(null), [D, B] = me(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: s, labelProps: M, startFieldProps: x, endFieldProps: F, buttonProps: O, dialogProps: u, calendarProps: R, descriptionProps: i, errorMessageProps: C, ...T } = ea({
+    ...ge(a),
+    label: B,
+    validationBehavior: b
+  }, o, l), [h, Z] = K(null), I = we(() => {
+    l.current && Z(l.current.offsetWidth + "px");
+  }, []);
+  Be({
+    ref: l,
+    onResize: I
+  });
+  let { focusProps: P, isFocused: g, isFocusVisible: V } = je({
+    within: !0
+  }), r = he({
+    ...a,
+    values: {
+      state: o,
+      isFocusWithin: g,
+      isFocusVisible: V,
+      isDisabled: a.isDisabled || !1,
+      isInvalid: o.isInvalid,
+      isOpen: o.isOpen
+    },
+    defaultClassName: "react-aria-DateRangePicker"
+  }), m = H(a);
+  return delete m.id, /* @__PURE__ */ X.createElement(ye, {
+    values: [
+      [
+        na,
+        o
+      ],
+      [
+        de,
+        {
+          ...s,
+          ref: l,
+          isInvalid: o.isInvalid
+        }
+      ],
+      [
+        te,
+        {
+          ...O,
+          isPressed: o.isOpen
+        }
+      ],
+      [
+        ne,
+        {
+          ...M,
+          ref: D,
+          elementType: "span"
+        }
+      ],
+      [
+        Ae,
+        R
+      ],
+      [
+        Oe,
+        o
+      ],
+      [
+        Re,
+        {
+          trigger: "DateRangePicker",
+          triggerRef: l,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": h
+          },
+          clearContexts: qe
+        }
+      ],
+      [
+        Ce,
+        u
+      ],
+      [
+        Fe,
+        {
+          slots: {
+            start: x,
+            end: F
+          }
+        }
+      ],
+      [
+        re,
+        {
+          slots: {
+            description: i,
+            errorMessage: C
+          }
+        }
+      ],
+      [
+        Ze,
+        T
+      ]
+    ]
+  }, /* @__PURE__ */ X.createElement("div", {
+    ...P,
+    ...m,
+    ...r,
+    ref: n,
+    slot: a.slot || void 0,
+    "data-focus-within": g || void 0,
+    "data-invalid": o.isInvalid || void 0,
+    "data-focus-visible": V || void 0,
+    "data-disabled": a.isDisabled || void 0,
+    "data-open": o.isOpen || void 0
+  }));
+});
+export {
+  da as $,
+  Ia as a,
+  na as b,
+  Ba as c
+};
+//# sourceMappingURL=DatePicker-3TZ8oKaR.es.js.map