@midas-ds/components 14.0.0 → 14.1.0

package/{DateRangePicker-YwKi0ukr.js → DateRangePicker-5k1swaEt.js}

@@ -1,48 +1,48 @@
 import { jsxs as Y, jsx as v } from "react/jsx-runtime";
 import { c as ee } from "./clsx-OuTLNxxd.js";
-import { $ as na, a as ra, C as oa, R as sa } from "./RangeCalendar-D5TMu8GI.js";
-import { c as Fe, d as Ce, e as Oe, f as ua, g as Re, h as ca, i as X, j as G, k as fa, l as Te, m as ba, a as se, D as ue, b as va } from "./DateInputDivider-2Wf2hlXA.js";
-import { $ as Ie, F as ae } from "./FieldError-C4kD4yJZ.js";
-import { a as Be, L as Ze } from "./Label-CV9p0K2n.js";
-import { T as ke } from "./Text-BQe1I4-r.js";
-import { e as ve, b as me, $ as ma } from "./Button-B6lxIKPk.js";
-import { $ as Me, c as _e, d as we, e as Ee, a as Se, f as We } from "./utils-BMBoiyL7.js";
-import { i as Ne, n as Ue, o as Le, b as $a, l as ha } from "./Dialog-DOyFzvUa.js";
+import { $ as na, a as ra, C as oa, R as sa } from "./RangeCalendar-9C96gMvy.js";
+import { c as Oe, d as Re, e as Fe, f as ua, g as Ce, h as ca, i as X, j as p, k as fa, l as Te, m as ba, a as se, D as ue, b as va } from "./DateInputDivider-CRv3YuXd.js";
+import { $ as Ie, F as ae } from "./FieldError-l3xULRa0.js";
+import { a as Be, L as Ze } from "./Label-BGMXsSFb.js";
+import { T as ke } from "./Text-BBFWBNAH.js";
+import { e as ve, b as me, $ as ma } from "./Button-CGe3Nyos.js";
+import { $ as Me, c as _e, d as we, e as Ee, a as Se, f as We } from "./utils-D2iKpxcZ.js";
+import { i as Ne, n as Ue, o as Le, b as $a, l as ha } from "./Dialog-BUAp30Wc.js";
 import { $ as Ke } from "./Form-CXcEMuBf.js";
-import { $ as $e, a as ga } from "./Group-C2hEIsGV.js";
-import { $ as he } from "./Text-BpERRete.js";
+import { $ as $e, a as ga } from "./Group-BAd7alBM.js";
+import { $ as he } from "./Text-bqP9NeVg.js";
 import { c as H, a as le } from "./mergeProps-Ct8m5-xW.js";
 import { $ as ie } from "./filterDOMProps-wsa9OcNI.js";
-import { a as pe, g as je } from "./OverlayArrow-Bh_G2tJ3.js";
-import J, { useMemo as j, useRef as A, useState as W, forwardRef as ze, createContext as te, useCallback as qe } from "react";
-import { $ as Q, a as ce, b as fe } from "./useDateFormatter-CxlJTAki.js";
-import { d as be, e as De, c as xe, $ as Ge } from "./useFormValidation-DdIIVZ5j.js";
+import { a as je, g as ze } from "./OverlayArrow-CjGslX2c.js";
+import J, { useMemo as z, useRef as A, useState as W, forwardRef as qe, createContext as te, useCallback as Ge } from "react";
+import { $ as Q, a as ce, b as fe } from "./useDateFormatter-Bs5A6Xtu.js";
+import { d as be, e as De, c as xe, $ as pe } from "./useFormValidation-By7G-T7y.js";
 import { $ as Ae } from "./useControlledState-u436Wbp1.js";
-import { b as Xe } from "./FocusScope-8ILtcq9W.js";
+import { d as Xe } from "./SelectionIndicator-ant6jeC1.js";
 import { $ as He } from "./useDescription-BFwQx7Rp.js";
