@okam/stack-ui 1.33.0 → 1.34.0

package/index150.mjs

@@ -1,109 +1,258 @@
-import R from "./index190.mjs";
-import { useDatePickerGroup as k } from "./index191.mjs";
-import { createFocusManager as E } from "@react-aria/focus";
-import { mergeProps as P } from "./index111.mjs";
-import { filterDOMProps as V } from "./index169.mjs";
-import { useDescription as C } from "./index182.mjs";
-import { useFormReset as I } from "./index188.mjs";
-import { useRef as g, useMemo as S, useEffect as G } from "react";
-import { useField as L } from "./index192.mjs";
-import { useFocusWithin as O } from "./index189.mjs";
-import { useFormValidation as U } from "./index160.mjs";
-import { useLocalizedStringFormatter as j } from "@react-aria/i18n";
-function q(e) {
-  return e && e.__esModule ? e.default : e;
-}
-const T = /* @__PURE__ */ new WeakMap(), u = "__role_" + Date.now(), z = "__focusManager_" + Date.now();
-function re(e, a, l) {
-  var n;
-  let { isInvalid: c, validationErrors: f, validationDetails: y } = a.displayValidation, { labelProps: b, fieldProps: d, descriptionProps: D, errorMessageProps: F } = L({
-    ...e,
-    labelElementType: "span",
-    isInvalid: c,
-    errorMessage: e.errorMessage || f
-  }), m = g(null), { focusWithinProps: h } = O({
-    ...e,
-    onFocusWithin(o) {
-      var i;
-      m.current = a.value, (i = e.onFocus) === null || i === void 0 || i.call(e, o);
+import { hookData as z } from "./index151.mjs";
+import { useDisplayNames as A } from "./index193.mjs";
+import { CalendarDate as G } from "./index194.mjs";
+import { toCalendar as J } from "./index195.mjs";
+import { useId as Q } from "./index145.mjs";
+import { mergeProps as X } from "./index111.mjs";
+import { useLabels as Y } from "./index174.mjs";
+import { useLayoutEffect as g } from "./index162.mjs";
+import { getScrollParent as ee } from "./index178.mjs";
+import { isIOS as re, isMac as ae } from "./index171.mjs";
+import { useEvent as h } from "./index182.mjs";
+import { scrollIntoViewport as te } from "./index184.mjs";
+import { NumberParser as ie } from "./index196.mjs";
+import oe, { useRef as v, useMemo as f } from "react";
+import { useLocale as le, useDateFormatter as y, useFilter as ne } from "@react-aria/i18n";
+import { useSpinButton as de } from "./index197.mjs";
+function Ce(r, a, o) {
+  let l = v(""), { locale: P } = le(), T = A(), { ariaLabel: D, ariaLabelledBy: V, ariaDescribedBy: w, focusManager: u } = z.get(a), p = r.isPlaceholder ? "" : r.text, $ = f(() => a.dateFormatter.resolvedOptions(), [
+    a.dateFormatter
+  ]), E = y({
+    month: "long",
+    timeZone: $.timeZone
+  }), O = y({
+    hour: "numeric",
+    hour12: $.hour12,
+    timeZone: $.timeZone
+  });
+  if (r.type === "month" && !r.isPlaceholder) {
+    let e = E.format(a.dateValue);
+    p = e !== p ? `${p} – ${e}` : e;
+  } else r.type === "hour" && !r.isPlaceholder && (p = O.format(a.dateValue));
+  let { spinButtonProps: I } = de({
+    // 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: r.value,
+    textValue: p,
+    minValue: r.minValue,
+    maxValue: r.maxValue,
+    isDisabled: a.isDisabled,
+    isReadOnly: a.isReadOnly || !r.isEditable,
+    isRequired: a.isRequired,
+    onIncrement: () => {
+      l.current = "", a.increment(r.type);
     },
-    onBlurWithin: (o) => {
-      var i;
-      a.confirmPlaceholder(), a.value !== m.current && a.commitValidation(), (i = e.onBlur) === null || i === void 0 || i.call(e, o);
+    onDecrement: () => {
+      l.current = "", a.decrement(r.type);
     },
-    onFocusWithinChange: e.onFocusChange
-  }), x = j(q(R), "@react-aria/datepicker"), M = a.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription", _ = a.maxGranularity === "hour" ? "time" : "date", B = a.value ? x.format(M, {
-    [_]: a.formatValue({
-      month: "long"
-    })
-  }) : "", W = C(B), $ = e[u] === "presentation" ? d["aria-describedby"] : [
-    W["aria-describedby"],
-    d["aria-describedby"]
-  ].filter(Boolean).join(" ") || void 0, p = e[z], r = S(() => p || E(l), [
-    p,
-    l
-  ]), w = k(a, l, e[u] === "presentation");
-  T.set(a, {
-    ariaLabel: e["aria-label"],
-    ariaLabelledBy: [
-      b.id,
-      e["aria-labelledby"]
-    ].filter(Boolean).join(" ") || void 0,
-    ariaDescribedBy: $,
-    focusManager: r
-  });
-  let v = g(e.autoFocus), s;
-  e[u] === "presentation" ? s = {
-    role: "presentation"
-  } : s = P(d, {
-    role: "group",
-    "aria-disabled": e.isDisabled || void 0,
-    "aria-describedby": $
-  }), G(() => {
-    v.current && r.focusFirst(), v.current = !1;
+    onIncrementPage: () => {
+      l.current = "", a.incrementPage(r.type);
+    },
+    onDecrementPage: () => {
+      l.current = "", a.decrementPage(r.type);
+    },
+    onIncrementToMax: () => {
+      l.current = "", r.maxValue !== void 0 && a.setSegment(r.type, r.maxValue);
+    },
+    onDecrementToMin: () => {
+      l.current = "", r.minValue !== void 0 && a.setSegment(r.type, r.minValue);
+    }
+  }), d = f(() => new ie(P, {
+    maximumFractionDigits: 0
+  }), [
+    P
+  ]), S = () => {
+    if (r.text === r.placeholder && u.focusPrevious(), d.isValidPartialNumber(r.text) && !a.isReadOnly && !r.isPlaceholder) {
+      let e = r.text.slice(0, -1), t = d.parse(e);
+      e = t === 0 ? "" : e, e.length === 0 || t === 0 ? a.clearSegment(r.type) : a.setSegment(r.type, t), l.current = e;
+    } else r.type === "dayPeriod" && a.clearSegment(r.type);
+  }, K = (e) => {
+    if (e.key === "a" && (ae() ? e.metaKey : e.ctrlKey) && e.preventDefault(), !(e.ctrlKey || e.metaKey || e.shiftKey || e.altKey))
+      switch (e.key) {
+        case "Backspace":
+        case "Delete":
+          e.preventDefault(), e.stopPropagation(), S();
+          break;
+      }
+  }, { startsWith: s } = ne({
+    sensitivity: "base"
+  }), m = y({
+    hour: "numeric",
+    hour12: !0
+  }), C = f(() => {
+    let e = /* @__PURE__ */ new Date();
+    return e.setHours(0), m.formatToParts(e).find((t) => t.type === "dayPeriod").value;
+  }, [
+    m
+  ]), N = f(() => {
+    let e = /* @__PURE__ */ new Date();
+    return e.setHours(12), m.formatToParts(e).find((t) => t.type === "dayPeriod").value;
+  }, [
+    m
+  ]), F = y({
+    year: "numeric",
+    era: "narrow",
+    timeZone: "UTC"
+  }), B = f(() => {
+    if (r.type !== "era") return [];
+    let e = J(new G(1, 1, 1), a.calendar), t = a.calendar.getEras().map((n) => {
+      let b = e.set({
+        year: 1,
+        month: 1,
+        day: 1,
+        era: n
+      }).toDate("UTC"), U = F.formatToParts(b).find((j) => j.type === "era").value;
+      return {
+        era: n,
+        formatted: U
+      };
+    }), i = ue(t.map((n) => n.formatted));
+    if (i) for (let n of t) n.formatted = n.formatted.slice(i);
+    return t;
   }, [
-    r
-  ]), I(e.inputRef, a.value, a.setValue), U({
-    ...e,
-    focus() {
-      r.focusFirst();
+    F,
+    a.calendar,
+    r.type
+  ]), k = (e) => {
+    if (a.isDisabled || a.isReadOnly) return;
+    let t = l.current + e;
+    switch (r.type) {
+      case "dayPeriod":
+        if (s(C, e)) a.setSegment("dayPeriod", 0);
+        else if (s(N, e)) a.setSegment("dayPeriod", 12);
+        else break;
+        u.focusNext();
+        break;
+      case "era": {
+        let i = B.find((n) => s(n.formatted, e));
+        i && (a.setSegment("era", i.era), u.focusNext());
+        break;
+      }
+      case "day":
+      case "hour":
+      case "minute":
+      case "second":
+      case "month":
+      case "year": {
+        if (!d.isValidPartialNumber(t)) return;
+        let i = d.parse(t), n = i, b = r.minValue === 0;
+        if (r.type === "hour" && a.dateFormatter.resolvedOptions().hour12) {
+          switch (a.dateFormatter.resolvedOptions().hourCycle) {
+            case "h11":
+              i > 11 && (n = d.parse(e));
+              break;
+            case "h12":
+              b = !1, i > 12 && (n = d.parse(e));
+              break;
+          }
+          r.value !== void 0 && r.value >= 12 && i > 1 && (i += 12);
+        } else r.maxValue !== void 0 && i > r.maxValue && (n = d.parse(e));
+        if (isNaN(i)) return;
+        let x = n !== 0 || b;
+        x && a.setSegment(r.type, n), r.maxValue !== void 0 && (+(i + "0") > r.maxValue || t.length >= String(r.maxValue).length) ? (l.current = "", x && u.focusNext()) : l.current = t;
+        break;
+      }
     }
-  }, a, e.inputRef);
-  let t = {
-    type: "hidden",
-    name: e.name,
-    value: ((n = a.value) === null || n === void 0 ? void 0 : n.toString()) || "",
-    disabled: e.isDisabled
-  };
-  e.validationBehavior === "native" && (t.type = "text", t.hidden = !0, t.required = e.isRequired, t.onChange = () => {
+  }, L = () => {
+    l.current = "", o.current && te(o.current, {
+      containingElement: ee(o.current)
+    });
+    let e = window.getSelection();
+    e == null || e.collapse(o.current);
+  }, M = v(typeof document < "u" ? document : null);
+  h(M, "selectionchange", () => {
+    var e;
+    let t = window.getSelection();
+    t != null && t.anchorNode && (!((e = o.current) === null || e === void 0) && e.contains(t == null ? void 0 : t.anchorNode)) && t.collapse(o.current);
   });
-  let K = V(e);
-  return {
-    labelProps: {
-      ...b,
-      onClick: () => {
-        r.focusFirst();
+  let R = v("");
+  h(o, "beforeinput", (e) => {
+    if (o.current)
+      switch (e.preventDefault(), e.inputType) {
+        case "deleteContentBackward":
+        case "deleteContentForward":
+          d.isValidPartialNumber(r.text) && !a.isReadOnly && S();
+          break;
+        case "insertCompositionText":
+          R.current = o.current.textContent, o.current.textContent = o.current.textContent;
+          break;
+        default:
+          e.data != null && k(e.data);
+          break;
       }
-    },
-    fieldProps: P(K, s, w, h, {
-      onKeyDown(o) {
-        e.onKeyDown && e.onKeyDown(o);
+  }), h(o, "input", (e) => {
+    let { inputType: t, data: i } = e;
+    switch (t) {
+      case "insertCompositionText":
+        o.current && (o.current.textContent = R.current), i != null && (s(C, i) || s(N, i)) && k(i);
+        break;
+    }
+  }), g(() => {
+    let e = o.current;
+    return () => {
+      document.activeElement === e && (u.focusPrevious() || u.focusNext());
+    };
+  }, [
+    o,
+    u
+  ]);
+  let Z = re() || r.type === "timeZoneName" ? {
+    role: "textbox",
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuetext": null,
+    "aria-valuenow": null
+  } : {}, _ = f(() => a.segments.find((e) => e.isEditable), [
+    a.segments
+  ]);
+  r !== _ && !a.isInvalid && (w = void 0);
+  let H = Q(), c = !a.isDisabled && !a.isReadOnly && r.isEditable, W = r.type === "literal" ? "" : T.of(r.type), q = Y({
+    "aria-label": `${W}${D ? `, ${D}` : ""}${V ? ", " : ""}`,
+    "aria-labelledby": V
+  });
+  return r.type === "literal" ? {
+    segmentProps: {
+      "aria-hidden": !0
+    }
+  } : {
+    segmentProps: X(I, q, {
+      id: H,
+      ...Z,
+      "aria-invalid": a.isInvalid ? "true" : void 0,
+      "aria-describedby": w,
+      "aria-readonly": a.isReadOnly || !r.isEditable ? "true" : void 0,
+      "data-placeholder": r.isPlaceholder || void 0,
+      contentEditable: c,
+      suppressContentEditableWarning: c,
+      spellCheck: c ? "false" : void 0,
+      autoCorrect: c ? "off" : void 0,
+      // Capitalization was changed in React 17...
+      [parseInt(oe.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: c ? "next" : void 0,
+      inputMode: a.isDisabled || r.type === "dayPeriod" || r.type === "era" || !c ? void 0 : "numeric",
+      tabIndex: a.isDisabled ? void 0 : 0,
+      onKeyDown: K,
+      onFocus: L,
+      style: {
+        caretColor: "transparent"
+      },
+      // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
+      onPointerDown(e) {
+        e.stopPropagation();
       },
-      onKeyUp(o) {
-        e.onKeyUp && e.onKeyUp(o);
+      onMouseDown(e) {
+        e.stopPropagation();
       }
-    }),
-    inputProps: t,
-    descriptionProps: D,
-    errorMessageProps: F,
-    isInvalid: c,
-    validationErrors: f,
-    validationDetails: y
+    })
   };
 }
+function ue(r) {
+  r.sort();
+  let a = r[0], o = r[r.length - 1];
+  for (let l = 0; l < a.length; l++)
+    if (a[l] !== o[l]) return l;
+  return 0;
+}
 export {
-  z as focusManagerSymbol,
-  T as hookData,
-  u as roleSymbol,
-  re as useDateField
+  Ce as useDateSegment
 };

package/index151.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index198.js"),te=require("./index201.js"),le=require("./index202.js"),J=require("./index195.js"),Q=require("./index154.js"),E=require("./index199.js"),re=require("./index158.js"),ne=require("./index159.js"),s=require("react"),k={year:!0,month:!0,day:!0,hour:!0,minute:!0,second:!0,dayPeriod:!0,era:!0},W={year:5,month:2,day:7,hour:2,minute:15,second:15},ie={dayperiod:"dayPeriod"};function ue(a){let{locale:l,createCalendar:i,hideTimeZone:d,isDisabled:y=!1,isReadOnly:v=!1,isRequired:I=!1,minValue:R,maxValue:T,isDateUnavailable:_}=a,V=a.value||a.defaultValue||a.placeholderValue||null,[h,g]=m.useDefaultProps(V,a.granularity),Z=g||"UTC";if(V&&!(h in V))throw new Error("Invalid granularity "+h+" for value "+V.toString());let K=s.useMemo(()=>new E.DateFormatter(l),[l]),u=s.useMemo(()=>i(K.resolvedOptions().calendar),[i,K]);var C;let[O,j]=ne.useControlledState(a.value,(C=a.defaultValue)!==null&&C!==void 0?C:null,a.onChange),S=s.useMemo(()=>{var e;return(e=m.convertValue(O,u))!==null&&e!==void 0?e:null},[O,u]),[L,w]=s.useState(()=>m.createPlaceholderDate(a.placeholderValue,h,u,g)),X=S||L,U=u.identifier==="gregory"&&X.era==="BC",M=s.useMemo(()=>{var e;return{granularity:h,maxGranularity:(e=a.maxGranularity)!==null&&e!==void 0?e:"year",timeZone:g,hideTimeZone:d,hourCycle:a.hourCycle,showEra:U,shouldForceLeadingZeros:a.shouldForceLeadingZeros}},[a.maxGranularity,h,a.hourCycle,a.shouldForceLeadingZeros,g,d,U]),Y=s.useMemo(()=>m.getFormatOptions({},M),[M]),D=s.useMemo(()=>new E.DateFormatter(l,Y),[l,Y]),x=s.useMemo(()=>D.resolvedOptions(),[D]),c=s.useMemo(()=>D.formatToParts(new Date).filter(e=>k[e.type]).reduce((e,r)=>(e[r.type]=!0,e),{}),[D]),[t,P]=s.useState(()=>a.value||a.defaultValue?{...c}:{}),q=s.useRef(null),A=s.useRef(u.identifier);s.useEffect(()=>{u.identifier!==A.current&&(A.current=u.identifier,w(e=>Object.keys(t).length>0?J.toCalendar(e,u):m.createPlaceholderDate(a.placeholderValue,h,u,g)))},[u,h,t,g,a.placeholderValue]),O&&Object.keys(t).length<Object.keys(c).length&&(t={...c},P(t)),O==null&&Object.keys(t).length===Object.keys(c).length&&(t={},P(t),w(m.createPlaceholderDate(a.placeholderValue,h,u,g)));let n=S&&Object.keys(t).length>=Object.keys(c).length?S:L,b=e=>{if(a.isDisabled||a.isReadOnly)return;let r=Object.keys(t),o=Object.keys(c);e==null?(j(null),w(m.createPlaceholderDate(a.placeholderValue,h,u,g)),P({})):r.length>=o.length||r.length===o.length-1&&c.dayPeriod&&!t.dayPeriod&&q.current!=="dayPeriod"?(e=J.toCalendar(e,(V==null?void 0:V.calendar)||new le.GregorianCalendar),j(e)):w(e),q.current=null},$=s.useMemo(()=>n.toDate(Z),[n,Z]),p=s.useMemo(()=>D.formatToParts($).map(e=>{let r=k[e.type];e.type==="era"&&u.getEras().length===1&&(r=!1);let o=k[e.type]&&!t[e.type],f=k[e.type]?te.getPlaceholder(e.type,e.value,l):null;return{type:ie[e.type]||e.type,text:o?f:e.value,...oe(n,e.type,x),isPlaceholder:o,placeholder:f,isEditable:r}}),[$,t,D,x,n,u,l]);c.era&&t.year&&!t.era?(t.era=!0,P({...t})):!c.era&&t.era&&(delete t.era,P({...t}));let B=e=>{t[e]=!0,e==="year"&&c.era&&(t.era=!0),P({...t})},F=(e,r)=>{if(t[e])b(se(n,e,r,x));else{B(e);let o=Object.keys(t),f=Object.keys(c);(o.length>=f.length||o.length===f.length-1&&c.dayPeriod&&!t.dayPeriod)&&b(n)}},ee=s.useMemo(()=>m.getValidationResult(O,R,T,_,M),[O,R,T,_,M]),N=re.useFormValidationState({...a,value:O,builtinValidation:ee}),z=N.displayValidation.isInvalid,ae=a.validationState||(z?"invalid":null);var G;return{...N,value:S,dateValue:$,calendar:u,setValue:b,segments:p,dateFormatter:D,validationState:ae,isInvalid:z,granularity:h,maxGranularity:(G=a.maxGranularity)!==null&&G!==void 0?G:"year",isDisabled:y,isReadOnly:v,isRequired:I,increment(e){F(e,1)},decrement(e){F(e,-1)},incrementPage(e){F(e,W[e]||1)},decrementPage(e){F(e,-(W[e]||1))},setSegment(e,r){B(e),b(ce(n,e,r,x))},confirmPlaceholder(){if(a.isDisabled||a.isReadOnly)return;let e=Object.keys(t),r=Object.keys(c);e.length===r.length-1&&c.dayPeriod&&!t.dayPeriod&&(t={...c},P(t),b(n.copy()))},clearSegment(e){delete t[e],q.current=e,P({...t});let r=m.createPlaceholderDate(a.placeholderValue,h,u,g),o=n;if(e==="dayPeriod"&&"hour"in n&&"hour"in r){let f=n.hour>=12,H=r.hour>=12;f&&!H?o=n.set({hour:n.hour-12}):!f&&H&&(o=n.set({hour:n.hour+12}))}else e in n&&(o=n.set({[e]:r[e]}));j(null),b(o)},formatValue(e){if(!S)return"";let r=m.getFormatOptions(e,M);return new E.DateFormatter(l,r).format($)},getDateFormatter(e,r){let o={...M,...r},f=m.getFormatOptions({},o);return new E.DateFormatter(e,f)}}}function oe(a,l,i){switch(l){case"era":{let d=a.calendar.getEras();return{value:d.indexOf(a.era),minValue:0,maxValue:d.length-1}}case"year":return{value:a.year,minValue:1,maxValue:a.calendar.getYearsInEra(a)};case"month":return{value:a.month,minValue:Q.getMinimumMonthInYear(a),maxValue:a.calendar.getMonthsInYear(a)};case"day":return{value:a.day,minValue:Q.getMinimumDayInMonth(a),maxValue:a.calendar.getDaysInMonth(a)}}if("hour"in a)switch(l){case"dayPeriod":return{value:a.hour>=12?12:0,minValue:0,maxValue:12};case"hour":if(i.hour12){let d=a.hour>=12;return{value:a.hour,minValue:d?12:0,maxValue:d?23:11}}return{value:a.hour,minValue:0,maxValue:23};case"minute":return{value:a.minute,minValue:0,maxValue:59};case"second":return{value:a.second,minValue:0,maxValue:59}}return{}}function se(a,l,i,d){switch(l){case"era":case"year":case"month":case"day":return a.cycle(l,i,{round:l==="year"})}if("hour"in a)switch(l){case"dayPeriod":{let y=a.hour,v=y>=12;return a.set({hour:v?y-12:y+12})}case"hour":case"minute":case"second":return a.cycle(l,i,{round:l!=="hour",hourCycle:d.hour12?12:24})}throw new Error("Unknown segment: "+l)}function ce(a,l,i,d){switch(l){case"day":case"month":case"year":case"era":return a.set({[l]:i})}if("hour"in a&&typeof i=="number")switch(l){case"dayPeriod":{let y=a.hour,v=y>=12;return i>=12===v?a:a.set({hour:v?y-12:y+12})}case"hour":if(d.hour12){let v=a.hour>=12;!v&&i===12&&(i=0),v&&i<12&&(i+=12)}case"minute":case"second":return a.set({[l]:i})}throw new Error("Unknown segment: "+l)}exports.useDateFieldState=ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index190.js"),K=require("./index191.js"),V=require("@react-aria/focus"),D=require("./index111.js"),E=require("./index168.js"),O=require("./index181.js"),C=require("./index187.js"),l=require("react"),G=require("./index192.js"),I=require("./index188.js"),j=require("./index159.js"),L=require("@react-aria/i18n");function T(e){return e&&e.__esModule?e.default:e}const F=new WeakMap,t="__role_"+Date.now(),h="__focusManager_"+Date.now();function U(e,i,s){var u;let{isInvalid:f,validationErrors:b,validationDetails:M}=i.displayValidation,{labelProps:v,fieldProps:c,descriptionProps:p,errorMessageProps:q}=G.useField({...e,labelElementType:"span",isInvalid:f,errorMessage:e.errorMessage||b}),P=l.useRef(null),{focusWithinProps:_}=I.useFocusWithin({...e,onFocusWithin(r){var o;P.current=i.value,(o=e.onFocus)===null||o===void 0||o.call(e,r)},onBlurWithin:r=>{var o;i.confirmPlaceholder(),i.value!==P.current&&i.commitValidation(),(o=e.onBlur)===null||o===void 0||o.call(e,r)},onFocusWithinChange:e.onFocusChange}),$=L.useLocalizedStringFormatter(T(w),"@react-aria/datepicker"),B=i.maxGranularity==="hour"?"selectedTimeDescription":"selectedDateDescription",R=i.maxGranularity==="hour"?"time":"date",W=i.value?$.format(B,{[R]:i.formatValue({month:"long"})}):"",x=O.useDescription(W),m=e[t]==="presentation"?c["aria-describedby"]:[x["aria-describedby"],c["aria-describedby"]].filter(Boolean).join(" ")||void 0,g=e[h],n=l.useMemo(()=>g||V.createFocusManager(s),[g,s]),S=K.useDatePickerGroup(i,s,e[t]==="presentation");F.set(i,{ariaLabel:e["aria-label"],ariaLabelledBy:[v.id,e["aria-labelledby"]].filter(Boolean).join(" ")||void 0,ariaDescribedBy:m,focusManager:n});let y=l.useRef(e.autoFocus),d;e[t]==="presentation"?d={role:"presentation"}:d=D.mergeProps(c,{role:"group","aria-disabled":e.isDisabled||void 0,"aria-describedby":m}),l.useEffect(()=>{y.current&&n.focusFirst(),y.current=!1},[n]),C.useFormReset(e.inputRef,i.value,i.setValue),j.useFormValidation({...e,focus(){n.focusFirst()}},i,e.inputRef);let a={type:"hidden",name:e.name,value:((u=i.value)===null||u===void 0?void 0:u.toString())||"",disabled:e.isDisabled};e.validationBehavior==="native"&&(a.type="text",a.hidden=!0,a.required=e.isRequired,a.onChange=()=>{});let k=E.filterDOMProps(e);return{labelProps:{...v,onClick:()=>{n.focusFirst()}},fieldProps:D.mergeProps(k,d,S,_,{onKeyDown(r){e.onKeyDown&&e.onKeyDown(r)},onKeyUp(r){e.onKeyUp&&e.onKeyUp(r)}}),inputProps:a,descriptionProps:p,errorMessageProps:q,isInvalid:f,validationErrors:b,validationDetails:M}}exports.focusManagerSymbol=h;exports.hookData=F;exports.roleSymbol=t;exports.useDateField=U;