@fluidattacks/design 8.1.0 → 8.2.0

package/dist/node_modules/react-aria/dist/private/combobox/intlStrings.js

@@ -0,0 +1,74 @@
+import r from "../intl/combobox/ar-AE.js";
+import o from "../intl/combobox/bg-BG.js";
+import t from "../intl/combobox/cs-CZ.js";
+import e from "../intl/combobox/da-DK.js";
+import p from "../intl/combobox/de-DE.js";
+import $ from "../intl/combobox/el-GR.js";
+import f from "../intl/combobox/en-US.js";
+import m from "../intl/combobox/es-ES.js";
+import d from "../intl/combobox/et-EE.js";
+import s from "../intl/combobox/fi-FI.js";
+import c from "../intl/combobox/fr-FR.js";
+import i from "../intl/combobox/he-IL.js";
+import x from "../intl/combobox/hr-HR.js";
+import a from "../intl/combobox/hu-HU.js";
+import b from "../intl/combobox/it-IT.js";
+import R from "../intl/combobox/ja-JP.js";
+import l from "../intl/combobox/ko-KR.js";
+import E from "../intl/combobox/lt-LT.js";
+import S from "../intl/combobox/lv-LV.js";
+import h from "../intl/combobox/nb-NO.js";
+import L from "../intl/combobox/nl-NL.js";
+import T from "../intl/combobox/pl-PL.js";
+import u from "../intl/combobox/pt-BR.js";
+import I from "../intl/combobox/pt-PT.js";
+import P from "../intl/combobox/ro-RO.js";
+import U from "../intl/combobox/ru-RU.js";
+import k from "../intl/combobox/sk-SK.js";
+import n from "../intl/combobox/sl-SI.js";
+import v from "../intl/combobox/sr-SP.js";
+import K from "../intl/combobox/sv-SE.js";
+import N from "../intl/combobox/tr-TR.js";
+import z from "../intl/combobox/uk-UA.js";
+import A from "../intl/combobox/zh-CN.js";
+import B from "../intl/combobox/zh-TW.js";
+var C = {};
+C = {
+  "ar-AE": r,
+  "bg-BG": o,
+  "cs-CZ": t,
+  "da-DK": e,
+  "de-DE": p,
+  "el-GR": $,
+  "en-US": f,
+  "es-ES": m,
+  "et-EE": d,
+  "fi-FI": s,
+  "fr-FR": c,
+  "he-IL": i,
+  "hr-HR": x,
+  "hu-HU": a,
+  "it-IT": b,
+  "ja-JP": R,
+  "ko-KR": l,
+  "lt-LT": E,
+  "lv-LV": S,
+  "nb-NO": h,
+  "nl-NL": L,
+  "pl-PL": T,
+  "pt-BR": u,
+  "pt-PT": I,
+  "ro-RO": P,
+  "ru-RU": U,
+  "sk-SK": k,
+  "sl-SI": n,
+  "sr-SP": v,
+  "sv-SE": K,
+  "tr-TR": N,
+  "uk-UA": z,
+  "zh-CN": A,
+  "zh-TW": B
+};
+export {
+  C as default
+};

package/dist/node_modules/react-aria/dist/private/combobox/useComboBox.js