-import { $ as Je } from "./useFocusWithin-BKopz9sr.js";
-import { $ as Qe } from "./useField-sSWPm-He.js";
+import { $ as Je } from "./useFocusWithin-DhXBuB2O.js";
+import { $ as Qe } from "./useField-BhJ9dM2g.js";
 import { $ as Ye } from "./context-Dl_saGB6.js";
 import { $ as ea } from "./useLocalizedStringFormatter-CSEh15AZ.js";
-import { $ as aa } from "./useFocusRing-Copf_tx8.js";
+import { $ as aa } from "./useFocusRing-CcxI7nbg.js";
 import { c as ya } from "./createLucideIcon-XRdN60yz.js";
 import './assets/DateRangePicker.css';function Va(e) {
   return e && e.__esModule ? e.default : e;
 }
 function Pa(e, a, t) {
-  let s = H(), u = H(), m = H(), o = ea(Va(Oe), "@react-aria/datepicker"), { isInvalid: i, validationErrors: c, validationDetails: l } = a.displayValidation, { labelProps: F, fieldProps: C, descriptionProps: g, errorMessageProps: I } = Qe({
+  let s = H(), u = H(), m = H(), o = ea(Va(Fe), "@react-aria/datepicker"), { isInvalid: i, validationErrors: c, validationDetails: l } = a.displayValidation, { labelProps: O, fieldProps: R, descriptionProps: g, errorMessageProps: I } = Qe({
     ...e,
     labelElementType: "span",
     isInvalid: i,
     errorMessage: e.errorMessage || c
-  }), O = Fe(a, t), B = C["aria-labelledby"] || C.id, { locale: R } = Ye(), b = a.formatValue(R, {
+  }), F = Oe(a, t), B = R["aria-labelledby"] || R.id, { locale: C } = Ye(), b = a.formatValue(C, {
     month: "long"
   }), Z = b ? o.format("selectedDateDescription", {
     date: b
   }) : "", d = He(Z), T = [
     d["aria-describedby"],
-    C["aria-describedby"]
-  ].filter(Boolean).join(" ") || void 0, w = ie(e), k = j(() => Xe(t), [
+    R["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, w = ie(e), k = z(() => Xe(t), [
     t
   ]), P = A(!1), { focusWithinProps: _ } = Je({
     ...e,
@@ -62,7 +62,7 @@ function Pa(e, a, t) {
     }
   });
   return {
-    groupProps: le(w, O, C, d, _, {
+    groupProps: le(w, F, R, d, _, {
       role: "group",
       "aria-disabled": e.isDisabled || null,
       "aria-labelledby": B,
@@ -75,15 +75,15 @@ function Pa(e, a, t) {
       }
     }),
     labelProps: {
-      ...F,
+      ...O,
       onClick: () => {
         k.focusFirst();
       }
     },
     fieldProps: {
-      ...C,
+      ...R,
       id: m,
-      [Ce]: "presentation",
+      [Re]: "presentation",
       "aria-describedby": T,
       value: a.value,
       defaultValue: a.defaultValue,
@@ -145,26 +145,26 @@ function Da(e) {
 }
 function xa(e, a, t) {
   var s, u, m, o, i;
-  let c = ea(Da(Oe), "@react-aria/datepicker"), { isInvalid: l, validationErrors: F, validationDetails: C } = a.displayValidation, { labelProps: g, fieldProps: I, descriptionProps: O, errorMessageProps: B } = Qe({
+  let c = ea(Da(Fe), "@react-aria/datepicker"), { isInvalid: l, validationErrors: O, validationDetails: R } = a.displayValidation, { labelProps: g, fieldProps: I, descriptionProps: F, errorMessageProps: B } = Qe({
     ...e,
     labelElementType: "span",
     isInvalid: l,
-    errorMessage: e.errorMessage || F
-  }), R = I["aria-labelledby"] || I.id, { locale: b } = Ye(), Z = a.formatValue(b, {
+    errorMessage: e.errorMessage || O
+  }), C = I["aria-labelledby"] || I.id, { locale: b } = Ye(), Z = a.formatValue(b, {
     month: "long"
   }), d = Z ? c.format("selectedRangeDescription", {
     startDate: Z.start,
     endDate: Z.end
   }) : "", T = He(d), w = {
     "aria-label": c.format("startDate"),
-    "aria-labelledby": R
+    "aria-labelledby": C
   }, k = {
     "aria-label": c.format("endDate"),
-    "aria-labelledby": R
-  }, P = H(), _ = H(), $ = Fe(a, t), y = [
+    "aria-labelledby": C
+  }, P = H(), _ = H(), $ = Oe(a, t), y = [
     T["aria-describedby"],
     I["aria-describedby"]
-  ].filter(Boolean).join(" ") || void 0, D = j(() => Xe(t, {
+  ].filter(Boolean).join(" ") || void 0, D = z(() => Xe(t, {
     // Exclude the button from the focus manager.
     accept: (n) => n.id !== P
   }), [
@@ -172,7 +172,7 @@ function xa(e, a, t) {
     P
   ]), M = {
     [ua]: D,
-    [Ce]: "presentation",
+    [Re]: "presentation",
     "aria-describedby": y,
     placeholderValue: e.placeholderValue,
     hideTimeZone: e.hideTimeZone,
@@ -189,8 +189,8 @@ function xa(e, a, t) {
     onBlurWithin: (n) => {
       let h = document.getElementById(_);
       if (!(h != null && h.contains(n.relatedTarget))) {
-        var E, q;
-        x.current = !1, (E = e.onBlur) === null || E === void 0 || E.call(e, n), (q = e.onFocusChange) === null || q === void 0 || q.call(e, !1);
+        var E, G;
+        x.current = !1, (E = e.onBlur) === null || E === void 0 || E.call(e, n), (G = e.onFocusChange) === null || G === void 0 || G.call(e, !1);
       }
     },
     onFocusWithin: (n) => {
@@ -199,7 +199,7 @@ function xa(e, a, t) {
         x.current = !0, (h = e.onFocus) === null || h === void 0 || h.call(e, n), (E = e.onFocusChange) === null || E === void 0 || E.call(e, !0);
       }
     }
-  }), U = A(De), z = A(De);
+  }), U = A(De), q = A(De);
   var r, f;
   return {
     groupProps: le(V, $, I, T, N, {
@@ -224,7 +224,7 @@ function xa(e, a, t) {
       id: P,
       "aria-haspopup": "dialog",
       "aria-label": c.format("calendar"),
-      "aria-labelledby": `${P} ${R}`,
+      "aria-labelledby": `${P} ${C}`,
       "aria-describedby": y,
       "aria-expanded": a.isOpen,
       isDisabled: e.isDisabled || e.isReadOnly,
@@ -232,7 +232,7 @@ function xa(e, a, t) {
     },
     dialogProps: {
       id: _,
-      "aria-labelledby": `${P} ${R}`
+      "aria-labelledby": `${P} ${C}`
     },
     startFieldProps: {
       ...w,
@@ -247,7 +247,7 @@ function xa(e, a, t) {
         realtimeValidation: a.realtimeValidation,
         displayValidation: a.displayValidation,
         updateValidation(n) {
-          U.current = n, a.updateValidation(xe(n, z.current));
+          U.current = n, a.updateValidation(xe(n, q.current));
         },
         resetValidation: a.resetValidation,
         commitValidation: a.commitValidation
@@ -265,13 +265,13 @@ function xa(e, a, t) {
         realtimeValidation: a.realtimeValidation,
         displayValidation: a.displayValidation,
         updateValidation(n) {
-          z.current = n, a.updateValidation(xe(U.current, n));
+          q.current = n, a.updateValidation(xe(U.current, n));
         },
         resetValidation: a.resetValidation,
         commitValidation: a.commitValidation
       }
     },
-    descriptionProps: O,
+    descriptionProps: F,
     errorMessageProps: B,
     calendarProps: {
       autoFocus: !0,
@@ -290,44 +290,44 @@ function xa(e, a, t) {
       pageBehavior: e.pageBehavior
     },
     isInvalid: l,
-    validationErrors: F,
-    validationDetails: C
+    validationErrors: O,
+    validationDetails: R
   };
 }
-function Fa(e) {
-  let a = pe(e), [t, s] = Ae(e.value, e.defaultValue || null, e.onChange), [u] = W(t), m = t || e.placeholderValue || null, [o, i] = Re(m, e.granularity), c = t != null ? t.toDate(i ?? "UTC") : null, l = o === "hour" || o === "minute" || o === "second";
-  var F;
-  let C = (F = e.shouldCloseOnSelect) !== null && F !== void 0 ? F : !0, [g, I] = W(null), [O, B] = W(null);
-  if (t && (g = t, "hour" in t && (O = t)), m && !(o in m)) throw new Error("Invalid granularity " + o + " for value " + m.toString());
-  let R = (t == null ? void 0 : t.calendar.identifier) === "gregory" && t.era === "BC", b = j(() => ({
+function Oa(e) {
+  let a = je(e), [t, s] = Ae(e.value, e.defaultValue || null, e.onChange), [u] = W(t), m = t || e.placeholderValue || null, [o, i] = Ce(m, e.granularity), c = t != null ? t.toDate(i ?? "UTC") : null, l = o === "hour" || o === "minute" || o === "second";
+  var O;
+  let R = (O = e.shouldCloseOnSelect) !== null && O !== void 0 ? O : !0, [g, I] = W(null), [F, B] = W(null);
+  if (t && (g = t, "hour" in t && (F = t)), m && !(o in m)) throw new Error("Invalid granularity " + o + " for value " + m.toString());
+  let C = (t == null ? void 0 : t.calendar.identifier) === "gregory" && t.era === "BC", b = z(() => ({
     granularity: o,
     timeZone: i,
     hideTimeZone: e.hideTimeZone,
     hourCycle: e.hourCycle,
     shouldForceLeadingZeros: e.shouldForceLeadingZeros,
-    showEra: R
+    showEra: C
   }), [
     o,
     e.hourCycle,
     e.shouldForceLeadingZeros,
     i,
     e.hideTimeZone,
-    R
-  ]), { minValue: Z, maxValue: d, isDateUnavailable: T } = e, w = j(() => ca(t, Z, d, T, b), [
+    C
+  ]), { minValue: Z, maxValue: d, isDateUnavailable: T } = e, w = z(() => ca(t, Z, d, T, b), [
     t,
     Z,
     d,
     T,
     b
-  ]), k = Ge({
+  ]), k = pe({
     ...e,
     value: t,
     builtinValidation: w
   }), P = k.displayValidation.isInvalid, _ = e.validationState || (P ? "invalid" : null), $ = (V, x) => {
     s("timeZone" in x ? x.set(fe(V)) : ce(V, x)), I(null), B(null), k.commitValidation();
   }, y = (V) => {
-    let x = typeof C == "function" ? C() : C;
-    l ? O || x ? $(V, O || G(e.defaultValue || e.placeholderValue)) : I(V) : (s(V), k.commitValidation()), x && a.setOpen(!1);
+    let x = typeof R == "function" ? R() : R;
+    l ? F || x ? $(V, F || p(e.defaultValue || e.placeholderValue)) : I(V) : (s(V), k.commitValidation()), x && a.setOpen(!1);
   }, D = (V) => {
     g && V ? $(g, V) : B(V);
   };
@@ -338,14 +338,14 @@ function Fa(e) {
     defaultValue: (M = e.defaultValue) !== null && M !== void 0 ? M : u,
     setValue: s,
     dateValue: g,
-    timeValue: O,
+    timeValue: F,
     setDateValue: y,
     setTimeValue: D,
     granularity: o,
     hasTime: l,
     ...a,
     setOpen(V) {
-      !V && !t && g && l && $(g, O || G(e.defaultValue || e.placeholderValue)), a.setOpen(V);
+      !V && !t && g && l && $(g, F || p(e.defaultValue || e.placeholderValue)), a.setOpen(V);
     },
     validationState: _,
     isInvalid: P,
@@ -363,9 +363,9 @@ function Fa(e) {
     }
   };
 }
-function Ca(e) {
+function Ra(e) {
   var a, t;
-  let s = pe(e), [u, m] = Ae(e.value, e.defaultValue || null, e.onChange), [o] = W(u), [i, c] = W(() => u || {
+  let s = je(e), [u, m] = Ae(e.value, e.defaultValue || null, e.onChange), [o] = W(u), [i, c] = W(() => u || {
     start: null,
     end: null
   });
@@ -373,29 +373,29 @@ function Ca(e) {
     start: null,
     end: null
   }, c(i));
-  let l = u || i, F = (r) => {
+  let l = u || i, O = (r) => {
     l = r || {
       start: null,
       end: null
     }, c(l), K(l) ? m(l) : m(null);
-  }, C = (l == null ? void 0 : l.start) || (l == null ? void 0 : l.end) || e.placeholderValue || null, [g, I] = Re(C, e.granularity), O = g === "hour" || g === "minute" || g === "second";
+  }, R = (l == null ? void 0 : l.start) || (l == null ? void 0 : l.end) || e.placeholderValue || null, [g, I] = Ce(R, e.granularity), F = g === "hour" || g === "minute" || g === "second";
   var B;
-  let R = (B = e.shouldCloseOnSelect) !== null && B !== void 0 ? B : !0, [b, Z] = W(null), [d, T] = W(null);
+  let C = (B = e.shouldCloseOnSelect) !== null && B !== void 0 ? B : !0, [b, Z] = W(null), [d, T] = W(null);
   l && K(l) && (b = l, "hour" in l.start && (d = l));
   let w = (r, f) => {
-    F({
+    O({
       start: "timeZone" in f.start ? f.start.set(fe(r.start)) : ce(r.start, f.start),
       end: "timeZone" in f.end ? f.end.set(fe(r.end)) : ce(r.end, f.end)
     }), Z(null), T(null), x.commitValidation();
   }, k = (r) => {
-    let f = typeof R == "function" ? R() : R;
-    O ? K(r) && (f || d != null && d.start && (d != null && d.end)) ? w(r, {
-      start: (d == null ? void 0 : d.start) || G(e.placeholderValue),
-      end: (d == null ? void 0 : d.end) || G(e.placeholderValue)
-    }) : Z(r) : K(r) ? (F(r), x.commitValidation()) : Z(r), f && s.setOpen(!1);
+    let f = typeof C == "function" ? C() : C;
+    F ? K(r) && (f || d != null && d.start && (d != null && d.end)) ? w(r, {
+      start: (d == null ? void 0 : d.start) || p(e.placeholderValue),
+      end: (d == null ? void 0 : d.end) || p(e.placeholderValue)
+    }) : Z(r) : K(r) ? (O(r), x.commitValidation()) : Z(r), f && s.setOpen(!1);
   }, P = (r) => {
     K(b) && K(r) ? w(b, r) : T(r);
-  }, _ = (l == null || (a = l.start) === null || a === void 0 ? void 0 : a.calendar.identifier) === "gregory" && l.start.era === "BC" || (l == null || (t = l.end) === null || t === void 0 ? void 0 : t.calendar.identifier) === "gregory" && l.end.era === "BC", $ = j(() => ({
+  }, _ = (l == null || (a = l.start) === null || a === void 0 ? void 0 : a.calendar.identifier) === "gregory" && l.start.era === "BC" || (l == null || (t = l.end) === null || t === void 0 ? void 0 : t.calendar.identifier) === "gregory" && l.end.era === "BC", $ = z(() => ({
     granularity: g,
     timeZone: I,
     hideTimeZone: e.hideTimeZone,
@@ -409,16 +409,16 @@ function Ca(e) {
     I,
     e.hideTimeZone,
     _
-  ]), { minValue: y, maxValue: D, isDateUnavailable: M } = e, V = j(() => fa(l, y, D, M, $), [
+  ]), { minValue: y, maxValue: D, isDateUnavailable: M } = e, V = z(() => fa(l, y, D, M, $), [
     l,
     y,
     D,
     M,
     $
-  ]), x = Ge({
+  ]), x = pe({
     ...e,
     value: u,
-    name: j(() => [
+    name: z(() => [
       e.startName,
       e.endName
     ].filter((r) => r != null), [
@@ -427,16 +427,16 @@ function Ca(e) {
     ]),
     builtinValidation: V
   }), N = x.displayValidation.isInvalid, U = e.validationState || (N ? "invalid" : null);
-  var z;
+  var q;
   return {
     ...x,
     value: l,
-    defaultValue: (z = e.defaultValue) !== null && z !== void 0 ? z : o,
-    setValue: F,
+    defaultValue: (q = e.defaultValue) !== null && q !== void 0 ? q : o,
+    setValue: O,
     dateRange: b,
     timeRange: d,
     granularity: g,
-    hasTime: O,
+    hasTime: F,
     setDate(r, f) {
       var n, h;
       k(r === "start" ? {
@@ -459,7 +459,7 @@ function Ca(e) {
     },
     setDateTime(r, f) {
       var n, h;
-      F(r === "start" ? {
+      O(r === "start" ? {
         start: f,
         end: (n = l == null ? void 0 : l.end) !== null && n !== void 0 ? n : null
       } : {
@@ -471,23 +471,23 @@ function Ca(e) {
     setTimeRange: P,
     ...s,
     setOpen(r) {
-      !r && !(l != null && l.start && (l != null && l.end)) && K(b) && O && w(b, {
-        start: (d == null ? void 0 : d.start) || G(e.placeholderValue),
-        end: (d == null ? void 0 : d.end) || G(e.placeholderValue)
+      !r && !(l != null && l.start && (l != null && l.end)) && K(b) && F && w(b, {
+        start: (d == null ? void 0 : d.start) || p(e.placeholderValue),
+        end: (d == null ? void 0 : d.end) || p(e.placeholderValue)
       }), s.setOpen(r);
     },
     validationState: U,
     isInvalid: N,
     formatValue(r, f) {
       if (!l || !l.start || !l.end) return null;
-      let n = "timeZone" in l.start ? l.start.timeZone : void 0, h = e.granularity || (l.start && "minute" in l.start ? "minute" : "day"), E = "timeZone" in l.end ? l.end.timeZone : void 0, q = e.granularity || (l.end && "minute" in l.end ? "minute" : "day"), da = X(f, {
+      let n = "timeZone" in l.start ? l.start.timeZone : void 0, h = e.granularity || (l.start && "minute" in l.start ? "minute" : "day"), E = "timeZone" in l.end ? l.end.timeZone : void 0, G = e.granularity || (l.end && "minute" in l.end ? "minute" : "day"), da = X(f, {
         granularity: h,
         timeZone: n,
         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"
       }), ge = l.start.toDate(n || "UTC"), ye = l.end.toDate(E || "UTC"), de = new Q(r, da), ne;
-      if (n === E && h === q && l.start.compare(l.end) !== 0) {
+      if (n === E && h === G && l.start.compare(l.end) !== 0) {
         try {
           let L = de.formatRangeToParts(ge, ye), re = -1;
           for (let S = 0; S < L.length; S++) {
@@ -507,7 +507,7 @@ function Ca(e) {
         ne = de;
       } else {
         let L = X(f, {
-          granularity: q,
+          granularity: G,
           timeZone: E,
           hideTimeZone: e.hideTimeZone,
           hourCycle: e.hourCycle
@@ -531,26 +531,26 @@ function Ca(e) {
 function K(e) {
   return (e == null ? void 0 : e.start) != null && e.end != null;
 }
-const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__PURE__ */ te(null), Ia = /* @__PURE__ */ te(null), la = [
+const Fa = /* @__PURE__ */ te(null), Ca = /* @__PURE__ */ te(null), Ta = /* @__PURE__ */ te(null), Ia = /* @__PURE__ */ te(null), la = [
   $e,
   ve,
   me,
   he
-], Ba = /* @__PURE__ */ ze(function(a, t) {
-  [a, t] = Me(a, t, Oa);
+], Ba = /* @__PURE__ */ qe(function(a, t) {
+  [a, t] = Me(a, t, Fa);
   let { validationBehavior: s } = _e(Ke) || {};
   var u, m;
-  let o = (m = (u = a.validationBehavior) !== null && u !== void 0 ? u : s) !== null && m !== void 0 ? m : "native", i = Fa({
+  let o = (m = (u = a.validationBehavior) !== null && u !== void 0 ? u : s) !== null && m !== void 0 ? m : "native", i = Oa({
     ...a,
     validationBehavior: o
-  }), c = A(null), [l, F] = we(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: C, labelProps: g, fieldProps: I, buttonProps: O, dialogProps: B, calendarProps: R, descriptionProps: b, errorMessageProps: Z, ...d } = Pa({
+  }), c = A(null), [l, O] = we(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: R, labelProps: g, fieldProps: I, buttonProps: F, dialogProps: B, calendarProps: C, descriptionProps: b, errorMessageProps: Z, ...d } = Pa({
     ...Ee(a),
-    label: F,
+    label: O,
     validationBehavior: o
-  }, i, c), [T, w] = W(null), k = qe(() => {
+  }, i, c), [T, w] = W(null), k = Ge(() => {
     c.current && w(c.current.offsetWidth + "px");
   }, []);
-  je({
+  ze({
     ref: c,
     onResize: k
   });
@@ -564,7 +564,8 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
       isFocusVisible: $,
       isDisabled: a.isDisabled || !1,
       isInvalid: i.isInvalid,
-      isOpen: i.isOpen
+      isOpen: i.isOpen,
+      isReadOnly: a.isReadOnly || !1
     },
     defaultClassName: "react-aria-DatePicker"
   }), D = ie(a, {
@@ -579,7 +580,7 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
       [
         $e,
         {
-          ...C,
+          ...R,
           ref: c,
           isInvalid: i.isInvalid
         }
@@ -591,7 +592,7 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
       [
         ve,
         {
-          ...O,
+          ...F,
           isPressed: i.isOpen
         }
       ],
@@ -605,7 +606,7 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
       ],
       [
         na,
-        R
+        C
       ],
       [
         Ne,
@@ -649,6 +650,7 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
     "data-invalid": i.isInvalid || void 0,
     "data-focus-visible": $ || void 0,
     "data-disabled": a.isDisabled || void 0,
+    "data-readonly": a.isReadOnly || void 0,
     "data-open": i.isOpen || void 0
   }), /* @__PURE__ */ J.createElement(ba, {
     autoComplete: a.autoComplete,
@@ -656,21 +658,21 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
     isDisabled: a.isDisabled,
     state: i
   }));
-}), Za = /* @__PURE__ */ ze(function(a, t) {
-  [a, t] = Me(a, t, Ra);
+}), Za = /* @__PURE__ */ qe(function(a, t) {
+  [a, t] = Me(a, t, Ca);
   let { validationBehavior: s } = _e(Ke) || {};
   var u, m;
-  let o = (m = (u = a.validationBehavior) !== null && u !== void 0 ? u : s) !== null && m !== void 0 ? m : "native", i = Ca({
+  let o = (m = (u = a.validationBehavior) !== null && u !== void 0 ? u : s) !== null && m !== void 0 ? m : "native", i = Ra({
     ...a,
     validationBehavior: o
-  }), c = A(null), [l, F] = we(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: C, labelProps: g, startFieldProps: I, endFieldProps: O, buttonProps: B, dialogProps: R, calendarProps: b, descriptionProps: Z, errorMessageProps: d, ...T } = xa({
+  }), c = A(null), [l, O] = we(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: R, labelProps: g, startFieldProps: I, endFieldProps: F, buttonProps: B, dialogProps: C, calendarProps: b, descriptionProps: Z, errorMessageProps: d, ...T } = xa({
     ...Ee(a),
-    label: F,
+    label: O,
     validationBehavior: o
-  }, i, c), [w, k] = W(null), P = qe(() => {
+  }, i, c), [w, k] = W(null), P = Ge(() => {
     c.current && k(c.current.offsetWidth + "px");
   }, []);
-  je({
+  ze({
     ref: c,
     onResize: P
   });
@@ -684,7 +686,8 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
       isFocusVisible: y,
       isDisabled: a.isDisabled || !1,
       isInvalid: i.isInvalid,
-      isOpen: i.isOpen
+      isOpen: i.isOpen,
+      isReadOnly: a.isReadOnly || !1
     },
     defaultClassName: "react-aria-DateRangePicker"
   }), M = ie(a, {
@@ -699,7 +702,7 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
       [
         $e,
         {
-          ...C,
+          ...R,
           ref: c,
           isInvalid: i.isInvalid
         }
@@ -741,14 +744,14 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
       ],
       [
         Le,
-        R
+        C
       ],
       [
         Te,
         {
           slots: {
             start: I,
-            end: O
+            end: F
           }
         }
       ],
@@ -774,6 +777,7 @@ const Oa = /* @__PURE__ */ te(null), Ra = /* @__PURE__ */ te(null), Ta = /* @__P
     "data-invalid": i.isInvalid || void 0,
     "data-focus-visible": y || void 0,
     "data-disabled": a.isDisabled || void 0,
+    "data-readonly": a.isReadOnly || void 0,
     "data-open": i.isOpen || void 0
   }));
 });
@@ -794,7 +798,7 @@ const ka = [
   ["path", { d: "M8 18h.01", key: "lrp35t" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
-], Ma = ya("calendar-days", ka), _a = "_datePicker_gs5wt_1", wa = "_inputField_gs5wt_8", Ea = "_medium_gs5wt_24", Sa = "_calendarButton_gs5wt_55", Wa = "_dialog_gs5wt_99", p = {
+], Ma = ya("calendar-days", ka), _a = "_datePicker_gs5wt_1", wa = "_inputField_gs5wt_8", Ea = "_medium_gs5wt_24", Sa = "_calendarButton_gs5wt_55", Wa = "_dialog_gs5wt_99", j = {
   datePicker: _a,
   inputField: wa,
   medium: Ea,
@@ -808,16 +812,16 @@ const ka = [
 }) => /* @__PURE__ */ Y(
   ga,
   {
-    className: ee(p.inputField, {
-      [p.medium]: s === "medium"
+    className: ee(j.inputField, {
+      [j.medium]: s === "medium"
     }),
     children: [
       e,
       /* @__PURE__ */ v(
         ma,
         {
-          className: ee(p.calendarButton, {
-            [p.medium]: s === "medium"
+          className: ee(j.calendarButton, {
+            [j.medium]: s === "medium"
           }),
           "data-invalid": t || void 0,
           isDisabled: a,
@@ -834,7 +838,7 @@ const ka = [
   }
 ), ta = ({
   children: e
-}) => /* @__PURE__ */ v($a, { children: /* @__PURE__ */ v(ha, { className: p.dialog, children: e }) }), bl = ({
+}) => /* @__PURE__ */ v($a, { children: /* @__PURE__ */ v(ha, { className: j.dialog, children: e }) }), bl = ({
   className: e,
   description: a,
   errorMessage: t,
@@ -845,7 +849,7 @@ const ka = [
 }) => /* @__PURE__ */ Y(
   Ba,
   {
-    className: ee(p.datePicker, e),
+    className: ee(j.datePicker, e),
     ...o,
     children: [
       /* @__PURE__ */ v(Be, { popover: m, children: u && /* @__PURE__ */ v(Ze, { children: u }) }),
@@ -867,7 +871,7 @@ const ka = [
 }) => /* @__PURE__ */ Y(
   Za,
   {
-    className: ee(p.datePicker, e),
+    className: ee(j.datePicker, e),
     ...o,
     children: [
       /* @__PURE__ */ v(Be, { popover: m, children: u && /* @__PURE__ */ v(Ze, { children: u }) }),