@midas-ds/components 10.1.1 → 10.2.0

package/DateRangePicker-BmBvwqo6.js

@@ -0,0 +1,881 @@
+import { jsxs as H, jsx as h } 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 ta, a as da, C as na, R as ra } from "./RangeCalendar-uXwoBL-O.js";
+import { c as Fe, d as Re, e as Ce, f as oa, g as Oe, h as sa, i as q, j, k as ua, l as Te, a as ne, D as re, b as ca } from "./DateInputDivider-Dx8n1Lxp.js";
+import { F as Y } from "./FieldError-Dv3bBEjh.js";
+import { L as Ie } from "./Label-C9ivwkAd.js";
+import { T as Ze } from "./Text-BN-g1iWi.js";
+import { a as fe, $ as fa } from "./Button-ZOQy9Ivu.js";
+import { c as G, d as Me, a as Be, h as ke, i as we, j as _e, b as Ee, k as pe } from "./utils-HNTsIwux.js";
+import { i as Se, m as Ue, n as Ne, b as ba, l as va } from "./Dialog-CYxThuMl.js";
+import { $ as We } from "./FieldError-CZikNDxX.js";
+import { $ as Le } from "./Form-CXcEMuBf.js";
+import { a as be, $ as ma } from "./Group-CeSsSQVC.js";
+import { $ as ve } from "./Label-DkDOsmUF.js";
+import { a as me } from "./Text-B_H68Tvq.js";
+import { $ as ae } from "./filterDOMProps-D6KHYVBX.js";
+import { $ as Ke, g as je } from "./OverlayArrow-DorA4Rbr.js";
+import { $ as A, a as oe, b as se } from "./useDateFormatter-C53Uxdli.js";
+import { c as ue, d as Pe, e as Ve, $ as ze } from "./useFormValidation-R8hQIjWP.js";
+import { $ as qe } from "./useControlledState-u436Wbp1.js";
+import { b as Ge } from "./FocusScope-DwIqdYpQ.js";
+import { $ as Ae } from "./useDescription-CVKhFa3c.js";
+import { a as Xe, $ as He } from "./useFocusRing-BDGH3lpn.js";
+import { $ as Je } from "./useField-BPMAlIbU.js";
+import { $ as Qe } from "./context-B8cn10po.js";
+import { $ as Ye } from "./useLocalizedStringFormatter-D07YB2e1.js";
+import { c as $a } from "./createLucideIcon-DeWljiyi.js";
+import './assets/DateRangePicker.css';function ha(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function ga(e, a, i) {
+  let c = G(), f = G(), s = G(), u = Ye(ha(Ce), "@react-aria/datepicker"), { isInvalid: t, validationErrors: l, validationDetails: x } = a.displayValidation, { labelProps: B, fieldProps: b, descriptionProps: k, errorMessageProps: F } = Je({
+    ...e,
+    labelElementType: "span",
+    isInvalid: t,
+    errorMessage: e.errorMessage || l
+  }), R = Fe(a, i), C = b["aria-labelledby"] || b.id, { locale: v } = Qe(), O = a.formatValue(v, {
+    month: "long"
+  }), d = O ? u.format("selectedDateDescription", {
+    date: O
+  }) : "", T = Ae(d), I = [
+    T["aria-describedby"],
+    b["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, P = ae(e), Z = W(() => Ge(i), [
+    i
+  ]), M = z(!1), { focusWithinProps: D } = Xe({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (y) => {
+      let V = document.getElementById(f);
+      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: Me(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: s,
+      [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: c,
+      "aria-haspopup": "dialog",
+      "aria-label": u.format("calendar"),
+      "aria-labelledby": `${c} ${C}`,
+      "aria-describedby": I,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: f,
+      "aria-labelledby": `${c} ${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 ya(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function Pa(e, a, i) {
+  var c, f, s;
+  let u = Ye(ya(Ce), "@react-aria/datepicker"), { isInvalid: t, validationErrors: l, validationDetails: x } = a.displayValidation, { labelProps: B, fieldProps: b, descriptionProps: k, errorMessageProps: F } = Je({
+    ...e,
+    labelElementType: "span",
+    isInvalid: t,
+    errorMessage: e.errorMessage || l
+  }), R = b["aria-labelledby"] || b.id, { locale: C } = Qe(), v = a.formatValue(C, {
+    month: "long"
+  }), O = v ? u.format("selectedRangeDescription", {
+    startDate: v.start,
+    endDate: v.end
+  }) : "", d = Ae(O), T = {
+    "aria-label": u.format("startDate"),
+    "aria-labelledby": R
+  }, I = {
+    "aria-label": u.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(() => Ge(i, {
+    // Exclude the button from the focus manager.
+    accept: (r) => r.id !== P
+  }), [
+    i,
+    P
+  ]), V = {
+    [oa]: 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 } = Xe({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (r) => {
+      let $ = document.getElementById(Z);
+      if (!($ != null && $.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 $, w;
+        g.current = !0, ($ = e.onFocus) === null || $ === void 0 || $.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: Me(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": u.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 = (c = a.value) === null || c === void 0 ? void 0 : c.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 = (f = a.value) === null || f === void 0 ? void 0 : f.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: !((s = a.dateRange) === null || s === void 0) && s.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 Va(e) {
+  let a = Ke(e), [i, c] = qe(e.value, e.defaultValue || null, e.onChange), f = i || e.placeholderValue || null, [s, u] = Oe(f, e.granularity), t = i != null ? i.toDate(u ?? "UTC") : null, l = s === "hour" || s === "minute" || s === "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)), f && !(s in f)) throw new Error("Invalid granularity " + s + " for value " + f.toString());
+  let C = (i == null ? void 0 : i.calendar.identifier) === "gregory" && i.era === "BC", v = W(() => ({
+    granularity: s,
+    timeZone: u,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    showEra: C
+  }), [
+    s,
+    e.hourCycle,
+    e.shouldForceLeadingZeros,
+    u,
+    e.hideTimeZone,
+    C
+  ]), { minValue: O, maxValue: d, isDateUnavailable: T } = e, I = W(() => sa(i, O, d, T, v), [
+    i,
+    O,
+    d,
+    T,
+    v
+  ]), P = ze({
+    ...e,
+    value: i,
+    builtinValidation: I
+  }), Z = P.displayValidation.isInvalid, M = e.validationState || (Z ? "invalid" : null), D = (o, g) => {
+    c("timeZone" in g ? g.set(se(o)) : oe(o, g)), k(null), R(null), P.commitValidation();
+  };
+  return {
+    ...P,
+    value: i,
+    setValue: c,
+    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) : (c(o), P.commitValidation()), g && a.setOpen(!1);
+    },
+    setTimeValue: (o) => {
+      b && o ? D(b, o) : R(o);
+    },
+    granularity: s,
+    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 Da(e) {
+  var a, i;
+  let c = Ke(e), [f, s] = qe(e.value, e.defaultValue || null, e.onChange), [u, t] = L(() => f || {
+    start: null,
+    end: null
+  });
+  f == null && u.start && u.end && (u = {
+    start: null,
+    end: null
+  }, t(u));
+  let l = f || u, x = (n) => {
+    t(n || {
+      start: null,
+      end: null
+    }), U(n) ? s(n) : s(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 && c.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(() => ua(l, y, V, o, D), [
+    l,
+    y,
+    V,
+    o,
+    D
+  ]), E = ze({
+    ...e,
+    value: f,
+    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, $;
+      P(n === "start" ? {
+        start: m,
+        end: (r = v == null ? void 0 : v.end) !== null && r !== void 0 ? r : null
+      } : {
+        start: ($ = v == null ? void 0 : v.start) !== null && $ !== void 0 ? $ : null,
+        end: m
+      });
+    },
+    setTime(n, m) {
+      var r, $;
+      Z(n === "start" ? {
+        start: m,
+        end: (r = d == null ? void 0 : d.end) !== null && r !== void 0 ? r : null
+      } : {
+        start: ($ = d == null ? void 0 : d.start) !== null && $ !== void 0 ? $ : null,
+        end: m
+      });
+    },
+    setDateTime(n, m) {
+      var r, $;
+      x(n === "start" ? {
+        start: m,
+        end: (r = l == null ? void 0 : l.end) !== null && r !== void 0 ? r : null
+      } : {
+        start: ($ = l == null ? void 0 : l.start) !== null && $ !== void 0 ? $ : null,
+        end: m
+      });
+    },
+    setDateRange: P,
+    setTimeRange: Z,
+    ...c,
+    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)
+      }), c.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, $ = 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"), ia = q(m, {
+        granularity: $,
+        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, ia), ie;
+      if (r === w && $ === 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
+      }, $ = q({}, r);
+      return new A(n, $);
+    }
+  };
+}
+function U(e) {
+  return (e == null ? void 0 : e.start) != null && e.end != null;
+}
+const xa = /* @__PURE__ */ ee(null), Fa = /* @__PURE__ */ ee(null), Ra = /* @__PURE__ */ ee(null), Ca = /* @__PURE__ */ ee(null), ea = [
+  be,
+  fe,
+  ve,
+  me
+], Oa = /* @__PURE__ */ De(function(a, i) {
+  [a, i] = Be(a, i, xa);
+  let { validationBehavior: c } = ke(Le) || {};
+  var f, s;
+  let u = (s = (f = a.validationBehavior) !== null && f !== void 0 ? f : c) !== null && s !== void 0 ? s : "native", t = Va({
+    ...a,
+    validationBehavior: u
+  }), l = z(null), [x, B] = we(!a["aria-label"] && !a["aria-labelledby"]), { groupProps: b, labelProps: k, fieldProps: F, buttonProps: R, dialogProps: C, calendarProps: v, descriptionProps: O, errorMessageProps: d, ...T } = ga({
+    ..._e(a),
+    label: B,
+    validationBehavior: u
+  }, t, l), [I, P] = L(null), Z = xe(() => {
+    l.current && P(l.current.offsetWidth + "px");
+  }, []);
+  je({
+    ref: l,
+    onResize: Z
+  });
+  let { focusProps: M, isFocused: D, isFocusVisible: y } = He({
+    within: !0
+  }), V = Ee({
+    ...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(pe, {
+    values: [
+      [
+        Ra,
+        t
+      ],
+      [
+        be,
+        {
+          ...b,
+          ref: l,
+          isInvalid: t.isInvalid
+        }
+      ],
+      [
+        Te,
+        F
+      ],
+      [
+        fe,
+        {
+          ...R,
+          isPressed: t.isOpen
+        }
+      ],
+      [
+        ve,
+        {
+          ...k,
+          ref: x,
+          elementType: "span"
+        }
+      ],
+      [
+        ta,
+        v
+      ],
+      [
+        Se,
+        t
+      ],
+      [
+        Ue,
+        {
+          trigger: "DatePicker",
+          triggerRef: l,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": I
+          },
+          clearContexts: ea
+        }
+      ],
+      [
+        Ne,
+        C
+      ],
+      [
+        me,
+        {
+          slots: {
+            description: O,
+            errorMessage: d
+          }
+        }
+      ],
+      [
+        We,
+        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
+  }));
+}), Ta = /* @__PURE__ */ De(function(a, i) {
+  [a, i] = Be(a, i, Fa);
+  let { validationBehavior: c } = ke(Le) || {};
+  var f, s;
+  let u = (s = (f = a.validationBehavior) !== null && f !== void 0 ? f : c) !== null && s !== void 0 ? s : "native", t = Da({
+    ...a,
+    validationBehavior: u
+  }), l = z(null), [x, B] = we(!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 } = Pa({
+    ..._e(a),
+    label: B,
+    validationBehavior: u
+  }, t, l), [P, Z] = L(null), M = xe(() => {
+    l.current && Z(l.current.offsetWidth + "px");
+  }, []);
+  je({
+    ref: l,
+    onResize: M
+  });
+  let { focusProps: D, isFocused: y, isFocusVisible: V } = He({
+    within: !0
+  }), o = Ee({
+    ...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(pe, {
+    values: [
+      [
+        Ca,
+        t
+      ],
+      [
+        be,
+        {
+          ...b,
+          ref: l,
+          isInvalid: t.isInvalid
+        }
+      ],
+      [
+        fe,
+        {
+          ...C,
+          isPressed: t.isOpen
+        }
+      ],
+      [
+        ve,
+        {
+          ...k,
+          ref: x,
+          elementType: "span"
+        }
+      ],
+      [
+        da,
+        O
+      ],
+      [
+        Se,
+        t
+      ],
+      [
+        Ue,
+        {
+          trigger: "DateRangePicker",
+          triggerRef: l,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": P
+          },
+          clearContexts: ea
+        }
+      ],
+      [
+        Ne,
+        v
+      ],
+      [
+        Te,
+        {
+          slots: {
+            start: F,
+            end: R
+          }
+        }
+      ],
+      [
+        me,
+        {
+          slots: {
+            description: d,
+            errorMessage: T
+          }
+        }
+      ],
+      [
+        We,
+        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 Ia = $a("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" }]
+]), Za = "_datePicker_1ro4s_4", Ma = "_inputField_1ro4s_11", Ba = "_medium_1ro4s_23", ka = "_calendarButton_1ro4s_50", wa = "_dialog_1ro4s_97", N = {
+  datePicker: Za,
+  inputField: Ma,
+  medium: Ba,
+  calendarButton: ka,
+  dialog: wa
+}, aa = ({
+  children: e,
+  isDisabled: a,
+  isInvalid: i,
+  size: c = "large"
+}) => /* @__PURE__ */ H(
+  ma,
+  {
+    className: Q(N.inputField, {
+      [N.medium]: c === "medium"
+    }),
+    children: [
+      e,
+      /* @__PURE__ */ h(
+        fa,
+        {
+          className: Q(N.calendarButton, {
+            [N.medium]: c === "medium"
+          }),
+          "data-invalid": i || void 0,
+          isDisabled: a,
+          children: /* @__PURE__ */ h(
+            Ia,
+            {
+              "aria-hidden": !0,
+              size: 20
+            }
+          )
+        }
+      )
+    ]
+  }
+), la = ce.forwardRef(({ children: e }, a) => /* @__PURE__ */ h(
+  ba,
+  {
+    UNSTABLE_portalContainer: typeof a != "function" && (a == null ? void 0 : a.current) || void 0,
+    children: /* @__PURE__ */ h(va, { className: N.dialog, children: e })
+  }
+)), sl = ({
+  className: e,
+  description: a,
+  errorMessage: i,
+  errorPosition: c = "top",
+  label: f,
+  ...s
+}) => {
+  const u = ce.useRef(null);
+  return /* @__PURE__ */ H(
+    Oa,
+    {
+      className: Q(N.datePicker, e),
+      ref: u,
+      ...s,
+      children: [
+        /* @__PURE__ */ h(Ie, { children: f }),
+        a && /* @__PURE__ */ h(Ze, { slot: "description", children: a }),
+        c === "top" && /* @__PURE__ */ h(Y, { children: i }),
+        /* @__PURE__ */ h(aa, { ...s, children: /* @__PURE__ */ h(ne, { children: (t) => /* @__PURE__ */ h(re, { segment: t }) }) }),
+        c === "bottom" && /* @__PURE__ */ h(Y, { children: i }),
+        /* @__PURE__ */ h(la, { ref: u, children: /* @__PURE__ */ h(na, {}) })
+      ]
+    }
+  );
+}, ul = ({
+  className: e,
+  description: a,
+  errorMessage: i,
+  errorPosition: c = "top",
+  label: f,
+  ...s
+}) => {
+  const u = ce.useRef(null);
+  return /* @__PURE__ */ H(
+    Ta,
+    {
+      className: Q(N.datePicker, e),
+      ref: u,
+      ...s,
+      children: [
+        /* @__PURE__ */ h(Ie, { children: f }),
+        a && /* @__PURE__ */ h(Ze, { slot: "description", children: a }),
+        c === "top" && /* @__PURE__ */ h(Y, { children: i }),
+        /* @__PURE__ */ H(aa, { ...s, children: [
+          /* @__PURE__ */ h(ne, { slot: "start", children: (t) => /* @__PURE__ */ h(re, { segment: t }) }),
+          /* @__PURE__ */ h(ca, {}),
+          /* @__PURE__ */ h(ne, { slot: "end", children: (t) => /* @__PURE__ */ h(re, { segment: t }) })
+        ] }),
+        c === "bottom" && /* @__PURE__ */ h(Y, { children: i }),
+        /* @__PURE__ */ h(la, { ref: u, children: /* @__PURE__ */ h(ra, {}) })
+      ]
+    }
+  );
+};
+export {
+  sl as D,
+  ul as a
+};