@@ -0,0 +1,243 @@
+import { announce as M } from "../live-announcer/LiveAnnouncer.js";
+import { ariaHideOutside as ne } from "../overlays/ariaHideOutside.js";
+import { chain as le } from "../utils/chain.js";
+import { dispatchVirtualFocus as ie } from "../focus/virtualFocus.js";
+import { getActiveElement as ae, nodeContains as ce, getEventTarget as ue } from "../utils/shadowdom/DOMFunctions.js";
+import { listData as se, getItemId as de } from "../listbox/utils.js";
+import { getOwnerDocument as fe } from "../utils/domHelpers.js";
+import pe from "./intlStrings.js";
+import { isAppleDevice as K } from "../utils/platform.js";
+import { ListKeyboardDelegate as be } from "../selection/ListKeyboardDelegate.js";
+import { mergeProps as B } from "../utils/mergeProps.js";
+import { useEvent as me } from "../utils/useEvent.js";
+import { useFormReset as $e } from "../utils/useFormReset.js";
+import { useId as ge } from "../utils/useId.js";
+import { useLabels as C } from "../utils/useLabels.js";
+import { useLocalizedStringFormatter as ye } from "../i18n/useLocalizedStringFormatter.js";
+import { useMenuTrigger as xe } from "../menu/useMenuTrigger.js";
+import { useRouter as ve } from "../utils/openLink.js";
+import { useSelectableCollection as he } from "../selection/useSelectableCollection.js";
+import { useTextField as Pe } from "../textfield/useTextField.js";
+import { useUpdateEffect as De } from "../utils/useUpdateEffect.js";
+import { useRef as u, useMemo as Me, useEffect as b, useState as V } from "react";
+import { getChildNodes as Ke } from "../../../../react-stately/dist/private/collections/getChildNodes.js";
+import { getItemCount as Oe } from "../../../../react-stately/dist/private/collections/getItemCount.js";
+import { privateValidationStateProp as Te } from "../../../../react-stately/dist/private/form/useFormValidationState.js";
+function Ee(r) {
+  return r && r.__esModule ? r.default : r;
+}
+function oo(r, e) {
+  let { buttonRef: l, popoverRef: s, inputRef: n, listBoxRef: c, keyboardDelegate: m, layoutDelegate: $, shouldFocusWrap: A, isReadOnly: g, isDisabled: v } = r, L = u(null);
+  l = l ?? L;
+  let d = ye(Ee(pe), "@react-aria/combobox"), { menuTriggerProps: h, menuProps: y } = xe({
+    type: "listbox",
+    isDisabled: v || g
+  }, e, l);
+  se.set(e, {
+    id: y.id
+  });
+  let { collection: O } = e, { disabledKeys: T } = e.selectionManager, U = Me(() => m || new be({
+    collection: O,
+    disabledKeys: T,
+    ref: c,
+    layoutDelegate: $
+  }), [
+    m,
+    $,
+    O,
+    T,
+    c
+  ]), { collectionProps: q } = he({
+    selectionManager: e.selectionManager,
+    keyboardDelegate: U,
+    disallowTypeAhead: !0,
+    disallowEmptySelection: !0,
+    shouldFocusWrap: A,
+    ref: n,
+    // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
+    isVirtualized: !0
+  }), W = ve(), z = (o) => {
+    if (!o.nativeEvent.isComposing)
+      switch (o.key) {
+        case "Enter":
+        case "Tab":
+          if (e.isOpen && o.key === "Enter" && o.preventDefault(), e.isOpen && c.current && e.selectionManager.focusedKey != null) {
+            let t = e.collection.getItem(e.selectionManager.focusedKey);
+            if (t?.props.href) {
+              let i = c.current.querySelector(`[data-key="${CSS.escape(e.selectionManager.focusedKey.toString())}"]`);
+              o.key === "Enter" && i instanceof HTMLAnchorElement && W.open(i, o, t.props.href, t.props.routerOptions), e.close();
+              break;
+            } else if (t?.props.onAction) {
+              t.props.onAction(), e.close();
+              break;
+            }
+          }
+          (o.key === "Enter" || e.isOpen) && e.commit();
+          break;
+        case "Escape":
+          (!e.selectionManager.isEmpty || e.inputValue === "" || r.allowsCustomValue) && o.continuePropagation(), e.revert();
+          break;
+        case "ArrowDown":
+          e.open("first", "manual");
+          break;
+        case "ArrowUp":
+          e.open("last", "manual");
+          break;
+        case "ArrowLeft":
+        case "ArrowRight":
+          e.selectionManager.setFocusedKey(null);
+          break;
+      }
+  }, H = (o) => {
+    let t = l?.current && l.current === o.relatedTarget, i = ce(s.current, o.relatedTarget);
+    t || i || (r.onBlur && r.onBlur(o), e.setFocused(!1));
+  }, _ = (o) => {
+    e.isFocused || (r.onFocus && r.onFocus(o), e.setFocused(!0));
+  }, E = Fe([
+    e.selectionManager.selectedKeys,
+    e.selectionManager.selectionMode
+  ]), { isInvalid: j, validationErrors: N, validationDetails: X } = e.displayValidation, { labelProps: P, inputProps: Y, descriptionProps: G, errorMessageProps: J } = Pe({
+    ...r,
+    // In multi-select mode, only set required if the selection is empty.
+    isRequired: r.selectionMode === "multiple" ? r.isRequired && e.selectionManager.isEmpty : r.isRequired,
+    onChange: e.setInputValue,
+    onKeyDown: g ? r.onKeyDown : le(e.isOpen && q.onKeyDown, z, r.onKeyDown),
+    onBlur: H,
+    value: e.inputValue,
+    defaultValue: e.defaultInputValue,
+    onFocus: _,
+    autoComplete: "off",
+    validate: void 0,
+    [Te]: e,
+    "aria-describedby": [
+      E,
+      r["aria-describedby"]
+    ].filter(Boolean).join(" ") || void 0
+  }, n);
+  $e(n, e.defaultValue, e.setValue);
+  let Q = (o) => {
+    o.pointerType === "touch" && (n.current?.focus(), e.toggle(null, "manual"));
+  }, Z = (o) => {
+    o.pointerType !== "touch" && (n.current?.focus(), e.toggle(o.pointerType === "keyboard" || o.pointerType === "virtual" ? "first" : null, "manual"));
+  }, ee = C({
+    id: h.id,
+    "aria-label": d.format("buttonLabel"),
+    "aria-labelledby": r["aria-labelledby"] || P.id
+  }), oe = C({
+    id: y.id,
+    "aria-label": d.format("listboxLabel"),
+    "aria-labelledby": r["aria-labelledby"] || P.id
+  }), F = u(0), re = (o) => {
+    if (v || g) return;
+    if (o.timeStamp - F.current < 500) {
+      o.preventDefault(), n.current?.focus();
+      return;
+    }
+    let t = ue(o).getBoundingClientRect(), i = o.changedTouches[0], D = Math.ceil(t.left + 0.5 * t.width), te = Math.ceil(t.top + 0.5 * t.height);
+    i.clientX === D && i.clientY === te && (o.preventDefault(), n.current?.focus(), e.toggle(null, "manual"), F.current = o.timeStamp);
+  }, a = e.selectionManager.focusedKey != null && e.isOpen ? e.collection.getItem(e.selectionManager.focusedKey) : void 0, f = a?.parentKey ?? null, p = e.selectionManager.focusedKey ?? null, I = u(f), S = u(p);
+  b(() => {
+    if (K() && a != null && p != null && p !== S.current) {
+      let o = e.selectionManager.isSelected(p), t = f != null ? e.collection.getItem(f) : null, i = t?.["aria-label"] || (typeof t?.rendered == "string" ? t.rendered : "") || "", D = d.format("focusAnnouncement", {
+        isGroupChange: (t && f !== I.current) ?? !1,
+        groupTitle: i,
+        groupCount: t ? [
+          ...Ke(t, e.collection)
+        ].length : 0,
+        optionText: a["aria-label"] || a.textValue || "",
+        isSelected: o
+      });
+      M(D);
+    }
+    I.current = f, S.current = p;
+  });
+  let x = Oe(e.collection), k = u(x), R = u(e.isOpen);
+  b(() => {
+    let o = e.isOpen !== R.current && (e.selectionManager.focusedKey == null || K());
+    if (e.isOpen && (o || x !== k.current)) {
+      let t = d.format("countAnnouncement", {
+        optionCount: x
+      });
+      M(t);
+    }
+    k.current = x, R.current = e.isOpen;
+  });
+  let w = u(e.selectedKey);
+  return b(() => {
+    if (K() && e.isFocused && e.selectedItem && e.selectedKey !== w.current) {
+      let o = e.selectedItem["aria-label"] || e.selectedItem.textValue || "", t = d.format("selectedAnnouncement", {
+        optionText: o
+      });
+      M(t);
+    }
+    w.current = e.selectedKey;
+  }), b(() => {
+    if (e.isOpen) return ne([
+      n.current,
+      s.current
+    ].filter((o) => o != null));
+  }, [
+    e.isOpen,
+    n,
+    s
+  ]), De(() => {
+    !a && n.current && ae(fe(n.current)) === n.current && ie(n.current, null);
+  }, [
+    a
+  ]), me(c, "react-aria-item-action", e.isOpen ? () => {
+    e.close();
+  } : void 0), {
+    labelProps: P,
+    buttonProps: {
+      ...h,
+      ...ee,
+      excludeFromTabOrder: !0,
+      preventFocusOnPress: !0,
+      onPress: Q,
+      onPressStart: Z,
+      isDisabled: v || g
+    },
+    inputProps: B(Y, {
+      role: "combobox",
+      "aria-expanded": h["aria-expanded"],
+      "aria-controls": e.isOpen ? y.id : void 0,
+      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
+      "aria-autocomplete": "list",
+      "aria-activedescendant": a ? de(e, a.key) : void 0,
+      onTouchEnd: re,
+      // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
+      autoCorrect: "off",
+      // This disable's the macOS Safari spell check auto corrections.
+      spellCheck: "false"
+    }),
+    listBoxProps: B(y, oe, {
+      autoFocus: e.focusStrategy || !0,
+      shouldUseVirtualFocus: !0,
+      shouldSelectOnPressUp: !0,
+      shouldFocusOnHover: !0,
+      linkBehavior: "selection",
+      UNSTABLE_itemBehavior: "action"
+    }),
+    valueProps: {
+      id: E
+    },
+    descriptionProps: G,
+    errorMessageProps: J,
+    isInvalid: j,
+    validationErrors: N,
+    validationDetails: X
+  };
+}
+function Fe(r = []) {
+  let e = ge(), [l, s] = V(!0), [n, c] = V(r);
+  return n.some((m, $) => !Object.is(m, r[$])) && (s(!0), c(r)), b(() => {
+    l && !document.getElementById(e) && s(!1);
+  }, [
+    e,
+    l,
+    n
+  ]), l ? e : void 0;
+}
+export {
+  oo as useComboBox
+};

