@commercetools/nimbus 0.0.13-rc1 → 0.0.14-rc1

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

@@ -0,0 +1,778 @@
+import { $ as re } from "./Button-wUEF0Zow.es.js";
+import { f as Xe, j as He } from "./Heading-CXKMd84h.es.js";
+import { $ as ge, c as he, b as Ve, e as ye, a as Pe, d as De } from "./utils-emYDjcZU.es.js";
+import { e as xe, f as Ce, g as Fe, h as Je, i as Oe, j as Qe, k as A, l as z, m as Ye, n as Re, o as pe } from "./DateField-Cg2n5ili.es.js";
+import { b as Te, c as Ze, d as Ie } from "./Dialog-BTicQJXP.es.js";
+import { $ as Be } from "./FieldError-CXcEMuBf.es.js";
+import { $ as Me } from "./Form-CXcEMuBf.es.js";
+import { a as oe } from "./Group-CU1nz0u2.es.js";
+import { $ as se } from "./Label-CXgc_ps9.es.js";
+import { $ as ue } from "./Text-DOcU1ycg.es.js";
+import { a as X, $ as Q } from "./mergeProps-CtwSzqnr.es.js";
+import { $ as Y } from "./filterDOMProps-BSVCO5jK.es.js";
+import { $ as we, a as Ee } from "./OverlayArrow-DbPNbnKm.es.js";
+import H, { useMemo as N, useRef as G, useState as U, forwardRef as Se, createContext as p, useCallback as _e } from "react";
+import { b as J, c as te, d as de } from "./useDateFormatter-DGeAh0SC.es.js";
+import { b as ne, c as me, d as $e, $ as Ue } from "./useFormValidation-Chwu6llz.es.js";
+import { $ as We } from "./useControlledState-u436Wbp1.es.js";
+import { $ as ke } from "./FocusScope-B5Aod9bV.es.js";
+import { $ as Ke } from "./useDescription-CVIOL3si.es.js";
+import { $ as Le } from "./useFocusWithin-QIERmzTm.es.js";
+import { $ as Ne } from "./useField-9-dizG-T.es.js";
+import { $ as je } from "./context-Pt-0ojuK.es.js";
+import { $ as qe } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
+import { $ as ze } from "./useFocusRing-BFWuvq6P.es.js";
+function ea(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function aa(e, a, n) {
+  let P = X(), v = X(), m = X(), b = qe(ea(Fe), "@react-aria/datepicker"), { isInvalid: i, validationErrors: o, validationDetails: l } = a.displayValidation, { labelProps: x, fieldProps: C, descriptionProps: $, errorMessageProps: T } = Ne({
+    ...e,
+    labelElementType: "span",
+    isInvalid: i,
+    errorMessage: e.errorMessage || o
+  }), F = xe(a, n), Z = C["aria-labelledby"] || C.id, { locale: O } = je(), u = a.formatValue(O, {
+    month: "long"
+  }), I = u ? b.format("selectedDateDescription", {
+    date: u
+  }) : "", t = Ke(I), R = [
+    t["aria-describedby"],
+    C["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, E = Y(e), B = N(() => ke(n), [
+    n
+  ]), V = G(!1), { focusWithinProps: w } = Le({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (f) => {
+      let g = document.getElementById(v);
+      if (!g?.contains(f.relatedTarget)) {
+        var y, M;
+        V.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 (!V.current) {
+        var g, y;
+        V.current = !0, (g = e.onFocus) === null || g === void 0 || g.call(e, f), (y = e.onFocusChange) === null || y === void 0 || y.call(e, !0);
+      }
+    }
+  });
+  return {
+    groupProps: Q(E, F, C, t, w, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-labelledby": Z,
+      "aria-describedby": R,
+      onKeyDown(f) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(f);
+      },
+      onKeyUp(f) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(f);
+      }
+    }),
+    labelProps: {
+      ...x,
+      onClick: () => {
+        B.focusFirst();
+      }
+    },
+    fieldProps: {
+      ...C,
+      id: m,
+      [Ce]: "presentation",
+      "aria-describedby": R,
+      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: $,
+    errorMessageProps: T,
+    buttonProps: {
+      ...t,
+      id: P,
+      "aria-haspopup": "dialog",
+      "aria-label": b.format("calendar"),
+      "aria-labelledby": `${P} ${Z}`,
+      "aria-describedby": R,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: v,
+      "aria-labelledby": `${P} ${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(" ")
+    },
+    isInvalid: i,
+    validationErrors: o,
+    validationDetails: l
+  };
+}
+function la(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function ia(e, a, n) {
+  var P, v, m, b, i;
+  let o = qe(la(Fe), "@react-aria/datepicker"), { isInvalid: l, validationErrors: x, validationDetails: C } = a.displayValidation, { labelProps: $, fieldProps: T, descriptionProps: F, errorMessageProps: Z } = Ne({
+    ...e,
+    labelElementType: "span",
+    isInvalid: l,
+    errorMessage: e.errorMessage || x
+  }), O = T["aria-labelledby"] || T.id, { locale: u } = je(), I = a.formatValue(u, {
+    month: "long"
+  }), t = I ? o.format("selectedRangeDescription", {
+    startDate: I.start,
+    endDate: I.end
+  }) : "", R = Ke(t), E = {
+    "aria-label": o.format("startDate"),
+    "aria-labelledby": O
+  }, B = {
+    "aria-label": o.format("endDate"),
+    "aria-labelledby": O
+  }, V = X(), w = X(), f = xe(a, n), g = [
+    R["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 !== V
+  }), [
+    n,
+    V
+  ]), M = {
+    [Je]: y,
+    [Ce]: "presentation",
+    "aria-describedby": g,
+    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
+  }, h = Y(e), D = G(!1), { focusWithinProps: W } = Le({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (d) => {
+      let c = document.getElementById(w);
+      if (!c?.contains(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 c, S;
+        D.current = !0, (c = e.onFocus) === null || c === void 0 || c.call(e, d), (S = e.onFocusChange) === null || S === void 0 || S.call(e, !0);
+      }
+    }
+  }), k = G(me), j = G(me);
+  var r, s;
+  return {
+    groupProps: Q(h, f, T, R, W, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-describedby": g,
+      onKeyDown(d) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(d);
+      },
+      onKeyUp(d) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(d);
+      }
+    }),
+    labelProps: {
+      ...$,
+      onClick: () => {
+        y.focusFirst();
+      }
+    },
+    buttonProps: {
+      ...R,
+      id: V,
+      "aria-haspopup": "dialog",
+      "aria-label": o.format("calendar"),
+      "aria-labelledby": `${V} ${O}`,
+      "aria-describedby": g,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: w,
+      "aria-labelledby": `${V} ${O}`
+    },
+    startFieldProps: {
+      ...E,
+      ...M,
+      value: (r = (P = a.value) === null || P === void 0 ? void 0 : P.start) !== null && r !== void 0 ? r : null,
+      defaultValue: (v = a.defaultValue) === null || v === void 0 ? void 0 : v.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) {
+          k.current = d, a.updateValidation($e(d, j.current));
+        },
+        resetValidation: a.resetValidation,
+        commitValidation: a.commitValidation
+      }
+    },
+    endFieldProps: {
+      ...B,
+      ...M,
+      value: (s = (m = a.value) === null || m === void 0 ? void 0 : m.end) !== null && s !== void 0 ? s : null,
+      defaultValue: (b = a.defaultValue) === null || b === void 0 ? void 0 : b.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($e(k.current, d));
+        },
+        resetValidation: a.resetValidation,
+        commitValidation: a.commitValidation
+      }
+    },
+    descriptionProps: F,
+    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(" ")
+    },
+    isInvalid: l,
+    validationErrors: x,
+    validationDetails: C
+  };
+}
+function ta(e) {
+  let a = we(e), [n, P] = We(e.value, e.defaultValue || null, e.onChange), [v] = U(n), m = n || e.placeholderValue || null, [b, i] = Oe(m, e.granularity), o = n != null ? n.toDate(i ?? "UTC") : null, l = b === "hour" || b === "minute" || b === "second";
+  var x;
+  let C = (x = e.shouldCloseOnSelect) !== null && x !== void 0 ? x : !0, [$, T] = U(null), [F, Z] = U(null);
+  if (n && ($ = n, "hour" in n && (F = n)), m && !(b in m)) throw new Error("Invalid granularity " + b + " for value " + m.toString());
+  let O = n?.calendar.identifier === "gregory" && n.era === "BC", u = N(() => ({
+    granularity: b,
+    timeZone: i,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    showEra: O
+  }), [
+    b,
+    e.hourCycle,
+    e.shouldForceLeadingZeros,
+    i,
+    e.hideTimeZone,
+    O
+  ]), { minValue: I, maxValue: t, isDateUnavailable: R } = e, E = N(() => Qe(n, I, t, R, u), [
+    n,
+    I,
+    t,
+    R,
+    u
+  ]), B = Ue({
+    ...e,
+    value: n,
+    builtinValidation: E
+  }), V = B.displayValidation.isInvalid, w = e.validationState || (V ? "invalid" : null), f = (h, D) => {
+    P("timeZone" in D ? D.set(de(h)) : te(h, D)), T(null), Z(null), B.commitValidation();
+  }, g = (h) => {
+    let D = typeof C == "function" ? C() : C;
+    l ? F || D ? f(h, F || z(e.defaultValue || e.placeholderValue)) : T(h) : (P(h), B.commitValidation()), D && a.setOpen(!1);
+  }, y = (h) => {
+    $ && h ? f($, h) : Z(h);
+  };
+  var M;
+  return {
+    ...B,
+    value: n,
+    defaultValue: (M = e.defaultValue) !== null && M !== void 0 ? M : v,
+    setValue: P,
+    dateValue: $,
+    timeValue: F,
+    setDateValue: g,
+    setTimeValue: y,
+    granularity: b,
+    hasTime: l,
+    ...a,
+    setOpen(h) {
+      !h && !n && $ && l && f($, F || z(e.defaultValue || e.placeholderValue)), a.setOpen(h);
+    },
+    validationState: w,
+    isInvalid: V,
+    formatValue(h, D) {
+      if (!o) return "";
+      let W = A(D, u);
+      return new J(h, W).format(o);
+    },
+    getDateFormatter(h, D) {
+      let W = {
+        ...u,
+        ...D
+      }, k = A({}, W);
+      return new J(h, k);
+    }
+  };
+}
+function da(e) {
+  var a, n;
+  let P = we(e), [v, m] = We(e.value, e.defaultValue || null, e.onChange), [b] = U(v), [i, o] = U(() => v || {
+    start: null,
+    end: null
+  });
+  v == null && i.start && i.end && (i = {
+    start: null,
+    end: null
+  }, o(i));
+  let l = v || i, x = (r) => {
+    l = r || {
+      start: null,
+      end: null
+    }, o(l), L(l) ? m(l) : m(null);
+  }, C = l?.start || l?.end || e.placeholderValue || null, [$, T] = Oe(C, e.granularity), F = $ === "hour" || $ === "minute" || $ === "second";
+  var Z;
+  let O = (Z = e.shouldCloseOnSelect) !== null && Z !== void 0 ? Z : !0, [u, I] = U(null), [t, R] = U(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(de(r.start)) : te(r.start, s.start),
+      end: "timeZone" in s.end ? s.end.set(de(r.end)) : te(r.end, s.end)
+    }), I(null), R(null), D.commitValidation();
+  }, B = (r) => {
+    let s = typeof O == "function" ? O() : O;
+    F ? 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 && P.setOpen(!1);
+  }, V = (r) => {
+    L(u) && L(r) ? E(u, r) : R(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: $,
+    timeZone: T,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    showEra: w
+  }), [
+    $,
+    e.hourCycle,
+    e.shouldForceLeadingZeros,
+    T,
+    e.hideTimeZone,
+    w
+  ]), { minValue: g, maxValue: y, isDateUnavailable: M } = e, h = N(() => Ye(l, g, y, M, f), [
+    l,
+    g,
+    y,
+    M,
+    f
+  ]), D = Ue({
+    ...e,
+    value: v,
+    name: N(() => [
+      e.startName,
+      e.endName
+    ].filter((r) => r != null), [
+      e.startName,
+      e.endName
+    ]),
+    builtinValidation: h
+  }), W = D.displayValidation.isInvalid, k = e.validationState || (W ? "invalid" : null);
+  var j;
+  return {
+    ...D,
+    value: l,
+    defaultValue: (j = e.defaultValue) !== null && j !== void 0 ? j : b,
+    setValue: x,
+    dateRange: u,
+    timeRange: t,
+    granularity: $,
+    hasTime: F,
+    setDate(r, s) {
+      var d, c;
+      B(r === "start" ? {
+        start: s,
+        end: (d = u?.end) !== null && d !== void 0 ? d : null
+      } : {
+        start: (c = u?.start) !== null && c !== void 0 ? c : null,
+        end: s
+      });
+    },
+    setTime(r, s) {
+      var d, c;
+      V(r === "start" ? {
+        start: s,
+        end: (d = t?.end) !== null && d !== void 0 ? d : null
+      } : {
+        start: (c = t?.start) !== null && c !== void 0 ? c : null,
+        end: s
+      });
+    },
+    setDateTime(r, s) {
+      var d, c;
+      x(r === "start" ? {
+        start: s,
+        end: (d = l?.end) !== null && d !== void 0 ? d : null
+      } : {
+        start: (c = l?.start) !== null && c !== void 0 ? c : null,
+        end: s
+      });
+    },
+    setDateRange: B,
+    setTimeRange: V,
+    ...P,
+    setOpen(r) {
+      !r && !(l?.start && l?.end) && L(u) && F && E(u, {
+        start: t?.start || z(e.placeholderValue),
+        end: t?.end || z(e.placeholderValue)
+      }), P.setOpen(r);
+    },
+    validationState: k,
+    isInvalid: W,
+    formatValue(r, s) {
+      if (!l || !l.start || !l.end) return null;
+      let d = "timeZone" in l.start ? l.start.timeZone : void 0, c = 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"), Ae = A(s, {
+        granularity: c,
+        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, Ae), ae;
+      if (d === S && c === 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
+      }, c = A({}, d);
+      return new J(r, c);
+    }
+  };
+}
+function L(e) {
+  return e?.start != null && e.end != null;
+}
+const na = /* @__PURE__ */ p(null), ra = /* @__PURE__ */ p(null), oa = /* @__PURE__ */ p(null), sa = /* @__PURE__ */ p(null), Ge = [
+  oe,
+  re,
+  se,
+  ue
+], Ea = /* @__PURE__ */ Se(function(a, n) {
+  [a, n] = ge(a, n, na);
+  let { validationBehavior: P } = he(Me) || {};
+  var v, m;
+  let b = (m = (v = a.validationBehavior) !== null && v !== void 0 ? v : P) !== null && m !== void 0 ? m : "native", i = ta({
+    ...a,
+    validationBehavior: b
+  }), o = G(null), [l, x] = Ve(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: C, labelProps: $, fieldProps: T, buttonProps: F, dialogProps: Z, calendarProps: O, descriptionProps: u, errorMessageProps: I, ...t } = aa({
+    ...ye(a),
+    label: x,
+    validationBehavior: b
+  }, i, o), [R, E] = U(null), B = _e(() => {
+    o.current && E(o.current.offsetWidth + "px");
+  }, []);
+  Ee({
+    ref: o,
+    onResize: B
+  });
+  let { focusProps: V, isFocused: w, isFocusVisible: f } = ze({
+    within: !0
+  }), g = Pe({
+    ...a,
+    values: {
+      state: i,
+      isFocusWithin: w,
+      isFocusVisible: f,
+      isDisabled: a.isDisabled || !1,
+      isInvalid: i.isInvalid,
+      isOpen: i.isOpen
+    },
+    defaultClassName: "react-aria-DatePicker"
+  }), y = Y(a, {
+    global: !0
+  });
+  return delete y.id, /* @__PURE__ */ H.createElement(De, {
+    values: [
+      [
+        oa,
+        i
+      ],
+      [
+        oe,
+        {
+          ...C,
+          ref: o,
+          isInvalid: i.isInvalid
+        }
+      ],
+      [
+        Re,
+        T
+      ],
+      [
+        re,
+        {
+          ...F,
+          isPressed: i.isOpen
+        }
+      ],
+      [
+        se,
+        {
+          ...$,
+          ref: l,
+          elementType: "span"
+        }
+      ],
+      [
+        Xe,
+        O
+      ],
+      [
+        Te,
+        i
+      ],
+      [
+        Ze,
+        {
+          trigger: "DatePicker",
+          triggerRef: o,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": R
+          },
+          clearContexts: Ge
+        }
+      ],
+      [
+        Ie,
+        Z
+      ],
+      [
+        ue,
+        {
+          slots: {
+            description: u,
+            errorMessage: I
+          }
+        }
+      ],
+      [
+        Be,
+        t
+      ]
+    ]
+  }, /* @__PURE__ */ H.createElement("div", {
+    ...Q(y, g, V),
+    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-open": i.isOpen || void 0
+  }), /* @__PURE__ */ H.createElement(pe, {
+    autoComplete: a.autoComplete,
+    name: a.name,
+    isDisabled: a.isDisabled,
+    state: i
+  }));
+}), Sa = /* @__PURE__ */ Se(function(a, n) {
+  [a, n] = ge(a, n, ra);
+  let { validationBehavior: P } = he(Me) || {};
+  var v, m;
+  let b = (m = (v = a.validationBehavior) !== null && v !== void 0 ? v : P) !== null && m !== void 0 ? m : "native", i = da({
+    ...a,
+    validationBehavior: b
+  }), o = G(null), [l, x] = Ve(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: C, labelProps: $, startFieldProps: T, endFieldProps: F, buttonProps: Z, dialogProps: O, calendarProps: u, descriptionProps: I, errorMessageProps: t, ...R } = ia({
+    ...ye(a),
+    label: x,
+    validationBehavior: b
+  }, i, o), [E, B] = U(null), V = _e(() => {
+    o.current && B(o.current.offsetWidth + "px");
+  }, []);
+  Ee({
+    ref: o,
+    onResize: V
+  });
+  let { focusProps: w, isFocused: f, isFocusVisible: g } = ze({
+    within: !0
+  }), y = Pe({
+    ...a,
+    values: {
+      state: i,
+      isFocusWithin: f,
+      isFocusVisible: g,
+      isDisabled: a.isDisabled || !1,
+      isInvalid: i.isInvalid,
+      isOpen: i.isOpen
+    },
+    defaultClassName: "react-aria-DateRangePicker"
+  }), M = Y(a, {
+    global: !0
+  });
+  return delete M.id, /* @__PURE__ */ H.createElement(De, {
+    values: [
+      [
+        sa,
+        i
+      ],
+      [
+        oe,
+        {
+          ...C,
+          ref: o,
+          isInvalid: i.isInvalid
+        }
+      ],
+      [
+        re,
+        {
+          ...Z,
+          isPressed: i.isOpen
+        }
+      ],
+      [
+        se,
+        {
+          ...$,
+          ref: l,
+          elementType: "span"
+        }
+      ],
+      [
+        He,
+        u
+      ],
+      [
+        Te,
+        i
+      ],
+      [
+        Ze,
+        {
+          trigger: "DateRangePicker",
+          triggerRef: o,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": E
+          },
+          clearContexts: Ge
+        }
+      ],
+      [
+        Ie,
+        O
+      ],
+      [
+        Re,
+        {
+          slots: {
+            start: T,
+            end: F
+          }
+        }
+      ],
+      [
+        ue,
+        {
+          slots: {
+            description: I,
+            errorMessage: t
+          }
+        }
+      ],
+      [
+        Be,
+        R
+      ]
+    ]
+  }, /* @__PURE__ */ H.createElement("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": g || void 0,
+    "data-disabled": a.isDisabled || void 0,
+    "data-open": i.isOpen || void 0
+  }));
+});
+export {
+  oa as $,
+  Ea as a,
+  sa as b,
+  Sa as c
+};
+//# sourceMappingURL=DatePicker-DVtAIdlj.es.js.map