@viasat/beam-react 2.49.0 → 2.50.0

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.CwhRnhtq.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.CiQfGwdc.js";
+import { H as Ve } from "../../../chunks/form.context.BDYA2JQs.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"});require("../../../chunks/constants.CgMu0_1M.js");const N=require("../../../chunks/helpers.BIckGIbP.js"),g=require("./DateField.validation.cjs.js"),T=new Intl.DateTimeFormat("en-US",{month:"long"}),h=e=>T.format(new Date(2e3,e-1,1)),u=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,_=2024,A=(e,t)=>t==null?31:new Date(e??_,t,0).getDate(),E=()=>{const e=new Date;return{day:e.getDate(),month:e.getMonth()+1,year:e.getFullYear()}},l=e=>e instanceof Date&&!Number.isNaN(e.getTime()),p=(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 m(t+n,o)},D={day:"",month:"",year:""},S=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},R=(e,t)=>e==null&&t==null?!0:e==null||t==null?!1:e.getTime()===t.getTime(),a=N.dateToDayKey,F=e=>l(e)?a(e):null,I=(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},w=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}`},V=e=>e.filter(t=>t.type!=="literal").map(t=>t.type),O=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<g.SEGMENT_MAX_LENGTH.year)return null;const n=parseInt(t,10);return Number.isNaN(n)||n===0?null:n},X=e=>S({day:i("day",e.day),month:i("month",e.month),year:i("year",e.year)}),P=(e,t)=>t===""?"":t.padStart(g.SEGMENT_MAX_LENGTH[e],"0"),b=(e,t,n)=>t===""?{displayValue:n,isPlaceholder:!0}:{displayValue:t.padStart(g.SEGMENT_MAX_LENGTH[e],"0"),isPlaceholder:!1},G=e=>{const t=window.getSelection();if(!t)return;const n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)},H=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=p;exports.clamp=y;exports.clampDateToRange=Y;exports.clearSelectionWithin=H;exports.dateKeyOrNull=F;exports.deriveValue=S;exports.deriveValueFromText=X;exports.getDaysInMonth=A;exports.getMonthName=h;exports.getSegmentDisplay=b;exports.getSegmentOrder=V;exports.isDateInRange=I;exports.isMinMaxMisconfigured=M;exports.isSameDateValue=R;exports.normalizeSegmentText=P;exports.segmentNumber=i;exports.segmentTextFromValue=O;exports.selectElementContents=G;exports.toISODateString=w;exports.todayParts=E;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,10 @@
+import "../../../chunks/constants.Cruz2A1w.js";
+import { a as d } from "../../../chunks/helpers.CiQfGwdc.js";
 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 y = new Intl.DateTimeFormat("en-US", { month: "long" }), R = (e) => y.format(new Date(2e3, e - 1, 1)), c = 31, s = 12, f = 1, m = 9999, S = (e, t, n) => Math.min(n, Math.max(t, e)), M = (e, t) => ((e - 1) % t + t) % t + 1, h = 2024, Y = (e, t) => t == null ? 31 : new Date(e ?? h, t, 0).getDate(), E = () => {
   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()), _ = (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 +13,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, f, m);
   const l = e === "day" ? c : s;
-  return S(t + n, l);
-}, M = { day: "", month: "", year: "" }, m = (e) => {
+  return M(t + n, l);
+}, N = { day: "", month: "", year: "" }, T = (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) => {
+}, D = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.getTime() === t.getTime(), a = d, I = (e) => o(e) ? a(e) : null, V = (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;
+}, p = (e, t) => o(e) && o(t) && a(e) > a(t), O = (e, t, n) => {
+  if (p(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) => {
+}, P = (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(
+}, X = (e) => e.filter(
   (t) => t.type !== "literal"
-).map((t) => t.type), I = (e) => o(e) ? {
+).map((t) => t.type), C = (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) => {
+} : N, 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({
+}, K = (e) => T({
   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 } : {
+}), L = (e, t) => t === "" ? "" : t.padStart(u[e], "0"), H = (e, t, n) => t === "" ? { displayValue: n, isPlaceholder: !0 } : {
   displayValue: t.padStart(u[e], "0"),
   isPlaceholder: !1
-}, C = (e) => {
+}, $ = (e) => {
   const t = window.getSelection();
   if (!t) return;
   const n = document.createRange();
   n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
-}, L = (e) => {
+}, b = (e) => {
   var n;
   if (!e) return;
   const t = (n = window.getSelection) == null ? void 0 : n.call(window);
@@ -61,26 +63,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,
+  m as YEAR_MAX,
+  f as YEAR_MIN,
+  _ as adjustSegmentValue,
+  S as clamp,
+  O as clampDateToRange,
+  b as clearSelectionWithin,
+  I as dateKeyOrNull,
+  T as deriveValue,
+  K as deriveValueFromText,
+  Y as getDaysInMonth,
+  R as getMonthName,
+  H as getSegmentDisplay,
+  X as getSegmentOrder,
+  V as isDateInRange,
+  p as isMinMaxMisconfigured,
+  D as isSameDateValue,
+  L as normalizeSegmentText,
   i as segmentNumber,
-  I as segmentTextFromValue,
-  C as selectElementContents,
-  _ as toISODateString,
-  A as todayParts,
-  S as wrapInRange
+  C as segmentTextFromValue,
+  $ as selectElementContents,
+  P as toISODateString,
+  E 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.CkC0TwMb.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("../../../chunks/constants.CgMu0_1M.js");require("react/jsx-runtime");function L({name:i,disabled:b=!1,readOnly:q=!1,required:y=!1,defaultValue:I,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:q,requiredProp:y}),{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=I??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;

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

@@ -1,11 +1,12 @@
 import c from "clsx";
 import { useContext as V } from "react";
-import { b as w, F as C } from "../../../chunks/form.context.cEuTL68U.js";
+import { b as w, F as C } from "../../../chunks/form.context.BDYA2JQs.js";
 import "../../Form/contexts/label.context.es.js";
 import "../../Form/contexts/helperText.context.es.js";
 import { useAccessibleId as o } from "../../Form/hooks/useAccessibleId.hook.es.js";
+import "../../../chunks/constants.Cruz2A1w.js";
 import "react/jsx-runtime";
-function z({
+function G({
   name: d,
   disabled: m = !1,
   readOnly: p = !1,
@@ -47,5 +48,5 @@ function z({
   };
 }
 export {
-  z as useDateFieldForm
+  G as useDateFieldForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.49.0",
+  "version": "2.50.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -60,12 +60,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.49.0",
-    "@viasat/beam-shared": "2.49.0",
-    "@viasat/beam-styles": "2.49.0",
-    "@viasat/beam-tokens": "2.49.0",
-    "@viasat/beam-icons": "2.49.0",
-    "@viasat/beam-react-claude-plugin": "2.49.0",
+    "@viasat/beam-fonts": "2.50.0",
+    "@viasat/beam-shared": "2.50.0",
+    "@viasat/beam-styles": "2.50.0",
+    "@viasat/beam-tokens": "2.50.0",
+    "@viasat/beam-icons": "2.50.0",
+    "@viasat/beam-react-claude-plugin": "2.50.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/utils/hooks/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("../../chunks/constants.CgMu0_1M.js"),p=require("../../chunks/helpers.CGgi4mVC.js"),a=require("../../chunks/CSSLookup.k3ewV3rr.js"),w=require("./useId.cjs.js"),f=require("./usePrevious.cjs.js"),g=require("./useInteractiveProps.cjs.js");function h(e,t=window.getComputedStyle(e)){return parseInt(t.getPropertyValue("-webkit-line-clamp"),10)>=1&&t.getPropertyValue("display")==="-webkit-box"&&t.getPropertyValue("overflow")==="hidden"}function v(e,t=window.getComputedStyle(e)){return t.getPropertyValue("text-overflow")==="ellipsis"&&t.getPropertyValue("white-space")==="nowrap"&&t.getPropertyValue("overflow")==="hidden"&&e.scrollWidth>e.clientWidth}function S(e){return e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight}function b(e){if(!e)return!1;if(S(e))return!0;const t=window.getComputedStyle(e);return h(e,t)||v(e,t)}const m=e=>{if(!e)return!1;const t=e.cloneNode(!0);t.style.position="absolute",t.style.whiteSpace="nowrap",t.style.width="auto",t.style.height="auto",t.style.visibility="hidden",document.body.appendChild(t);const n=t.offsetWidth>e.offsetWidth;return document.body.removeChild(t),n},l=(e,t=d.FPS_120,n=[])=>{const r=s.useRef(null);return s.useLayoutEffect(()=>{const{current:i}=r;if(!i)return;e();const u=p.debounce(()=>{e()},t),c=new ResizeObserver(u);return c.observe(i),()=>{c.disconnect(),u.cancel()}},[r,e,t,n]),{ref:r}},y=()=>{const[e,t]=s.useState(!1),n=()=>{r.current&&t(b(r.current))},{ref:r}=l(n);return{ref:r,isOverFlowing:e}},C=e=>{const[t,n]=s.useState(!1),r=()=>{i.current&&n(m(i.current))},{ref:i}=l(r,200);return{ref:i,isTextWrapping:t}},W=e=>{const[t,n]=s.useState(()=>a.CSSManager.findVar(e)??"");return s.useEffect(()=>{const r=i=>{n(i)};return a.CSSManager.findVar(e,r),()=>{a.CSSManager.unsubscribe(e,r)}},[e]),t};function P(e){const[t,n]=s.useState(!1);return s.useLayoutEffect(()=>{if(typeof window>"u")return;const r=o=>o?getComputedStyle(o).direction:"ltr",i=()=>{const o=e.current;return o?r(o)==="rtl"||!!o.closest('[dir="rtl"]')||r(document.documentElement)==="rtl":!1};n(i());const u=new MutationObserver(()=>n(i()));u.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","class"],subtree:!0});const c=requestAnimationFrame(function o(){n(i()),requestAnimationFrame(o)});return()=>{u.disconnect(),cancelAnimationFrame(c)}},[e]),t}const I=()=>{const[e,t]=s.useState(!1);return s.useEffect(()=>{if(typeof window>"u")return;const n=()=>{const r="ontouchstart"in window||navigator.maxTouchPoints>0,i=window.innerHeight>window.innerWidth,u=i?window.innerWidth:window.innerHeight,c=i?window.innerHeight:window.innerWidth,o=u<1024||c<768;t(r&&o)};return n(),window.addEventListener("resize",n,{passive:!0}),window.addEventListener("orientationchange",n,{passive:!0}),()=>{window.removeEventListener("resize",n),window.removeEventListener("orientationchange",n)}},[]),e};exports.useId=w.useId;exports.usePrevious=f.usePrevious;exports.useInteractiveProps=g.useInteractiveProps;exports.useCSSLookup=W;exports.useIsOverFlowing=y;exports.useIsTextWrapping=C;exports.useMobileDetection=I;exports.useRTLDirection=P;exports.useResizeObserver=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("../../chunks/constants.CgMu0_1M.js"),p=require("../../chunks/helpers.BIckGIbP.js"),a=require("../../chunks/CSSLookup.k3ewV3rr.js"),w=require("./useId.cjs.js"),f=require("./usePrevious.cjs.js"),g=require("./useInteractiveProps.cjs.js");function h(e,t=window.getComputedStyle(e)){return parseInt(t.getPropertyValue("-webkit-line-clamp"),10)>=1&&t.getPropertyValue("display")==="-webkit-box"&&t.getPropertyValue("overflow")==="hidden"}function v(e,t=window.getComputedStyle(e)){return t.getPropertyValue("text-overflow")==="ellipsis"&&t.getPropertyValue("white-space")==="nowrap"&&t.getPropertyValue("overflow")==="hidden"&&e.scrollWidth>e.clientWidth}function S(e){return e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight}function b(e){if(!e)return!1;if(S(e))return!0;const t=window.getComputedStyle(e);return h(e,t)||v(e,t)}const m=e=>{if(!e)return!1;const t=e.cloneNode(!0);t.style.position="absolute",t.style.whiteSpace="nowrap",t.style.width="auto",t.style.height="auto",t.style.visibility="hidden",document.body.appendChild(t);const n=t.offsetWidth>e.offsetWidth;return document.body.removeChild(t),n},l=(e,t=d.FPS_120,n=[])=>{const r=s.useRef(null);return s.useLayoutEffect(()=>{const{current:i}=r;if(!i)return;e();const u=p.debounce(()=>{e()},t),c=new ResizeObserver(u);return c.observe(i),()=>{c.disconnect(),u.cancel()}},[r,e,t,n]),{ref:r}},y=()=>{const[e,t]=s.useState(!1),n=()=>{r.current&&t(b(r.current))},{ref:r}=l(n);return{ref:r,isOverFlowing:e}},C=e=>{const[t,n]=s.useState(!1),r=()=>{i.current&&n(m(i.current))},{ref:i}=l(r,200);return{ref:i,isTextWrapping:t}},W=e=>{const[t,n]=s.useState(()=>a.CSSManager.findVar(e)??"");return s.useEffect(()=>{const r=i=>{n(i)};return a.CSSManager.findVar(e,r),()=>{a.CSSManager.unsubscribe(e,r)}},[e]),t};function P(e){const[t,n]=s.useState(!1);return s.useLayoutEffect(()=>{if(typeof window>"u")return;const r=o=>o?getComputedStyle(o).direction:"ltr",i=()=>{const o=e.current;return o?r(o)==="rtl"||!!o.closest('[dir="rtl"]')||r(document.documentElement)==="rtl":!1};n(i());const u=new MutationObserver(()=>n(i()));u.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","class"],subtree:!0});const c=requestAnimationFrame(function o(){n(i()),requestAnimationFrame(o)});return()=>{u.disconnect(),cancelAnimationFrame(c)}},[e]),t}const I=()=>{const[e,t]=s.useState(!1);return s.useEffect(()=>{if(typeof window>"u")return;const n=()=>{const r="ontouchstart"in window||navigator.maxTouchPoints>0,i=window.innerHeight>window.innerWidth,u=i?window.innerWidth:window.innerHeight,c=i?window.innerHeight:window.innerWidth,o=u<1024||c<768;t(r&&o)};return n(),window.addEventListener("resize",n,{passive:!0}),window.addEventListener("orientationchange",n,{passive:!0}),()=>{window.removeEventListener("resize",n),window.removeEventListener("orientationchange",n)}},[]),e};exports.useId=w.useId;exports.usePrevious=f.usePrevious;exports.useInteractiveProps=g.useInteractiveProps;exports.useCSSLookup=W;exports.useIsOverFlowing=y;exports.useIsTextWrapping=C;exports.useMobileDetection=I;exports.useRTLDirection=P;exports.useResizeObserver=l;

package/utils/hooks/index.es.js

@@ -1,6 +1,6 @@
 import { useState as u, useEffect as d, useRef as f, useLayoutEffect as l } from "react";
 import { a as w } from "../../chunks/constants.Cruz2A1w.js";
-import { d as m } from "../../chunks/helpers.DLd_EQjR.js";
+import { d as m } from "../../chunks/helpers.CiQfGwdc.js";
 import { C as a } from "../../chunks/CSSLookup.kaPTyL5S.js";
 import { useId as V } from "./useId.es.js";
 import { usePrevious as M } from "./usePrevious.es.js";

package/utils/hooks/useLocalStorage.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../chunks/constants.CgMu0_1M.js"),l=require("../../chunks/helpers.CGgi4mVC.js"),u=require("react");function f(e,t){typeof window>"u"||!window.localStorage||window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:t}))}const c=l.debounce((e,t)=>{if(typeof window>"u"||!window.localStorage)return;const r=JSON.stringify(t);window.localStorage.setItem(e,r),f(e,r)},d.FPS_60),w=e=>{typeof window>"u"||!window.localStorage||(window.localStorage.removeItem(e),f(e,null))},S=e=>typeof window>"u"||!window.localStorage?null:window.localStorage.getItem(e);function g(e,t,r=!0){const[i,s]=u.useState(()=>{if(!r)return t??null;const o=S(e);return o!==null?o:typeof t<"u"?(c(e,t),JSON.stringify(t)):null}),a=u.useCallback(o=>{try{if(!r)return;const n=typeof o=="function"?o(i?JSON.parse(i):null):o;n==null?(w(e),s(null)):(c(e,n),s(JSON.stringify(n)))}catch(n){console.error(n)}},[e,i,r]);return u.useEffect(()=>{if(!r||typeof window>"u")return;const o=n=>{n.key===e&&s(n.newValue)};return window.addEventListener("storage",o),()=>window.removeEventListener("storage",o)},[e,r]),[i?JSON.parse(i):t,a]}exports.useLocalStorage=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../chunks/constants.CgMu0_1M.js"),l=require("../../chunks/helpers.BIckGIbP.js"),u=require("react");function f(e,t){typeof window>"u"||!window.localStorage||window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:t}))}const c=l.debounce((e,t)=>{if(typeof window>"u"||!window.localStorage)return;const r=JSON.stringify(t);window.localStorage.setItem(e,r),f(e,r)},d.FPS_60),w=e=>{typeof window>"u"||!window.localStorage||(window.localStorage.removeItem(e),f(e,null))},S=e=>typeof window>"u"||!window.localStorage?null:window.localStorage.getItem(e);function g(e,t,r=!0){const[i,s]=u.useState(()=>{if(!r)return t??null;const o=S(e);return o!==null?o:typeof t<"u"?(c(e,t),JSON.stringify(t)):null}),a=u.useCallback(o=>{try{if(!r)return;const n=typeof o=="function"?o(i?JSON.parse(i):null):o;n==null?(w(e),s(null)):(c(e,n),s(JSON.stringify(n)))}catch(n){console.error(n)}},[e,i,r]);return u.useEffect(()=>{if(!r||typeof window>"u")return;const o=n=>{n.key===e&&s(n.newValue)};return window.addEventListener("storage",o),()=>window.removeEventListener("storage",o)},[e,r]),[i?JSON.parse(i):t,a]}exports.useLocalStorage=g;

package/utils/hooks/useLocalStorage.es.js

@@ -1,5 +1,5 @@
 import { c as a } from "../../chunks/constants.Cruz2A1w.js";
-import { d as w } from "../../chunks/helpers.DLd_EQjR.js";
+import { d as w } from "../../chunks/helpers.CiQfGwdc.js";
 import s from "react";
 function c(t, e) {
   typeof window > "u" || !window.localStorage || window.dispatchEvent(new StorageEvent("storage", { key: t, newValue: e }));

package/utils/spacing.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../chunks/helpers.CGgi4mVC.js"),P=["m","mx","my","mTop","mBottom","mBefore","mAfter"],t=["p","px","py","pTop","pBottom","pBefore","pAfter"],o=["gap"],p=[...P,...t,...o],_=(r,e=p)=>A.partitionProps(r,e);exports.MARGIN_PROP_NAMES=P;exports.OTHER_SPACING_PROP_NAMES=o;exports.PADDING_PROP_NAMES=t;exports.SPACING_PROP_NAMES=p;exports.partitionSpacingProps=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../chunks/helpers.BIckGIbP.js"),P=["m","mx","my","mTop","mBottom","mBefore","mAfter"],t=["p","px","py","pTop","pBottom","pBefore","pAfter"],o=["gap"],p=[...P,...t,...o],_=(r,e=p)=>A.partitionProps(r,e);exports.MARGIN_PROP_NAMES=P;exports.OTHER_SPACING_PROP_NAMES=o;exports.PADDING_PROP_NAMES=t;exports.SPACING_PROP_NAMES=p;exports.partitionSpacingProps=_;

package/utils/spacing.es.js

@@ -1,4 +1,4 @@
-import { p as t } from "../chunks/helpers.DLd_EQjR.js";
+import { p as t } from "../chunks/helpers.CiQfGwdc.js";
 const r = [
   "m",
   "mx",