@viasat/beam-react 2.56.0 → 2.57.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.57.0 (2026-08-20)
+
+### 🚀 Features
+
+- **DateField:** SSR safety and error boundary ([#1399](https://git.viasat.com/vega/Beam/pull/1399))
+
+### ❤️ Thank You
+
+- Roman-Ionita, Alin
+
 ## 2.56.0 (2026-08-20)
 
 ### 🚀 Features

package/chunks/{DateField.Segment.CwhRnhtq.js → DateField.Segment.BMXzpxgl.js}

@@ -1,16 +1,17 @@
 import "../assets/DateField.css";
 import { jsx as $ } from "react/jsx-runtime";
 import k from "clsx";
-import { useRef as I, useCallback as y, useLayoutEffect as B } from "react";
-import { g as L } from "./classNames.CA_0DokS.js";
-import { selectElementContents as P } from "../lib/wip/DateField/DateField.utils.es.js";
-const R = "date-field", { baseClassNamePrefix: W, classModifierPrefix: q, subElementClassPrefix: s } = L(R), S = {
+import { useRef as I, useCallback as B } from "react";
+import { i as P } from "./use-isomorphic-layout-effect.browser.esm.DERp5kr6.js";
+import { g as R } from "./classNames.CA_0DokS.js";
+import { selectElementContents as S } from "../lib/wip/DateField/DateField.utils.es.js";
+const w = "date-field", { baseClassNamePrefix: q, classModifierPrefix: A, subElementClassPrefix: s } = R(w), y = {
   field: `${s}field`,
   segments: `${s}segments`,
   segment: `${s}segment`,
   separator: `${s}separator`,
   srStatus: `${s}sr-status`
-}, w = {
+}, F = {
   "bm-light": "bm-light",
   "bm-dark": "bm-dark",
   "bm-inverse": "bm-inverse",
@@ -26,11 +27,11 @@ const R = "date-field", { baseClassNamePrefix: W, classModifierPrefix: q, subEle
   "bm-date-field__segments": "bm-date-field__segments",
   "bm-date-field__separator": "bm-date-field__separator",
   "bm-date-field__sr-status": "bm-date-field__sr-status"
-}, F = {
+}, L = {
   day: "day",
   month: "month",
   year: "year"
-}, A = ({
+}, H = ({
   type: r,
   value: u,
   valueMin: c,
@@ -39,32 +40,32 @@ const R = "date-field", { baseClassNamePrefix: W, classModifierPrefix: q, subEle
   isPlaceholder: p,
   valueText: g,
   invalid: C,
-  role: i,
+  role: d,
   isActive: t,
   disabled: l,
   readOnly: m,
-  onFocus: v,
-  onBlur: x,
+  onFocus: x,
+  onBlur: v,
   onInput: E,
   onKeyDown: h,
   segmentRef: o
 }) => {
-  const a = !l && !m, f = I(null), D = y(
+  const a = !l && !m, f = I(null), D = B(
     (e) => {
       f.current = e, o(e);
     },
     [o]
   ), M = (e) => {
     if (!a) return;
-    const b = e.currentTarget, d = e.nativeEvent.data;
-    d != null && d.length === 1 && E(r, d), b.textContent !== n && (b.textContent = n);
+    const b = e.currentTarget, i = e.nativeEvent.data;
+    i != null && i.length === 1 && E(r, i), b.textContent !== n && (b.textContent = n);
   };
-  B(() => {
+  P(() => {
     if (!t || !a) return;
     const e = f.current;
-    e && P(e);
+    e && S(e);
   }, [n, t, a]);
-  const N = i === "spinbutton" ? {
+  const N = d === "spinbutton" ? {
     "aria-valuenow": u ?? void 0,
     "aria-valuemin": c,
     "aria-valuemax": _,
@@ -74,8 +75,8 @@ const R = "date-field", { baseClassNamePrefix: W, classModifierPrefix: q, subEle
     "span",
     {
       ref: D,
-      role: i,
-      "aria-label": F[r],
+      role: d,
+      "aria-label": L[r],
       ...N,
       "aria-disabled": l || void 0,
       "aria-readonly": m || void 0,
@@ -90,20 +91,20 @@ const R = "date-field", { baseClassNamePrefix: W, classModifierPrefix: q, subEle
       "data-segment": r,
       "data-active": t,
       "data-placeholder": p,
-      onFocus: v,
-      onBlur: x,
+      onFocus: x,
+      onBlur: v,
       onInput: M,
       onKeyDown: (e) => h(r, e),
       onMouseUp: (e) => e.preventDefault(),
-      className: k(w[S.segment]),
+      className: k(F[y.segment]),
       children: n
     }
   );
 };
 export {
-  A as D,
-  S as a,
-  W as b,
-  q as c,
-  w as s
+  H as D,
+  y as a,
+  q as b,
+  A as c,
+  F as s
 };

package/chunks/DateField.Segment.BqMaeKLk.js

@@ -0,0 +1 @@
+var T=require("../assets/DateField.css");const P=require("react/jsx-runtime"),R=require("clsx"),u=require("react"),$=require("./use-isomorphic-layout-effect.browser.esm.CkGv31zs.js"),k=require("./classNames.BFQUGnCN.js"),w=require("../lib/wip/DateField/DateField.utils.cjs.js"),y="date-field",{baseClassNamePrefix:S,classModifierPrefix:B,subElementClassPrefix:s}=k.getBEMClassNames(y),c={field:`${s}field`,segments:`${s}segments`,segment:`${s}segment`,separator:`${s}separator`,srStatus:`${s}sr-status`},_={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-date-field":"bm-date-field","bm-date-field--disabled":"bm-date-field--disabled","bm-date-field--error":"bm-date-field--error","bm-date-field__field":"bm-date-field__field","bm-date-field__segment":"bm-date-field__segment","bm-date-field--read-only":"bm-date-field--read-only","bm-date-field--fluid":"bm-date-field--fluid","bm-date-field__segments":"bm-date-field__segments","bm-date-field__separator":"bm-date-field__separator","bm-date-field__sr-status":"bm-date-field__sr-status"},L={day:"day",month:"month",year:"year"},j=({type:i,value:g,valueMin:p,valueMax:C,displayValue:r,isPlaceholder:x,valueText:v,invalid:E,role:d,isActive:t,disabled:l,readOnly:o,onFocus:h,onBlur:D,onInput:N,onKeyDown:q,segmentRef:m})=>{const a=!l&&!o,f=u.useRef(null),F=u.useCallback(e=>{f.current=e,m(e)},[m]),M=e=>{if(!a)return;const b=e.currentTarget,n=e.nativeEvent.data;n!=null&&n.length===1&&N(i,n),b.textContent!==r&&(b.textContent=r)};$.index(()=>{if(!t||!a)return;const e=f.current;e&&w.selectElementContents(e)},[r,t,a]);const I=d==="spinbutton"?{"aria-valuenow":g??void 0,"aria-valuemin":p,"aria-valuemax":C,"aria-valuetext":v}:{"aria-multiline":!1};return P.jsx("span",{ref:F,role:d,"aria-label":L[i],...I,"aria-disabled":l||void 0,"aria-readonly":o||void 0,"aria-invalid":E||void 0,contentEditable:a&&t,suppressContentEditableWarning:!0,tabIndex:t?0:-1,inputMode:a?"numeric":void 0,spellCheck:!1,autoCorrect:"off",autoCapitalize:"off","data-segment":i,"data-active":t,"data-placeholder":x,onFocus:h,onBlur:D,onInput:M,onKeyDown:e=>q(i,e),onMouseUp:e=>e.preventDefault(),className:R(_[c.segment]),children:r})};exports.DateFieldSegment=j;exports.baseClassNamePrefix=S;exports.classModifierPrefix=B;exports.staticDateFieldClassNames=c;exports.styles=_;

package/chunks/use-isomorphic-layout-effect.browser.esm.CkGv31zs.js

@@ -0,0 +1 @@
+"use strict";const e=require("react");var t=e.useLayoutEffect;exports.index=t;

package/chunks/use-isomorphic-layout-effect.browser.esm.DERp5kr6.js

@@ -0,0 +1,5 @@
+import { useLayoutEffect as e } from "react";
+var r = e;
+export {
+  r as i
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("clsx");require("react");const e=require("../../../chunks/DateField.Segment.CqFLhMYA.js");require("./DateField.utils.cjs.js");exports.DateFieldSegment=e.DateFieldSegment;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("clsx");require("react");require("../../../chunks/use-isomorphic-layout-effect.browser.esm.CkGv31zs.js");const e=require("../../../chunks/DateField.Segment.BqMaeKLk.js");require("./DateField.utils.cjs.js");exports.DateFieldSegment=e.DateFieldSegment;

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

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
 import "clsx";
 import "react";
-import { D as p } from "../../../chunks/DateField.Segment.CwhRnhtq.js";
+import "../../../chunks/use-isomorphic-layout-effect.browser.esm.DERp5kr6.js";
+import { D as a } from "../../../chunks/DateField.Segment.BMXzpxgl.js";
 import "./DateField.utils.es.js";
 export {
-  p as DateFieldSegment
+  a as DateFieldSegment
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("../../../chunks/DateField.Segment.CqFLhMYA.js"),t=require("./DateField.utils.cjs.js"),Y={month:"MM",day:"DD",year:"YYYY"},j=({parts:o,segmentText:r,segmentValues:a,focusedSegment:m,disabled:c,readOnly:d,invalid:u,role:y,onSegmentFocus:D,onSegmentBlur:h,onSegmentInput:p,onSegmentKeyDown:M,registerSegmentRef:x})=>{const _={day:{min:1,max:t.getDaysInMonth(a.year,a.month)},month:{min:1,max:t.MONTH_MAX},year:{min:t.YEAR_MIN,max:t.YEAR_MAX}};return i.jsx("span",{className:n.styles[n.staticDateFieldClassNames.segments],children:o.map((s,g)=>{if(s.type==="literal")return i.jsx("span",{"aria-hidden":"true",className:n.styles[n.staticDateFieldClassNames.separator],children:s.value},`literal-${g}`);const e=s.type,F=Y[e],{displayValue:l,isPlaceholder:S}=t.getSegmentDisplay(e,r[e],F),{min:v,max:N}=_[e],A=e==="month"&&a.month!=null?t.getMonthName(a.month):l;return i.jsx(n.DateFieldSegment,{type:e,value:a[e],valueMin:v,valueMax:N,displayValue:l,isPlaceholder:S,valueText:A,invalid:u,role:y,isActive:m===e,disabled:c,readOnly:d,onFocus:()=>D(e),onBlur:h,onInput:p,onKeyDown:M,segmentRef:x(e)},e)})})};exports.DateFieldSegments=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("../../../chunks/DateField.Segment.BqMaeKLk.js"),t=require("./DateField.utils.cjs.js"),Y={month:"MM",day:"DD",year:"YYYY"},j=({parts:o,segmentText:r,segmentValues:a,focusedSegment:m,disabled:c,readOnly:d,invalid:u,role:y,onSegmentFocus:D,onSegmentBlur:h,onSegmentInput:p,onSegmentKeyDown:M,registerSegmentRef:x})=>{const _={day:{min:1,max:t.getDaysInMonth(a.year,a.month)},month:{min:1,max:t.MONTH_MAX},year:{min:t.YEAR_MIN,max:t.YEAR_MAX}};return i.jsx("span",{className:n.styles[n.staticDateFieldClassNames.segments],children:o.map((s,g)=>{if(s.type==="literal")return i.jsx("span",{"aria-hidden":"true",className:n.styles[n.staticDateFieldClassNames.separator],children:s.value},`literal-${g}`);const e=s.type,F=Y[e],{displayValue:l,isPlaceholder:S}=t.getSegmentDisplay(e,r[e],F),{min:v,max:N}=_[e],A=e==="month"&&a.month!=null?t.getMonthName(a.month):l;return i.jsx(n.DateFieldSegment,{type:e,value:a[e],valueMin:v,valueMax:N,displayValue:l,isPlaceholder:S,valueText:A,invalid:u,role:y,isActive:m===e,disabled:c,readOnly:d,onFocus:()=>D(e),onBlur:h,onInput:p,onKeyDown:M,segmentRef:x(e)},e)})})};exports.DateFieldSegments=j;

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { s, a as m, D as F } from "../../../chunks/DateField.Segment.CwhRnhtq.js";
+import { s, a as m, D as F } from "../../../chunks/DateField.Segment.BMXzpxgl.js";
 import { getDaysInMonth as R, getSegmentDisplay as S, YEAR_MAX as I, YEAR_MIN as T, MONTH_MAX as _, getMonthName as B } from "./DateField.utils.es.js";
 const C = {
   month: "MM",

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +1,15 @@
+/**
+ * Dev-only guard: `minDate` after `maxDate` is a caller misconfig where no date
+ * satisfies both, so the blur clamp is disabled (values are left as typed). Warns
+ * once per prop change (stripped in production). Deps key on the primitive
+ * calendar day, not the `Date` object — an inline `new Date()` bound would
+ * otherwise re-run this every render and spam the warning.
+ */
+export declare const useDevMinMaxWarning: (minDate: Date | null | undefined, maxDate: Date | null | undefined) => void;
+/**
+ * Dev-only guard: an Invalid Date prop renders with no value (segments show
+ * placeholders). Warns so the caller notices rather than debugging a silently
+ * empty field. Keyed on booleans, not the `Date` objects, so a fresh-but-valid
+ * `Date` each render doesn't churn.
+ */
+export declare const useDevInvalidValueWarning: (value: Date | null | undefined, defaultValue: Date | null | undefined) => void;

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

@@ -0,0 +1,22 @@
+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(
+      "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(() => {
+    process.env.NODE_ENV !== "production" && (n && console.warn(
+      "DateField: `value` is an Invalid Date; rendering with no value."
+    ), i && console.warn(
+      "DateField: `defaultValue` is an Invalid Date; rendering with no value."
+    ));
+  }, [n, i]);
+};
+export {
+  u as useDevInvalidValueWarning,
+  c as useDevMinMaxWarning
+};

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

@@ -1,236 +1,245 @@
-import { jsxs as O, jsx as r } from "react/jsx-runtime";
-import Ne from "clsx";
-import { forwardRef as we, useEffect as Oe, useMemo as Ve, useCallback as Ce } from "react";
-import { s as a, b as Be, c as i, a as V } from "../../../chunks/DateField.Segment.CwhRnhtq.js";
-import { t as Re } from "../../../chunks/constants.Cruz2A1w.js";
-import { i as Pe } from "../../../chunks/helpers.CiQfGwdc.js";
-import { H as Ee } from "../../../chunks/form.context.BDYA2JQs.js";
-import { LabelProvider as Le } from "../../Form/contexts/label.context.es.js";
-import { HelperTextProvider as Te } from "../../Form/contexts/helperText.context.es.js";
+import { jsxs as B, jsx as a } from "react/jsx-runtime";
+import Re from "clsx";
+import { forwardRef as Ce, useMemo as Ee, useCallback as Oe } from "react";
+import { s as r, b as Be, c as i, a as m } from "../../../chunks/DateField.Segment.BMXzpxgl.js";
+import { t as Le } from "../../../chunks/constants.Cruz2A1w.js";
+import { i as Ve } from "../../../chunks/helpers.CiQfGwdc.js";
+import { H as Te } from "../../../chunks/form.context.BDYA2JQs.js";
+import { LabelProvider as Ae } from "../../Form/contexts/label.context.es.js";
+import { HelperTextProvider as Pe } from "../../Form/contexts/helperText.context.es.js";
 import { useUniversalRef as qe } from "../../Form/hooks/useUniversalRef.hook.es.js";
-import { useIsMounted as He } from "../../../utils/hooks/useIsMounted.es.js";
-import { DateFieldSegments as Ke } from "./DateField.Segments.es.js";
-import { isMinMaxMisconfigured as $e, dateKeyOrNull as C, getDateParts as je, getSegmentOrder as Ue, toISODateString as We } from "./DateField.utils.es.js";
-import { useDateFieldFocus as ke } from "./useDateFieldFocus.es.js";
-import { useDateFieldForm as Ae } from "./useDateFieldForm.es.js";
-import { useDateFieldKeyboard as _e } from "./useDateFieldKeyboard.es.js";
-import { useDateFieldSegments as ze } from "./useDateFieldSegments.es.js";
-import { useDateFieldValidity as Ge } from "./useDateFieldValidity.es.js";
-import { useDateFieldValue as Je } from "./useDateFieldValue.es.js";
-import { useInvalidState as Qe } from "./useInvalidState.es.js";
-const ha = we(
+import { useIsMounted as Ke } from "../../../utils/hooks/useIsMounted.es.js";
+import { ErrorBoundary as He } from "../ErrorBoundary/ErrorBoundary.es.js";
+import { DateFieldSegments as We } from "./DateField.Segments.es.js";
+import { useDevMinMaxWarning as Ye, useDevInvalidValueWarning as _e } from "./DateField.devWarnings.es.js";
+import { getDateParts as $e, getSegmentOrder as je, toISODateString as ke, DEFAULT_LOCALE as L } from "./DateField.utils.es.js";
+import { useDateFieldFocus as Ue } from "./useDateFieldFocus.es.js";
+import { useDateFieldForm as ze } from "./useDateFieldForm.es.js";
+import { useDateFieldKeyboard as Ge } from "./useDateFieldKeyboard.es.js";
+import { useDateFieldSegments as Je } from "./useDateFieldSegments.es.js";
+import { useDateFieldValidity as Qe } from "./useDateFieldValidity.es.js";
+import { useDateFieldValue as Xe } from "./useDateFieldValue.es.js";
+import { useInvalidState as Ze } from "./useInvalidState.es.js";
+const ea = "MM/DD/YYYY", aa = () => {
+  process.env.NODE_ENV !== "production" && console.warn(
+    "DateField: segments failed to render; showing a static fallback."
+  );
+}, Ma = Ce(
   function({
-    value: B,
-    defaultValue: R,
-    onChange: P,
-    minDate: l,
-    maxDate: o,
-    getClampAnnouncement: E,
-    locale: L,
-    label: c = null,
-    helperText: f = null,
-    error: p,
-    hideRequiredMarker: T = !1,
+    value: u,
+    defaultValue: c,
+    onChange: V,
+    minDate: f,
+    maxDate: p,
+    getClampAnnouncement: T,
+    locale: A,
+    label: g = null,
+    helperText: b = null,
+    error: v,
+    hideRequiredMarker: P = !1,
     validationRules: q,
-    width: H,
-    theme: b,
-    fluid: K = !1,
-    disabled: $ = !1,
-    readOnly: j = !1,
-    required: U = !1,
-    name: g,
-    id: W,
-    className: k,
-    style: A,
-    "aria-label": _,
+    width: K,
+    theme: D,
+    fluid: H = !1,
+    disabled: W = !1,
+    readOnly: Y = !1,
+    required: _ = !1,
+    name: F,
+    id: $,
+    className: j,
+    style: k,
+    "aria-label": U,
     "aria-describedby": z,
     "aria-labelledby": G,
     ...J
   }, Q) {
     const {
       disabled: e,
-      readOnly: d,
-      required: v,
+      readOnly: t,
+      required: h,
       invalid: X,
-      errorMessageProvided: F,
-      defaultValue: Y,
-      errorId: D,
-      helperTextId: Z,
-      validationErrorsId: ee,
-      labelId: h,
-      ariaDescribedBy: ae,
-      ariaLabelledBy: re,
-      showErrors: se
-    } = Ae({
-      name: g,
-      disabled: $,
-      readOnly: j,
-      required: U,
-      defaultValue: R,
-      error: p,
-      hasHelperText: !!f,
-      hasLabel: !!c,
+      errorMessageProvided: S,
+      defaultValue: Z,
+      errorId: x,
+      helperTextId: ee,
+      validationErrorsId: ae,
+      labelId: y,
+      ariaDescribedBy: re,
+      ariaLabelledBy: se,
+      showErrors: oe
+    } = ze({
+      name: F,
+      disabled: W,
+      readOnly: Y,
+      required: _,
+      defaultValue: c,
+      error: v,
+      hasHelperText: !!b,
+      hasLabel: !!g,
       validationRules: q,
       ariaDescribedBy: z,
       ariaLabelledBy: G
     });
-    Oe(() => {
-      process.env.NODE_ENV !== "production" && $e(l, o) && console.warn(
-        "DateField: `minDate` is after `maxDate` — no date satisfies both, so the blur clamp is disabled and values are left as typed."
-      );
-    }, [C(l), C(o)]);
-    const { refFn: te, ref: S } = qe(Q), { segmentRefs: ie, registerSegmentRef: le } = ze(), n = je(L ?? "en-US"), x = Ve(() => Ue(n), [n]), {
-      segmentText: oe,
-      segmentValues: y,
-      currentValue: I,
-      wasTouched: de,
-      appendDigit: M,
-      adjustSegment: ne,
-      clearSegment: ue,
-      beginSegmentEdit: me,
-      commitOnBlur: ce,
-      clampAnnouncement: fe
-    } = Je({
-      value: B,
-      defaultValue: Y,
-      onChange: P,
-      minDate: l,
-      maxDate: o,
-      getClampAnnouncement: E
+    Ye(f, p), _e(u, c);
+    const { refFn: ie, ref: I } = qe(Q), { segmentRefs: te, registerSegmentRef: le } = Je(), ne = A ?? L, M = Ke(), l = $e(M ? ne : L), N = Ee(() => je(l), [l]), {
+      segmentText: de,
+      segmentValues: w,
+      currentValue: R,
+      wasTouched: me,
+      appendDigit: C,
+      adjustSegment: ue,
+      clearSegment: ce,
+      beginSegmentEdit: fe,
+      commitOnBlur: pe,
+      clampAnnouncement: ge
+    } = Xe({
+      value: u,
+      defaultValue: Z,
+      onChange: V,
+      minDate: f,
+      maxDate: p,
+      getClampAnnouncement: T
     }), {
-      focusedSegment: N,
-      fieldTabIndex: pe,
-      handleSegmentFocus: w,
-      handleFieldFocus: be,
-      handleFieldBlur: ge,
-      handleFieldMouseDown: ve,
-      focusNext: u,
-      focusPrevious: Fe
-    } = ke({
+      focusedSegment: E,
+      fieldTabIndex: be,
+      handleSegmentFocus: O,
+      handleFieldFocus: ve,
+      handleFieldBlur: De,
+      handleFieldMouseDown: Fe,
+      focusNext: n,
+      focusPrevious: he
+    } = Ue({
       disabled: e,
-      fieldRef: S,
-      segmentRefs: ie,
-      partsOrder: x,
-      onSegmentFocusChange: me,
-      onFieldBlur: ce
-    }), De = _e({
+      fieldRef: I,
+      segmentRefs: te,
+      partsOrder: N,
+      onSegmentFocusChange: fe,
+      onFieldBlur: pe
+    }), Se = Ge({
       disabled: e,
-      readOnly: d,
-      fieldRef: S,
-      focusNext: u,
-      focusPrevious: Fe,
-      adjustSegment: ne,
-      clearSegment: ue
-    }), { isInvalid: he } = Ge({
-      segments: y,
-      currentValue: I,
-      wasTouched: de,
-      isFocused: N !== null
-    }), Se = Ce(
-      (s, t) => {
-        const { advanced: Me } = M(s, t);
-        Me && u(s);
+      readOnly: t,
+      fieldRef: I,
+      focusNext: n,
+      focusPrevious: he,
+      adjustSegment: ue,
+      clearSegment: ce
+    }), { isInvalid: xe } = Qe({
+      segments: w,
+      currentValue: R,
+      wasTouched: me,
+      isFocused: E !== null
+    }), ye = Oe(
+      (s, o) => {
+        const { advanced: we } = C(s, o);
+        we && n(s);
       },
-      [M, u]
-    ), m = Qe({
+      [C, n]
+    ), d = Ze({
       formInvalid: X,
-      valueInvalid: he
-    }), xe = He() && Pe() ? "textbox" : "spinbutton", ye = (s) => {
+      valueInvalid: xe
+    }), Ie = M && Ve() ? "textbox" : "spinbutton", Me = (s) => {
       if (e) return;
-      const t = s.target.closest("label");
-      !t || t.id !== h || (s.preventDefault(), w(x[0]));
-    }, Ie = Ne(
-      a[Be],
-      b && Re(b),
-      K && a[`${i}fluid`],
-      m && a[`${i}error`],
-      e && a[`${i}disabled`],
-      d && a[`${i}read-only`],
-      k
+      const o = s.target.closest("label");
+      !o || o.id !== y || (s.preventDefault(), O(N[0]));
+    }, Ne = Re(
+      r[Be],
+      D && Le(D),
+      H && r[`${i}fluid`],
+      d && r[`${i}error`],
+      e && r[`${i}disabled`],
+      t && r[`${i}read-only`],
+      j
     );
-    return /* @__PURE__ */ O(
+    return /* @__PURE__ */ B(
       "div",
       {
-        className: Ie,
-        style: { ...A, maxWidth: H },
-        onMouseDownCapture: ye,
+        className: Ne,
+        style: { ...k, maxWidth: K },
+        onMouseDownCapture: Me,
         children: [
-          /* @__PURE__ */ r(
-            Le,
+          /* @__PURE__ */ a(
+            Ae,
             {
-              ctxId: h,
+              ctxId: y,
               ctxDisabled: e,
-              ctxRequired: v && !T,
-              children: c
+              ctxRequired: h && !P,
+              children: g
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ a(
             "div",
             {
               ...J,
-              ref: te,
-              id: W,
+              ref: ie,
+              id: $,
               role: "group",
-              "aria-label": _,
-              "aria-labelledby": re,
+              "aria-label": U,
+              "aria-labelledby": se,
               "aria-disabled": e || void 0,
-              "aria-required": v || void 0,
-              "aria-invalid": m || void 0,
-              "aria-describedby": ae,
-              "aria-errormessage": F ? D : void 0,
-              tabIndex: pe,
-              className: a[V.field],
-              onMouseDown: ve,
-              onFocus: be,
-              children: /* @__PURE__ */ r(
-                Ke,
+              "aria-required": h || void 0,
+              "aria-invalid": d || void 0,
+              "aria-describedby": re,
+              "aria-errormessage": S ? x : void 0,
+              tabIndex: be,
+              className: r[m.field],
+              onMouseDown: Fe,
+              onFocus: ve,
+              children: /* @__PURE__ */ a(
+                He,
                 {
-                  parts: n,
-                  segmentText: oe,
-                  segmentValues: y,
-                  focusedSegment: N,
-                  disabled: e,
-                  readOnly: d,
-                  invalid: m,
-                  role: xe,
-                  onSegmentFocus: w,
-                  onSegmentBlur: ge,
-                  onSegmentInput: Se,
-                  onSegmentKeyDown: De,
-                  registerSegmentRef: le
+                  fallback: /* @__PURE__ */ a("span", { className: r[m.segments], children: ea }),
+                  onError: aa,
+                  children: /* @__PURE__ */ a(
+                    We,
+                    {
+                      parts: l,
+                      segmentText: de,
+                      segmentValues: w,
+                      focusedSegment: E,
+                      disabled: e,
+                      readOnly: t,
+                      invalid: d,
+                      role: Ie,
+                      onSegmentFocus: O,
+                      onSegmentBlur: De,
+                      onSegmentInput: ye,
+                      onSegmentKeyDown: Se,
+                      registerSegmentRef: le
+                    }
+                  )
                 }
               )
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ a(
             "span",
             {
               role: "status",
               "aria-live": "polite",
               "aria-atomic": "true",
-              className: a[V.srStatus],
-              children: fe
+              className: r[m.srStatus],
+              children: ge
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ a(
             "input",
             {
               type: "hidden",
-              name: g,
-              value: We(I),
+              name: F,
+              value: ke(R),
               disabled: e
             }
           ),
-          /* @__PURE__ */ O(Te, { ctxId: Z, ctxDisabled: e, children: [
-            f,
-            F && /* @__PURE__ */ r(Ee, { id: D, appearance: "negative", children: p })
+          /* @__PURE__ */ B(Pe, { ctxId: ee, ctxDisabled: e, children: [
+            b,
+            S && /* @__PURE__ */ a(Te, { id: x, appearance: "negative", children: v })
           ] }),
-          se(ee)
+          oe(ae)
         ]
       }
     );
   }
 );
 export {
-  ha as DateField
+  Ma as DateField
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/constants.CgMu0_1M.js");const D=require("../../../chunks/helpers.BIckGIbP.js"),g=require("./DateField.validation.cjs.js"),E=new Intl.DateTimeFormat("en-US",{month:"long"}),p=e=>E.format(new Date(2e3,e-1,1)),c=31,l=12,S=1,m=9999,M=(e,t,n)=>Math.min(n,Math.max(t,e)),T=(e,t)=>((e-1)%t+t)%t+1,w=2024,P=(e,t)=>t==null?31:new Date(e??w,t,0).getDate(),R=()=>{const e=new Date;return{day:e.getDate(),month:e.getMonth()+1,year:e.getFullYear()}},o=e=>e instanceof Date&&!Number.isNaN(e.getTime()),I=(e,t,n,r)=>{if(n==="min")return e==="year"?null:1;if(n==="max")return e==="year"?null:e==="day"?r.daysInMonth:l;if(t==null){if(e==="year")return r.today.year;const A=e==="day"?c:l;return n>0?1:A}if(e==="year")return M(t+n,S,m);const s=e==="day"?c:l;return T(t+n,s)},F={day:"",month:"",year:""},f=e=>{const{day:t,month:n,year:r}=e;if(t==null||n==null||r==null)return null;const s=new Date(r,n-1,t);return s.setFullYear(r),Number.isNaN(s.getTime())||s.getFullYear()!==r||s.getMonth()!==n-1||s.getDate()!==t?null:s},Y=(e,t)=>e==null&&t==null?!0:e==null||t==null?!1:e.getTime()===t.getTime(),a=D.dateToDayKey,V=e=>o(e)?a(e):null,O=(e,t,n)=>{const r=a(e);return!(o(t)&&r<a(t)||o(n)&&r>a(n))},h=(e,t)=>o(e)&&o(t)&&a(e)>a(t),C=(e,t,n)=>{if(h(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},L=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}`},_=e=>e.type==="literal",N=e=>e.filter(t=>!_(t)).map(t=>t.type),X=new Date(2020,0,2),b=new Set([8206,8207,8234,8235,8236,8237,8238,8294,8295,8296,8297]),G=e=>[...e].filter(t=>!b.has(t.codePointAt(0)??-1)).join(""),H=new Set(["day","month","year","literal"]),d=3,y=e=>{try{const t=new Intl.DateTimeFormat(e,{year:"numeric",month:"2-digit",day:"2-digit",calendar:"gregory"}).formatToParts(X).filter(r=>H.has(r.type)).map(r=>({type:r.type,value:r.type==="literal"?G(r.value):""})),n=N(t);return n.length===d&&new Set(n).size===d?t:null}catch{return null}},u=new Map,K=e=>{let t=e;try{t=new Intl.Locale(e).toString()}catch{t=e.toLowerCase()}const n=u.get(t);if(n)return n;const r=y(e)??y("en-US");if(!r)throw new Error("DateField: Intl cannot resolve en-US date parts");return u.set(t,r),r},j=()=>u.clear(),k=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")}:F,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},U=e=>f({day:i("day",e.day),month:i("month",e.month),year:i("year",e.year)}),q=(e,t)=>t===""?"":t.padStart(g.SEGMENT_MAX_LENGTH[e],"0"),z=(e,t,n)=>t===""?{displayValue:n,isPlaceholder:!0}:{displayValue:t.padStart(g.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)},$=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=c;exports.MONTH_MAX=l;exports.YEAR_MAX=m;exports.YEAR_MIN=S;exports.__clearDatePartsCache=j;exports.adjustSegmentValue=I;exports.clamp=M;exports.clampDateToRange=C;exports.clearSelectionWithin=$;exports.dateKeyOrNull=V;exports.deriveValue=f;exports.deriveValueFromText=U;exports.getDateParts=K;exports.getDaysInMonth=P;exports.getMonthName=p;exports.getSegmentDisplay=z;exports.getSegmentOrder=N;exports.isDateInRange=O;exports.isLiteralPart=_;exports.isMinMaxMisconfigured=h;exports.isSameDateValue=Y;exports.normalizeSegmentText=q;exports.segmentNumber=i;exports.segmentTextFromValue=k;exports.selectElementContents=B;exports.toISODateString=L;exports.todayParts=R;exports.wrapInRange=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/constants.CgMu0_1M.js");const A=require("../../../chunks/helpers.BIckGIbP.js"),d=require("./DateField.validation.cjs.js"),l="en-US",N=new Intl.DateTimeFormat("en-US",{month:"long"}),w=e=>N.format(new Date(2e3,e-1,1)),u=31,i=12,m=1,f=9999,M=(e,t,n)=>Math.min(n,Math.max(t,e)),T=(e,t)=>((e-1)%t+t)%t+1,F=2024,P=(e,t)=>t==null?31:new Date(e??F,t,0).getDate(),R=()=>{const e=new Date;return{day:e.getDate(),month:e.getMonth()+1,year:e.getFullYear()}},o=e=>e instanceof Date&&!Number.isNaN(e.getTime()),I=(e,t,n,r)=>{if(n==="min")return e==="year"?null:1;if(n==="max")return e==="year"?null:e==="day"?r.daysInMonth:i;if(t==null){if(e==="year")return r.today.year;const E=e==="day"?u:i;return n>0?1:E}if(e==="year")return M(t+n,m,f);const a=e==="day"?u:i;return T(t+n,a)},L={day:"",month:"",year:""},h=e=>{const{day:t,month:n,year:r}=e;if(t==null||n==null||r==null)return null;const a=new Date(r,n-1,t);return a.setFullYear(r),Number.isNaN(a.getTime())||a.getFullYear()!==r||a.getMonth()!==n-1||a.getDate()!==t?null:a},Y=(e,t)=>e==null&&t==null?!0:e==null||t==null?!1:e.getTime()===t.getTime(),s=A.dateToDayKey,O=e=>o(e)?s(e):null,V=(e,t,n)=>{const r=s(e);return!(o(t)&&r<s(t)||o(n)&&r>s(n))},_=(e,t)=>o(e)&&o(t)&&s(e)>s(t),C=(e,t,n)=>{if(_(t,n))return e;const r=s(e);return o(t)&&r<s(t)?new Date(t.getFullYear(),t.getMonth(),t.getDate()):o(n)&&r>s(n)?new Date(n.getFullYear(),n.getMonth(),n.getDate()):e},X=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}`},p=e=>e.type==="literal",D=e=>e.filter(t=>!p(t)).map(t=>t.type),b=new Date(2020,0,2),G=new Set([8206,8207,8234,8235,8236,8237,8238,8294,8295,8296,8297]),H=e=>[...e].filter(t=>!G.has(t.codePointAt(0)??-1)).join(""),K=new Set(["day","month","year","literal"]),y=3,S=e=>{try{const t=new Intl.DateTimeFormat(e,{year:"numeric",month:"2-digit",day:"2-digit",calendar:"gregory"}).formatToParts(b).filter(r=>K.has(r.type)).map(r=>({type:r.type,value:r.type==="literal"?H(r.value):""})),n=D(t);return n.length===y&&new Set(n).size===y?t:null}catch{return null}},g=new Map,$=e=>{try{return new Intl.Locale(e).toString()}catch{return e.toLowerCase()}},k=e=>{try{return Intl.DateTimeFormat.supportedLocalesOf([e]).length>0}catch{return!1}},U=e=>{const t=$(e),n=g.get(t);if(n)return n;const r=k(e);!r&&process.env.NODE_ENV!=="production"&&console.warn(`DateField: locale "${e}" is not supported; falling back to ${l}.`);const a=(r?S(e):null)??S(l);if(!a)throw new Error(`DateField: Intl cannot resolve ${l} date parts`);return g.set(t,a),a},j=()=>g.clear(),q=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")}:L,c=(e,t)=>{if(t===""||e==="year"&&t.length<d.SEGMENT_MAX_LENGTH.year)return null;const n=parseInt(t,10);return Number.isNaN(n)||n===0?null:n},v=e=>h({day:c("day",e.day),month:c("month",e.month),year:c("year",e.year)}),z=(e,t)=>t===""?"":t.padStart(d.SEGMENT_MAX_LENGTH[e],"0"),B=(e,t,n)=>t===""?{displayValue:n,isPlaceholder:!0}:{displayValue:t.padStart(d.SEGMENT_MAX_LENGTH[e],"0"),isPlaceholder:!1},W=e=>{const t=window.getSelection();if(!t)return;const n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)},J=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.DEFAULT_LOCALE=l;exports.MONTH_MAX=i;exports.YEAR_MAX=f;exports.YEAR_MIN=m;exports.__clearDatePartsCache=j;exports.adjustSegmentValue=I;exports.clamp=M;exports.clampDateToRange=C;exports.clearSelectionWithin=J;exports.dateKeyOrNull=O;exports.deriveValue=h;exports.deriveValueFromText=v;exports.getDateParts=U;exports.getDaysInMonth=P;exports.getMonthName=w;exports.getSegmentDisplay=B;exports.getSegmentOrder=D;exports.isDateInRange=V;exports.isLiteralPart=p;exports.isMinMaxMisconfigured=_;exports.isSameDateValue=Y;exports.isValidDate=o;exports.normalizeSegmentText=z;exports.segmentNumber=c;exports.segmentTextFromValue=q;exports.selectElementContents=W;exports.toISODateString=X;exports.todayParts=R;exports.wrapInRange=T;

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

@@ -1,5 +1,6 @@
 import { Nullable } from '@viasat/beam-shared/utils/types';
 import { DateFieldPart, SegmentAdjustment, SegmentText, SegmentType, SegmentValues } from './DateField.types';
+export declare const DEFAULT_LOCALE = "en-US";
 /** Returns the locale month name for a 1-based month (1 = January). */
 export declare const getMonthName: (month: number) => string;
 /**
@@ -48,6 +49,8 @@ export declare const todayParts: () => {
     month: number;
     year: number;
 };
+/** True for a `Date` instance that isn't `Invalid Date`. */
+export declare const isValidDate: (value: unknown) => value is Date;
 /** Context passed into {@link adjustSegmentValue} — kept pure by the caller. */
 export interface AdjustSegmentContext {
     /** Days in the current month (use {@link getDaysInMonth} to compute). */
@@ -124,11 +127,10 @@ export declare const isLiteralPart: (part: DateFieldPart) => part is DateFieldPa
 export declare const getSegmentOrder: (parts: ReadonlyArray<DateFieldPart>) => ReadonlyArray<SegmentType>;
 /**
  * Locale-derived segment order + separators (DF-8), memoized per locale. Falls
- * back to en-US for any locale Intl can't resolve to the three date segments —
- * en-US being the ECMAScript-guaranteed baseline (Intl's own ultimate fallback).
- * Resolved lazily on first use, so a broken Intl (which can't render the field
- * anyway — `getMonthName` needs it too) surfaces at render, catchable by an
- * error boundary, instead of crashing the bundle at import.
+ * back to {@link DEFAULT_LOCALE} for any locale Intl can't resolve to the three
+ * date segments. Resolved lazily on first use, so a broken Intl (which can't
+ * render the field anyway — `getMonthName` needs it too) surfaces at render,
+ * catchable by an error boundary, instead of crashing the bundle at import.
  */
 export declare const getDateParts: (locale: string) => ReadonlyArray<DateFieldPart>;
 /** @internal — test-only. Clears the per-locale parts cache for Intl isolation. */

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

@@ -1,39 +1,39 @@
 import "../../../chunks/constants.Cruz2A1w.js";
 import { a as S } from "../../../chunks/helpers.CiQfGwdc.js";
-import { SEGMENT_MAX_LENGTH as u } from "./DateField.validation.es.js";
-const m = new Intl.DateTimeFormat("en-US", { month: "long" }), L = (t) => m.format(new Date(2e3, t - 1, 1)), g = 31, l = 12, h = 1, T = 9999, M = (t, e, n) => Math.min(n, Math.max(e, t)), p = (t, e) => ((t - 1) % e + e) % e + 1, w = 2024, O = (t, e) => e == null ? 31 : new Date(t ?? w, e, 0).getDate(), K = () => {
+import { SEGMENT_MAX_LENGTH as g } from "./DateField.validation.es.js";
+const l = "en-US", h = new Intl.DateTimeFormat("en-US", { month: "long" }), $ = (t) => h.format(new Date(2e3, t - 1, 1)), d = 31, c = 12, p = 1, T = 9999, M = (t, e, n) => Math.min(n, Math.max(e, t)), A = (t, e) => ((t - 1) % e + e) % e + 1, E = 2024, k = (t, e) => e == null ? 31 : new Date(t ?? E, e, 0).getDate(), X = () => {
   const t = /* @__PURE__ */ new Date();
   return { day: t.getDate(), month: t.getMonth() + 1, year: t.getFullYear() };
-}, o = (t) => t instanceof Date && !Number.isNaN(t.getTime()), X = (t, e, n, r) => {
+}, s = (t) => t instanceof Date && !Number.isNaN(t.getTime()), b = (t, e, n, r) => {
   if (n === "min") return t === "year" ? null : 1;
   if (n === "max")
-    return t === "year" ? null : t === "day" ? r.daysInMonth : l;
+    return t === "year" ? null : t === "day" ? r.daysInMonth : c;
   if (e == null) {
     if (t === "year") return r.today.year;
-    const f = t === "day" ? g : l;
-    return n > 0 ? 1 : f;
+    const m = t === "day" ? d : c;
+    return n > 0 ? 1 : m;
   }
-  if (t === "year") return M(e + n, h, T);
-  const s = t === "day" ? g : l;
-  return p(e + n, s);
-}, A = { day: "", month: "", year: "" }, N = (t) => {
+  if (t === "year") return M(e + n, p, T);
+  const a = t === "day" ? d : c;
+  return A(e + n, a);
+}, N = { day: "", month: "", year: "" }, w = (t) => {
   const { day: e, month: n, year: r } = t;
   if (e == null || n == null || r == null) return null;
-  const s = new Date(r, n - 1, e);
-  return s.setFullYear(r), Number.isNaN(s.getTime()) || s.getFullYear() !== r || s.getMonth() !== n - 1 || s.getDate() !== e ? null : s;
-}, k = (t, e) => t == null && e == null ? !0 : t == null || e == null ? !1 : t.getTime() === e.getTime(), a = S, H = (t) => o(t) ? a(t) : null, U = (t, e, n) => {
-  const r = a(t);
-  return !(o(e) && r < a(e) || o(n) && r > a(n));
-}, _ = (t, e) => o(t) && o(e) && a(t) > a(e), b = (t, e, n) => {
-  if (_(e, n)) return t;
-  const r = a(t);
-  return o(e) && r < a(e) ? new Date(e.getFullYear(), e.getMonth(), e.getDate()) : o(n) && r > a(n) ? new Date(n.getFullYear(), n.getMonth(), n.getDate()) : t;
-}, B = (t) => {
-  if (!o(t)) return "";
+  const a = new Date(r, n - 1, e);
+  return a.setFullYear(r), Number.isNaN(a.getTime()) || a.getFullYear() !== r || a.getMonth() !== n - 1 || a.getDate() !== e ? null : a;
+}, H = (t, e) => t == null && e == null ? !0 : t == null || e == null ? !1 : t.getTime() === e.getTime(), o = S, U = (t) => s(t) ? o(t) : null, B = (t, e, n) => {
+  const r = o(t);
+  return !(s(e) && r < o(e) || s(n) && r > o(n));
+}, D = (t, e) => s(t) && s(e) && o(t) > o(e), G = (t, e, n) => {
+  if (D(e, n)) return t;
+  const r = o(t);
+  return s(e) && r < o(e) ? new Date(e.getFullYear(), e.getMonth(), e.getDate()) : s(n) && r > o(n) ? new Date(n.getFullYear(), n.getMonth(), n.getDate()) : t;
+}, j = (t) => {
+  if (!s(t)) return "";
   const e = String(t.getFullYear()).padStart(4, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
   return `${e}-${n}-${r}`;
-}, E = (t) => t.type === "literal", D = (t) => t.filter(
-  (e) => !E(e)
+}, _ = (t) => t.type === "literal", F = (t) => t.filter(
+  (e) => !_(e)
 ).map((e) => e.type), P = new Date(2020, 0, 2), R = /* @__PURE__ */ new Set([
   8206,
   8207,
@@ -46,87 +46,101 @@ const m = new Intl.DateTimeFormat("en-US", { month: "long" }), L = (t) => m.form
   8295,
   8296,
   8297
-]), F = (t) => [...t].filter((e) => !R.has(e.codePointAt(0) ?? -1)).join(""), I = /* @__PURE__ */ new Set(["day", "month", "year", "literal"]), d = 3, y = (t) => {
+]), I = (t) => [...t].filter((e) => !R.has(e.codePointAt(0) ?? -1)).join(""), Y = /* @__PURE__ */ new Set(["day", "month", "year", "literal"]), y = 3, f = (t) => {
   try {
     const e = new Intl.DateTimeFormat(t, {
       year: "numeric",
       month: "2-digit",
       day: "2-digit",
       calendar: "gregory"
-    }).formatToParts(P).filter((r) => I.has(r.type)).map((r) => ({
+    }).formatToParts(P).filter((r) => Y.has(r.type)).map((r) => ({
       type: r.type,
-      value: r.type === "literal" ? F(r.value) : ""
-    })), n = D(e);
-    return n.length === d && new Set(n).size === d ? e : null;
+      value: r.type === "literal" ? I(r.value) : ""
+    })), n = F(e);
+    return n.length === y && new Set(n).size === y ? e : null;
   } catch {
     return null;
   }
-}, c = /* @__PURE__ */ new Map(), G = (t) => {
-  let e = t;
+}, u = /* @__PURE__ */ new Map(), L = (t) => {
   try {
-    e = new Intl.Locale(t).toString();
+    return new Intl.Locale(t).toString();
   } catch {
-    e = t.toLowerCase();
+    return t.toLowerCase();
   }
-  const n = c.get(e);
+}, C = (t) => {
+  try {
+    return Intl.DateTimeFormat.supportedLocalesOf([t]).length > 0;
+  } catch {
+    return !1;
+  }
+}, z = (t) => {
+  const e = L(t), n = u.get(e);
   if (n) return n;
-  const r = y(t) ?? y("en-US");
-  if (!r)
-    throw new Error("DateField: Intl cannot resolve en-US date parts");
-  return c.set(e, r), r;
-}, $ = () => c.clear(), j = (t) => o(t) ? {
+  const r = C(t);
+  !r && process.env.NODE_ENV !== "production" && console.warn(
+    `DateField: locale "${t}" is not supported; falling back to ${l}.`
+  );
+  const a = (r ? f(t) : null) ?? f(l);
+  if (!a)
+    throw new Error(
+      `DateField: Intl cannot resolve ${l} date parts`
+    );
+  return u.set(e, a), a;
+}, W = () => u.clear(), q = (t) => s(t) ? {
   day: String(t.getDate()).padStart(2, "0"),
   month: String(t.getMonth() + 1).padStart(2, "0"),
   year: String(t.getFullYear()).padStart(4, "0")
-} : A, i = (t, e) => {
-  if (e === "" || t === "year" && e.length < u.year) return null;
+} : N, i = (t, e) => {
+  if (e === "" || t === "year" && e.length < g.year) return null;
   const n = parseInt(e, 10);
   return Number.isNaN(n) || n === 0 ? null : n;
-}, z = (t) => N({
+}, J = (t) => w({
   day: i("day", t.day),
   month: i("month", t.month),
   year: i("year", t.year)
-}), W = (t, e) => e === "" ? "" : e.padStart(u[t], "0"), q = (t, e, n) => e === "" ? { displayValue: n, isPlaceholder: !0 } : {
-  displayValue: e.padStart(u[t], "0"),
+}), Q = (t, e) => e === "" ? "" : e.padStart(g[t], "0"), Z = (t, e, n) => e === "" ? { displayValue: n, isPlaceholder: !0 } : {
+  displayValue: e.padStart(g[t], "0"),
   isPlaceholder: !1
-}, J = (t) => {
+}, v = (t) => {
   const e = window.getSelection();
   if (!e) return;
   const n = document.createRange();
   n.selectNodeContents(t), e.removeAllRanges(), e.addRange(n);
-}, Q = (t) => {
+}, x = (t) => {
   var n;
   if (!t) return;
   const e = (n = window.getSelection) == null ? void 0 : n.call(window);
   e && e.rangeCount > 0 && t.contains(e.anchorNode) && e.removeAllRanges();
 };
 export {
-  g as DAY_SPIN_MAX,
-  l as MONTH_MAX,
+  d as DAY_SPIN_MAX,
+  l as DEFAULT_LOCALE,
+  c as MONTH_MAX,
   T as YEAR_MAX,
-  h as YEAR_MIN,
-  $ as __clearDatePartsCache,
-  X as adjustSegmentValue,
+  p as YEAR_MIN,
+  W as __clearDatePartsCache,
+  b as adjustSegmentValue,
   M as clamp,
-  b as clampDateToRange,
-  Q as clearSelectionWithin,
-  H as dateKeyOrNull,
-  N as deriveValue,
-  z as deriveValueFromText,
-  G as getDateParts,
-  O as getDaysInMonth,
-  L as getMonthName,
-  q as getSegmentDisplay,
-  D as getSegmentOrder,
-  U as isDateInRange,
-  E as isLiteralPart,
-  _ as isMinMaxMisconfigured,
-  k as isSameDateValue,
-  W as normalizeSegmentText,
+  G as clampDateToRange,
+  x as clearSelectionWithin,
+  U as dateKeyOrNull,
+  w as deriveValue,
+  J as deriveValueFromText,
+  z as getDateParts,
+  k as getDaysInMonth,
+  $ as getMonthName,
+  Z as getSegmentDisplay,
+  F as getSegmentOrder,
+  B as isDateInRange,
+  _ as isLiteralPart,
+  D as isMinMaxMisconfigured,
+  H as isSameDateValue,
+  s as isValidDate,
+  Q as normalizeSegmentText,
   i as segmentNumber,
-  j as segmentTextFromValue,
-  J as selectElementContents,
-  B as toISODateString,
-  K as todayParts,
-  p as wrapInRange
+  q as segmentTextFromValue,
+  v as selectElementContents,
+  j as toISODateString,
+  X as todayParts,
+  A as wrapInRange
 };

package/lib/wip/ErrorBoundary/ErrorBoundary.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");class a extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,o){var r,t;(t=(r=this.props).onError)==null||t.call(r,e,o)}render(){return this.state.hasError?this.props.fallback:this.props.children}}exports.ErrorBoundary=a;

package/lib/wip/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,28 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export interface ErrorBoundaryProps {
+    /** Rendered normally; a render/commit error anywhere below is caught. */
+    children: ReactNode;
+    /** Rendered instead of `children` once a descendant throws. */
+    fallback: ReactNode;
+    /** Called when an error is caught — use for logging/telemetry. */
+    onError?: (error: Error, info: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+}
+/**
+ * Generic React error boundary: renders `fallback` when a descendant throws
+ * during render or commit, instead of letting the error crash the whole tree.
+ * Consumers own the fallback UI and any logging via `onError`.
+ *
+ * Must be a class component — React exposes error boundaries only through the
+ * `getDerivedStateFromError` / `componentDidCatch` lifecycle, which has no hook
+ * equivalent.
+ */
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(): ErrorBoundaryState;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};

package/lib/wip/ErrorBoundary/ErrorBoundary.es.js

@@ -0,0 +1,19 @@
+import { Component as e } from "react";
+class p extends e {
+  constructor() {
+    super(...arguments), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(o, s) {
+    var r, t;
+    (t = (r = this.props).onError) == null || t.call(r, o, s);
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback : this.props.children;
+  }
+}
+export {
+  p as ErrorBoundary
+};

package/lib/wip/ErrorBoundary/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ErrorBoundary.cjs.js");exports.ErrorBoundary=r.ErrorBoundary;

package/lib/wip/ErrorBoundary/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorBoundary } from './ErrorBoundary';
+export type { ErrorBoundaryProps } from './ErrorBoundary';

package/lib/wip/ErrorBoundary/index.es.js

@@ -0,0 +1,4 @@
+import { ErrorBoundary as a } from "./ErrorBoundary.es.js";
+export {
+  a as ErrorBoundary
+};

package/lib/wip/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),T=require("./DataTable/DataTable.ColumnHeader.cjs.js"),D=require("./DataTable/DataTable.Body.cjs.js"),i=require("./DataTable/DataTable.Row.cjs.js"),_=require("./DataTable/DataTable.Cell.cjs.js"),r=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),o=require("./DataTable/useBeamTable.cjs.js"),u=require("./DateField/DateField.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=T.DataTableColumnHeader;exports.DataTableBody=D.DataTableBody;exports.DataTableRow=i.DataTableRow;exports.DataTableCell=_.DataTableCell;exports.DataTableFooter=r.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=o.useBeamTable;exports.DateField=u.DateField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),r=require("./DataTable/DataTable.ColumnHeader.cjs.js"),T=require("./DataTable/DataTable.Body.cjs.js"),o=require("./DataTable/DataTable.Row.cjs.js"),i=require("./DataTable/DataTable.Cell.cjs.js"),_=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),D=require("./DataTable/useBeamTable.cjs.js"),u=require("./DateField/DateField.cjs.js"),d=require("./ErrorBoundary/ErrorBoundary.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=r.DataTableColumnHeader;exports.DataTableBody=T.DataTableBody;exports.DataTableRow=o.DataTableRow;exports.DataTableCell=i.DataTableCell;exports.DataTableFooter=_.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=D.useBeamTable;exports.DateField=u.DateField;exports.ErrorBoundary=d.ErrorBoundary;

package/lib/wip/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DataTable';
 export * from './DateField';
+export * from './ErrorBoundary';

package/lib/wip/index.es.js

@@ -1,27 +1,29 @@
 import { DataTable as o } from "./DataTable/DataTable.es.js";
 import { DataTableHeader as t } from "./DataTable/DataTable.Header.es.js";
 import { DataTableToolbar as m } from "./DataTable/DataTable.Toolbar.es.js";
-import { DataTableHead as T } from "./DataTable/DataTable.Head.es.js";
-import { DataTableColumnHeader as p } from "./DataTable/DataTable.ColumnHeader.es.js";
+import { DataTableHead as f } from "./DataTable/DataTable.Head.es.js";
+import { DataTableColumnHeader as x } from "./DataTable/DataTable.ColumnHeader.es.js";
 import { DataTableBody as D } from "./DataTable/DataTable.Body.es.js";
 import { DataTableRow as u } from "./DataTable/DataTable.Row.es.js";
-import { DataTableCell as i } from "./DataTable/DataTable.Cell.es.js";
-import { DataTableFooter as B } from "./DataTable/DataTable.Footer.es.js";
-import { DataTableProvider as F, useDataTable as n } from "./DataTable/DataTable.context.es.js";
-import { useBeamTable as w } from "./DataTable/useBeamTable.es.js";
-import { DateField as P } from "./DateField/DateField.es.js";
+import { DataTableCell as H } from "./DataTable/DataTable.Cell.es.js";
+import { DataTableFooter as n } from "./DataTable/DataTable.Footer.es.js";
+import { DataTableProvider as y, useDataTable as C } from "./DataTable/DataTable.context.es.js";
+import { useBeamTable as v } from "./DataTable/useBeamTable.es.js";
+import { DateField as E } from "./DateField/DateField.es.js";
+import { ErrorBoundary as R } from "./ErrorBoundary/ErrorBoundary.es.js";
 export {
   o as DataTable,
   D as DataTableBody,
-  i as DataTableCell,
-  p as DataTableColumnHeader,
-  B as DataTableFooter,
-  T as DataTableHead,
+  H as DataTableCell,
+  x as DataTableColumnHeader,
+  n as DataTableFooter,
+  f as DataTableHead,
   t as DataTableHeader,
-  F as DataTableProvider,
+  y as DataTableProvider,
   u as DataTableRow,
   m as DataTableToolbar,
-  P as DateField,
-  w as useBeamTable,
-  n as useDataTable
+  E as DateField,
+  R as ErrorBoundary,
+  v as useBeamTable,
+  C as useDataTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.56.0",
+  "version": "2.57.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.56.0",
-    "@viasat/beam-shared": "2.56.0",
-    "@viasat/beam-styles": "2.56.0",
-    "@viasat/beam-tokens": "2.56.0",
-    "@viasat/beam-icons": "2.56.0",
-    "@viasat/beam-react-claude-plugin": "2.56.0",
+    "@viasat/beam-fonts": "2.57.0",
+    "@viasat/beam-shared": "2.57.0",
+    "@viasat/beam-styles": "2.57.0",
+    "@viasat/beam-tokens": "2.57.0",
+    "@viasat/beam-icons": "2.57.0",
+    "@viasat/beam-react-claude-plugin": "2.57.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/utils/hooks/useId.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("../safeReact.cjs.js"),i=require("../../chunks/constants.CgMu0_1M.js");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=f(u);var l=u.useLayoutEffect;let c=!1,d=0;const s=()=>`${i.prefix}-${Math.random().toString(36).slice(2,6)}${d++}`;function g(){const[e,t]=r.useState(()=>c?s():void 0);return l(()=>{e==null&&t(s())},[]),r.useEffect(()=>{c=!0},[]),e}const p=a.SafeReact.useId,b=p||g;exports.useId=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("../../chunks/use-isomorphic-layout-effect.browser.esm.CkGv31zs.js"),i=require("../safeReact.cjs.js"),f=require("../../chunks/constants.CgMu0_1M.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=l(u);let s=!1,d=0;const c=()=>`${f.prefix}-${Math.random().toString(36).slice(2,6)}${d++}`;function g(){const[e,t]=r.useState(()=>s?c():void 0);return a.index(()=>{e==null&&t(c())},[]),r.useEffect(()=>{s=!0},[]),e}const p=i.SafeReact.useId,b=p||g;exports.useId=b;

package/utils/hooks/useId.es.js

@@ -1,10 +1,9 @@
 import * as t from "react";
-import { useLayoutEffect as f } from "react";
-import { SafeReact as n } from "../safeReact.es.js";
+import { i as n } from "../../chunks/use-isomorphic-layout-effect.browser.esm.DERp5kr6.js";
+import { SafeReact as i } from "../safeReact.es.js";
 import { p as a } from "../../chunks/constants.Cruz2A1w.js";
-var i = f;
-let o = !1, u = 0;
-const r = () => `${a}-${Math.random().toString(36).slice(2, 6)}${u++}`;
+let o = !1, f = 0;
+const r = () => `${a}-${Math.random().toString(36).slice(2, 6)}${f++}`;
 function c() {
   const [e, s] = t.useState(
     () => (
@@ -12,13 +11,13 @@ function c() {
       o ? r() : void 0
     )
   );
-  return i(() => {
+  return n(() => {
     e == null && s(r());
   }, []), t.useEffect(() => {
     o = !0;
   }, []), e;
 }
-const d = n.useId, I = d || c;
+const d = i.useId, p = d || c;
 export {
-  I as useId
+  p as useId
 };

package/chunks/DateField.Segment.CqFLhMYA.js

@@ -1 +0,0 @@
-var j=require("../assets/DateField.css");const R=require("react/jsx-runtime"),$=require("clsx"),d=require("react"),k=require("./classNames.BFQUGnCN.js"),y=require("../lib/wip/DateField/DateField.utils.cjs.js"),I="date-field",{baseClassNamePrefix:S,classModifierPrefix:w,subElementClassPrefix:s}=k.getBEMClassNames(I),c={field:`${s}field`,segments:`${s}segments`,segment:`${s}segment`,separator:`${s}separator`,srStatus:`${s}sr-status`},_={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-date-field":"bm-date-field","bm-date-field--disabled":"bm-date-field--disabled","bm-date-field--error":"bm-date-field--error","bm-date-field__field":"bm-date-field__field","bm-date-field__segment":"bm-date-field__segment","bm-date-field--read-only":"bm-date-field--read-only","bm-date-field--fluid":"bm-date-field--fluid","bm-date-field__segments":"bm-date-field__segments","bm-date-field__separator":"bm-date-field__separator","bm-date-field__sr-status":"bm-date-field__sr-status"},B={day:"day",month:"month",year:"year"},L=({type:i,value:g,valueMin:p,valueMax:C,displayValue:n,isPlaceholder:x,valueText:v,invalid:E,role:l,isActive:t,disabled:m,readOnly:o,onFocus:h,onBlur:D,onInput:N,onKeyDown:F,segmentRef:f})=>{const a=!m&&!o,b=d.useRef(null),M=d.useCallback(e=>{b.current=e,f(e)},[f]),q=e=>{if(!a)return;const u=e.currentTarget,r=e.nativeEvent.data;r!=null&&r.length===1&&N(i,r),u.textContent!==n&&(u.textContent=n)};d.useLayoutEffect(()=>{if(!t||!a)return;const e=b.current;e&&y.selectElementContents(e)},[n,t,a]);const P=l==="spinbutton"?{"aria-valuenow":g??void 0,"aria-valuemin":p,"aria-valuemax":C,"aria-valuetext":v}:{"aria-multiline":!1};return R.jsx("span",{ref:M,role:l,"aria-label":B[i],...P,"aria-disabled":m||void 0,"aria-readonly":o||void 0,"aria-invalid":E||void 0,contentEditable:a&&t,suppressContentEditableWarning:!0,tabIndex:t?0:-1,inputMode:a?"numeric":void 0,spellCheck:!1,autoCorrect:"off",autoCapitalize:"off","data-segment":i,"data-active":t,"data-placeholder":x,onFocus:h,onBlur:D,onInput:q,onKeyDown:e=>F(i,e),onMouseUp:e=>e.preventDefault(),className:$(_[c.segment]),children:n})};exports.DateFieldSegment=L;exports.baseClassNamePrefix=S;exports.classModifierPrefix=w;exports.staticDateFieldClassNames=c;exports.styles=_;