@midas-ds/components 10.1.1 → 10.3.0

package/DateRangePicker-ziD1_k1W.js

@@ -0,0 +1,881 @@
+import { jsxs as H, jsx as $ } from "react/jsx-runtime";
+import * as ce from "react";
+import J, { useMemo as W, useRef as z, useState as L, forwardRef as De, createContext as ee, useCallback as xe } from "react";
+import { c as Q } from "./clsx-OuTLNxxd.js";
+import { $ as da, a as na, C as ra, R as oa } from "./RangeCalendar-RAlAHlNL.js";
+import { c as Fe, d as Re, e as Ce, f as sa, g as Oe, h as ua, i as q, j, k as ca, l as Te, a as ne, D as re, b as fa } from "./DateInputDivider-CF4xWsMT.js";
+import { $ as Ie, F as Y } from "./FieldError-CAcjosk_.js";
+import { a as Ze, L as Me } from "./Label-BwJrdqEE.js";
+import { T as Be } from "./Text-jWWg0B20.js";
+import { e as fe, b as be, $ as ba } from "./Button-DjBChs7s.js";
+import { e as G, c as ke, a as we, g as _e, h as Ee, i as pe, b as Se, j as Ue } from "./utils-DIMfEPAt.js";
+import { i as Ne, m as We, n as Le, a as va, l as ma } from "./Dialog-D14MbJ7o.js";
+import { $ as Ke } from "./Form-CXcEMuBf.js";
+import { a as ve, $ as $a } from "./Group-B6EslsHZ.js";
+import { $ as me } from "./Text-BoXuUVVH.js";
+import { $ as ae } from "./filterDOMProps-D6KHYVBX.js";
+import { a as je, g as ze } from "./OverlayArrow-CDLXPTew.js";
+import { $ as A, a as oe, b as se } from "./useDateFormatter-EHm4auIg.js";
+import { d as ue, e as Pe, c as Ve, $ as qe } from "./useFormValidation-BIGzfO9h.js";
+import { $ as Ge } from "./useControlledState-u436Wbp1.js";
+import { b as Ae } from "./FocusScope-CxkURfoc.js";
+import { a as Xe } from "./scrollIntoView-Hwb_aaNf.js";
+import { a as He, $ as Je } from "./useFocusRing-XnR3cZjO.js";
+import { $ as Qe } from "./useField-DvpGZkw_.js";
+import { $ as Ye } from "./context-C81gPYvC.js";
+import { b as ea } from "./useLocalizedStringFormatter-BKoxGZf1.js";
+import { c as ha } from "./createLucideIcon-DeWljiyi.js";
+import './assets/DateRangePicker.css';function ga(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function ya(e, a, i) {
+  let f = G(), u = G(), c = G(), s = ea(ga(Ce), "@react-aria/datepicker"), { isInvalid: t, validationErrors: l, validationDetails: x } = a.displayValidation, { labelProps: B, fieldProps: b, descriptionProps: k, errorMessageProps: F } = Qe({
+    ...e,
+    labelElementType: "span",
+    isInvalid: t,
+    errorMessage: e.errorMessage || l
+  }), R = Fe(a, i), C = b["aria-labelledby"] || b.id, { locale: v } = Ye(), O = a.formatValue(v, {
+    month: "long"
+  }), d = O ? s.format("selectedDateDescription", {
+    date: O
+  }) : "", T = Xe(d), I = [
+    T["aria-describedby"],
+    b["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, P = ae(e), Z = W(() => Ae(i), [
+    i
+  ]), M = z(!1), { focusWithinProps: D } = He({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (y) => {
+      let V = document.getElementById(u);
+      if (!(V != null && V.contains(y.relatedTarget))) {
+        var o, g;
+        M.current = !1, (o = e.onBlur) === null || o === void 0 || o.call(e, y), (g = e.onFocusChange) === null || g === void 0 || g.call(e, !1);
+      }
+    },
+    onFocusWithin: (y) => {
+      if (!M.current) {
+        var V, o;
+        M.current = !0, (V = e.onFocus) === null || V === void 0 || V.call(e, y), (o = e.onFocusChange) === null || o === void 0 || o.call(e, !0);
+      }
+    }
+  });
+  return {
+    groupProps: ke(P, R, b, T, D, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-labelledby": C,
+      "aria-describedby": I,
+      onKeyDown(y) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(y);
+      },
+      onKeyUp(y) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(y);
+      }
+    }),
+    labelProps: {
+      ...B,
+      onClick: () => {
+        Z.focusFirst();
+      }
+    },
+    fieldProps: {
+      ...b,
+      id: c,
+      [Re]: "presentation",
+      "aria-describedby": I,
+      value: a.value,
+      onChange: a.setValue,
+      placeholderValue: e.placeholderValue,
+      hideTimeZone: e.hideTimeZone,
+      hourCycle: e.hourCycle,
+      shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+      granularity: e.granularity,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isRequired: e.isRequired,
+      validationBehavior: e.validationBehavior,
+      // DatePicker owns the validation state for the date field.
+      [ue]: a,
+      autoFocus: e.autoFocus,
+      name: e.name
+    },
+    descriptionProps: k,
+    errorMessageProps: F,
+    buttonProps: {
+      ...T,
+      id: f,
+      "aria-haspopup": "dialog",
+      "aria-label": s.format("calendar"),
+      "aria-labelledby": `${f} ${C}`,
+      "aria-describedby": I,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: u,
+      "aria-labelledby": `${f} ${C}`
+    },
+    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: t,
+    validationErrors: l,
+    validationDetails: x
+  };
+}
+function Pa(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function Va(e, a, i) {
+  var f, u, c;
+  let s = ea(Pa(Ce), "@react-aria/datepicker"), { isInvalid: t, validationErrors: l, validationDetails: x } = a.displayValidation, { labelProps: B, fieldProps: b, descriptionProps: k, errorMessageProps: F } = Qe({
+    ...e,
+    labelElementType: "span",
+    isInvalid: t,
+    errorMessage: e.errorMessage || l
+  }), R = b["aria-labelledby"] || b.id, { locale: C } = Ye(), v = a.formatValue(C, {
+    month: "long"
+  }), O = v ? s.format("selectedRangeDescription", {
+    startDate: v.start,
+    endDate: v.end
+  }) : "", d = Xe(O), T = {
+    "aria-label": s.format("startDate"),
+    "aria-labelledby": R
+  }, I = {
+    "aria-label": s.format("endDate"),
+    "aria-labelledby": R
+  }, P = G(), Z = G(), M = Fe(a, i), D = [
+    d["aria-describedby"],
+    b["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, y = W(() => Ae(i, {
+    // Exclude the button from the focus manager.
+    accept: (r) => r.id !== P
+  }), [
+    i,
+    P
+  ]), V = {
+    [sa]: y,
+    [Re]: "presentation",
+    "aria-describedby": D,
+    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
+  }, o = ae(e), g = z(!1), { focusWithinProps: E } = He({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (r) => {
+      let h = document.getElementById(Z);
+      if (!(h != null && h.contains(r.relatedTarget))) {
+        var w, K;
+        g.current = !1, (w = e.onBlur) === null || w === void 0 || w.call(e, r), (K = e.onFocusChange) === null || K === void 0 || K.call(e, !1);
+      }
+    },
+    onFocusWithin: (r) => {
+      if (!g.current) {
+        var h, w;
+        g.current = !0, (h = e.onFocus) === null || h === void 0 || h.call(e, r), (w = e.onFocusChange) === null || w === void 0 || w.call(e, !0);
+      }
+    }
+  }), p = z(Pe), X = z(Pe);
+  var n, m;
+  return {
+    groupProps: ke(o, M, b, d, E, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-describedby": D,
+      onKeyDown(r) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(r);
+      },
+      onKeyUp(r) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(r);
+      }
+    }),
+    labelProps: {
+      ...B,
+      onClick: () => {
+        y.focusFirst();
+      }
+    },
+    buttonProps: {
+      ...d,
+      id: P,
+      "aria-haspopup": "dialog",
+      "aria-label": s.format("calendar"),
+      "aria-labelledby": `${P} ${R}`,
+      "aria-describedby": D,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: Z,
+      "aria-labelledby": `${P} ${R}`
+    },
+    startFieldProps: {
+      ...T,
+      ...V,
+      value: (n = (f = a.value) === null || f === void 0 ? void 0 : f.start) !== null && n !== void 0 ? n : null,
+      onChange: (r) => a.setDateTime("start", r),
+      autoFocus: e.autoFocus,
+      name: e.startName,
+      [ue]: {
+        realtimeValidation: a.realtimeValidation,
+        displayValidation: a.displayValidation,
+        updateValidation(r) {
+          p.current = r, a.updateValidation(Ve(r, X.current));
+        },
+        resetValidation: a.resetValidation,
+        commitValidation: a.commitValidation
+      }
+    },
+    endFieldProps: {
+      ...I,
+      ...V,
+      value: (m = (u = a.value) === null || u === void 0 ? void 0 : u.end) !== null && m !== void 0 ? m : null,
+      onChange: (r) => a.setDateTime("end", r),
+      name: e.endName,
+      [ue]: {
+        realtimeValidation: a.realtimeValidation,
+        displayValidation: a.displayValidation,
+        updateValidation(r) {
+          X.current = r, a.updateValidation(Ve(p.current, r));
+        },
+        resetValidation: a.resetValidation,
+        commitValidation: a.commitValidation
+      }
+    },
+    descriptionProps: k,
+    errorMessageProps: F,
+    calendarProps: {
+      autoFocus: !0,
+      value: !((c = a.dateRange) === null || c === void 0) && c.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: t,
+    validationErrors: l,
+    validationDetails: x
+  };
+}
+function Da(e) {
+  let a = je(e), [i, f] = Ge(e.value, e.defaultValue || null, e.onChange), u = i || e.placeholderValue || null, [c, s] = Oe(u, e.granularity), t = i != null ? i.toDate(s ?? "UTC") : null, l = c === "hour" || c === "minute" || c === "second";
+  var x;
+  let B = (x = e.shouldCloseOnSelect) !== null && x !== void 0 ? x : !0, [b, k] = L(null), [F, R] = L(null);
+  if (i && (b = i, "hour" in i && (F = i)), u && !(c in u)) throw new Error("Invalid granularity " + c + " for value " + u.toString());
+  let C = (i == null ? void 0 : i.calendar.identifier) === "gregory" && i.era === "BC", v = W(() => ({
+    granularity: c,
+    timeZone: s,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    showEra: C
+  }), [
+    c,
+    e.hourCycle,
+    e.shouldForceLeadingZeros,
+    s,
+    e.hideTimeZone,
+    C
+  ]), { minValue: O, maxValue: d, isDateUnavailable: T } = e, I = W(() => ua(i, O, d, T, v), [
+    i,
+    O,
+    d,
+    T,
+    v
+  ]), P = qe({
+    ...e,
+    value: i,
+    builtinValidation: I
+  }), Z = P.displayValidation.isInvalid, M = e.validationState || (Z ? "invalid" : null), D = (o, g) => {
+    f("timeZone" in g ? g.set(se(o)) : oe(o, g)), k(null), R(null), P.commitValidation();
+  };
+  return {
+    ...P,
+    value: i,
+    setValue: f,
+    dateValue: b,
+    timeValue: F,
+    setDateValue: (o) => {
+      let g = typeof B == "function" ? B() : B;
+      l ? F || g ? D(o, F || j(e.defaultValue || e.placeholderValue)) : k(o) : (f(o), P.commitValidation()), g && a.setOpen(!1);
+    },
+    setTimeValue: (o) => {
+      b && o ? D(b, o) : R(o);
+    },
+    granularity: c,
+    hasTime: l,
+    ...a,
+    setOpen(o) {
+      !o && !i && b && l && D(b, F || j(e.defaultValue || e.placeholderValue)), a.setOpen(o);
+    },
+    validationState: M,
+    isInvalid: Z,
+    formatValue(o, g) {
+      if (!t) return "";
+      let E = q(g, v);
+      return new A(o, E).format(t);
+    },
+    getDateFormatter(o, g) {
+      let E = {
+        ...v,
+        ...g
+      }, p = q({}, E);
+      return new A(o, p);
+    }
+  };
+}
+function xa(e) {
+  var a, i;
+  let f = je(e), [u, c] = Ge(e.value, e.defaultValue || null, e.onChange), [s, t] = L(() => u || {
+    start: null,
+    end: null
+  });
+  u == null && s.start && s.end && (s = {
+    start: null,
+    end: null
+  }, t(s));
+  let l = u || s, x = (n) => {
+    t(n || {
+      start: null,
+      end: null
+    }), U(n) ? c(n) : c(null);
+  }, B = (l == null ? void 0 : l.start) || (l == null ? void 0 : l.end) || e.placeholderValue || null, [b, k] = Oe(B, e.granularity), F = b === "hour" || b === "minute" || b === "second";
+  var R;
+  let C = (R = e.shouldCloseOnSelect) !== null && R !== void 0 ? R : !0, [v, O] = L(null), [d, T] = L(null);
+  l && U(l) && (v = l, "hour" in l.start && (d = l));
+  let I = (n, m) => {
+    x({
+      start: "timeZone" in m.start ? m.start.set(se(n.start)) : oe(n.start, m.start),
+      end: "timeZone" in m.end ? m.end.set(se(n.end)) : oe(n.end, m.end)
+    }), O(null), T(null), E.commitValidation();
+  }, P = (n) => {
+    let m = typeof C == "function" ? C() : C;
+    F ? U(n) && (m || d != null && d.start && (d != null && d.end)) ? I(n, {
+      start: (d == null ? void 0 : d.start) || j(e.placeholderValue),
+      end: (d == null ? void 0 : d.end) || j(e.placeholderValue)
+    }) : O(n) : U(n) ? (x(n), E.commitValidation()) : O(n), m && f.setOpen(!1);
+  }, Z = (n) => {
+    U(v) && U(n) ? I(v, n) : T(n);
+  }, M = (l == null || (a = l.start) === null || a === void 0 ? void 0 : a.calendar.identifier) === "gregory" && l.start.era === "BC" || (l == null || (i = l.end) === null || i === void 0 ? void 0 : i.calendar.identifier) === "gregory" && l.end.era === "BC", D = W(() => ({
+    granularity: b,
+    timeZone: k,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    showEra: M
+  }), [
+    b,
+    e.hourCycle,
+    e.shouldForceLeadingZeros,
+    k,
+    e.hideTimeZone,
+    M
+  ]), { minValue: y, maxValue: V, isDateUnavailable: o } = e, g = W(() => ca(l, y, V, o, D), [
+    l,
+    y,
+    V,
+    o,
+    D
+  ]), E = qe({
+    ...e,
+    value: u,
+    name: W(() => [
+      e.startName,
+      e.endName
+    ].filter((n) => n != null), [
+      e.startName,
+      e.endName
+    ]),
+    builtinValidation: g
+  }), p = E.displayValidation.isInvalid, X = e.validationState || (p ? "invalid" : null);
+  return {
+    ...E,
+    value: l,
+    setValue: x,
+    dateRange: v,
+    timeRange: d,
+    granularity: b,
+    hasTime: F,
+    setDate(n, m) {
+      var r, h;
+      P(n === "start" ? {
+        start: m,
+        end: (r = v == null ? void 0 : v.end) !== null && r !== void 0 ? r : null
+      } : {
+        start: (h = v == null ? void 0 : v.start) !== null && h !== void 0 ? h : null,
+        end: m
+      });
+    },
+    setTime(n, m) {
+      var r, h;
+      Z(n === "start" ? {
+        start: m,
+        end: (r = d == null ? void 0 : d.end) !== null && r !== void 0 ? r : null
+      } : {
+        start: (h = d == null ? void 0 : d.start) !== null && h !== void 0 ? h : null,
+        end: m
+      });
+    },
+    setDateTime(n, m) {
+      var r, h;
+      x(n === "start" ? {
+        start: m,
+        end: (r = l == null ? void 0 : l.end) !== null && r !== void 0 ? r : null
+      } : {
+        start: (h = l == null ? void 0 : l.start) !== null && h !== void 0 ? h : null,
+        end: m
+      });
+    },
+    setDateRange: P,
+    setTimeRange: Z,
+    ...f,
+    setOpen(n) {
+      !n && !(l != null && l.start && (l != null && l.end)) && U(v) && F && I(v, {
+        start: (d == null ? void 0 : d.start) || j(e.placeholderValue),
+        end: (d == null ? void 0 : d.end) || j(e.placeholderValue)
+      }), f.setOpen(n);
+    },
+    validationState: X,
+    isInvalid: p,
+    formatValue(n, m) {
+      if (!l || !l.start || !l.end) return null;
+      let r = "timeZone" in l.start ? l.start.timeZone : void 0, h = e.granularity || (l.start && "minute" in l.start ? "minute" : "day"), w = "timeZone" in l.end ? l.end.timeZone : void 0, K = e.granularity || (l.end && "minute" in l.end ? "minute" : "day"), ta = q(m, {
+        granularity: h,
+        timeZone: r,
+        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"
+      }), $e = l.start.toDate(r || "UTC"), he = l.end.toDate(w || "UTC"), le = new A(n, ta), ie;
+      if (r === w && h === K && l.start.compare(l.end) !== 0) {
+        try {
+          let S = le.formatRangeToParts($e, he), te = -1;
+          for (let _ = 0; _ < S.length; _++) {
+            let de = S[_];
+            if (de.source === "shared" && de.type === "literal") te = _;
+            else if (de.source === "endRange") break;
+          }
+          let ge = "", ye = "";
+          for (let _ = 0; _ < S.length; _++)
+            _ < te ? ge += S[_].value : _ > te && (ye += S[_].value);
+          return {
+            start: ge,
+            end: ye
+          };
+        } catch {
+        }
+        ie = le;
+      } else {
+        let S = q(m, {
+          granularity: K,
+          timeZone: w,
+          hideTimeZone: e.hideTimeZone,
+          hourCycle: e.hourCycle
+        });
+        ie = new A(n, S);
+      }
+      return {
+        start: le.format($e),
+        end: ie.format(he)
+      };
+    },
+    getDateFormatter(n, m) {
+      let r = {
+        ...D,
+        ...m
+      }, h = q({}, r);
+      return new A(n, h);
+    }
+  };
+}
+function U(e) {
+  return (e == null ? void 0 : e.start) != null && e.end != null;
+}
+const Fa = /* @__PURE__ */ ee(null), Ra = /* @__PURE__ */ ee(null), Ca = /* @__PURE__ */ ee(null), Oa = /* @__PURE__ */ ee(null), aa = [
+  ve,
+  fe,
+  be,
+  me
+], Ta = /* @__PURE__ */ De(function(a, i) {
+  [a, i] = we(a, i, Fa);
+  let { validationBehavior: f } = _e(Ke) || {};
+  var u, c;
+  let s = (c = (u = a.validationBehavior) !== null && u !== void 0 ? u : f) !== null && c !== void 0 ? c : "native", t = Da({
+    ...a,
+    validationBehavior: s
+  }), l = z(null), [x, B] = Ee(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: b, labelProps: k, fieldProps: F, buttonProps: R, dialogProps: C, calendarProps: v, descriptionProps: O, errorMessageProps: d, ...T } = ya({
+    ...pe(a),
+    label: B,
+    validationBehavior: s
+  }, t, l), [I, P] = L(null), Z = xe(() => {
+    l.current && P(l.current.offsetWidth + "px");
+  }, []);
+  ze({
+    ref: l,
+    onResize: Z
+  });
+  let { focusProps: M, isFocused: D, isFocusVisible: y } = Je({
+    within: !0
+  }), V = Se({
+    ...a,
+    values: {
+      state: t,
+      isFocusWithin: D,
+      isFocusVisible: y,
+      isDisabled: a.isDisabled || !1,
+      isInvalid: t.isInvalid,
+      isOpen: t.isOpen
+    },
+    defaultClassName: "react-aria-DatePicker"
+  }), o = ae(a);
+  return delete o.id, /* @__PURE__ */ J.createElement(Ue, {
+    values: [
+      [
+        Ca,
+        t
+      ],
+      [
+        ve,
+        {
+          ...b,
+          ref: l,
+          isInvalid: t.isInvalid
+        }
+      ],
+      [
+        Te,
+        F
+      ],
+      [
+        fe,
+        {
+          ...R,
+          isPressed: t.isOpen
+        }
+      ],
+      [
+        be,
+        {
+          ...k,
+          ref: x,
+          elementType: "span"
+        }
+      ],
+      [
+        da,
+        v
+      ],
+      [
+        Ne,
+        t
+      ],
+      [
+        We,
+        {
+          trigger: "DatePicker",
+          triggerRef: l,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": I
+          },
+          clearContexts: aa
+        }
+      ],
+      [
+        Le,
+        C
+      ],
+      [
+        me,
+        {
+          slots: {
+            description: O,
+            errorMessage: d
+          }
+        }
+      ],
+      [
+        Ie,
+        T
+      ]
+    ]
+  }, /* @__PURE__ */ J.createElement("div", {
+    ...M,
+    ...o,
+    ...V,
+    ref: i,
+    slot: a.slot || void 0,
+    "data-focus-within": D || void 0,
+    "data-invalid": t.isInvalid || void 0,
+    "data-focus-visible": y || void 0,
+    "data-disabled": a.isDisabled || void 0,
+    "data-open": t.isOpen || void 0
+  }));
+}), Ia = /* @__PURE__ */ De(function(a, i) {
+  [a, i] = we(a, i, Ra);
+  let { validationBehavior: f } = _e(Ke) || {};
+  var u, c;
+  let s = (c = (u = a.validationBehavior) !== null && u !== void 0 ? u : f) !== null && c !== void 0 ? c : "native", t = xa({
+    ...a,
+    validationBehavior: s
+  }), l = z(null), [x, B] = Ee(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: b, labelProps: k, startFieldProps: F, endFieldProps: R, buttonProps: C, dialogProps: v, calendarProps: O, descriptionProps: d, errorMessageProps: T, ...I } = Va({
+    ...pe(a),
+    label: B,
+    validationBehavior: s
+  }, t, l), [P, Z] = L(null), M = xe(() => {
+    l.current && Z(l.current.offsetWidth + "px");
+  }, []);
+  ze({
+    ref: l,
+    onResize: M
+  });
+  let { focusProps: D, isFocused: y, isFocusVisible: V } = Je({
+    within: !0
+  }), o = Se({
+    ...a,
+    values: {
+      state: t,
+      isFocusWithin: y,
+      isFocusVisible: V,
+      isDisabled: a.isDisabled || !1,
+      isInvalid: t.isInvalid,
+      isOpen: t.isOpen
+    },
+    defaultClassName: "react-aria-DateRangePicker"
+  }), g = ae(a);
+  return delete g.id, /* @__PURE__ */ J.createElement(Ue, {
+    values: [
+      [
+        Oa,
+        t
+      ],
+      [
+        ve,
+        {
+          ...b,
+          ref: l,
+          isInvalid: t.isInvalid
+        }
+      ],
+      [
+        fe,
+        {
+          ...C,
+          isPressed: t.isOpen
+        }
+      ],
+      [
+        be,
+        {
+          ...k,
+          ref: x,
+          elementType: "span"
+        }
+      ],
+      [
+        na,
+        O
+      ],
+      [
+        Ne,
+        t
+      ],
+      [
+        We,
+        {
+          trigger: "DateRangePicker",
+          triggerRef: l,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": P
+          },
+          clearContexts: aa
+        }
+      ],
+      [
+        Le,
+        v
+      ],
+      [
+        Te,
+        {
+          slots: {
+            start: F,
+            end: R
+          }
+        }
+      ],
+      [
+        me,
+        {
+          slots: {
+            description: d,
+            errorMessage: T
+          }
+        }
+      ],
+      [
+        Ie,
+        I
+      ]
+    ]
+  }, /* @__PURE__ */ J.createElement("div", {
+    ...D,
+    ...g,
+    ...o,
+    ref: i,
+    slot: a.slot || void 0,
+    "data-focus-within": y || void 0,
+    "data-invalid": t.isInvalid || void 0,
+    "data-focus-visible": V || void 0,
+    "data-disabled": a.isDisabled || void 0,
+    "data-open": t.isOpen || void 0
+  }));
+});
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Za = ha("CalendarDays", [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+]), Ma = "_datePicker_1ro4s_4", Ba = "_inputField_1ro4s_11", ka = "_medium_1ro4s_23", wa = "_calendarButton_1ro4s_50", _a = "_dialog_1ro4s_97", N = {
+  datePicker: Ma,
+  inputField: Ba,
+  medium: ka,
+  calendarButton: wa,
+  dialog: _a
+}, la = ({
+  children: e,
+  isDisabled: a,
+  isInvalid: i,
+  size: f = "large"
+}) => /* @__PURE__ */ H(
+  $a,
+  {
+    className: Q(N.inputField, {
+      [N.medium]: f === "medium"
+    }),
+    children: [
+      e,
+      /* @__PURE__ */ $(
+        ba,
+        {
+          className: Q(N.calendarButton, {
+            [N.medium]: f === "medium"
+          }),
+          "data-invalid": i || void 0,
+          isDisabled: a,
+          children: /* @__PURE__ */ $(
+            Za,
+            {
+              "aria-hidden": !0,
+              size: 20
+            }
+          )
+        }
+      )
+    ]
+  }
+), ia = ce.forwardRef(({ children: e }, a) => /* @__PURE__ */ $(
+  va,
+  {
+    UNSTABLE_portalContainer: typeof a != "function" && (a == null ? void 0 : a.current) || void 0,
+    children: /* @__PURE__ */ $(ma, { className: N.dialog, children: e })
+  }
+)), ol = ({
+  className: e,
+  description: a,
+  errorMessage: i,
+  errorPosition: f = "top",
+  label: u,
+  popover: c,
+  ...s
+}) => {
+  const t = ce.useRef(null);
+  return /* @__PURE__ */ H(
+    Ta,
+    {
+      className: Q(N.datePicker, e),
+      ref: t,
+      ...s,
+      children: [
+        /* @__PURE__ */ $(Ze, { popover: c, children: u && /* @__PURE__ */ $(Me, { children: u }) }),
+        a && /* @__PURE__ */ $(Be, { slot: "description", children: a }),
+        f === "top" && /* @__PURE__ */ $(Y, { children: i }),
+        /* @__PURE__ */ $(la, { ...s, children: /* @__PURE__ */ $(ne, { children: (l) => /* @__PURE__ */ $(re, { segment: l }) }) }),
+        f === "bottom" && /* @__PURE__ */ $(Y, { children: i }),
+        /* @__PURE__ */ $(ia, { ref: t, children: /* @__PURE__ */ $(ra, {}) })
+      ]
+    }
+  );
+}, sl = ({
+  className: e,
+  description: a,
+  errorMessage: i,
+  errorPosition: f = "top",
+  label: u,
+  popover: c,
+  ...s
+}) => {
+  const t = ce.useRef(null);
+  return /* @__PURE__ */ H(
+    Ia,
+    {
+      className: Q(N.datePicker, e),
+      ref: t,
+      ...s,
+      children: [
+        /* @__PURE__ */ $(Ze, { popover: c, children: u && /* @__PURE__ */ $(Me, { children: u }) }),
+        a && /* @__PURE__ */ $(Be, { slot: "description", children: a }),
+        f === "top" && /* @__PURE__ */ $(Y, { children: i }),
+        /* @__PURE__ */ H(la, { ...s, children: [
+          /* @__PURE__ */ $(ne, { slot: "start", children: (l) => /* @__PURE__ */ $(re, { segment: l }) }),
+          /* @__PURE__ */ $(fa, {}),
+          /* @__PURE__ */ $(ne, { slot: "end", children: (l) => /* @__PURE__ */ $(re, { segment: l }) })
+        ] }),
+        f === "bottom" && /* @__PURE__ */ $(Y, { children: i }),
+        /* @__PURE__ */ $(ia, { ref: t, children: /* @__PURE__ */ $(oa, {}) })
+      ]
+    }
+  );
+};
+export {
+  ol as D,
+  sl as a
+};