@viasat/beam-react 2.72.1 → 2.74.0

package/lib/DateField/DateField.Segments.es.js

@@ -1,74 +1,75 @@
 import { jsx as n } from "react/jsx-runtime";
-import { s as l, a as r, D as S } from "../../chunks/DateField.Segment.CcTNVHpE.js";
-import { getDaysInMonth as I, getSegmentDisplay as O, YEAR_MAX as P, YEAR_MIN as _, MONTH_MAX as j, getMonthName as B } from "./DateField.utils.es.js";
-const C = {
+import { s as l, a as r, D as I } from "../../chunks/DateField.Segment.CbBsfqKp.js";
+import { getDaysInMonth as O, getSegmentDisplay as P, YEAR_MAX as _, YEAR_MIN as j, MONTH_MAX as B, getMonthName as C } from "./DateField.utils.es.js";
+const H = {
   month: "MM",
   day: "DD",
   year: "YYYY"
-}, b = ({
+}, k = ({
   parts: m,
+  locale: i,
   segmentText: o,
   segmentValues: a,
-  focusedSegment: i,
-  disabled: c,
-  readOnly: d,
-  required: y,
-  invalid: h,
-  role: p,
-  onSegmentFocus: M,
-  onSegmentBlur: u,
-  onSegmentInput: D,
-  onSegmentKeyDown: x,
-  registerSegmentRef: v
+  focusedSegment: c,
+  disabled: d,
+  readOnly: y,
+  required: h,
+  invalid: p,
+  role: M,
+  onSegmentFocus: u,
+  onSegmentBlur: D,
+  onSegmentInput: x,
+  onSegmentKeyDown: v,
+  registerSegmentRef: A
 }) => {
-  const A = {
-    day: { min: 1, max: I(a.year, a.month) },
-    month: { min: 1, max: j },
-    year: { min: _, max: P }
-  }, N = Object.values(o).every((t) => t === "");
-  return /* @__PURE__ */ n("span", { className: l[r.segments], children: m.map((t, Y) => {
+  const N = {
+    day: { min: 1, max: O(a.year, a.month) },
+    month: { min: 1, max: B },
+    year: { min: j, max: _ }
+  }, Y = Object.values(o).every((t) => t === "");
+  return /* @__PURE__ */ n("span", { className: l[r.segments], children: m.map((t, f) => {
     if (t.type === "literal")
       return /* @__PURE__ */ n(
         "span",
         {
           "aria-hidden": "true",
-          "data-placeholder": N,
+          "data-placeholder": Y,
           className: l[r.separator],
           children: t.value
         },
-        `literal-${Y}`
+        `literal-${f}`
       );
-    const e = t.type, f = C[e], { displayValue: s, isPlaceholder: g } = O(
+    const e = t.type, g = H[e], { displayValue: s, isPlaceholder: E } = P(
       e,
       o[e],
-      f
-    ), { min: E, max: F } = A[e], R = e === "month" && a.month != null ? B(a.month) : s;
+      g
+    ), { min: F, max: R } = N[e], S = e === "month" && a.month != null ? C(a.month, i) : s;
     return /* @__PURE__ */ n(
-      S,
+      I,
       {
         type: e,
         value: a[e],
-        valueMin: E,
-        valueMax: F,
+        valueMin: F,
+        valueMax: R,
         displayValue: s,
-        isPlaceholder: g,
-        valueText: R,
-        invalid: h,
-        role: p,
-        isActive: i === e,
-        disabled: c,
-        readOnly: d,
-        required: y,
-        onFocus: () => M(e),
-        onBlur: u,
-        onInput: D,
-        onKeyDown: x,
-        segmentRef: v(e)
+        isPlaceholder: E,
+        valueText: S,
+        invalid: p,
+        role: M,
+        isActive: c === e,
+        disabled: d,
+        readOnly: y,
+        required: h,
+        onFocus: () => u(e),
+        onBlur: D,
+        onInput: x,
+        onKeyDown: v,
+        segmentRef: A(e)
       },
       e
     );
   }) });
 };
 export {
-  b as DateFieldSegments
+  k as DateFieldSegments
 };

package/lib/DateField/DateField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),Te=require("clsx"),l=require("react"),e=require("../../chunks/DateField.Segment.BIX1PPHS.js"),Be=require("../../chunks/input.IxN1PTuG.js"),Ve=require("../../chunks/constants.DLsDVPyH.js"),we=require("../../chunks/helpers.CugcWtbW.js"),Pe=require("../../chunks/form.context.D3cMAhns.js"),Ae=require("../Form/contexts/label.context.cjs.js"),ke=require("../Form/contexts/helperText.context.cjs.js"),He=require("../../utils/hooks/useIsMounted.cjs.js"),Ke=require("../../utils/functions.cjs.js"),$e=require("../_ErrorBoundary/ErrorBoundary.cjs.js"),We=require("./DateField.Segments.cjs.js"),k=require("./DateField.devWarnings.cjs.js"),o=require("./DateField.utils.cjs.js"),Ye=require("./useDateFieldFocus.cjs.js"),Ue=require("./useDateFieldForm.cjs.js"),ze=require("./useDateFieldKeyboard.cjs.js"),Ge=require("./useDateFieldSegments.cjs.js"),Je=require("./useDateFieldValidity.cjs.js"),Qe=require("./useDateFieldValue.cjs.js"),Xe=require("./useInvalidState.cjs.js"),Ze="MM/DD/YYYY",es=()=>{process.env.NODE_ENV!=="production"&&console.warn("DateField: segments failed to render; showing a static fallback.")},ss=l.forwardRef(function({value:D,defaultValue:m,onChange:H,minDate:_,maxDate:g,getClampAnnouncement:K,locale:$,label:x=null,helperText:v=null,error:p,hideRequiredMarker:W=!1,validationRules:Y,width:U,theme:y,fluid:z=!1,size:G=Be.defaultInputSize,disabled:J=!1,readOnly:Q=!1,required:X=!1,name:S,id:Z,className:ee,style:se,"aria-label":te,"aria-describedby":le,"aria-labelledby":ae,...re},h){const{disabled:s,readOnly:i,required:q,invalid:ie,errorMessageProvided:I,defaultValue:ne,errorId:M,helperTextId:oe,validationErrorsId:de,labelId:R,ariaDescribedBy:ue,ariaLabelledBy:ce,showErrors:be}=Ue.useDateFieldForm({name:S,disabled:J,readOnly:Q,required:X,defaultValue:m,error:p,hasHelperText:!!v,hasLabel:!!x,validationRules:Y,ariaDescribedBy:le,ariaLabelledBy:ae});k.useDevMinMaxWarning(_,g),k.useDevInvalidValueWarning(D,m);const n=l.useRef(null),{segmentRefs:fe,registerSegmentRef:Fe}=Ge.useDateFieldSegments(),De=$??o.DEFAULT_LOCALE,C=He.useIsMounted(),c=o.getDateParts(C?De:o.DEFAULT_LOCALE),d=l.useMemo(()=>o.getSegmentOrder(c),[c]),{segmentText:me,segmentValues:E,currentValue:N,wasTouched:_e,appendDigit:j,adjustSegment:ge,clearSegment:xe,clearAll:L,beginSegmentEdit:ve,commitOnBlur:pe,clampAnnouncement:ye}=Qe.useDateFieldValue({value:D,defaultValue:ne,onChange:H,minDate:_,maxDate:g,getClampAnnouncement:K}),{focusedSegment:O,fieldTabIndex:Se,handleSegmentFocus:u,handleFieldFocus:he,handleFieldBlur:qe,handleFieldMouseDown:Ie,focusNext:b,focusPrevious:Me}=Ye.useDateFieldFocus({disabled:s,fieldRef:n,segmentRefs:fe,partsOrder:d,onSegmentFocusChange:ve,onFieldBlur:pe}),Re=ze.useDateFieldKeyboard({disabled:s,readOnly:i,fieldRef:n,focusNext:b,focusPrevious:Me,adjustSegment:ge,clearSegment:xe}),{isInvalid:Ce}=Je.useDateFieldValidity({segments:E,currentValue:N,wasTouched:_e,isFocused:O!==null}),Ee=l.useCallback((t,r)=>{const{advanced:F}=j(t,r);F&&b(t)},[j,b]),f=Xe.useInvalidState({formInvalid:ie,valueInvalid:Ce}),Ne=C&&we.isIOS()?"textbox":"spinbutton",T=l.useCallback(t=>{s||u(d[0],t)},[s,u,d]),B=l.useCallback(()=>{var r;if(s)return;const t=document.activeElement;t instanceof HTMLElement&&t!==n.current&&((r=n.current)!=null&&r.contains(t))&&t.blur()},[s]),V=l.useCallback(()=>{s||i||L()},[s,i,L]),w=l.useRef(T),P=l.useRef(B),A=l.useRef(V);w.current=T,P.current=B,A.current=V;const je=l.useCallback(t=>{const r=t?Object.assign(t,{focus:F=>w.current(F),blur:()=>P.current(),clear:()=>A.current()}):null;Ke.mergeRefs(n,h)(r)},[h]),Le=t=>{if(s)return;const r=t.target.closest("label");!r||r.id!==R||(t.preventDefault(),u(d[0]))},Oe=Te(e.styles[e.baseClassNamePrefix],y&&Ve.themeClassName(y),e.styles[`${e.classModifierPrefix}${G}`],z&&e.styles[`${e.classModifierPrefix}fluid`],f&&e.styles[`${e.classModifierPrefix}error`],s&&e.styles[`${e.classModifierPrefix}disabled`],i&&e.styles[`${e.classModifierPrefix}read-only`],ee);return a.jsxs("div",{className:Oe,style:{...se,maxWidth:U},onMouseDownCapture:Le,children:[a.jsx(Ae.LabelProvider,{ctxId:R,ctxDisabled:s,ctxRequired:q&&!W,children:x}),a.jsx("div",{...re,ref:je,id:Z,role:"group","aria-label":te,"aria-labelledby":ce,"aria-disabled":s||void 0,"aria-invalid":f||void 0,"aria-describedby":ue,"aria-errormessage":I?M:void 0,tabIndex:Se,className:e.styles[e.staticDateFieldClassNames.field],onMouseDown:Ie,onFocus:he,children:a.jsx($e.ErrorBoundary,{fallback:a.jsx("span",{className:e.styles[e.staticDateFieldClassNames.segments],children:Ze}),onError:es,children:a.jsx(We.DateFieldSegments,{parts:c,segmentText:me,segmentValues:E,focusedSegment:O,disabled:s,readOnly:i,required:q,invalid:f,role:Ne,onSegmentFocus:u,onSegmentBlur:qe,onSegmentInput:Ee,onSegmentKeyDown:Re,registerSegmentRef:Fe})})}),a.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",className:e.styles[e.staticDateFieldClassNames.srStatus],children:ye}),a.jsx("input",{type:"hidden",name:S,value:o.toISODateString(N),disabled:s}),a.jsxs(ke.HelperTextProvider,{ctxId:oe,ctxDisabled:s,children:[v,I&&a.jsx(Pe.HelperText,{id:M,appearance:"negative",children:p})]}),be(de)]})});exports.DateField=ss;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),Ve=require("clsx"),l=require("react"),e=require("../../chunks/DateField.Segment.CM_C5M-a.js"),we=require("../../chunks/input.IxN1PTuG.js"),Pe=require("../../chunks/constants.DLsDVPyH.js"),Ae=require("../../chunks/helpers.DHCqqM5J.js"),H=require("../../chunks/dates.CVW08OQ2.js"),ke=require("../../chunks/form.context.DySHLxlJ.js"),He=require("../Form/contexts/label.context.cjs.js"),Ke=require("../Form/contexts/helperText.context.cjs.js"),$e=require("../../utils/hooks/useIsMounted.cjs.js"),We=require("../../utils/functions.cjs.js"),Ye=require("../_ErrorBoundary/ErrorBoundary.cjs.js"),Ue=require("./DateField.Segments.cjs.js"),K=require("./DateField.devWarnings.cjs.js"),F=require("./DateField.utils.cjs.js"),ze=require("./useDateFieldFocus.cjs.js"),Ge=require("./useDateFieldForm.cjs.js"),Je=require("./useDateFieldKeyboard.cjs.js"),Qe=require("./useDateFieldSegments.cjs.js"),Xe=require("./useDateFieldValidity.cjs.js"),Ze=require("./useDateFieldValue.cjs.js"),es=require("./useInvalidState.cjs.js"),ss="MM/DD/YYYY",ts=()=>{process.env.NODE_ENV!=="production"&&console.warn("DateField: segments failed to render; showing a static fallback.")},ls=l.forwardRef(function({value:D,defaultValue:m,onChange:$,minDate:_,maxDate:g,getClampAnnouncement:W,locale:Y,label:x=null,helperText:p=null,error:v,hideRequiredMarker:U=!1,validationRules:z,width:G,theme:y,fluid:J=!1,size:Q=we.defaultInputSize,disabled:X=!1,readOnly:Z=!1,required:ee=!1,name:S,id:se,className:te,style:le,"aria-label":ae,"aria-describedby":re,"aria-labelledby":ie,...ne},h){const{disabled:s,readOnly:i,required:q,invalid:oe,errorMessageProvided:I,defaultValue:de,errorId:M,helperTextId:ue,validationErrorsId:ce,labelId:R,ariaDescribedBy:be,ariaLabelledBy:fe,showErrors:Fe}=Ge.useDateFieldForm({name:S,disabled:X,readOnly:Z,required:ee,defaultValue:m,error:v,hasHelperText:!!p,hasLabel:!!x,validationRules:z,ariaDescribedBy:re,ariaLabelledBy:ie});K.useDevMinMaxWarning(_,g),K.useDevInvalidValueWarning(D,m);const n=l.useRef(null),{segmentRefs:De,registerSegmentRef:me}=Qe.useDateFieldSegments(),_e=Y??H.DEFAULT_LOCALE,C=$e.useIsMounted(),E=C?_e:H.DEFAULT_LOCALE,u=F.getDateParts(E),o=l.useMemo(()=>F.getSegmentOrder(u),[u]),{segmentText:ge,segmentValues:L,currentValue:N,wasTouched:xe,appendDigit:j,adjustSegment:pe,clearSegment:ve,clearAll:O,beginSegmentEdit:ye,commitOnBlur:Se,clampAnnouncement:he}=Ze.useDateFieldValue({value:D,defaultValue:de,onChange:$,minDate:_,maxDate:g,getClampAnnouncement:W}),{focusedSegment:T,fieldTabIndex:qe,handleSegmentFocus:d,handleFieldFocus:Ie,handleFieldBlur:Me,handleFieldMouseDown:Re,focusNext:c,focusPrevious:Ce}=ze.useDateFieldFocus({disabled:s,fieldRef:n,segmentRefs:De,partsOrder:o,onSegmentFocusChange:ye,onFieldBlur:Se}),Ee=Je.useDateFieldKeyboard({disabled:s,readOnly:i,fieldRef:n,focusNext:c,focusPrevious:Ce,adjustSegment:pe,clearSegment:ve}),{isInvalid:Le}=Xe.useDateFieldValidity({segments:L,currentValue:N,wasTouched:xe,isFocused:T!==null}),Ne=l.useCallback((t,r)=>{const{advanced:f}=j(t,r);f&&c(t)},[j,c]),b=es.useInvalidState({formInvalid:oe,valueInvalid:Le}),je=C&&Ae.isIOS()?"textbox":"spinbutton",B=l.useCallback(t=>{s||d(o[0],t)},[s,d,o]),V=l.useCallback(()=>{var r;if(s)return;const t=document.activeElement;t instanceof HTMLElement&&t!==n.current&&((r=n.current)!=null&&r.contains(t))&&t.blur()},[s]),w=l.useCallback(()=>{s||i||O()},[s,i,O]),P=l.useRef(B),A=l.useRef(V),k=l.useRef(w);P.current=B,A.current=V,k.current=w;const Oe=l.useCallback(t=>{const r=t?Object.assign(t,{focus:f=>P.current(f),blur:()=>A.current(),clear:()=>k.current()}):null;We.mergeRefs(n,h)(r)},[h]),Te=t=>{if(s)return;const r=t.target.closest("label");!r||r.id!==R||(t.preventDefault(),d(o[0]))},Be=Ve(e.styles[e.baseClassNamePrefix],y&&Pe.themeClassName(y),e.styles[`${e.classModifierPrefix}${Q}`],J&&e.styles[`${e.classModifierPrefix}fluid`],b&&e.styles[`${e.classModifierPrefix}error`],s&&e.styles[`${e.classModifierPrefix}disabled`],i&&e.styles[`${e.classModifierPrefix}read-only`],te);return a.jsxs("div",{className:Be,style:{...le,maxWidth:G},onMouseDownCapture:Te,children:[a.jsx(He.LabelProvider,{ctxId:R,ctxDisabled:s,ctxRequired:q&&!U,children:x}),a.jsx("div",{...ne,ref:Oe,id:se,role:"group","aria-label":ae,"aria-labelledby":fe,"aria-disabled":s||void 0,"aria-invalid":b||void 0,"aria-describedby":be,"aria-errormessage":I?M:void 0,tabIndex:qe,className:e.styles[e.staticDateFieldClassNames.field],onMouseDown:Re,onFocus:Ie,children:a.jsx(Ye.ErrorBoundary,{fallback:a.jsx("span",{className:e.styles[e.staticDateFieldClassNames.segments],children:ss}),onError:ts,children:a.jsx(Ue.DateFieldSegments,{parts:u,locale:E,segmentText:ge,segmentValues:L,focusedSegment:T,disabled:s,readOnly:i,required:q,invalid:b,role:je,onSegmentFocus:d,onSegmentBlur:Me,onSegmentInput:Ne,onSegmentKeyDown:Ee,registerSegmentRef:me})})}),a.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",className:e.styles[e.staticDateFieldClassNames.srStatus],children:he}),a.jsx("input",{type:"hidden",name:S,value:F.toISODateString(N),disabled:s}),a.jsxs(Ke.HelperTextProvider,{ctxId:ue,ctxDisabled:s,children:[p,I&&a.jsx(ke.HelperText,{id:M,appearance:"negative",children:v})]}),Fe(ce)]})});exports.DateField=ls;

package/lib/DateField/DateField.devWarnings.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),i=require("./DateField.utils.cjs.js"),l=(e,a)=>{s.useEffect(()=>{process.env.NODE_ENV!=="production"&&i.isMinMaxMisconfigured(e,a)&&console.warn("DateField: `minDate` is after `maxDate` — no date satisfies both, so the blur clamp is disabled and values are left as typed.")},[i.dateKeyOrNull(e),i.dateKeyOrNull(a)])},r=(e,a)=>{const n=e instanceof Date&&!i.isValidDate(e),t=a instanceof Date&&!i.isValidDate(a);s.useEffect(()=>{process.env.NODE_ENV!=="production"&&(n&&console.warn("DateField: `value` is an Invalid Date; rendering with no value."),t&&console.warn("DateField: `defaultValue` is an Invalid Date; rendering with no value."))},[n,t])};exports.useDevInvalidValueWarning=r;exports.useDevMinMaxWarning=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("./DateField.utils.cjs.js"),s=require("../../chunks/dates.CVW08OQ2.js"),r=(e,a)=>{l.useEffect(()=>{process.env.NODE_ENV!=="production"&&i.isMinMaxMisconfigured(e,a)&&console.warn("DateField: `minDate` is after `maxDate` — no date satisfies both, so the blur clamp is disabled and values are left as typed.")},[i.dateKeyOrNull(e),i.dateKeyOrNull(a)])},o=(e,a)=>{const n=e instanceof Date&&!s.isValidDate(e),t=a instanceof Date&&!s.isValidDate(a);l.useEffect(()=>{process.env.NODE_ENV!=="production"&&(n&&console.warn("DateField: `value` is an Invalid Date; rendering with no value."),t&&console.warn("DateField: `defaultValue` is an Invalid Date; rendering with no value."))},[n,t])};exports.useDevInvalidValueWarning=o;exports.useDevMinMaxWarning=r;

package/lib/DateField/DateField.devWarnings.es.js

@@ -1,14 +1,15 @@
-import { useEffect as o } from "react";
-import { isMinMaxMisconfigured as l, dateKeyOrNull as t, isValidDate as s } from "./DateField.utils.es.js";
-const c = (e, a) => {
-  o(() => {
-    process.env.NODE_ENV !== "production" && l(e, a) && console.warn(
+import { useEffect as s } from "react";
+import { isMinMaxMisconfigured as r, dateKeyOrNull as t } from "./DateField.utils.es.js";
+import { i as o } from "../../chunks/dates.NqdbQ2fR.js";
+const f = (e, a) => {
+  s(() => {
+    process.env.NODE_ENV !== "production" && r(e, a) && console.warn(
       "DateField: `minDate` is after `maxDate` — no date satisfies both, so the blur clamp is disabled and values are left as typed."
     );
   }, [t(e), t(a)]);
 }, u = (e, a) => {
-  const n = e instanceof Date && !s(e), i = a instanceof Date && !s(a);
-  o(() => {
+  const n = e instanceof Date && !o(e), i = a instanceof Date && !o(a);
+  s(() => {
     process.env.NODE_ENV !== "production" && (n && console.warn(
       "DateField: `value` is an Invalid Date; rendering with no value."
     ), i && console.warn(
@@ -18,5 +19,5 @@ const c = (e, a) => {
 };
 export {
   u as useDevInvalidValueWarning,
-  c as useDevMinMaxWarning
+  f as useDevMinMaxWarning
 };

package/lib/DateField/DateField.es.js

@@ -1,239 +1,241 @@
-import { jsxs as W, jsx as s } from "react/jsx-runtime";
-import $e from "clsx";
-import { forwardRef as He, useRef as u, useMemo as Ke, useCallback as o } from "react";
-import { s as t, b as je, c as i, a as g } from "../../chunks/DateField.Segment.CcTNVHpE.js";
-import { d as qe } from "../../chunks/input.Bh4COLFp.js";
-import { t as We } from "../../chunks/constants.XFX4nOSf.js";
-import { i as Ye } from "../../chunks/helpers.DWdxSU31.js";
-import { H as _e } from "../../chunks/form.context.DZSt9YJH.js";
-import { LabelProvider as ke } from "../Form/contexts/label.context.es.js";
-import { HelperTextProvider as ze } from "../Form/contexts/helperText.context.es.js";
-import { useIsMounted as Ue } from "../../utils/hooks/useIsMounted.es.js";
-import { mergeRefs as Ge } from "../../utils/functions.es.js";
-import { ErrorBoundary as Je } from "../_ErrorBoundary/ErrorBoundary.es.js";
-import { DateFieldSegments as Qe } from "./DateField.Segments.es.js";
-import { useDevMinMaxWarning as Xe, useDevInvalidValueWarning as Ze } from "./DateField.devWarnings.es.js";
-import { getDateParts as er, getSegmentOrder as rr, toISODateString as ar, DEFAULT_LOCALE as Y } from "./DateField.utils.es.js";
-import { useDateFieldFocus as tr } from "./useDateFieldFocus.es.js";
-import { useDateFieldForm as sr } from "./useDateFieldForm.es.js";
-import { useDateFieldKeyboard as nr } from "./useDateFieldKeyboard.es.js";
-import { useDateFieldSegments as lr } from "./useDateFieldSegments.es.js";
-import { useDateFieldValidity as or } from "./useDateFieldValidity.es.js";
-import { useDateFieldValue as ir } from "./useDateFieldValue.es.js";
-import { useInvalidState as dr } from "./useInvalidState.es.js";
-const cr = "MM/DD/YYYY", ur = () => {
+import { jsxs as Y, jsx as s } from "react/jsx-runtime";
+import He from "clsx";
+import { forwardRef as Ke, useRef as u, useMemo as je, useCallback as n } from "react";
+import { s as t, b as qe, c as i, a as g } from "../../chunks/DateField.Segment.CbBsfqKp.js";
+import { d as We } from "../../chunks/input.Bh4COLFp.js";
+import { t as Ye } from "../../chunks/constants.XFX4nOSf.js";
+import { i as _e } from "../../chunks/helpers.BUsAyYMh.js";
+import { D as _ } from "../../chunks/dates.NqdbQ2fR.js";
+import { H as ke } from "../../chunks/form.context.CW5SOzlz.js";
+import { LabelProvider as ze } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as Ue } from "../Form/contexts/helperText.context.es.js";
+import { useIsMounted as Ge } from "../../utils/hooks/useIsMounted.es.js";
+import { mergeRefs as Je } from "../../utils/functions.es.js";
+import { ErrorBoundary as Qe } from "../_ErrorBoundary/ErrorBoundary.es.js";
+import { DateFieldSegments as Xe } from "./DateField.Segments.es.js";
+import { useDevMinMaxWarning as Ze, useDevInvalidValueWarning as er } from "./DateField.devWarnings.es.js";
+import { getDateParts as rr, getSegmentOrder as ar, toISODateString as tr } from "./DateField.utils.es.js";
+import { useDateFieldFocus as sr } from "./useDateFieldFocus.es.js";
+import { useDateFieldForm as or } from "./useDateFieldForm.es.js";
+import { useDateFieldKeyboard as lr } from "./useDateFieldKeyboard.es.js";
+import { useDateFieldSegments as nr } from "./useDateFieldSegments.es.js";
+import { useDateFieldValidity as ir } from "./useDateFieldValidity.es.js";
+import { useDateFieldValue as dr } from "./useDateFieldValue.es.js";
+import { useInvalidState as cr } from "./useInvalidState.es.js";
+const ur = "MM/DD/YYYY", mr = () => {
   process.env.NODE_ENV !== "production" && console.warn("DateField: segments failed to render; showing a static fallback.");
-}, Ar = He(
+}, $r = Ke(
   function({
     value: v,
     defaultValue: D,
-    onChange: _,
+    onChange: k,
     minDate: F,
     maxDate: h,
-    getClampAnnouncement: k,
-    locale: z,
+    getClampAnnouncement: z,
+    locale: U,
     label: S = null,
     helperText: x = null,
-    error: I,
-    hideRequiredMarker: U = !1,
-    validationRules: G,
-    width: J,
-    theme: y,
-    fluid: Q = !1,
-    size: X = qe,
-    disabled: Z = !1,
-    readOnly: ee = !1,
-    required: re = !1,
+    error: y,
+    hideRequiredMarker: G = !1,
+    validationRules: J,
+    width: Q,
+    theme: I,
+    fluid: X = !1,
+    size: Z = We,
+    disabled: ee = !1,
+    readOnly: re = !1,
+    required: ae = !1,
     name: M,
-    id: ae,
-    className: te,
-    style: se,
-    "aria-label": ne,
-    "aria-describedby": le,
-    "aria-labelledby": oe,
-    ...ie
+    id: te,
+    className: se,
+    style: oe,
+    "aria-label": le,
+    "aria-describedby": ne,
+    "aria-labelledby": ie,
+    ...de
   }, R) {
     const {
       disabled: e,
-      readOnly: n,
+      readOnly: o,
       required: E,
-      invalid: de,
+      invalid: ce,
       errorMessageProvided: N,
-      defaultValue: ce,
-      errorId: O,
-      helperTextId: ue,
-      validationErrorsId: me,
-      labelId: w,
-      ariaDescribedBy: fe,
-      ariaLabelledBy: pe,
-      showErrors: be
-    } = sr({
+      defaultValue: ue,
+      errorId: L,
+      helperTextId: me,
+      validationErrorsId: fe,
+      labelId: O,
+      ariaDescribedBy: pe,
+      ariaLabelledBy: be,
+      showErrors: ge
+    } = or({
       name: M,
-      disabled: Z,
-      readOnly: ee,
-      required: re,
+      disabled: ee,
+      readOnly: re,
+      required: ae,
       defaultValue: D,
-      error: I,
+      error: y,
       hasHelperText: !!x,
       hasLabel: !!S,
-      validationRules: G,
-      ariaDescribedBy: le,
-      ariaLabelledBy: oe
+      validationRules: J,
+      ariaDescribedBy: ne,
+      ariaLabelledBy: ie
     });
-    Xe(F, h), Ze(v, D);
-    const l = u(null), { segmentRefs: ge, registerSegmentRef: ve } = lr(), De = z ?? Y, C = Ue(), m = er(C ? De : Y), d = Ke(() => rr(m), [m]), {
-      segmentText: Fe,
-      segmentValues: L,
-      currentValue: B,
-      wasTouched: he,
-      appendDigit: V,
-      adjustSegment: Se,
-      clearSegment: xe,
-      clearAll: T,
+    Ze(F, h), er(v, D);
+    const l = u(null), { segmentRefs: ve, registerSegmentRef: De } = nr(), Fe = U ?? _, w = Ge(), C = w ? Fe : _, m = rr(C), d = je(() => ar(m), [m]), {
+      segmentText: he,
+      segmentValues: B,
+      currentValue: V,
+      wasTouched: Se,
+      appendDigit: T,
+      adjustSegment: xe,
+      clearSegment: ye,
+      clearAll: A,
       beginSegmentEdit: Ie,
-      commitOnBlur: ye,
-      clampAnnouncement: Me
-    } = ir({
+      commitOnBlur: Me,
+      clampAnnouncement: Re
+    } = dr({
       value: v,
-      defaultValue: ce,
-      onChange: _,
+      defaultValue: ue,
+      onChange: k,
       minDate: F,
       maxDate: h,
-      getClampAnnouncement: k
+      getClampAnnouncement: z
     }), {
-      focusedSegment: A,
-      fieldTabIndex: Re,
+      focusedSegment: P,
+      fieldTabIndex: Ee,
       handleSegmentFocus: c,
-      handleFieldFocus: Ee,
-      handleFieldBlur: Ne,
+      handleFieldFocus: Ne,
+      handleFieldBlur: Le,
       handleFieldMouseDown: Oe,
       focusNext: f,
       focusPrevious: we
-    } = tr({
+    } = sr({
       disabled: e,
       fieldRef: l,
-      segmentRefs: ge,
+      segmentRefs: ve,
       partsOrder: d,
       onSegmentFocusChange: Ie,
-      onFieldBlur: ye
-    }), Ce = nr({
+      onFieldBlur: Me
+    }), Ce = lr({
       disabled: e,
-      readOnly: n,
+      readOnly: o,
       fieldRef: l,
       focusNext: f,
       focusPrevious: we,
-      adjustSegment: Se,
-      clearSegment: xe
-    }), { isInvalid: Le } = or({
-      segments: L,
-      currentValue: B,
-      wasTouched: he,
-      isFocused: A !== null
-    }), Be = o(
+      adjustSegment: xe,
+      clearSegment: ye
+    }), { isInvalid: Be } = ir({
+      segments: B,
+      currentValue: V,
+      wasTouched: Se,
+      isFocused: P !== null
+    }), Ve = n(
       (r, a) => {
-        const { advanced: b } = V(r, a);
+        const { advanced: b } = T(r, a);
         b && f(r);
       },
-      [V, f]
-    ), p = dr({
-      formInvalid: de,
-      valueInvalid: Le
-    }), Ve = C && Ye() ? "textbox" : "spinbutton", P = o(
+      [T, f]
+    ), p = cr({
+      formInvalid: ce,
+      valueInvalid: Be
+    }), Te = w && _e() ? "textbox" : "spinbutton", $ = n(
       (r) => {
         e || c(d[0], r);
       },
       [e, c, d]
-    ), $ = o(() => {
+    ), H = n(() => {
       var a;
       if (e) return;
       const r = document.activeElement;
       r instanceof HTMLElement && r !== l.current && ((a = l.current) != null && a.contains(r)) && r.blur();
-    }, [e]), H = o(() => {
-      e || n || T();
-    }, [e, n, T]), K = u(P), j = u($), q = u(H);
-    K.current = P, j.current = $, q.current = H;
-    const Te = o(
+    }, [e]), K = n(() => {
+      e || o || A();
+    }, [e, o, A]), j = u($), q = u(H), W = u(K);
+    j.current = $, q.current = H, W.current = K;
+    const Ae = n(
       (r) => {
         const a = r ? Object.assign(r, {
-          focus: (b) => K.current(b),
-          blur: () => j.current(),
-          clear: () => q.current()
+          focus: (b) => j.current(b),
+          blur: () => q.current(),
+          clear: () => W.current()
         }) : null;
-        Ge(
+        Je(
           l,
           R
         )(a);
       },
       [R]
-    ), Ae = (r) => {
+    ), Pe = (r) => {
       if (e) return;
       const a = r.target.closest("label");
-      !a || a.id !== w || (r.preventDefault(), c(d[0]));
-    }, Pe = $e(
-      t[je],
-      y && We(y),
-      t[`${i}${X}`],
-      Q && t[`${i}fluid`],
+      !a || a.id !== O || (r.preventDefault(), c(d[0]));
+    }, $e = He(
+      t[qe],
+      I && Ye(I),
+      t[`${i}${Z}`],
+      X && t[`${i}fluid`],
       p && t[`${i}error`],
       e && t[`${i}disabled`],
-      n && t[`${i}read-only`],
-      te
+      o && t[`${i}read-only`],
+      se
     );
-    return /* @__PURE__ */ W(
+    return /* @__PURE__ */ Y(
       "div",
       {
-        className: Pe,
-        style: { ...se, maxWidth: J },
-        onMouseDownCapture: Ae,
+        className: $e,
+        style: { ...oe, maxWidth: Q },
+        onMouseDownCapture: Pe,
         children: [
           /* @__PURE__ */ s(
-            ke,
+            ze,
             {
-              ctxId: w,
+              ctxId: O,
               ctxDisabled: e,
-              ctxRequired: E && !U,
+              ctxRequired: E && !G,
               children: S
             }
           ),
           /* @__PURE__ */ s(
             "div",
             {
-              ...ie,
-              ref: Te,
-              id: ae,
+              ...de,
+              ref: Ae,
+              id: te,
               role: "group",
-              "aria-label": ne,
-              "aria-labelledby": pe,
+              "aria-label": le,
+              "aria-labelledby": be,
               "aria-disabled": e || void 0,
               "aria-invalid": p || void 0,
-              "aria-describedby": fe,
-              "aria-errormessage": N ? O : void 0,
-              tabIndex: Re,
+              "aria-describedby": pe,
+              "aria-errormessage": N ? L : void 0,
+              tabIndex: Ee,
               className: t[g.field],
               onMouseDown: Oe,
-              onFocus: Ee,
+              onFocus: Ne,
               children: /* @__PURE__ */ s(
-                Je,
+                Qe,
                 {
-                  fallback: /* @__PURE__ */ s("span", { className: t[g.segments], children: cr }),
-                  onError: ur,
+                  fallback: /* @__PURE__ */ s("span", { className: t[g.segments], children: ur }),
+                  onError: mr,
                   children: /* @__PURE__ */ s(
-                    Qe,
+                    Xe,
                     {
                       parts: m,
-                      segmentText: Fe,
-                      segmentValues: L,
-                      focusedSegment: A,
+                      locale: C,
+                      segmentText: he,
+                      segmentValues: B,
+                      focusedSegment: P,
                       disabled: e,
-                      readOnly: n,
+                      readOnly: o,
                       required: E,
                       invalid: p,
-                      role: Ve,
+                      role: Te,
                       onSegmentFocus: c,
-                      onSegmentBlur: Ne,
-                      onSegmentInput: Be,
+                      onSegmentBlur: Le,
+                      onSegmentInput: Ve,
                       onSegmentKeyDown: Ce,
-                      registerSegmentRef: ve
+                      registerSegmentRef: De
                     }
                   )
                 }
@@ -247,7 +249,7 @@ const cr = "MM/DD/YYYY", ur = () => {
               "aria-live": "polite",
               "aria-atomic": "true",
               className: t[g.srStatus],
-              children: Me
+              children: Re
             }
           ),
           /* @__PURE__ */ s(
@@ -255,20 +257,20 @@ const cr = "MM/DD/YYYY", ur = () => {
             {
               type: "hidden",
               name: M,
-              value: ar(B),
+              value: tr(V),
               disabled: e
             }
           ),
-          /* @__PURE__ */ W(ze, { ctxId: ue, ctxDisabled: e, children: [
+          /* @__PURE__ */ Y(Ue, { ctxId: me, ctxDisabled: e, children: [
             x,
-            N && /* @__PURE__ */ s(_e, { id: O, appearance: "negative", children: I })
+            N && /* @__PURE__ */ s(ke, { id: L, appearance: "negative", children: y })
           ] }),
-          be(me)
+          ge(fe)
         ]
       }
     );
   }
 );
 export {
-  Ar as DateField
+  $r as DateField
 };

package/lib/DateField/DateField.types.d.ts

@@ -126,7 +126,8 @@ export interface DateFieldProps extends DateFieldInputAttributes {
     getClampAnnouncement?: (clampedDate: Date) => string;
     /**
      * Specify the BCP-47 locale tag driving segment order and separators
-     * (e.g. `en-GB` → DD/MM/YYYY, `de-DE` → DD.MM.YYYY)
+     * (e.g. `en-GB` → DD/MM/YYYY, `de-DE` → DD.MM.YYYY), and the month name a
+     * screen reader announces for the month segment ("März" for `03` in de-DE).
      * @default 'en-US'
      */
     locale?: string;