@viasat/beam-react 2.67.1 → 2.69.0

package/lib/{wip/DateField → DateField}/useDateFieldValue.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("./DateField.utils.cjs.js"),A=require("./DateField.validation.cjs.js");function K({value:a,defaultValue:j,onChange:R,minDate:V,maxDate:y,getClampAnnouncement:F}){const k=r.useRef(a!==void 0),h=k.current,[d,S]=r.useState(()=>t.segmentTextFromValue(h?a??null:j??null)),[D,E]=r.useState(!1),[C,M]=r.useState(""),s=r.useRef(d),f=r.useRef(new Set),g=r.useRef(!1),l=r.useRef(null),v={day:t.segmentNumber("day",d.day),month:t.segmentNumber("month",d.month),year:t.segmentNumber("year",d.year)},p=t.deriveValue(v),N=r.useRef(p),_=r.useRef(h?a??null:null),b=r.useRef(R),x=r.useRef(F);r.useEffect(()=>{b.current=R,x.current=F},[R,F]),r.useEffect(()=>()=>{l.current!=null&&cancelAnimationFrame(l.current)},[]),r.useEffect(()=>{if(!k.current||g.current||t.isSameDateValue(a??null,_.current))return;_.current=a??null;const e=t.segmentTextFromValue(a??null);s.current=e,S(e),N.current=t.deriveValueFromText(e)},[a]);const o=r.useCallback(e=>{var n;const c=t.deriveValueFromText(e);t.isSameDateValue(c,N.current)||(N.current=c,(n=b.current)==null||n.call(b,c))},[]),i=r.useCallback((e,c,{replace:n})=>{const u={...s.current,[e]:c};s.current=u,S(u),E(!0),o(u),n?f.current.add(e):f.current.delete(e)},[o]),q=r.useCallback((e,c)=>{const n=f.current.has(e)?"":s.current[e],u=A.tryAppendDigit(e,n,c);return u.rejected?{advanced:!1,rejected:!0}:(i(e,u.newBuffer,{replace:u.shouldAdvance}),{advanced:u.shouldAdvance,rejected:!1})},[i]),z=r.useCallback((e,c)=>{const n=s.current,u=t.segmentNumber(e,n[e]),T=t.getDaysInMonth(t.segmentNumber("year",n.year),t.segmentNumber("month",n.month)),m=t.adjustSegmentValue(e,u,c,{daysInMonth:T,today:t.todayParts()});return m==null?!1:(g.current=!0,i(e,String(m).padStart(A.SEGMENT_MAX_LENGTH[e],"0"),{replace:!0}),!0)},[i]),I=r.useCallback(e=>s.current[e]===""?{wasEmpty:!0}:(g.current=!0,i(e,"",{replace:!1}),{wasEmpty:!1}),[i]),O=r.useCallback(()=>{const e=t.segmentTextFromValue(null);s.current=e,S(e),E(!0),f.current.clear(),_.current=null,o(e)},[o]),B=r.useCallback(e=>{g.current=!0,f.current.add(e)},[]),G=r.useCallback(()=>{var T;g.current=!1;const e=s.current,c={day:t.normalizeSegmentText("day",e.day),month:t.normalizeSegmentText("month",e.month),year:t.normalizeSegmentText("year",e.year)},n=t.deriveValueFromText(c);let u=c;if(n!=null&&D&&!t.isDateInRange(n,V,y)){const m=t.clampDateToRange(n,V,y);if(u=t.segmentTextFromValue(m),!t.isSameDateValue(m,n)){const w=((T=x.current)==null?void 0:T.call(x,m))??"";w&&(l.current!=null&&cancelAnimationFrame(l.current),l.current=requestAnimationFrame(()=>{l.current=null,M(w)}))}}s.current=u,S(u),E(!0),o(u)},[o,D,t.dateKeyOrNull(V),t.dateKeyOrNull(y)]);return{segmentText:d,segmentValues:v,currentValue:p,isControlled:h,wasTouched:D,appendDigit:q,adjustSegment:z,clearSegment:I,clearAll:O,beginSegmentEdit:B,commitOnBlur:G,clampAnnouncement:C}}exports.useDateFieldValue=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("./DateField.utils.cjs.js"),C=require("./DateField.validation.cjs.js");function K({value:a,defaultValue:p,onChange:R,minDate:V,maxDate:y,getClampAnnouncement:F}){const v=r.useRef(a!==void 0),h=v.current,[d,S]=r.useState(()=>t.segmentTextFromValue(h?a??null:p??null)),[D,E]=r.useState(!1),[w,M]=r.useState(""),s=r.useRef(d),f=r.useRef(new Set),g=r.useRef(!1),l=r.useRef(null),_={day:t.segmentNumber("day",d.day),month:t.segmentNumber("month",d.month),year:t.segmentNumber("year",d.year)},A=t.deriveValue(_),N=r.useRef(A),k=r.useRef(h?a??null:null),b=r.useRef(R),x=r.useRef(F);r.useEffect(()=>{b.current=R,x.current=F},[R,F]),r.useEffect(()=>()=>{l.current!=null&&cancelAnimationFrame(l.current)},[]),r.useEffect(()=>{if(!v.current||g.current||t.isSameDateValue(a??null,k.current))return;k.current=a??null;const e=t.segmentTextFromValue(a??null);s.current=e,S(e),N.current=t.deriveValueFromText(e)},[a]);const o=r.useCallback(e=>{var n;const c=t.deriveValueFromText(e);t.isSameDateValue(c,N.current)||(N.current=c,(n=b.current)==null||n.call(b,c))},[]),i=r.useCallback((e,c,{replace:n})=>{const u={...s.current,[e]:c};s.current=u,S(u),E(!0),o(u),n?f.current.add(e):f.current.delete(e)},[o]),q=r.useCallback((e,c)=>{const n=f.current.has(e)?"":s.current[e],u=C.tryAppendDigit(e,n,c);return u.rejected?{advanced:!1,rejected:!0}:(i(e,u.newBuffer,{replace:u.shouldAdvance}),{advanced:u.shouldAdvance,rejected:!1})},[i]),z=r.useCallback((e,c)=>{const n=s.current,u=t.segmentNumber(e,n[e]),T=t.getDaysInMonth(t.segmentNumber("year",n.year),t.segmentNumber("month",n.month)),m=t.adjustSegmentValue(e,u,c,{daysInMonth:T,today:t.todayParts()});return m==null?!1:(g.current=!0,i(e,String(m).padStart(C.SEGMENT_MAX_LENGTH[e],"0"),{replace:!0}),!0)},[i]),I=r.useCallback(e=>s.current[e]===""?{wasEmpty:!0}:(g.current=!0,i(e,"",{replace:!1}),{wasEmpty:!1}),[i]),O=r.useCallback(()=>{const e=t.segmentTextFromValue(null);s.current=e,S(e),E(!0),f.current.clear(),k.current=null,o(e)},[o]),B=r.useCallback(e=>{g.current=!0,f.current.add(e)},[]),G=r.useCallback(()=>{var T;g.current=!1;const e=s.current,c={day:t.normalizeSegmentText("day",e.day),month:t.normalizeSegmentText("month",e.month),year:t.normalizeSegmentText("year",e.year)},n=t.deriveValueFromText(c);let u=c;if(n!=null&&D&&!t.isDateInRange(n,V,y)){const m=t.clampDateToRange(n,V,y);if(u=t.segmentTextFromValue(m),!t.isSameDateValue(m,n)){const j=((T=x.current)==null?void 0:T.call(x,m))??"";j&&(l.current!=null&&cancelAnimationFrame(l.current),l.current=requestAnimationFrame(()=>{l.current=null,M(j)}))}}s.current=u,S(u),E(!0),o(u)},[o,D,t.dateKeyOrNull(V),t.dateKeyOrNull(y)]);return{segmentText:d,segmentValues:_,currentValue:A,isControlled:h,wasTouched:D,appendDigit:q,adjustSegment:z,clearSegment:I,clearAll:O,beginSegmentEdit:B,commitOnBlur:G,clampAnnouncement:w}}exports.useDateFieldValue=K;

