@commercetools/nimbus 2.5.0 → 2.6.0

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

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