@viasat/beam-react 2.49.0 → 2.49.1

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

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

package/lib/wip/DateField/DateField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),ve=require("clsx"),w=require("react"),e=require("../../../chunks/DateField.Segment.CnDrSK1L.js"),ye=require("../../../chunks/constants.CgMu0_1M.js"),Se=require("../../../chunks/form.context.D5XrYvpI.js"),he=require("../../Form/contexts/label.context.cjs.js"),qe=require("../../Form/contexts/helperText.context.cjs.js"),we=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),o=require("./DateField.Segments.cjs.js"),t=require("./DateField.utils.cjs.js"),Ie=require("./useDateFieldFocus.cjs.js"),Re=require("./useDateFieldForm.cjs.js"),Ne=require("./useDateFieldKeyboard.cjs.js"),Me=require("./useDateFieldSegments.cjs.js"),Oe=require("./useDateFieldValidity.cjs.js"),Pe=require("./useDateFieldValue.cjs.js"),Te=require("./useInvalidState.cjs.js"),Ve=w.forwardRef(function({value:I,defaultValue:R,onChange:N,minDate:r,maxDate:d,getClampAnnouncement:M,label:u=null,helperText:c=null,error:F,hideRequiredMarker:O=!1,validationRules:P,width:T,theme:b,fluid:V=!1,disabled:j=!1,readOnly:C=!1,required:B=!1,name:f,id:E,className:K,style:H,"aria-label":L,"aria-describedby":$,"aria-labelledby":A,...k},U){const{disabled:a,readOnly:n,required:_,invalid:W,errorMessageProvided:D,defaultValue:z,errorId:m,helperTextId:G,validationErrorsId:J,labelId:p,ariaDescribedBy:Q,ariaLabelledBy:X,showErrors:Y}=Re.useDateFieldForm({name:f,disabled:j,readOnly:C,required:B,defaultValue:R,error:F,hasHelperText:!!c,hasLabel:!!u,validationRules:P,ariaDescribedBy:$,ariaLabelledBy:A});w.useEffect(()=>{process.env.NODE_ENV!=="production"&&t.isMinMaxMisconfigured(r,d)&&console.warn("DateField: `minDate` is after `maxDate` — no date satisfies both, so the blur clamp is disabled and values are left as typed.")},[t.dateKeyOrNull(r),t.dateKeyOrNull(d)]);const{refFn:Z,ref:g}=we.useUniversalRef(U),{segmentRefs:ee,registerSegmentRef:ae}=Me.useDateFieldSegments(),{segmentText:ie,segmentValues:x,currentValue:v,wasTouched:le,appendDigit:se,adjustSegment:te,clearSegment:re,beginSegmentEdit:de,commitOnBlur:ne,clampAnnouncement:oe}=Pe.useDateFieldValue({value:I,defaultValue:z,onChange:N,minDate:r,maxDate:d,getClampAnnouncement:M}),{focusedSegment:y,fieldTabIndex:ue,handleSegmentFocus:S,handleFieldFocus:ce,handleFieldBlur:Fe,handleFieldMouseDown:be,focusNext:h,focusPrevious:fe}=Ie.useDateFieldFocus({disabled:a,fieldRef:g,segmentRefs:ee,partsOrder:o.PARTS_ORDER,onSegmentFocusChange:de,onFieldBlur:ne}),_e=Ne.useDateFieldKeyboard({disabled:a,readOnly:n,fieldRef:g,focusNext:h,focusPrevious:fe,adjustSegment:te,clearSegment:re}),{isInvalid:De}=Oe.useDateFieldValidity({segments:x,currentValue:v,wasTouched:le,isFocused:y!==null}),me=(l,s)=>{const{advanced:xe}=se(l,s);xe&&h(l)},q=Te.useInvalidState({formInvalid:W,valueInvalid:De}),pe=l=>{if(a)return;const s=l.target.closest("label");!s||s.id!==p||(l.preventDefault(),S(o.PARTS_ORDER[0]))},ge=ve(e.styles[e.baseClassNamePrefix],b&&ye.themeClassName(b),V&&e.styles[`${e.classModifierPrefix}fluid`],q&&e.styles[`${e.classModifierPrefix}error`],a&&e.styles[`${e.classModifierPrefix}disabled`],n&&e.styles[`${e.classModifierPrefix}read-only`],K);return i.jsxs("div",{className:ge,style:{...H,maxWidth:T},onMouseDownCapture:pe,children:[i.jsx(he.LabelProvider,{ctxId:p,ctxDisabled:a,ctxRequired:_&&!O,children:u}),i.jsx("div",{...k,ref:Z,id:E,role:"group","aria-label":L,"aria-labelledby":X,"aria-disabled":a||void 0,"aria-required":_||void 0,"aria-invalid":q||void 0,"aria-describedby":Q,"aria-errormessage":D?m:void 0,tabIndex:ue,className:e.styles[e.staticDateFieldClassNames.field],onMouseDown:be,onFocus:ce,children:i.jsx(o.DateFieldSegments,{segmentText:ie,segmentValues:x,focusedSegment:y,disabled:a,readOnly:n,onSegmentFocus:S,onSegmentBlur:Fe,onSegmentInput:me,onSegmentKeyDown:_e,registerSegmentRef:ae})}),i.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",className:e.styles[e.staticDateFieldClassNames.srStatus],children:oe}),i.jsx("input",{type:"hidden",name:f,value:t.toISODateString(v),disabled:a}),i.jsxs(qe.HelperTextProvider,{ctxId:G,ctxDisabled:a,children:[c,D&&i.jsx(Se.HelperText,{id:m,appearance:"negative",children:F})]}),Y(J)]})});exports.DateField=Ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),ye=require("clsx"),w=require("react"),e=require("../../../chunks/DateField.Segment.ZcYoijpc.js"),Se=require("../../../chunks/constants.CgMu0_1M.js"),he=require("../../../chunks/helpers.B4xpu88P.js"),qe=require("../../../chunks/form.context.BfZzYt36.js"),we=require("../../Form/contexts/label.context.cjs.js"),Ie=require("../../Form/contexts/helperText.context.cjs.js"),Me=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),Re=require("../../../utils/hooks/useIsMounted.cjs.js"),u=require("./DateField.Segments.cjs.js"),t=require("./DateField.utils.cjs.js"),Ne=require("./useDateFieldFocus.cjs.js"),Oe=require("./useDateFieldForm.cjs.js"),Pe=require("./useDateFieldKeyboard.cjs.js"),Te=require("./useDateFieldSegments.cjs.js"),Ve=require("./useDateFieldValidity.cjs.js"),je=require("./useDateFieldValue.cjs.js"),Ce=require("./useInvalidState.cjs.js"),Be=w.forwardRef(function({value:I,defaultValue:M,onChange:R,minDate:r,maxDate:d,getClampAnnouncement:N,label:c=null,helperText:b=null,error:F,hideRequiredMarker:O=!1,validationRules:P,width:T,theme:_,fluid:V=!1,disabled:j=!1,readOnly:C=!1,required:B=!1,name:f,id:E,className:K,style:H,"aria-label":L,"aria-describedby":$,"aria-labelledby":k,...A},U){const{disabled:s,readOnly:n,required:D,invalid:W,errorMessageProvided:m,defaultValue:z,errorId:p,helperTextId:G,validationErrorsId:J,labelId:x,ariaDescribedBy:Q,ariaLabelledBy:X,showErrors:Y}=Oe.useDateFieldForm({name:f,disabled:j,readOnly:C,required:B,defaultValue:M,error:F,hasHelperText:!!b,hasLabel:!!c,validationRules:P,ariaDescribedBy:$,ariaLabelledBy:k});w.useEffect(()=>{process.env.NODE_ENV!=="production"&&t.isMinMaxMisconfigured(r,d)&&console.warn("DateField: `minDate` is after `maxDate` — no date satisfies both, so the blur clamp is disabled and values are left as typed.")},[t.dateKeyOrNull(r),t.dateKeyOrNull(d)]);const{refFn:Z,ref:g}=Me.useUniversalRef(U),{segmentRefs:ee,registerSegmentRef:se}=Te.useDateFieldSegments(),{segmentText:ie,segmentValues:v,currentValue:y,wasTouched:ae,appendDigit:le,adjustSegment:te,clearSegment:re,beginSegmentEdit:de,commitOnBlur:ne,clampAnnouncement:oe}=je.useDateFieldValue({value:I,defaultValue:z,onChange:R,minDate:r,maxDate:d,getClampAnnouncement:N}),{focusedSegment:S,fieldTabIndex:ue,handleSegmentFocus:h,handleFieldFocus:ce,handleFieldBlur:be,handleFieldMouseDown:Fe,focusNext:q,focusPrevious:_e}=Ne.useDateFieldFocus({disabled:s,fieldRef:g,segmentRefs:ee,partsOrder:u.PARTS_ORDER,onSegmentFocusChange:de,onFieldBlur:ne}),fe=Pe.useDateFieldKeyboard({disabled:s,readOnly:n,fieldRef:g,focusNext:q,focusPrevious:_e,adjustSegment:te,clearSegment:re}),{isInvalid:De}=Ve.useDateFieldValidity({segments:v,currentValue:y,wasTouched:ae,isFocused:S!==null}),me=(a,l)=>{const{advanced:ve}=le(a,l);ve&&q(a)},o=Ce.useInvalidState({formInvalid:W,valueInvalid:De}),pe=Re.useIsMounted()&&he.isIOS()?"textbox":"spinbutton",xe=a=>{if(s)return;const l=a.target.closest("label");!l||l.id!==x||(a.preventDefault(),h(u.PARTS_ORDER[0]))},ge=ye(e.styles[e.baseClassNamePrefix],_&&Se.themeClassName(_),V&&e.styles[`${e.classModifierPrefix}fluid`],o&&e.styles[`${e.classModifierPrefix}error`],s&&e.styles[`${e.classModifierPrefix}disabled`],n&&e.styles[`${e.classModifierPrefix}read-only`],K);return i.jsxs("div",{className:ge,style:{...H,maxWidth:T},onMouseDownCapture:xe,children:[i.jsx(we.LabelProvider,{ctxId:x,ctxDisabled:s,ctxRequired:D&&!O,children:c}),i.jsx("div",{...A,ref:Z,id:E,role:"group","aria-label":L,"aria-labelledby":X,"aria-disabled":s||void 0,"aria-required":D||void 0,"aria-invalid":o||void 0,"aria-describedby":Q,"aria-errormessage":m?p:void 0,tabIndex:ue,className:e.styles[e.staticDateFieldClassNames.field],onMouseDown:Fe,onFocus:ce,children:i.jsx(u.DateFieldSegments,{segmentText:ie,segmentValues:v,focusedSegment:S,disabled:s,readOnly:n,invalid:o,role:pe,onSegmentFocus:h,onSegmentBlur:be,onSegmentInput:me,onSegmentKeyDown:fe,registerSegmentRef:se})}),i.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",className:e.styles[e.staticDateFieldClassNames.srStatus],children:oe}),i.jsx("input",{type:"hidden",name:f,value:t.toISODateString(y),disabled:s}),i.jsxs(Ie.HelperTextProvider,{ctxId:G,ctxDisabled:s,children:[b,m&&i.jsx(qe.HelperText,{id:p,appearance:"negative",children:F})]}),Y(J)]})});exports.DateField=Be;