package/lib/DateField/useDateFieldValue.d.ts

@@ -0,0 +1,44 @@
+import { Nullable } from '@viasat/beam-shared/utils/types';
+import { AppendDigitResult, SegmentAdjustment, SegmentText, SegmentType, SegmentValues } from './DateField.types';
+export interface UseDateFieldValueArgs {
+    value?: Nullable<Date>;
+    defaultValue?: Nullable<Date>;
+    /** Fires on user-driven value transitions only, never on controlled `value` changes. */
+    onChange?: (value: Nullable<Date>) => void;
+    /** Inclusive floor, compared by calendar day. Bounds the blur clamp, never the year spin. */
+    minDate?: Nullable<Date>;
+    /** Inclusive ceiling, compared by calendar day. Bounds the blur clamp, never the year spin. */
+    maxDate?: Nullable<Date>;
+    /** Returns the localized message announced when the blur clamp moves a value. */
+    getClampAnnouncement?: (clampedDate: Date) => string;
+}
+export interface UseDateFieldValueReturn {
+    segmentText: SegmentText;
+    segmentValues: SegmentValues;
+    currentValue: Nullable<Date>;
+    isControlled: boolean;
+    wasTouched: boolean;
+    appendDigit: (type: SegmentType, digit: string) => AppendDigitResult;
+    /**
+     * Steps a segment by `amount`, or jumps it to a boundary with `'min'`/`'max'`.
+     * Returns `false` for a no-op — only year `'min'`/`'max'`, since the year is
+     * free-spinning — which tells the keyboard dispatcher to leave the key to the
+     * browser rather than `preventDefault` it.
+     */
+    adjustSegment: (type: SegmentType, amount: SegmentAdjustment) => boolean;
+    /**
+     * Empties one segment. Reports `{ wasEmpty: true }` without mutating when
+     * there was nothing to clear, so Backspace can step to the previous segment
+     * instead.
+     */
+    clearSegment: (type: SegmentType) => {
+        wasEmpty: boolean;
+    };
+    /** Empties every segment at once; unlike `clearSegment`, needs no focused segment. */
+    clearAll: () => void;
+    beginSegmentEdit: (type: SegmentType) => void;
+    commitOnBlur: () => void;
+    /** Polite live-region message set when the blur clamp springs a value to a bound. */
+    clampAnnouncement: string;
+}
+export declare function useDateFieldValue({ value, defaultValue, onChange, minDate, maxDate, getClampAnnouncement, }: UseDateFieldValueArgs): UseDateFieldValueReturn;