package/dist/node_modules/react-aria/dist/private/datepicker/intlStrings.js

@@ -0,0 +1,74 @@
+import r from "../intl/datepicker/ar-AE.js";
+import o from "../intl/datepicker/bg-BG.js";
+import t from "../intl/datepicker/cs-CZ.js";
+import f from "../intl/datepicker/da-DK.js";
+import p from "../intl/datepicker/de-DE.js";
+import e from "../intl/datepicker/el-GR.js";
+import $ from "../intl/datepicker/en-US.js";
+import m from "../intl/datepicker/es-ES.js";
+import a from "../intl/datepicker/et-EE.js";
+import s from "../intl/datepicker/fi-FI.js";
+import b from "../intl/datepicker/fr-FR.js";
+import i from "../intl/datepicker/he-IL.js";
+import x from "../intl/datepicker/hr-HR.js";
+import c from "../intl/datepicker/hu-HU.js";
+import d from "../intl/datepicker/it-IT.js";
+import R from "../intl/datepicker/ja-JP.js";
+import l from "../intl/datepicker/ko-KR.js";
+import E from "../intl/datepicker/lt-LT.js";
+import S from "../intl/datepicker/lv-LV.js";
+import h from "../intl/datepicker/nb-NO.js";
+import L from "../intl/datepicker/nl-NL.js";
+import T from "../intl/datepicker/pl-PL.js";
+import u from "../intl/datepicker/pt-BR.js";
+import I from "../intl/datepicker/pt-PT.js";
+import P from "../intl/datepicker/ro-RO.js";
+import U from "../intl/datepicker/ru-RU.js";
+import k from "../intl/datepicker/sk-SK.js";
+import n from "../intl/datepicker/sl-SI.js";
+import v from "../intl/datepicker/sr-SP.js";
+import K from "../intl/datepicker/sv-SE.js";
+import N from "../intl/datepicker/tr-TR.js";
+import z from "../intl/datepicker/uk-UA.js";
+import A from "../intl/datepicker/zh-CN.js";
+import B from "../intl/datepicker/zh-TW.js";
+var C = {};
+C = {
+  "ar-AE": r,
+  "bg-BG": o,
+  "cs-CZ": t,
+  "da-DK": f,
+  "de-DE": p,
+  "el-GR": e,
+  "en-US": $,
+  "es-ES": m,
+  "et-EE": a,
+  "fi-FI": s,
+  "fr-FR": b,
+  "he-IL": i,
+  "hr-HR": x,
+  "hu-HU": c,
+  "it-IT": d,
+  "ja-JP": R,
+  "ko-KR": l,
+  "lt-LT": E,
+  "lv-LV": S,
+  "nb-NO": h,
+  "nl-NL": L,
+  "pl-PL": T,
+  "pt-BR": u,
+  "pt-PT": I,
+  "ro-RO": P,
+  "ru-RU": U,
+  "sk-SK": k,
+  "sl-SI": n,
+  "sr-SP": v,
+  "sv-SE": K,
+  "tr-TR": N,
+  "uk-UA": z,
+  "zh-CN": A,
+  "zh-TW": B
+};
+export {
+  C as default
+};

