@new-black/lyra 1.1.4 → 1.1.5

package/dist/lyra166.js

@@ -1,132 +1,714 @@
-import { useEffect as p, useRef as V } from "react";
-import { useFormValidation as g } from "./lyra167.js";
-import { useFormValidationState as P, DEFAULT_VALIDATION_RESULT as I, privateValidationStateProp as x } from "./lyra168.js";
-import { useToggle as y } from "./lyra169.js";
-import { filterDOMProps as D, mergeProps as R } from "./lyra107.js";
-import { useField as B } from "./lyra170.js";
-import { useFocusWithin as S } from "./lyra129.js";
-import { useToggleState as O } from "./lyra171.js";
-function E(e, i, a) {
-  let l = P({
+import se from "./lyra167.js";
+import ce from "./lyra168.js";
+import ue from "./lyra169.js";
+import fe from "./lyra170.js";
+import be from "./lyra171.js";
+import pe from "./lyra172.js";
+import me from "./lyra173.js";
+import $e from "./lyra174.js";
+import ye from "./lyra175.js";
+import ve from "./lyra176.js";
+import Pe from "./lyra177.js";
+import he from "./lyra178.js";
+import xe from "./lyra179.js";
+import De from "./lyra180.js";
+import ge from "./lyra181.js";
+import Ve from "./lyra182.js";
+import Fe from "./lyra183.js";
+import we from "./lyra184.js";
+import Re from "./lyra185.js";
+import Me from "./lyra186.js";
+import Ce from "./lyra187.js";
+import Oe from "./lyra188.js";
+import Ie from "./lyra189.js";
+import Te from "./lyra190.js";
+import Ee from "./lyra191.js";
+import Be from "./lyra192.js";
+import Ke from "./lyra193.js";
+import ke from "./lyra194.js";
+import Se from "./lyra195.js";
+import Ne from "./lyra196.js";
+import Le from "./lyra197.js";
+import _e from "./lyra198.js";
+import Ue from "./lyra199.js";
+import We from "./lyra200.js";
+import { createFocusManager as A, getFocusableTreeWalker as Ze } from "./lyra121.js";
+import { useDescription as H, mergeProps as K, useFormReset as Ae, filterDOMProps as G, useId as B, useEvent as ee, useLayoutEffect as qe, isIOS as je, useLabels as ze, isMac as He, scrollIntoViewport as Ge, getScrollParent as Je } from "./lyra107.js";
+import { privateValidationStateProp as z, DEFAULT_VALIDATION_RESULT as ae, mergeValidation as re } from "./lyra162.js";
+import Qe, { useRef as k, useMemo as F, useEffect as Xe } from "react";
+import { useField as J } from "./lyra164.js";
+import { useFocusWithin as Q, usePress as Ye } from "./lyra122.js";
+import { useFormValidation as ea } from "./lyra161.js";
+import { toCalendar as aa, CalendarDate as ra } from "./lyra159.js";
+import { NumberParser as ia } from "./lyra201.js";
+import { useSpinButton as oa } from "./lyra202.js";
+import { useLocalizedStringFormatter as X, useLocale as N, useDateFormatter as Z, useFilter as ta, useLocalizedStringDictionary as la } from "./lyra92.js";
+function q(e) {
+  return e && e.__esModule ? e.default : e;
+}
+var L = {};
+L = {
+  "ar-AE": se,
+  "bg-BG": ce,
+  "cs-CZ": ue,
+  "da-DK": fe,
+  "de-DE": be,
+  "el-GR": pe,
+  "en-US": me,
+  "es-ES": $e,
+  "et-EE": ye,
+  "fi-FI": ve,
+  "fr-FR": Pe,
+  "he-IL": he,
+  "hr-HR": xe,
+  "hu-HU": De,
+  "it-IT": ge,
+  "ja-JP": Ve,
+  "ko-KR": Fe,
+  "lt-LT": we,
+  "lv-LV": Re,
+  "nb-NO": Me,
+  "nl-NL": Ce,
+  "pl-PL": Oe,
+  "pt-BR": Ie,
+  "pt-PT": Te,
+  "ro-RO": Ee,
+  "ru-RU": Be,
+  "sk-SK": Ke,
+  "sl-SI": ke,
+  "sr-SP": Se,
+  "sv-SE": Ne,
+  "tr-TR": Le,
+  "uk-UA": _e,
+  "zh-CN": Ue,
+  "zh-TW": We
+};
+function Y(e, a, o) {
+  let { direction: i } = N(), s = F(() => A(a), [
+    a
+  ]), y = (t) => {
+    if (t.currentTarget.contains(t.target) && (t.altKey && (t.key === "ArrowDown" || t.key === "ArrowUp") && "setOpen" in e && (t.preventDefault(), t.stopPropagation(), e.setOpen(!0)), !o))
+      switch (t.key) {
+        case "ArrowLeft":
+          t.preventDefault(), t.stopPropagation(), i === "rtl" ? s.focusNext() : s.focusPrevious();
+          break;
+        case "ArrowRight":
+          t.preventDefault(), t.stopPropagation(), i === "rtl" ? s.focusPrevious() : s.focusNext();
+          break;
+      }
+  }, v = () => {
+    var t;
+    let l = (t = window.event) === null || t === void 0 ? void 0 : t.target, c = Ze(a.current, {
+      tabbable: !0
+    });
+    if (l && (c.currentNode = l, l = c.previousNode()), !l) {
+      let n;
+      do
+        n = c.lastChild(), n && (l = n);
+      while (n);
+    }
+    for (; l != null && l.hasAttribute("data-placeholder"); ) {
+      let n = c.previousNode();
+      if (n && n.hasAttribute("data-placeholder")) l = n;
+      else break;
+    }
+    l && l.focus();
+  }, { pressProps: P } = Ye({
+    preventFocusOnPress: !0,
+    allowTextSelectionOnPress: !0,
+    onPressStart(t) {
+      t.pointerType === "mouse" && v();
+    },
+    onPress(t) {
+      t.pointerType !== "mouse" && v();
+    }
+  });
+  return K(P, {
+    onKeyDown: y
+  });
+}
+const ie = /* @__PURE__ */ new WeakMap(), S = "__role_" + Date.now(), oe = "__focusManager_" + Date.now();
+function na(e, a, o) {
+  var i;
+  let { isInvalid: s, validationErrors: y, validationDetails: v } = a.displayValidation, { labelProps: P, fieldProps: t, descriptionProps: l, errorMessageProps: c } = J({
     ...e,
-    value: i.isSelected
-  }), { isInvalid: s, validationErrors: c, validationDetails: u } = l.displayValidation, { labelProps: d, inputProps: o, isSelected: r, isPressed: n, isDisabled: t, isReadOnly: v } = y({
+    labelElementType: "span",
+    isInvalid: s,
+    errorMessage: e.errorMessage || y
+  }), n = k(null), { focusWithinProps: I } = Q({
+    ...e,
+    onFocusWithin(D) {
+      var V;
+      n.current = a.value, (V = e.onFocus) === null || V === void 0 || V.call(e, D);
+    },
+    onBlurWithin: (D) => {
+      var V;
+      a.confirmPlaceholder(), a.value !== n.current && a.commitValidation(), (V = e.onBlur) === null || V === void 0 || V.call(e, D);
+    },
+    onFocusWithinChange: e.onFocusChange
+  }), w = X(/* @__PURE__ */ q(L), "@react-aria/datepicker"), T = a.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription", u = a.maxGranularity === "hour" ? "time" : "date", C = a.value ? w.format(T, {
+    [u]: a.formatValue({
+      month: "long"
+    })
+  }) : "", R = H(C), x = e[S] === "presentation" ? t["aria-describedby"] : [
+    R["aria-describedby"],
+    t["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, h = e[oe], f = F(() => h || A(o), [
+    h,
+    o
+  ]), O = Y(a, o, e[S] === "presentation");
+  ie.set(a, {
+    ariaLabel: e["aria-label"],
+    ariaLabelledBy: [
+      P.id,
+      e["aria-labelledby"]
+    ].filter(Boolean).join(" ") || void 0,
+    ariaDescribedBy: x,
+    focusManager: f
+  });
+  let M = k(e.autoFocus), g;
+  e[S] === "presentation" ? g = {
+    role: "presentation"
+  } : g = K(t, {
+    role: "group",
+    "aria-disabled": e.isDisabled || void 0,
+    "aria-describedby": x
+  }), Xe(() => {
+    M.current && f.focusFirst(), M.current = !1;
+  }, [
+    f
+  ]), Ae(e.inputRef, a.value, a.setValue), ea({
     ...e,
-    isInvalid: s
-  }, i, a);
-  g(e, l, a);
-  let { isIndeterminate: b, isRequired: f, validationBehavior: m = "aria" } = e;
-  return p(() => {
-    a.current && (a.current.indeterminate = !!b);
-  }), {
-    labelProps: d,
-    inputProps: {
-      ...o,
-      checked: r,
-      "aria-required": f && m === "aria" || void 0,
-      required: f && m === "native"
-    },
-    isSelected: r,
-    isPressed: n,
-    isDisabled: t,
-    isReadOnly: v,
+    focus() {
+      f.focusFirst();
+    }
+  }, a, e.inputRef);
+  let m = {
+    type: "hidden",
+    name: e.name,
+    value: ((i = a.value) === null || i === void 0 ? void 0 : i.toString()) || ""
+  };
+  e.validationBehavior === "native" && (m.type = "text", m.hidden = !0, m.required = e.isRequired, m.onChange = () => {
+  });
+  let E = G(e);
+  return {
+    labelProps: {
+      ...P,
+      onClick: () => {
+        f.focusFirst();
+      }
+    },
+    fieldProps: K(E, g, O, I, {
+      onKeyDown(D) {
+        e.onKeyDown && e.onKeyDown(D);
+      },
+      onKeyUp(D) {
+        e.onKeyUp && e.onKeyUp(D);
+      }
+    }),
+    inputProps: m,
+    descriptionProps: l,
+    errorMessageProps: c,
     isInvalid: s,
-    validationErrors: c,
-    validationDetails: u
+    validationErrors: y,
+    validationDetails: v
   };
 }