package/lib/{wip/DateField → DateField}/useInvalidState.d.ts

@@ -6,8 +6,9 @@ export interface UseInvalidStateArgs {
      *  partial-on-blur). */
     valueInvalid: boolean;
 }
-/** Aggregates all error-state sources into a single flag for the
- *  `.date-field--error` modifier class. Scaffolding for DF-10 (minDate /
- *  maxDate) and any future validity rules — they slot in as new args here
- *  without touching the orchestrator's JSX. */
+/**
+ * Aggregates every error-state source into the single flag that drives the
+ * `--error` modifier, so a new source becomes another argument here rather than
+ * another condition in the orchestrator's JSX.
+ */
 export declare const useInvalidState: ({ formInvalid, valueInvalid, }: UseInvalidStateArgs) => boolean;

package/lib/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),l=require("./Accordion/AccordionGroup.cjs.js"),c=require("./Alert/Alert.cjs.js"),s=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.BU74Md4d.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),C=require("./BadgeDot/BadgeDot.cjs.js"),P=require("./Box/Box.cjs.js"),B=require("./Checkbox/Checkbox.cjs.js"),g=require("./Chips/Chip.cjs.js"),v=require("./Chips/ChipGroup.cjs.js"),L=require("./Divider/Divider.cjs.js"),x=require("./FileUpload/FileUpload.cjs.js"),h=require("./Flag/Flag.cjs.js"),N=require("./Form/Form.cjs.js"),m=require("../chunks/form.context.CkC0TwMb.js"),H=require("./Icon/Icon.cjs.js"),G=require("./InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),R=require("./InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),D=require("./InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),I=require("./Label/Label.cjs.js"),O=require("./Link/Link.cjs.js"),y=require("./List/List.cjs.js"),E=require("./ActionList/ActionList.cjs.js"),F=require("./Logo/Logo.cjs.js"),k=require("./Menu/Menu.cjs.js"),M=require("./Menu/Menu.context.cjs.js"),U=require("./NativeSelect/NativeSelect.cjs.js"),w=require("./Pagination/Pagination.cjs.js"),Y=require("./ProgressBar/ProgressBar.cjs.js"),W=require("./RadioButton/RadioButton.cjs.js"),e=require("./SideNav/SideNav.cjs.js"),o=require("./SideNav/SideNavContext.cjs.js"),V=require("./SegmentedControl/SegmentedControl.cjs.js"),K=require("./Select/Select.cjs.js"),f=require("./Spinner/Spinner.cjs.js"),Q=require("./StateLayer/StateLayer.cjs.js"),j=require("./Stepper/Stepper.cjs.js"),t=require("./Stepper/useBeamStepper.cjs.js"),z=require("./Switch/Switch.cjs.js"),J=require("./Tabs/Tabs.cjs.js"),X=require("./Text/Text.cjs.js"),Z=require("./TextArea/TextArea.cjs.js"),$=require("./TextField/TextField.cjs.js"),ee=require("./Toasts/Toast.cjs.js"),i=require("../chunks/ToastContext.DVb2CKcX.js"),re=require("./Toasts/ToastContainer.cjs.js"),a=require("./Tooltip/Tooltip.cjs.js"),n=require("./Header/Header.cjs.js"),oe=require("./Header/HeaderMasthead.cjs.js"),te=require("./Header/HeaderActionGroup.cjs.js"),ie=require("./Header/HeaderNavigation.cjs.js"),_=require("./PortalProvider/PortalContext.cjs.js"),ae=require("./PortalProvider/PortalProvider.cjs.js"),ne=require("./Popover/Popover.cjs.js"),_e=require("./PageHeader/PageHeader.cjs.js"),ue=require("./PageLayout/PageLayout.cjs.js"),le=require("./Panel/Panel.cjs.js"),ce=require("./Slider/Slider.cjs.js"),se=require("./Card/Card.cjs.js"),de=require("./Card/CardGroup.cjs.js"),be=require("./Search/Search.cjs.js"),pe=require("../chunks/useFormValidator.hook.CbrwDKcG.js");exports.Accordion=u.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=c.Alert;exports.Autocomplete=s.Autocomplete;exports.Avatar=d.Avatar;exports.CloseButton=b.CloseButton;exports.Button=r.Button;exports.ButtonIconWrap=r.ButtonIconWrap;exports.Dialog=p.Dialog;exports.Breadcrumb=S.Breadcrumb;exports.BreadcrumbItem=q.BreadcrumbItem;exports.EmptyState=A.EmptyState;exports.Badge=T.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=P.Box;exports.Checkbox=B.Checkbox;exports.Chip=g.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=L.Divider;exports.FileUpload=x.default;exports.Flag=h.Flag;exports.Form=N.Form;exports.HelperText=m.HelperText;exports.Icon=H.Icon;exports.SwitchGroup=G.SwitchGroup;exports.CheckboxGroup=R.CheckboxGroup;exports.RadioButtonGroup=D.RadioButtonGroup;exports.Label=I.Label;exports.Link=O.Link;exports.List=y.List;exports.ActionList=E.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=M.useMenuContext;exports.NativeSelect=U.NativeSelect;exports.Pagination=w.Pagination;exports.ProgressBar=Y.ProgressBar;exports.RadioButton=W.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=o.SideNavProvider;exports.useSideNavContext=o.useSideNavContext;exports.SegmentedControl=V.SegmentedControl;exports.Select=K.Select;exports.Spinner=f.Spinner;exports.StateLayer=Q.StateLayer;exports.Stepper=j.Stepper;exports.processMetadata=t.processMetadata;exports.useBeamStepper=t.useBeamStepper;exports.Switch=z.Switch;exports.Tabs=J.Tabs;exports.Text=X.Text;exports.TextArea=Z.TextArea;exports.TextField=$.TextField;exports.Toast=ee.Toast;exports.ToastProvider=i.ToastProvider;exports.useToast=i.useToast;exports.ToastContainer=re.ToastContainer;exports.Tooltip=a.Tooltip;exports.TooltipIconTrigger=a.TooltipIconTrigger;exports.Header=n.Header;exports.InternalHeader=n.InternalHeader;exports.HeaderMasthead=oe.HeaderMasthead;exports.HeaderActionGroup=te.HeaderActionGroup;exports.HeaderNavigation=ie.HeaderNavigation;exports.PortalContext=_.PortalContext;exports.usePortal=_.usePortal;exports.PortalProvider=ae.PortalProvider;exports.Popover=ne.Popover;exports.PageHeader=_e.PageHeader;exports.PageLayout=ue.PageLayout;exports.Panel=le.Panel;exports.Slider=ce.Slider;exports.Card=se.Card;exports.CardGroup=de.CardGroup;exports.Search=be.Search;exports.validators=pe.validators;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),l=require("./Accordion/AccordionGroup.cjs.js"),c=require("./Alert/Alert.cjs.js"),s=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.BU74Md4d.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),C=require("./BadgeDot/BadgeDot.cjs.js"),P=require("./Box/Box.cjs.js"),B=require("./Checkbox/Checkbox.cjs.js"),g=require("./Chips/Chip.cjs.js"),v=require("./Chips/ChipGroup.cjs.js"),L=require("./Divider/Divider.cjs.js"),x=require("./FileUpload/FileUpload.cjs.js"),h=require("./Flag/Flag.cjs.js"),N=require("./Form/Form.cjs.js"),m=require("../chunks/form.context.CkC0TwMb.js"),D=require("./Icon/Icon.cjs.js"),H=require("./InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),G=require("./InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),R=require("./InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),I=require("./Label/Label.cjs.js"),O=require("./Link/Link.cjs.js"),F=require("./List/List.cjs.js"),y=require("./ActionList/ActionList.cjs.js"),E=require("./Logo/Logo.cjs.js"),k=require("./Menu/Menu.cjs.js"),M=require("./Menu/Menu.context.cjs.js"),U=require("./NativeSelect/NativeSelect.cjs.js"),w=require("./Pagination/Pagination.cjs.js"),Y=require("./ProgressBar/ProgressBar.cjs.js"),W=require("./RadioButton/RadioButton.cjs.js"),e=require("./SideNav/SideNav.cjs.js"),o=require("./SideNav/SideNavContext.cjs.js"),V=require("./SegmentedControl/SegmentedControl.cjs.js"),K=require("./Select/Select.cjs.js"),f=require("./Spinner/Spinner.cjs.js"),Q=require("./StateLayer/StateLayer.cjs.js"),j=require("./Stepper/Stepper.cjs.js"),t=require("./Stepper/useBeamStepper.cjs.js"),z=require("./Switch/Switch.cjs.js"),J=require("./Tabs/Tabs.cjs.js"),X=require("./Text/Text.cjs.js"),Z=require("./TextArea/TextArea.cjs.js"),$=require("./TextField/TextField.cjs.js"),ee=require("./Toasts/Toast.cjs.js"),i=require("../chunks/ToastContext.DVb2CKcX.js"),re=require("./Toasts/ToastContainer.cjs.js"),a=require("./Tooltip/Tooltip.cjs.js"),n=require("./Header/Header.cjs.js"),oe=require("./Header/HeaderMasthead.cjs.js"),te=require("./Header/HeaderActionGroup.cjs.js"),ie=require("./Header/HeaderNavigation.cjs.js"),_=require("./PortalProvider/PortalContext.cjs.js"),ae=require("./PortalProvider/PortalProvider.cjs.js"),ne=require("./Popover/Popover.cjs.js"),_e=require("./PageHeader/PageHeader.cjs.js"),ue=require("./PageLayout/PageLayout.cjs.js"),le=require("./Panel/Panel.cjs.js"),ce=require("./Slider/Slider.cjs.js"),se=require("./Card/Card.cjs.js"),de=require("./Card/CardGroup.cjs.js"),be=require("./Search/Search.cjs.js"),pe=require("./DateField/DateField.cjs.js"),Se=require("../chunks/useFormValidator.hook.CbrwDKcG.js");exports.Accordion=u.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=c.Alert;exports.Autocomplete=s.Autocomplete;exports.Avatar=d.Avatar;exports.CloseButton=b.CloseButton;exports.Button=r.Button;exports.ButtonIconWrap=r.ButtonIconWrap;exports.Dialog=p.Dialog;exports.Breadcrumb=S.Breadcrumb;exports.BreadcrumbItem=q.BreadcrumbItem;exports.EmptyState=A.EmptyState;exports.Badge=T.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=P.Box;exports.Checkbox=B.Checkbox;exports.Chip=g.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=L.Divider;exports.FileUpload=x.default;exports.Flag=h.Flag;exports.Form=N.Form;exports.HelperText=m.HelperText;exports.Icon=D.Icon;exports.SwitchGroup=H.SwitchGroup;exports.CheckboxGroup=G.CheckboxGroup;exports.RadioButtonGroup=R.RadioButtonGroup;exports.Label=I.Label;exports.Link=O.Link;exports.List=F.List;exports.ActionList=y.ActionList;exports.Logo=E.Logo;exports.Menu=k.Menu;exports.useMenuContext=M.useMenuContext;exports.NativeSelect=U.NativeSelect;exports.Pagination=w.Pagination;exports.ProgressBar=Y.ProgressBar;exports.RadioButton=W.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=o.SideNavProvider;exports.useSideNavContext=o.useSideNavContext;exports.SegmentedControl=V.SegmentedControl;exports.Select=K.Select;exports.Spinner=f.Spinner;exports.StateLayer=Q.StateLayer;exports.Stepper=j.Stepper;exports.processMetadata=t.processMetadata;exports.useBeamStepper=t.useBeamStepper;exports.Switch=z.Switch;exports.Tabs=J.Tabs;exports.Text=X.Text;exports.TextArea=Z.TextArea;exports.TextField=$.TextField;exports.Toast=ee.Toast;exports.ToastProvider=i.ToastProvider;exports.useToast=i.useToast;exports.ToastContainer=re.ToastContainer;exports.Tooltip=a.Tooltip;exports.TooltipIconTrigger=a.TooltipIconTrigger;exports.Header=n.Header;exports.InternalHeader=n.InternalHeader;exports.HeaderMasthead=oe.HeaderMasthead;exports.HeaderActionGroup=te.HeaderActionGroup;exports.HeaderNavigation=ie.HeaderNavigation;exports.PortalContext=_.PortalContext;exports.usePortal=_.usePortal;exports.PortalProvider=ae.PortalProvider;exports.Popover=ne.Popover;exports.PageHeader=_e.PageHeader;exports.PageLayout=ue.PageLayout;exports.Panel=le.Panel;exports.Slider=ce.Slider;exports.Card=se.Card;exports.CardGroup=de.CardGroup;exports.Search=be.Search;exports.DateField=pe.DateField;exports.validators=Se.validators;

