@commercetools/nimbus 2.9.0 → 2.10.0

package/dist/chunks/DatePicker-BLXrb3eY.es.js

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