package/dist/node_modules/react-aria/dist/private/datepicker/useDateField.js

@@ -0,0 +1,115 @@
+import { createFocusManager as W } from "../focus/FocusScope.js";
+import { filterDOMProps as K } from "../utils/filterDOMProps.js";
+import _ from "./intlStrings.js";
+import { mergeProps as p } from "../utils/mergeProps.js";
+import { useDatePickerGroup as k } from "./useDatePickerGroup.js";
+import { useDescription as E } from "../utils/useDescription.js";
+import { useField as S } from "../label/useField.js";
+import { useFocusWithin as w } from "../interactions/useFocusWithin.js";
+import { useFormReset as C } from "../utils/useFormReset.js";
+import { useFormValidation as I } from "../form/useFormValidation.js";
+import { useLocalizedStringFormatter as G } from "../i18n/useLocalizedStringFormatter.js";
+import { useRef as P, useMemo as L, useEffect as O } from "react";
+function T(e) {
+  return e && e.__esModule ? e.default : e;
+}
+const U = /* @__PURE__ */ new WeakMap(), s = "__reactAriaDateFieldRole", j = "__reactAriaDateFieldFocusManager";
+function q(e, a, r) {
+  let { isInvalid: o, validationErrors: c, validationDetails: g } = a.displayValidation, { labelProps: u, fieldProps: l, descriptionProps: y, errorMessageProps: F } = S({
+    ...e,
+    labelElementType: "span",
+    isInvalid: o,
+    errorMessage: e.errorMessage || c
+  }), f = P(null), { focusWithinProps: D } = w({
+    ...e,
+    onFocusWithin(i) {
+      f.current = a.value, e.onFocus?.(i);
+    },
+    onBlurWithin: (i) => {
+      a.confirmPlaceholder(), a.value !== f.current && a.commitValidation(), e.onBlur?.(i);
+    },
+    onFocusWithinChange: e.onFocusChange
+  }), v = G(T(_), "@react-aria/datepicker"), x = a.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription", h = a.maxGranularity === "hour" ? "time" : "date", M = a.value ? v.format(x, {
+    [h]: a.formatValue({
+      month: "long"
+    })
+  }) : "", B = E(M), m = e[s] === "presentation" ? l["aria-describedby"] : [
+    B["aria-describedby"],
+    l["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, b = e[j], t = L(() => b || W(r), [
+    b,
+    r
+  ]), R = k(a, r, e[s] === "presentation");
+  U.set(a, {
+    ariaLabel: e["aria-label"],
+    ariaLabelledBy: [
+      u.id,
+      e["aria-labelledby"]
+    ].filter(Boolean).join(" ") || void 0,
+    ariaDescribedBy: m,
+    focusManager: t
+  });
+  let $ = P(e.autoFocus), d;
+  e[s] === "presentation" ? d = {
+    role: "presentation"
+  } : d = p(l, {
+    role: "group",
+    "aria-disabled": e.isDisabled || void 0,
+    "aria-describedby": m
+  }), O(() => {
+    $.current && t.focusFirst(), $.current = !1;
+  }, [
+    t
+  ]), C(e.inputRef, a.defaultValue, a.setValue), I({
+    ...e,
+    focus() {
+      t.focusFirst();
+    }
+  }, a, e.inputRef);
+  let n = {
+    type: "hidden",
+    name: e.name,
+    form: e.form,
+    value: a.value?.toString() || "",
+    disabled: e.isDisabled
+  };
+  e.validationBehavior === "native" && (n.type = "text", n.hidden = !0, n.required = e.isRequired, n.onChange = () => {
+  });
+  let V = K(e);
+  return {
+    labelProps: {
+      ...u,
+      onClick: () => {
+        t.focusFirst();
+      }
+    },
+    fieldProps: p(V, d, R, D, {
+      onKeyDown(i) {
+        e.onKeyDown && e.onKeyDown(i);
+      },
+      onKeyUp(i) {
+        e.onKeyUp && e.onKeyUp(i);
+      },
+      style: {
+        unicodeBidi: "isolate"
+      }
+    }),
+    inputProps: n,
+    descriptionProps: y,
+    errorMessageProps: F,
+    isInvalid: o,
+    validationErrors: c,
+    validationDetails: g
+  };
+}
+function re(e, a, r) {
+  let o = q(e, a, r);
+  return o.inputProps.value = a.timeValue?.toString() || "", o;
+}
+export {
+  j as focusManagerSymbol,
+  U as hookData,
+  s as roleSymbol,
+  q as useDateField,
+  re as useTimeField
+};