package/lib/index.d.ts

@@ -51,3 +51,4 @@ export * from './Panel';
 export * from './Slider';
 export * from './Card';
 export * from './Search';
+export * from './DateField';

package/lib/index.es.js

@@ -11,12 +11,12 @@ import { B as C } from "../chunks/BreadcrumbsItem.DC3CIyBO.js";
 import { EmptyState as P } from "./EmptyState/EmptyState.es.js";
 import { Badge as g } from "./Badge/Badge.es.js";
 import { BadgeDot as _ } from "./BadgeDot/BadgeDot.es.js";
-import { Box as D } from "./Box/Box.es.js";
+import { Box as O } from "./Box/Box.es.js";
 import { Checkbox as I } from "./Checkbox/Checkbox.es.js";
 import { Chip as E } from "./Chips/Chip.es.js";
 import { ChipGroup as b } from "./Chips/ChipGroup.es.js";
 import { Divider as y } from "./Divider/Divider.es.js";
-import { default as k } from "./FileUpload/FileUpload.es.js";
+import { default as M } from "./FileUpload/FileUpload.es.js";
 import { Flag as Y } from "./Flag/Flag.es.js";
 import { Form as w } from "./Form/Form.es.js";
 import { H as V } from "../chunks/form.context.BDYA2JQs.js";