-const h = /* @__PURE__ */ new WeakMap();
-function A(e, i) {
-  let { isDisabled: a, name: l, validationBehavior: s = "aria" } = e, { isInvalid: c, validationErrors: u, validationDetails: d } = i.displayValidation, { labelProps: o, fieldProps: r, descriptionProps: n, errorMessageProps: t } = B({
+function rr(e, a, o) {
+  var i;
+  let s = na(e, a, o);
+  return s.inputProps.value = ((i = a.timeValue) === null || i === void 0 ? void 0 : i.toString()) || "", s;
+}
+function ir(e, a, o) {
+  let i = B(), s = B(), y = B(), v = X(/* @__PURE__ */ q(L), "@react-aria/datepicker"), { isInvalid: P, validationErrors: t, validationDetails: l } = a.displayValidation, { labelProps: c, fieldProps: n, descriptionProps: I, errorMessageProps: w } = J({
     ...e,
-    // Checkbox group is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
     labelElementType: "span",
-    isInvalid: c,
-    errorMessage: e.errorMessage || u
-  });
-  h.set(i, {
-    name: l,
-    descriptionId: n.id,
-    errorMessageId: t.id,
-    validationBehavior: s
-  });
-  let v = D(e, {
-    labelable: !0
-  }), { focusWithinProps: b } = S({
+    isInvalid: P,
+    errorMessage: e.errorMessage || t
+  }), T = Y(a, o), u = n["aria-labelledby"] || n.id, { locale: C } = N(), R = a.formatValue(C, {
+    month: "long"
+  }), x = R ? v.format("selectedDateDescription", {
+    date: R
+  }) : "", h = H(x), f = [
+    h["aria-describedby"],
+    n["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, O = G(e), M = F(() => A(o), [
+    o
+  ]), { focusWithinProps: g } = Q({
+    ...e,
+    isDisabled: a.isOpen,
     onBlurWithin: e.onBlur,
     onFocusWithin: e.onFocus,
     onFocusWithinChange: e.onFocusChange
   });
   return {
-    groupProps: R(v, {
+    groupProps: K(O, T, n, h, g, {
       role: "group",
-      "aria-disabled": a || void 0,
-      ...r,
-      ...b
+      "aria-disabled": e.isDisabled || null,
+      "aria-labelledby": u,
+      "aria-describedby": f,
+      onKeyDown(m) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(m);
+      },
+      onKeyUp(m) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(m);
+      }
     }),
-    labelProps: o,
-    descriptionProps: n,
-    errorMessageProps: t,
-    isInvalid: c,
-    validationErrors: u,
-    validationDetails: d
+    labelProps: {
+      ...c,
+      onClick: () => {
+        M.focusFirst();
+      }
+    },
+    fieldProps: {
+      ...n,
+      id: y,
+      [S]: "presentation",
+      "aria-describedby": f,
+      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.
+      [z]: a,
+      autoFocus: e.autoFocus,
+      name: e.name
+    },
+    descriptionProps: I,
+    errorMessageProps: w,
+    buttonProps: {
+      ...h,
+      id: i,
+      "aria-haspopup": "dialog",
+      "aria-label": v.format("calendar"),
+      "aria-labelledby": `${i} ${u}`,
+      "aria-describedby": f,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: s,
+      "aria-labelledby": `${i} ${u}`
+    },
+    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: P,
+    validationErrors: t,
+    validationDetails: l
   };
 }
-function L(e, i, a) {
-  const l = O({
-    isReadOnly: e.isReadOnly || i.isReadOnly,
-    isSelected: i.isSelected(e.value),
-    onChange($) {
-      $ ? i.addValue(e.value) : i.removeValue(e.value), e.onChange && e.onChange($);
+function da() {
+  let { locale: e } = N(), a = la(/* @__PURE__ */ q(L), "@react-aria/datepicker");
+  return F(() => {
+    try {
+      return new Intl.DisplayNames(e, {
+        type: "dateTimeField"
+      });
+    } catch {
+      return new sa(e, a);
+    }
+  }, [
+    e,
+    a
+  ]);
+}
+class sa {
+  of(a) {
+    return this.dictionary.getStringForLocale(a, this.locale);
+  }
+  constructor(a, o) {
+    this.locale = a, this.dictionary = o;
+  }
+}
+function or(e, a, o) {
+  let i = k(""), { locale: s } = N(), y = da(), { ariaLabel: v, ariaLabelledBy: P, ariaDescribedBy: t, focusManager: l } = ie.get(a), c = e.isPlaceholder ? "" : e.text, n = F(() => a.dateFormatter.resolvedOptions(), [
+    a.dateFormatter
+  ]), I = Z({
+    month: "long",
+    timeZone: n.timeZone
+  }), w = Z({
+    hour: "numeric",
+    hour12: n.hour12,
+    timeZone: n.timeZone
+  });
+  if (e.type === "month" && !e.isPlaceholder) {
+    let r = I.format(a.dateValue);
+    c = r !== c ? `${c} – ${r}` : r;
+  } else e.type === "hour" && !e.isPlaceholder && (c = w.format(a.dateValue));
+  let { spinButtonProps: T } = oa({
+    // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
+    // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
+    // https://github.com/dequelabs/axe-core/issues/3505
+    value: e.value,
+    textValue: c,
+    minValue: e.minValue,
+    maxValue: e.maxValue,
+    isDisabled: a.isDisabled,
+    isReadOnly: a.isReadOnly || !e.isEditable,
+    isRequired: a.isRequired,
+    onIncrement: () => {
+      i.current = "", a.increment(e.type);
+    },
+    onDecrement: () => {
+      i.current = "", a.decrement(e.type);
+    },
+    onIncrementPage: () => {
+      i.current = "", a.incrementPage(e.type);
+    },
+    onDecrementPage: () => {
+      i.current = "", a.decrementPage(e.type);
+    },
+    onIncrementToMax: () => {
+      i.current = "", a.setSegment(e.type, e.maxValue);
+    },
+    onDecrementToMin: () => {
+      i.current = "", a.setSegment(e.type, e.minValue);
+    }
+  }), u = F(() => new ia(s, {
+    maximumFractionDigits: 0
+  }), [
+    s
+  ]), C = () => {
+    if (u.isValidPartialNumber(e.text) && !a.isReadOnly && !e.isPlaceholder) {
+      let r = e.text.slice(0, -1), b = u.parse(r);
+      r.length === 0 || b === 0 ? a.clearSegment(e.type) : a.setSegment(e.type, b), i.current = r;
+    } else e.type === "dayPeriod" && a.clearSegment(e.type);
+  }, R = (r) => {
+    if (r.key === "a" && (He() ? r.metaKey : r.ctrlKey) && r.preventDefault(), !(r.ctrlKey || r.metaKey || r.shiftKey || r.altKey))
+      switch (r.key) {
+        case "Backspace":
+        case "Delete":
+          r.preventDefault(), r.stopPropagation(), C();
+          break;
+      }
+  }, { startsWith: x } = ta({
+    sensitivity: "base"
+  }), h = Z({
+    hour: "numeric",
+    hour12: !0
+  }), f = F(() => {
+    let r = /* @__PURE__ */ new Date();
+    return r.setHours(0), h.formatToParts(r).find((b) => b.type === "dayPeriod").value;
+  }, [
+    h
+  ]), O = F(() => {
+    let r = /* @__PURE__ */ new Date();
+    return r.setHours(12), h.formatToParts(r).find((b) => b.type === "dayPeriod").value;
+  }, [
+    h
+  ]), M = Z({
+    year: "numeric",
+    era: "narrow",
+    timeZone: "UTC"
+  }), g = F(() => {
+    if (e.type !== "era") return [];
+    let r = aa(new ra(1, 1, 1), a.calendar), b = a.calendar.getEras().map(($) => {
+      let W = r.set({
+        year: 1,
+        month: 1,
+        day: 1,
+        era: $
+      }).toDate("UTC"), ne = M.formatToParts(W).find((de) => de.type === "era").value;
+      return {
+        era: $,
+        formatted: ne
+      };
+    }), p = ca(b.map(($) => $.formatted));
+    if (p) for (let $ of b) $.formatted = $.formatted.slice(p);
+    return b;
+  }, [
+    M,
+    a.calendar,
+    e.type
+  ]), m = (r) => {
+    if (a.isDisabled || a.isReadOnly) return;
+    let b = i.current + r;
+    switch (e.type) {
+      case "dayPeriod":
+        if (x(f, r)) a.setSegment("dayPeriod", 0);
+        else if (x(O, r)) a.setSegment("dayPeriod", 12);
+        else break;
+        l.focusNext();
+        break;
+      case "era": {
+        let p = g.find(($) => x($.formatted, r));
+        p && (a.setSegment("era", p.era), l.focusNext());
+        break;
+      }
+      case "day":
+      case "hour":
+      case "minute":
+      case "second":
+      case "month":
+      case "year": {
+        if (!u.isValidPartialNumber(b)) return;
+        let p = u.parse(b), $ = p, W = e.minValue === 0;
+        if (e.type === "hour" && a.dateFormatter.resolvedOptions().hour12) {
+          switch (a.dateFormatter.resolvedOptions().hourCycle) {
+            case "h11":
+              p > 11 && ($ = u.parse(r));
+              break;
+            case "h12":
+              W = !1, p > 12 && ($ = u.parse(r));
+              break;
+          }
+          e.value >= 12 && p > 1 && (p += 12);
+        } else p > e.maxValue && ($ = u.parse(r));
+        if (isNaN(p)) return;
+        let j = $ !== 0 || W;
+        j && a.setSegment(e.type, $), +(p + "0") > e.maxValue || b.length >= String(e.maxValue).length ? (i.current = "", j && l.focusNext()) : i.current = b;
+        break;
+      }
+    }
+  }, E = () => {
+    i.current = "", Ge(o.current, {
+      containingElement: Je(o.current)
+    }), window.getSelection().collapse(o.current);
+  }, D = k("");
+  ee(o, "beforeinput", (r) => {
+    switch (r.preventDefault(), r.inputType) {
+      case "deleteContentBackward":
+      case "deleteContentForward":
+        u.isValidPartialNumber(e.text) && !a.isReadOnly && C();
+        break;
+      case "insertCompositionText":
+        D.current = o.current.textContent, o.current.textContent = o.current.textContent;
+        break;
+      default:
+        r.data != null && m(r.data);
+        break;
+    }
+  }), ee(o, "input", (r) => {
+    let { inputType: b, data: p } = r;
+    switch (b) {
+      case "insertCompositionText":
+        o.current.textContent = D.current, (x(f, p) || x(O, p)) && m(p);
+        break;
     }
+  }), qe(() => {
+    let r = o.current;
+    return () => {
+      document.activeElement === r && (l.focusPrevious() || l.focusNext());
+    };
+  }, [
+    o,
+    l
+  ]);
+  let V = je() || e.type === "timeZoneName" ? {
+    role: "textbox",
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuetext": null,
+    "aria-valuenow": null
+  } : {}, _ = F(() => a.segments.find((r) => r.isEditable), [
+    a.segments
+  ]);
+  e !== _ && !a.isInvalid && (t = void 0);
+  let U = B(), d = !a.isDisabled && !a.isReadOnly && e.isEditable, te = e.type === "literal" ? "" : y.of(e.type), le = ze({
+    "aria-label": `${te}${v ? `, ${v}` : ""}${P ? ", " : ""}`,
+    "aria-labelledby": P
   });
-  let { name: s, descriptionId: c, errorMessageId: u, validationBehavior: d } = h.get(i);
-  var o;
-  d = (o = e.validationBehavior) !== null && o !== void 0 ? o : d;
-  let { realtimeValidation: r } = P({
-    ...e,
-    value: l.isSelected,
-    // Server validation is handled at the group level.
-    name: void 0,
-    validationBehavior: "aria"
-  }), n = V(I), t = () => {
-    i.setInvalid(e.value, r.isInvalid ? r : n.current);
+  return e.type === "literal" ? {
+    segmentProps: {
+      "aria-hidden": !0
+    }
+  } : {
+    segmentProps: K(T, le, {
+      id: U,
+      ...V,
+      "aria-invalid": a.isInvalid ? "true" : void 0,
+      "aria-describedby": t,
+      "aria-readonly": a.isReadOnly || !e.isEditable ? "true" : void 0,
+      "data-placeholder": e.isPlaceholder || void 0,
+      contentEditable: d,
+      suppressContentEditableWarning: d,
+      spellCheck: d ? "false" : void 0,
+      autoCapitalize: d ? "off" : void 0,
+      autoCorrect: d ? "off" : void 0,
+      // Capitalization was changed in React 17...
+      [parseInt(Qe.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: d ? "next" : void 0,
+      inputMode: a.isDisabled || e.type === "dayPeriod" || e.type === "era" || !d ? void 0 : "numeric",
+      tabIndex: a.isDisabled ? void 0 : 0,
+      onKeyDown: R,
+      onFocus: E,
+      style: {
+        caretColor: "transparent"
+      },
+      // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
+      onPointerDown(r) {
+        r.stopPropagation();
+      },
+      onMouseDown(r) {
+        r.stopPropagation();
+      }
+    })
   };
-  p(t);
-  let v = i.realtimeValidation.isInvalid ? i.realtimeValidation : r, b = d === "native" ? i.displayValidation : v;
-  var f;
-  let m = E({
+}
+function ca(e) {
+  e.sort();
+  let a = e[0], o = e[e.length - 1];
+  for (let i = 0; i < a.length; i++)
+    if (a[i] !== o[i]) return i;
+  return 0;
+}
+function tr(e, a, o) {
+  var i, s;
+  let y = X(/* @__PURE__ */ q(L), "@react-aria/datepicker"), { isInvalid: v, validationErrors: P, validationDetails: t } = a.displayValidation, { labelProps: l, fieldProps: c, descriptionProps: n, errorMessageProps: I } = J({
     ...e,
-    isReadOnly: e.isReadOnly || i.isReadOnly,
-    isDisabled: e.isDisabled || i.isDisabled,
-    name: e.name || s,
-    isRequired: (f = e.isRequired) !== null && f !== void 0 ? f : i.isRequired,
-    validationBehavior: d,
-    [x]: {
-      realtimeValidation: v,
-      displayValidation: b,
-      resetValidation: i.resetValidation,
-      commitValidation: i.commitValidation,
-      updateValidation($) {
-        n.current = $, t();
-      }
-    }
-  }, l, a);
+    labelElementType: "span",
+    isInvalid: v,
+    errorMessage: e.errorMessage || P
+  }), w = c["aria-labelledby"] || c.id, { locale: T } = N(), u = a.formatValue(T, {
+    month: "long"
+  }), C = u ? y.format("selectedRangeDescription", {
+    startDate: u.start,
+    endDate: u.end
+  }) : "", R = H(C), x = {
+    "aria-label": y.format("startDate"),
+    "aria-labelledby": w
+  }, h = {
+    "aria-label": y.format("endDate"),
+    "aria-labelledby": w
+  }, f = B(), O = B(), M = Y(a, o), g = [
+    R["aria-describedby"],
+    c["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, m = F(() => A(o, {
+    // Exclude the button from the focus manager.
+    accept: (d) => d.id !== f
+  }), [
+    o,
+    f
+  ]), E = {
+    [oe]: m,
+    [S]: "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
+  }, D = G(e), { focusWithinProps: V } = Q({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: e.onBlur,
+    onFocusWithin: e.onFocus,
+    onFocusWithinChange: e.onFocusChange
+  }), _ = k(ae), U = k(ae);
   return {
-    ...m,
-    inputProps: {
-      ...m.inputProps,
-      "aria-describedby": [
-        e["aria-describedby"],
-        i.isInvalid ? u : null,
-        c
-      ].filter(Boolean).join(" ") || void 0
-    }
+    groupProps: K(D, M, c, R, V, {
+      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: {
+      ...l,
+      onClick: () => {
+        m.focusFirst();
+      }
+    },
+    buttonProps: {
+      ...R,
+      id: f,
+      "aria-haspopup": "dialog",
+      "aria-label": y.format("calendar"),
+      "aria-labelledby": `${f} ${w}`,
+      "aria-describedby": g,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: O,
+      "aria-labelledby": `${f} ${w}`
+    },
+    startFieldProps: {
+      ...x,
+      ...E,
+      value: (i = a.value) === null || i === void 0 ? void 0 : i.start,
+      onChange: (d) => a.setDateTime("start", d),
+      autoFocus: e.autoFocus,
+      name: e.startName,
+      [z]: {
+        realtimeValidation: a.realtimeValidation,
+        displayValidation: a.displayValidation,
+        updateValidation(d) {
+          _.current = d, a.updateValidation(re(d, U.current));
+        },
+        resetValidation: a.resetValidation,
+        commitValidation: a.commitValidation
+      }
+    },
+    endFieldProps: {
+      ...h,
+      ...E,
+      value: (s = a.value) === null || s === void 0 ? void 0 : s.end,
+      onChange: (d) => a.setDateTime("end", d),
+      name: e.endName,
+      [z]: {
+        realtimeValidation: a.realtimeValidation,
+        displayValidation: a.displayValidation,
+        updateValidation(d) {
+          U.current = d, a.updateValidation(re(_.current, d));
+        },
+        resetValidation: a.resetValidation,
+        commitValidation: a.commitValidation
+      }
+    },
+    descriptionProps: n,
+    errorMessageProps: I,
+    calendarProps: {
+      autoFocus: !0,
+      value: a.dateRange,
+      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: v,
+    validationErrors: P,
+    validationDetails: t
   };
 }
 export {
-  E as useCheckbox,
-  A as useCheckboxGroup,
-  L as useCheckboxGroupItem
+  na as useDateField,
+  ir as useDatePicker,
+  tr as useDateRangePicker,
+  or as useDateSegment,
+  da as useDisplayNames,
+  rr as useTimeField
 };