package/dist/node_modules/react-aria/dist/private/datepicker/useDatePicker.js

@@ -0,0 +1,126 @@
+import { createFocusManager as I } from "../focus/FocusScope.js";
+import { filterDOMProps as B } from "../utils/filterDOMProps.js";
+import C from "./intlStrings.js";
+import { mergeProps as R } from "../utils/mergeProps.js";
+import { nodeContains as W } from "../utils/shadowdom/DOMFunctions.js";
+import { roleSymbol as k } from "./useDateField.js";
+import { useDatePickerGroup as E } from "./useDatePickerGroup.js";
+import { useDescription as K } from "../utils/useDescription.js";
+import { useField as U } from "../label/useField.js";
+import { useFocusWithin as L } from "../interactions/useFocusWithin.js";
+import { useId as u } from "../utils/useId.js";
+import { useLocale as T } from "../i18n/I18nProvider.js";
+import { useLocalizedStringFormatter as Z } from "../i18n/useLocalizedStringFormatter.js";
+import { privateValidationStateProp as w } from "../../../../react-stately/dist/private/form/useFormValidationState.js";
+import { useMemo as S, useRef as j } from "react";
+function q(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function le(e, a, o) {
+  let l = u(), f = u(), y = u(), c = Z(q(C), "@react-aria/datepicker"), { isInvalid: b, validationErrors: m, validationDetails: g } = a.displayValidation, { labelProps: D, fieldProps: r, descriptionProps: P, errorMessageProps: v } = U({
+    ...e,
+    labelElementType: "span",
+    isInvalid: b,
+    errorMessage: e.errorMessage || m
+  }), h = E(a, o), d = r["aria-labelledby"] || r.id, { locale: p } = T(), $ = a.formatValue(p, {
+    month: "long"
+  }), x = $ ? c.format("selectedDateDescription", {
+    date: $
+  }) : "", n = K(x), t = [
+    n["aria-describedby"],
+    r["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, V = B(e), F = S(() => I(o), [
+    o
+  ]), s = j(!1), { focusWithinProps: M } = L({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: (i) => {
+      let O = document.getElementById(f);
+      W(O, i.relatedTarget) || (s.current = !1, e.onBlur?.(i), e.onFocusChange?.(!1));
+    },
+    onFocusWithin: (i) => {
+      s.current || (s.current = !0, e.onFocus?.(i), e.onFocusChange?.(!0));
+    }
+  });
+  return {
+    groupProps: R(V, h, r, n, M, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-labelledby": d,
+      "aria-describedby": t,
+      onKeyDown(i) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(i);
+      },
+      onKeyUp(i) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(i);
+      }
+    }),
+    labelProps: {
+      ...D,
+      onClick: () => {
+        F.focusFirst();
+      }
+    },
+    fieldProps: {
+      ...r,
+      id: y,
+      [k]: "presentation",
+      "aria-describedby": t,
+      value: a.value,
+      defaultValue: a.defaultValue,
+      onChange: a.setValue,
+      placeholderValue: e.placeholderValue,
+      hideTimeZone: e.hideTimeZone,
+      hourCycle: e.hourCycle,
+      shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+      granularity: e.granularity,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isRequired: e.isRequired,
+      validationBehavior: e.validationBehavior,
+      // DatePicker owns the validation state for the date field.
+      [w]: a,
+      autoFocus: e.autoFocus,
+      name: e.name,
+      form: e.form
+    },
+    descriptionProps: P,
+    errorMessageProps: v,
+    buttonProps: {
+      ...n,
+      id: l,
+      "aria-haspopup": "dialog",
+      "aria-label": c.format("calendar"),
+      "aria-labelledby": `${l} ${d}`,
+      "aria-describedby": t,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: f,
+      "aria-labelledby": `${l} ${d}`
+    },
+    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(" "),
+      firstDayOfWeek: e.firstDayOfWeek,
+      pageBehavior: e.pageBehavior
+    },
+    isInvalid: b,
+    validationErrors: m,
+    validationDetails: g
+  };
+}
+export {
+  le as useDatePicker
+};