@@ -35,9 +35,9 @@ import { NativeSelect as co } from "./NativeSelect/NativeSelect.es.js";
 import { Pagination as To } from "./Pagination/Pagination.es.js";
 import { ProgressBar as Bo } from "./ProgressBar/ProgressBar.es.js";
 import { RadioButton as Lo } from "./RadioButton/RadioButton.es.js";
-import { DRAWER_LAYOUT as No, HIDDEN_LAYOUT as go, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as _o, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as Do, Root as Ho, SideNav as Io, SideNavBackdrops as ho, SideNavClosedLayouts as Eo, SideNavOpenLayouts as Go, TRANSPARENT_BACKDROP as bo } from "./SideNav/SideNav.es.js";
-import { SideNavProvider as yo, useSideNavContext as Mo } from "./SideNav/SideNavContext.es.js";
-import { SegmentedControl as Fo } from "./SegmentedControl/SegmentedControl.es.js";
+import { DRAWER_LAYOUT as No, HIDDEN_LAYOUT as go, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as _o, OPAQUE_BACKDROP as Do, RAIL_LAYOUT as Oo, Root as Ho, SideNav as Io, SideNavBackdrops as ho, SideNavClosedLayouts as Eo, SideNavOpenLayouts as Go, TRANSPARENT_BACKDROP as bo } from "./SideNav/SideNav.es.js";
+import { SideNavProvider as yo, useSideNavContext as Fo } from "./SideNav/SideNavContext.es.js";
+import { SegmentedControl as ko } from "./SegmentedControl/SegmentedControl.es.js";
 import { Select as Wo } from "./Select/Select.es.js";
 import { Spinner as Ko } from "./Spinner/Spinner.es.js";
 import { StateLayer as Qo } from "./StateLayer/StateLayer.es.js";