package/lib/wip/DateField/DateField.es.js

@@ -1,41 +1,43 @@
 import { jsxs as N, jsx as r } from "react/jsx-runtime";
-import xe from "clsx";
-import { forwardRef as Ie, useEffect as Ne } from "react";
-import { s as a, b as we, c as s, a as w } from "../../../chunks/DateField.Segment.BVe6TzWY.js";
+import Ie from "clsx";
+import { forwardRef as Ne, useEffect as Me } from "react";
+import { s as a, b as we, c as l, a as M } from "../../../chunks/DateField.Segment.CtHATxv0.js";
 import { t as Re } from "../../../chunks/constants.Cruz2A1w.js";
-import { H as Ve } from "../../../chunks/form.context.cEuTL68U.js";
-import { LabelProvider as Me } from "../../Form/contexts/label.context.es.js";
-import { HelperTextProvider as Oe } from "../../Form/contexts/helperText.context.es.js";
-import { useUniversalRef as Be } from "../../Form/hooks/useUniversalRef.hook.es.js";
-import { DateFieldSegments as Ce, PARTS_ORDER as R } from "./DateField.Segments.es.js";
-import { isMinMaxMisconfigured as Ee, dateKeyOrNull as V, toISODateString as Pe } from "./DateField.utils.es.js";
-import { useDateFieldFocus as Te } from "./useDateFieldFocus.es.js";
-import { useDateFieldForm as qe } from "./useDateFieldForm.es.js";
-import { useDateFieldKeyboard as He } from "./useDateFieldKeyboard.es.js";
-import { useDateFieldSegments as Ke } from "./useDateFieldSegments.es.js";
-import { useDateFieldValidity as Le } from "./useDateFieldValidity.es.js";
-import { useDateFieldValue as $e } from "./useDateFieldValue.es.js";
-import { useInvalidState as je } from "./useInvalidState.es.js";
-const da = Ie(
+import { i as Oe } from "../../../chunks/helpers.DnurYbTL.js";
+import { H as Ve } from "../../../chunks/form.context.B3XMEqme.js";
+import { LabelProvider as Be } from "../../Form/contexts/label.context.es.js";
+import { HelperTextProvider as Ce } from "../../Form/contexts/helperText.context.es.js";
+import { useUniversalRef as Ee } from "../../Form/hooks/useUniversalRef.hook.es.js";
+import { useIsMounted as Pe } from "../../../utils/hooks/useIsMounted.es.js";
+import { DateFieldSegments as Te, PARTS_ORDER as w } from "./DateField.Segments.es.js";
+import { isMinMaxMisconfigured as qe, dateKeyOrNull as R, toISODateString as He } from "./DateField.utils.es.js";
+import { useDateFieldFocus as Ke } from "./useDateFieldFocus.es.js";
+import { useDateFieldForm as Le } from "./useDateFieldForm.es.js";
+import { useDateFieldKeyboard as $e } from "./useDateFieldKeyboard.es.js";
+import { useDateFieldSegments as je } from "./useDateFieldSegments.es.js";
+import { useDateFieldValidity as Ae } from "./useDateFieldValidity.es.js";
+import { useDateFieldValue as We } from "./useDateFieldValue.es.js";
+import { useInvalidState as _e } from "./useInvalidState.es.js";
+const fa = Ne(
   function({
-    value: M,
-    defaultValue: O,
+    value: O,
+    defaultValue: V,
     onChange: B,
     minDate: t,
-    maxDate: d,
+    maxDate: o,
     getClampAnnouncement: C,
-    label: n = null,
-    helperText: u = null,
-    error: m,
+    label: u = null,
+    helperText: m = null,
+    error: c,
     hideRequiredMarker: E = !1,
     validationRules: P,
     width: T,
-    theme: c,
+    theme: f,
     fluid: q = !1,
     disabled: H = !1,
     readOnly: K = !1,
     required: L = !1,
-    name: f,
+    name: p,
     id: $,
     className: j,
     style: A,
@@ -46,53 +48,53 @@ const da = Ie(
   }, z) {
     const {
       disabled: e,
-      readOnly: o,
-      required: p,
+      readOnly: d,
+      required: b,
       invalid: G,
-      errorMessageProvided: b,
+      errorMessageProvided: g,
       defaultValue: J,
-      errorId: g,
+      errorId: v,
       helperTextId: Q,
       validationErrorsId: X,
-      labelId: v,
+      labelId: F,
       ariaDescribedBy: Y,
       ariaLabelledBy: Z,
       showErrors: ee
-    } = qe({
-      name: f,
+    } = Le({
+      name: p,
       disabled: H,
       readOnly: K,
       required: L,
-      defaultValue: O,
-      error: m,
-      hasHelperText: !!u,
-      hasLabel: !!n,
+      defaultValue: V,
+      error: c,
+      hasHelperText: !!m,
+      hasLabel: !!u,
       validationRules: P,
       ariaDescribedBy: _,
       ariaLabelledBy: U
     });
-    Ne(() => {
-      process.env.NODE_ENV !== "production" && Ee(t, d) && console.warn(
+    Me(() => {
+      process.env.NODE_ENV !== "production" && qe(t, o) && console.warn(
         "DateField: `minDate` is after `maxDate` — no date satisfies both, so the blur clamp is disabled and values are left as typed."
       );
-    }, [V(t), V(d)]);
-    const { refFn: ae, ref: F } = Be(z), { segmentRefs: re, registerSegmentRef: ie } = Ke(), {
-      segmentText: le,
-      segmentValues: D,
-      currentValue: h,
-      wasTouched: se,
+    }, [R(t), R(o)]);
+    const { refFn: ae, ref: D } = Ee(z), { segmentRefs: re, registerSegmentRef: ie } = je(), {
+      segmentText: se,
+      segmentValues: h,
+      currentValue: x,
+      wasTouched: le,
       appendDigit: te,
-      adjustSegment: de,
-      clearSegment: oe,
+      adjustSegment: oe,
+      clearSegment: de,
       beginSegmentEdit: ne,
       commitOnBlur: ue,
       clampAnnouncement: me
-    } = $e({
-      value: M,
+    } = We({
+      value: O,
       defaultValue: J,
       onChange: B,
       minDate: t,
-      maxDate: d,
+      maxDate: o,
       getClampAnnouncement: C
     }), {
       focusedSegment: y,
@@ -101,45 +103,45 @@ const da = Ie(
       handleFieldFocus: fe,
       handleFieldBlur: pe,
       handleFieldMouseDown: be,
-      focusNext: x,
+      focusNext: I,
       focusPrevious: ge
-    } = Te({
+    } = Ke({
       disabled: e,
-      fieldRef: F,
+      fieldRef: D,
       segmentRefs: re,
-      partsOrder: R,
+      partsOrder: w,
       onSegmentFocusChange: ne,
       onFieldBlur: ue
-    }), ve = He({
+    }), ve = $e({
       disabled: e,
-      readOnly: o,
-      fieldRef: F,
-      focusNext: x,
+      readOnly: d,
+      fieldRef: D,
+      focusNext: I,
       focusPrevious: ge,
-      adjustSegment: de,
-      clearSegment: oe
-    }), { isInvalid: Fe } = Le({
-      segments: D,
-      currentValue: h,
-      wasTouched: se,
+      adjustSegment: oe,
+      clearSegment: de
+    }), { isInvalid: Fe } = Ae({
+      segments: h,
+      currentValue: x,
+      wasTouched: le,
       isFocused: y !== null
-    }), De = (i, l) => {
-      const { advanced: Se } = te(i, l);
-      Se && x(i);
-    }, I = je({
+    }), De = (i, s) => {
+      const { advanced: Se } = te(i, s);
+      Se && I(i);
+    }, n = _e({
       formInvalid: G,
       valueInvalid: Fe
-    }), he = (i) => {
+    }), he = Pe() && Oe() ? "textbox" : "spinbutton", xe = (i) => {
       if (e) return;
-      const l = i.target.closest("label");
-      !l || l.id !== v || (i.preventDefault(), S(R[0]));
-    }, ye = xe(
+      const s = i.target.closest("label");
+      !s || s.id !== F || (i.preventDefault(), S(w[0]));
+    }, ye = Ie(
       a[we],
-      c && Re(c),
-      q && a[`${s}fluid`],
-      I && a[`${s}error`],
-      e && a[`${s}disabled`],
-      o && a[`${s}read-only`],
+      f && Re(f),
+      q && a[`${l}fluid`],
+      n && a[`${l}error`],
+      e && a[`${l}disabled`],
+      d && a[`${l}read-only`],
       j
     );
     return /* @__PURE__ */ N(
@@ -147,15 +149,15 @@ const da = Ie(
       {
         className: ye,
         style: { ...A, maxWidth: T },
-        onMouseDownCapture: he,
+        onMouseDownCapture: xe,
         children: [
           /* @__PURE__ */ r(
-            Me,
+            Be,
             {
-              ctxId: v,
+              ctxId: F,
               ctxDisabled: e,
-              ctxRequired: p && !E,
-              children: n
+              ctxRequired: b && !E,
+              children: u
             }
           ),
           /* @__PURE__ */ r(
@@ -168,22 +170,24 @@ const da = Ie(
               "aria-label": W,
               "aria-labelledby": Z,
               "aria-disabled": e || void 0,
-              "aria-required": p || void 0,
-              "aria-invalid": I || void 0,
+              "aria-required": b || void 0,
+              "aria-invalid": n || void 0,
               "aria-describedby": Y,
-              "aria-errormessage": b ? g : void 0,
+              "aria-errormessage": g ? v : void 0,
               tabIndex: ce,
-              className: a[w.field],
+              className: a[M.field],
               onMouseDown: be,
               onFocus: fe,
               children: /* @__PURE__ */ r(
-                Ce,
+                Te,
                 {
-                  segmentText: le,
-                  segmentValues: D,
+                  segmentText: se,
+                  segmentValues: h,
                   focusedSegment: y,
                   disabled: e,
-                  readOnly: o,
+                  readOnly: d,
+                  invalid: n,
+                  role: he,
                   onSegmentFocus: S,
                   onSegmentBlur: pe,
                   onSegmentInput: De,
@@ -199,7 +203,7 @@ const da = Ie(
               role: "status",
               "aria-live": "polite",
               "aria-atomic": "true",
-              className: a[w.srStatus],
+              className: a[M.srStatus],
               children: me
             }
           ),
@@ -207,14 +211,14 @@ const da = Ie(
             "input",
             {
               type: "hidden",
-              name: f,
-              value: Pe(h),
+              name: p,
+              value: He(x),
               disabled: e
             }
           ),
-          /* @__PURE__ */ N(Oe, { ctxId: Q, ctxDisabled: e, children: [
-            u,
-            b && /* @__PURE__ */ r(Ve, { id: g, appearance: "negative", children: m })
+          /* @__PURE__ */ N(Ce, { ctxId: Q, ctxDisabled: e, children: [
+            m,
+            g && /* @__PURE__ */ r(Ve, { id: v, appearance: "negative", children: c })
           ] }),
           ee(X)
         ]
@@ -223,5 +227,5 @@ const da = Ie(
   }
 );
 export {
-  da as DateField
+  fa as DateField
 };

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

@@ -10,6 +10,8 @@ export type SegmentType = 'day' | 'month' | 'year';
  */
 export type SegmentAdjustment = number | 'min' | 'max';
 export type FocusTarget = SegmentType | 'all' | null;
+/** ARIA role for a segment: `spinbutton` (default) or `textbox` (iOS VoiceOver fallback post-mount). */
+export type SegmentRole = 'spinbutton' | 'textbox';
 /** Per-segment values. Month is 1-12 (NOT 0-11). */
 export interface SegmentValues {
     day: number | null;
@@ -131,6 +133,12 @@ export interface DateFieldSegmentProps {
     displayValue: string;
     /** True when `displayValue` IS the placeholder (drives `data-placeholder` CSS hook). */
     isPlaceholder: boolean;
+    /** Pre-computed `aria-valuetext`; month = locale name, day/year = displayValue (leading-zero mirror). */
+    valueText: string;
+    /** Drives `aria-invalid` on the segment when the field is in an error/invalid state. */
+    invalid: boolean;
+    /** Role for the segment: 'spinbutton' (default) or 'textbox' (iOS VoiceOver fallback post-mount). */
+    role: SegmentRole;
     isActive: boolean;
     disabled: boolean;
     readOnly: boolean;

package/lib/wip/DateField/DateField.utils.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./DateField.validation.cjs.js"),u=31,s=12,c=1,d=9999,y=(e,t,n)=>Math.min(n,Math.max(t,e)),S=(e,t)=>((e-1)%t+t)%t+1,N=2024,h=(e,t)=>t==null?31:new Date(e??N,t,0).getDate(),T=()=>{const e=new Date;return{day:e.getDate(),month:e.getMonth()+1,year:e.getFullYear()}},l=e=>e instanceof Date&&!Number.isNaN(e.getTime()),_=(e,t,n,r)=>{if(n==="min")return e==="year"?null:1;if(n==="max")return e==="year"?null:e==="day"?r.daysInMonth:s;if(t==null){if(e==="year")return r.today.year;const f=e==="day"?u:s;return n>0?1:f}if(e==="year")return y(t+n,c,d);const o=e==="day"?u:s;return S(t+n,o)},A={day:"",month:"",year:""},M=e=>{const{day:t,month:n,year:r}=e;if(t==null||n==null||r==null)return null;const o=new Date(r,n-1,t);return o.setFullYear(r),Number.isNaN(o.getTime())||o.getFullYear()!==r||o.getMonth()!==n-1||o.getDate()!==t?null:o},E=(e,t)=>e==null&&t==null?!0:e==null||t==null?!1:e.getTime()===t.getTime(),a=e=>e.getFullYear()*1e4+(e.getMonth()+1)*100+e.getDate(),p=e=>l(e)?a(e):null,D=(e,t,n)=>{const r=a(e);return!(l(t)&&r<a(t)||l(n)&&r>a(n))},m=(e,t)=>l(e)&&l(t)&&a(e)>a(t),Y=(e,t,n)=>{if(m(t,n))return e;const r=a(e);return l(t)&&r<a(t)?new Date(t.getFullYear(),t.getMonth(),t.getDate()):l(n)&&r>a(n)?new Date(n.getFullYear(),n.getMonth(),n.getDate()):e},F=e=>{if(!l(e))return"";const t=String(e.getFullYear()).padStart(4,"0"),n=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0");return`${t}-${n}-${r}`},R=e=>e.filter(t=>t.type!=="literal").map(t=>t.type),I=e=>l(e)?{day:String(e.getDate()).padStart(2,"0"),month:String(e.getMonth()+1).padStart(2,"0"),year:String(e.getFullYear()).padStart(4,"0")}:A,i=(e,t)=>{if(t===""||e==="year"&&t.length<g.SEGMENT_MAX_LENGTH.year)return null;const n=parseInt(t,10);return Number.isNaN(n)||n===0?null:n},V=e=>M({day:i("day",e.day),month:i("month",e.month),year:i("year",e.year)}),w=(e,t)=>t===""?"":t.padStart(g.SEGMENT_MAX_LENGTH[e],"0"),X=(e,t,n)=>t===""?{displayValue:n,isPlaceholder:!0}:{displayValue:t.padStart(g.SEGMENT_MAX_LENGTH[e],"0"),isPlaceholder:!1},O=e=>{const t=window.getSelection();if(!t)return;const n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)},P=e=>{var n;if(!e)return;const t=(n=window.getSelection)==null?void 0:n.call(window);t&&t.rangeCount>0&&e.contains(t.anchorNode)&&t.removeAllRanges()};exports.DAY_SPIN_MAX=u;exports.MONTH_MAX=s;exports.YEAR_MAX=d;exports.YEAR_MIN=c;exports.adjustSegmentValue=_;exports.clamp=y;exports.clampDateToRange=Y;exports.clearSelectionWithin=P;exports.dateKeyOrNull=p;exports.deriveValue=M;exports.deriveValueFromText=V;exports.getDaysInMonth=h;exports.getSegmentDisplay=X;exports.getSegmentOrder=R;exports.isDateInRange=D;exports.isMinMaxMisconfigured=m;exports.isSameDateValue=E;exports.normalizeSegmentText=w;exports.segmentNumber=i;exports.segmentTextFromValue=I;exports.selectElementContents=O;exports.toISODateString=F;exports.todayParts=T;exports.wrapInRange=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./DateField.validation.cjs.js"),N=new Intl.DateTimeFormat("en-US",{month:"long"}),T=e=>N.format(new Date(2e3,e-1,1)),g=31,s=12,c=1,d=9999,y=(e,t,n)=>Math.min(n,Math.max(t,e)),m=(e,t)=>((e-1)%t+t)%t+1,h=2024,_=(e,t)=>t==null?31:new Date(e??h,t,0).getDate(),A=()=>{const e=new Date;return{day:e.getDate(),month:e.getMonth()+1,year:e.getFullYear()}},l=e=>e instanceof Date&&!Number.isNaN(e.getTime()),E=(e,t,n,r)=>{if(n==="min")return e==="year"?null:1;if(n==="max")return e==="year"?null:e==="day"?r.daysInMonth:s;if(t==null){if(e==="year")return r.today.year;const f=e==="day"?g:s;return n>0?1:f}if(e==="year")return y(t+n,c,d);const o=e==="day"?g:s;return m(t+n,o)},D={day:"",month:"",year:""},M=e=>{const{day:t,month:n,year:r}=e;if(t==null||n==null||r==null)return null;const o=new Date(r,n-1,t);return o.setFullYear(r),Number.isNaN(o.getTime())||o.getFullYear()!==r||o.getMonth()!==n-1||o.getDate()!==t?null:o},p=(e,t)=>e==null&&t==null?!0:e==null||t==null?!1:e.getTime()===t.getTime(),a=e=>e.getFullYear()*1e4+(e.getMonth()+1)*100+e.getDate(),F=e=>l(e)?a(e):null,R=(e,t,n)=>{const r=a(e);return!(l(t)&&r<a(t)||l(n)&&r>a(n))},S=(e,t)=>l(e)&&l(t)&&a(e)>a(t),Y=(e,t,n)=>{if(S(t,n))return e;const r=a(e);return l(t)&&r<a(t)?new Date(t.getFullYear(),t.getMonth(),t.getDate()):l(n)&&r>a(n)?new Date(n.getFullYear(),n.getMonth(),n.getDate()):e},I=e=>{if(!l(e))return"";const t=String(e.getFullYear()).padStart(4,"0"),n=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0");return`${t}-${n}-${r}`},w=e=>e.filter(t=>t.type!=="literal").map(t=>t.type),V=e=>l(e)?{day:String(e.getDate()).padStart(2,"0"),month:String(e.getMonth()+1).padStart(2,"0"),year:String(e.getFullYear()).padStart(4,"0")}:D,i=(e,t)=>{if(t===""||e==="year"&&t.length<u.SEGMENT_MAX_LENGTH.year)return null;const n=parseInt(t,10);return Number.isNaN(n)||n===0?null:n},O=e=>M({day:i("day",e.day),month:i("month",e.month),year:i("year",e.year)}),X=(e,t)=>t===""?"":t.padStart(u.SEGMENT_MAX_LENGTH[e],"0"),P=(e,t,n)=>t===""?{displayValue:n,isPlaceholder:!0}:{displayValue:t.padStart(u.SEGMENT_MAX_LENGTH[e],"0"),isPlaceholder:!1},b=e=>{const t=window.getSelection();if(!t)return;const n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)},G=e=>{var n;if(!e)return;const t=(n=window.getSelection)==null?void 0:n.call(window);t&&t.rangeCount>0&&e.contains(t.anchorNode)&&t.removeAllRanges()};exports.DAY_SPIN_MAX=g;exports.MONTH_MAX=s;exports.YEAR_MAX=d;exports.YEAR_MIN=c;exports.adjustSegmentValue=E;exports.clamp=y;exports.clampDateToRange=Y;exports.clearSelectionWithin=G;exports.dateKeyOrNull=F;exports.deriveValue=M;exports.deriveValueFromText=O;exports.getDaysInMonth=_;exports.getMonthName=T;exports.getSegmentDisplay=P;exports.getSegmentOrder=w;exports.isDateInRange=R;exports.isMinMaxMisconfigured=S;exports.isSameDateValue=p;exports.normalizeSegmentText=X;exports.segmentNumber=i;exports.segmentTextFromValue=V;exports.selectElementContents=b;exports.toISODateString=I;exports.todayParts=A;exports.wrapInRange=m;

package/lib/wip/DateField/DateField.utils.d.ts

@@ -1,5 +1,7 @@
 import { Nullable } from '@viasat/beam-shared/utils/types';
 import { DateFieldPart, SegmentAdjustment, SegmentText, SegmentType, SegmentValues } from './DateField.types';
+/** Returns the locale month name for a 1-based month (1 = January). */
+export declare const getMonthName: (month: number) => string;
 /**
  * Absolute spin ceiling for day — independent of the current month.
  *

package/lib/wip/DateField/DateField.utils.es.js

@@ -1,8 +1,8 @@
 import { SEGMENT_MAX_LENGTH as u } from "./DateField.validation.es.js";
-const c = 31, s = 12, d = 1, y = 9999, f = (e, t, n) => Math.min(n, Math.max(t, e)), S = (e, t) => ((e - 1) % t + t) % t + 1, h = 2024, T = (e, t) => t == null ? 31 : new Date(e ?? h, t, 0).getDate(), A = () => {
+const d = new Intl.DateTimeFormat("en-US", { month: "long" }), A = (e) => d.format(new Date(2e3, e - 1, 1)), c = 31, s = 12, y = 1, f = 9999, S = (e, t, n) => Math.min(n, Math.max(t, e)), m = (e, t) => ((e - 1) % t + t) % t + 1, M = 2024, F = (e, t) => t == null ? 31 : new Date(e ?? M, t, 0).getDate(), Y = () => {
   const e = /* @__PURE__ */ new Date();
   return { day: e.getDate(), month: e.getMonth() + 1, year: e.getFullYear() };
-}, o = (e) => e instanceof Date && !Number.isNaN(e.getTime()), Y = (e, t, n, r) => {
+}, o = (e) => e instanceof Date && !Number.isNaN(e.getTime()), w = (e, t, n, r) => {
   if (n === "min") return e === "year" ? null : 1;
   if (n === "max")
     return e === "year" ? null : e === "day" ? r.daysInMonth : s;
@@ -11,48 +11,48 @@ const c = 31, s = 12, d = 1, y = 9999, f = (e, t, n) => Math.min(n, Math.max(t,
     const g = e === "day" ? c : s;
     return n > 0 ? 1 : g;
   }
-  if (e === "year") return f(t + n, d, y);
+  if (e === "year") return S(t + n, y, f);
   const l = e === "day" ? c : s;
-  return S(t + n, l);
-}, M = { day: "", month: "", year: "" }, m = (e) => {
+  return m(t + n, l);
+}, h = { day: "", month: "", year: "" }, N = (e) => {
   const { day: t, month: n, year: r } = e;
   if (t == null || n == null || r == null) return null;
   const l = new Date(r, n - 1, t);
   return l.setFullYear(r), Number.isNaN(l.getTime()) || l.getFullYear() !== r || l.getMonth() !== n - 1 || l.getDate() !== t ? null : l;
-}, F = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.getTime() === t.getTime(), a = (e) => e.getFullYear() * 1e4 + (e.getMonth() + 1) * 100 + e.getDate(), w = (e) => o(e) ? a(e) : null, E = (e, t, n) => {
+}, R = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.getTime() === t.getTime(), a = (e) => e.getFullYear() * 1e4 + (e.getMonth() + 1) * 100 + e.getDate(), E = (e) => o(e) ? a(e) : null, _ = (e, t, n) => {
   const r = a(e);
   return !(o(t) && r < a(t) || o(n) && r > a(n));
-}, N = (e, t) => o(e) && o(t) && a(e) > a(t), R = (e, t, n) => {
-  if (N(t, n)) return e;
+}, T = (e, t) => o(e) && o(t) && a(e) > a(t), D = (e, t, n) => {
+  if (T(t, n)) return e;
   const r = a(e);
   return o(t) && r < a(t) ? new Date(t.getFullYear(), t.getMonth(), t.getDate()) : o(n) && r > a(n) ? new Date(n.getFullYear(), n.getMonth(), n.getDate()) : e;
-}, _ = (e) => {
+}, I = (e) => {
   if (!o(e)) return "";
   const t = String(e.getFullYear()).padStart(4, "0"), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
   return `${t}-${n}-${r}`;
-}, D = (e) => e.filter(
+}, V = (e) => e.filter(
   (t) => t.type !== "literal"
-).map((t) => t.type), I = (e) => o(e) ? {
+).map((t) => t.type), O = (e) => o(e) ? {
   day: String(e.getDate()).padStart(2, "0"),
   month: String(e.getMonth() + 1).padStart(2, "0"),
   year: String(e.getFullYear()).padStart(4, "0")
-} : M, i = (e, t) => {
+} : h, i = (e, t) => {
   if (t === "" || e === "year" && t.length < u.year) return null;
   const n = parseInt(t, 10);
   return Number.isNaN(n) || n === 0 ? null : n;
-}, V = (e) => m({
+}, P = (e) => N({
   day: i("day", e.day),
   month: i("month", e.month),
   year: i("year", e.year)
-}), P = (e, t) => t === "" ? "" : t.padStart(u[e], "0"), X = (e, t, n) => t === "" ? { displayValue: n, isPlaceholder: !0 } : {
+}), X = (e, t) => t === "" ? "" : t.padStart(u[e], "0"), C = (e, t, n) => t === "" ? { displayValue: n, isPlaceholder: !0 } : {
   displayValue: t.padStart(u[e], "0"),
   isPlaceholder: !1
-}, C = (e) => {
+}, L = (e) => {
   const t = window.getSelection();
   if (!t) return;
   const n = document.createRange();
   n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
-}, L = (e) => {
+}, H = (e) => {
   var n;
   if (!e) return;
   const t = (n = window.getSelection) == null ? void 0 : n.call(window);
@@ -61,26 +61,27 @@ const c = 31, s = 12, d = 1, y = 9999, f = (e, t, n) => Math.min(n, Math.max(t,
 export {
   c as DAY_SPIN_MAX,
   s as MONTH_MAX,
-  y as YEAR_MAX,
-  d as YEAR_MIN,
-  Y as adjustSegmentValue,
-  f as clamp,
-  R as clampDateToRange,
-  L as clearSelectionWithin,
-  w as dateKeyOrNull,
-  m as deriveValue,
-  V as deriveValueFromText,
-  T as getDaysInMonth,
-  X as getSegmentDisplay,
-  D as getSegmentOrder,
-  E as isDateInRange,
-  N as isMinMaxMisconfigured,
-  F as isSameDateValue,
-  P as normalizeSegmentText,
+  f as YEAR_MAX,
+  y as YEAR_MIN,
+  w as adjustSegmentValue,
+  S as clamp,
+  D as clampDateToRange,
+  H as clearSelectionWithin,
+  E as dateKeyOrNull,
+  N as deriveValue,
+  P as deriveValueFromText,
+  F as getDaysInMonth,
+  A as getMonthName,
+  C as getSegmentDisplay,
+  V as getSegmentOrder,
+  _ as isDateInRange,
+  T as isMinMaxMisconfigured,
+  R as isSameDateValue,
+  X as normalizeSegmentText,
   i as segmentNumber,
-  I as segmentTextFromValue,
-  C as selectElementContents,
-  _ as toISODateString,
-  A as todayParts,
-  S as wrapInRange
+  O as segmentTextFromValue,
+  L as selectElementContents,
+  I as toISODateString,
+  Y as todayParts,
+  m as wrapInRange
 };

package/lib/wip/DateField/useDateFieldForm.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("clsx"),T=require("react"),u=require("../../../chunks/form.context.D5XrYvpI.js");require("../../Form/contexts/label.context.cjs.js");require("../../Form/contexts/helperText.context.cjs.js");const s=require("../../Form/hooks/useAccessibleId.hook.cjs.js");require("react/jsx-runtime");function L({name:i,disabled:b=!1,readOnly:y=!1,required:I=!1,defaultValue:q,error:e,hasHelperText:p,hasLabel:h,validationRules:F=[],ariaDescribedBy:f,ariaLabelledBy:m}){const{showErrors:v,isInvalid:x,errorShown:g,disabled:B,readOnly:_,required:A}=u.useFormField({name:i,validationRules:F,disabledProp:b,readOnlyProp:y,requiredProp:I}),{ctxInitialValues:D}=T.useContext(u.FormContext),{id:r}=s.useAccessibleId(),{id:d}=s.useAccessibleId(),{id:l}=s.useAccessibleId(),{id:o}=s.useAccessibleId(),t=!!(e!=null&&e.length),P=!!e||x,O=q??D[i],a=n(p&&d,t&&r,g&&l,f),c=n(h&&o,m);return{disabled:B,readOnly:_,required:A,invalid:P,errorMessageProvided:t,defaultValue:O,errorId:r,helperTextId:d,validationErrorsId:l,labelId:o,ariaDescribedBy:a.length>0?a:void 0,ariaLabelledBy:c.length>0?c:void 0,showErrors:v}}exports.useDateFieldForm=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("clsx"),T=require("react"),u=require("../../../chunks/form.context.BfZzYt36.js");require("../../Form/contexts/label.context.cjs.js");require("../../Form/contexts/helperText.context.cjs.js");const s=require("../../Form/hooks/useAccessibleId.hook.cjs.js");require("react/jsx-runtime");function L({name:i,disabled:b=!1,readOnly:y=!1,required:I=!1,defaultValue:q,error:e,hasHelperText:p,hasLabel:h,validationRules:F=[],ariaDescribedBy:f,ariaLabelledBy:m}){const{showErrors:v,isInvalid:x,errorShown:g,disabled:B,readOnly:_,required:A}=u.useFormField({name:i,validationRules:F,disabledProp:b,readOnlyProp:y,requiredProp:I}),{ctxInitialValues:D}=T.useContext(u.FormContext),{id:r}=s.useAccessibleId(),{id:d}=s.useAccessibleId(),{id:l}=s.useAccessibleId(),{id:o}=s.useAccessibleId(),t=!!(e!=null&&e.length),P=!!e||x,O=q??D[i],a=n(p&&d,t&&r,g&&l,f),c=n(h&&o,m);return{disabled:B,readOnly:_,required:A,invalid:P,errorMessageProvided:t,defaultValue:O,errorId:r,helperTextId:d,validationErrorsId:l,labelId:o,ariaDescribedBy:a.length>0?a:void 0,ariaLabelledBy:c.length>0?c:void 0,showErrors:v}}exports.useDateFieldForm=L;