@@ -56,17 +56,18 @@ import { Header as vr, InternalHeader as Br } from "./Header/Header.es.js";
 import { HeaderMasthead as Lr } from "./Header/HeaderMasthead.es.js";
 import { HeaderActionGroup as Nr } from "./Header/HeaderActionGroup.es.js";
 import { HeaderNavigation as Rr } from "./Header/HeaderNavigation.es.js";
-import { PortalContext as Or, usePortal as Dr } from "./PortalProvider/PortalContext.es.js";
+import { PortalContext as Dr, usePortal as Or } from "./PortalProvider/PortalContext.es.js";
 import { PortalProvider as Ir } from "./PortalProvider/PortalProvider.es.js";
 import { Popover as Er } from "./Popover/Popover.es.js";
 import { PageHeader as br } from "./PageHeader/PageHeader.es.js";
 import { PageLayout as yr } from "./PageLayout/PageLayout.es.js";
-import { Panel as kr } from "./Panel/Panel.es.js";
+import { Panel as Mr } from "./Panel/Panel.es.js";
 import { Slider as Yr } from "./Slider/Slider.es.js";
 import { Card as wr } from "./Card/Card.es.js";
 import { CardGroup as Vr } from "./Card/CardGroup.es.js";
 import { Search as jr } from "./Search/Search.es.js";
-import { v as zr } from "../chunks/useFormValidator.hook.BM-e4j8b.js";
+import { DateField as zr } from "./DateField/DateField.es.js";
+import { v as Xr } from "../chunks/useFormValidator.hook.BM-e4j8b.js";
 export {
   e as Accordion,
   p as AccordionGroup,
@@ -76,7 +77,7 @@ export {
   d as Avatar,
   g as Badge,
   _ as BadgeDot,
-  D as Box,
+  O as Box,
   v as Breadcrumb,
   C as BreadcrumbItem,
   l as Button,
@@ -89,10 +90,11 @@ export {
   b as ChipGroup,
   s as CloseButton,
   No as DRAWER_LAYOUT,
+  zr as DateField,
   S as Dialog,
   y as Divider,
   P as EmptyState,
-  k as FileUpload,
+  M as FileUpload,
   Y as Flag,
   w as Form,
   go as HIDDEN_LAYOUT,
@@ -111,21 +113,21 @@ export {
   so as Menu,
   _o as NO_LAYOUT,
   co as NativeSelect,
-  Oo as OPAQUE_BACKDROP,
+  Do as OPAQUE_BACKDROP,
   br as PageHeader,
   yr as PageLayout,
   To as Pagination,
-  kr as Panel,
+  Mr as Panel,
   Er as Popover,
-  Or as PortalContext,
+  Dr as PortalContext,
   Ir as PortalProvider,
   Bo as ProgressBar,
-  Do as RAIL_LAYOUT,
+  Oo as RAIL_LAYOUT,
   Lo as RadioButton,
   $ as RadioButtonGroup,
   Ho as Root,
   jr as Search,
-  Fo as SegmentedControl,
+  ko as SegmentedControl,
   Wo as Select,
   Io as SideNav,
   ho as SideNavBackdrops,
@@ -151,8 +153,8 @@ export {
   Jo as processMetadata,
   Xo as useBeamStepper,
   lo as useMenuContext,
-  Dr as usePortal,
-  Mo as useSideNavContext,
+  Or as usePortal,
+  Fo as useSideNavContext,
   sr as useToast,
-  zr as validators
+  Xr as validators
 };

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"),r=require("./DataTable/DataTable.ColumnHeader.cjs.js"),o=require("./DataTable/DataTable.Body.cjs.js"),T=require("./DataTable/DataTable.Row.cjs.js"),_=require("./DataTable/DataTable.Cell.cjs.js"),i=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),D=require("./DataTable/useBeamTable.cjs.js"),u=require("./DataTable/DataTable.columns.cjs.js"),n=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=o.DataTableBody;exports.DataTableRow=T.DataTableRow;exports.DataTableCell=_.DataTableCell;exports.DataTableFooter=i.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=D.useBeamTable;exports.createBeamColumn=u.createBeamColumn;exports.DateField=n.DateField;exports.ErrorBoundary=d.ErrorBoundary;
+"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"),r=require("./DataTable/DataTable.Body.cjs.js"),_=require("./DataTable/DataTable.Row.cjs.js"),D=require("./DataTable/DataTable.Cell.cjs.js"),o=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),i=require("./DataTable/useBeamTable.cjs.js"),u=require("./DataTable/DataTable.columns.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=T.DataTableColumnHeader;exports.DataTableBody=r.DataTableBody;exports.DataTableRow=_.DataTableRow;exports.DataTableCell=D.DataTableCell;exports.DataTableFooter=o.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=i.useBeamTable;exports.createBeamColumn=u.createBeamColumn;

package/lib/wip/index.d.ts

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

package/lib/wip/index.es.js

@@ -1,31 +1,27 @@
 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 p } from "./DataTable/DataTable.Head.es.js";
-import { DataTableColumnHeader as b } from "./DataTable/DataTable.ColumnHeader.es.js";
+import { DataTableHead as T } from "./DataTable/DataTable.Head.es.js";
+import { DataTableColumnHeader as p } 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 n } from "./DataTable/DataTable.Cell.es.js";
-import { DataTableFooter as H } from "./DataTable/DataTable.Footer.es.js";
-import { DataTableProvider as s, useDataTable as y } from "./DataTable/DataTable.context.es.js";
-import { useBeamTable as c } from "./DataTable/useBeamTable.es.js";
-import { createBeamColumn as w } from "./DataTable/DataTable.columns.es.js";
-import { DateField as P } from "./DateField/DateField.es.js";
-import { ErrorBoundary as g } from "./ErrorBoundary/ErrorBoundary.es.js";
+import { DataTableCell as C } from "./DataTable/DataTable.Cell.es.js";
+import { DataTableFooter as n } from "./DataTable/DataTable.Footer.es.js";
+import { DataTableProvider as c, useDataTable as i } from "./DataTable/DataTable.context.es.js";
+import { useBeamTable as w } from "./DataTable/useBeamTable.es.js";
+import { createBeamColumn as F } from "./DataTable/DataTable.columns.es.js";
 export {
   o as DataTable,
   D as DataTableBody,
-  n as DataTableCell,
-  b as DataTableColumnHeader,
-  H as DataTableFooter,
-  p as DataTableHead,
+  C as DataTableCell,
+  p as DataTableColumnHeader,
+  n as DataTableFooter,
+  T as DataTableHead,
   t as DataTableHeader,
-  s as DataTableProvider,
+  c as DataTableProvider,
   u as DataTableRow,
   m as DataTableToolbar,
-  P as DateField,
-  g as ErrorBoundary,
-  w as createBeamColumn,
-  c as useBeamTable,
-  y as useDataTable
+  F as createBeamColumn,
+  w as useBeamTable,
+  i as useDataTable
 };

package/package.json

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

package/chunks/DateField.Segment.BqMaeKLk.js

@@ -1 +0,0 @@
-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/lib/wip/DateField/DateField.Segment.cjs.js

@@ -1 +0,0 @@
-"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,9 +0,0 @@
-import "react/jsx-runtime";
-import "clsx";
-import "react";
-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 {
-  a as DateFieldSegment
-};

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

@@ -1 +0,0 @@
-"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,71 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-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",
-  day: "DD",
-  year: "YYYY"
-}, X = ({
-  parts: r,
-  segmentText: i,
-  segmentValues: t,
-  focusedSegment: l,
-  disabled: c,
-  readOnly: y,
-  invalid: d,
-  role: p,
-  onSegmentFocus: h,
-  onSegmentBlur: M,
-  onSegmentInput: u,
-  onSegmentKeyDown: x,
-  registerSegmentRef: D
-}) => {
-  const g = {
-    day: { min: 1, max: R(t.year, t.month) },
-    month: { min: 1, max: _ },
-    year: { min: T, max: I }
-  };
-  return /* @__PURE__ */ n("span", { className: s[m.segments], children: r.map((a, v) => {
-    if (a.type === "literal")
-      return /* @__PURE__ */ n(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: s[m.separator],
-          children: a.value
-        },
-        `literal-${v}`
-      );
-    const e = a.type, A = C[e], { displayValue: o, isPlaceholder: N } = S(
-      e,
-      i[e],
-      A
-    ), { min: Y, max: f } = g[e], E = e === "month" && t.month != null ? B(t.month) : o;
-    return /* @__PURE__ */ n(
-      F,
-      {
-        type: e,
-        value: t[e],
-        valueMin: Y,
-        valueMax: f,
-        displayValue: o,
-        isPlaceholder: N,
-        valueText: E,
-        invalid: d,
-        role: p,
-        isActive: l === e,
-        disabled: c,
-        readOnly: y,
-        onFocus: () => h(e),
-        onBlur: M,
-        onInput: u,
-        onKeyDown: x,
-        segmentRef: D(e)
-      },
-      e
-    );
-  }) });
-};
-export {
-  X as DateFieldSegments
-};

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

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