@viasat/beam-react 2.67.0 → 2.68.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.68.0 (2026-09-11)
+
+### 🚀 Features
+
+- **DateField:** Storybook ([#1428](https://git.viasat.com/vega/Beam/pull/1428))
+
+### ❤️ Thank You
+
+- Roman-Ionita, Alin
+
+## 2.67.1 (2026-09-09)
+
+### 🩹 Fixes
+
+- **theme:** Updated French Bee alias reference tokens ([#1437](https://git.viasat.com/vega/Beam/pull/1437))
+
+### ❤️ Thank You
+
+- McEnroe, David
+
 ## 2.67.0 (2026-09-09)
 
 ### 🚀 Features

package/assets/DateField.css

@@ -1 +1 @@
-:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-date-field{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);--bm-helper-text-space-top:var(--bm-comp-helper-text-space-top)}.bm-date-field--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-date-field--error .bm-date-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error)solid var(--bm-comp-input-color-border-error)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--read-only .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--disabled .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment,.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-disabled)}.bm-date-field--fluid{max-width:100%}.bm-date-field__field{box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);align-items:center;gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-height-md);padding-block:var(--bm-comp-input-space-field-y-md);padding-inline:var(--bm-comp-input-space-field-x-md);flex-wrap:nowrap;display:flex;position:relative}.bm-date-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segments{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--bm-sem-space-12);display:inline-flex}.bm-date-field__field .bm-date-field__segment{box-sizing:border-box;text-align:center;border-block:var(--bm-sem-border-width-focus)solid transparent;unicode-bidi:plaintext;outline:none;min-inline-size:2ch;display:inline-block}.bm-date-field__field .bm-date-field__segment[data-segment=year]{min-inline-size:4ch}.bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field__field .bm-date-field__segment[data-active=true]{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment:focus-visible{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment::selection{background-color:var(--bm-sem-color-surface-info-primary)}.bm-date-field__field .bm-date-field__separator{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);-webkit-user-select:none;user-select:none;unicode-bidi:plaintext}.bm-date-field__sr-status{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
+:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-date-field{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);--bm-helper-text-space-top:var(--bm-comp-helper-text-space-top)}.bm-date-field--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-date-field--sm .bm-date-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-sm);--bm-input-field-font:var(--bm-comp-input-typo-sm);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-sm)}.bm-date-field--md .bm-date-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-md);--bm-input-field-font:var(--bm-comp-input-typo-md);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-md)}.bm-date-field--lg .bm-date-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-lg);--bm-input-field-font:var(--bm-comp-input-typo-lg);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-lg)}.bm-date-field--error .bm-date-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error)solid var(--bm-comp-input-color-border-error)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--error .bm-date-field__field .bm-date-field__separator{color:var(--bm-comp-input-color-text)}.bm-date-field--error .bm-date-field__field .bm-date-field__separator[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--read-only .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__separator{color:var(--bm-comp-input-color-text)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__separator[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--disabled .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment,.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment[data-placeholder=true],.bm-date-field--disabled .bm-date-field__field .bm-date-field__separator,.bm-date-field--disabled .bm-date-field__field .bm-date-field__separator[data-placeholder=true]{color:var(--bm-comp-input-color-text-disabled)}.bm-date-field--fluid{max-width:100%}.bm-date-field--disabled{--bm-date-field-cursor:not-allowed;--bm-date-field-input-cursor:not-allowed}.bm-date-field__field{box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);align-items:center;gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);cursor:var(--bm-date-field-cursor,default);height:var(--bm-input-field-height);padding-block:var(--bm-input-field-padding-y);padding-inline:var(--bm-input-field-padding-x);flex-wrap:nowrap;display:flex;position:relative}.bm-date-field__field:not([aria-disabled=true]):focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segments{color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--bm-sem-space-12);display:inline-flex}.bm-date-field__field .bm-date-field__segment{box-sizing:border-box;text-align:center;min-inline-size:2ch;cursor:var(--bm-date-field-input-cursor,text);border-block:var(--bm-sem-border-width-focus)solid transparent;unicode-bidi:plaintext;outline:none;display:inline-block}.bm-date-field__field .bm-date-field__segment[data-segment=year]{min-inline-size:4ch}.bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field__field .bm-date-field__segment[data-active=true]{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment:focus-visible{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment::selection{background-color:var(--bm-sem-color-surface-info-primary)}.bm-date-field__field .bm-date-field__separator{color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);-webkit-user-select:none;user-select:none;unicode-bidi:plaintext}.bm-date-field__field .bm-date-field__separator[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field__sr-status{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

package/chunks/{DateField.Segment.BMXzpxgl.js → DateField.Segment.-XomLz51.js}

@@ -1,17 +1,17 @@
 import "../assets/DateField.css";
-import { jsx as $ } from "react/jsx-runtime";
-import k from "clsx";
-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`
-}, F = {
+import { jsx as k } from "react/jsx-runtime";
+import I from "clsx";
+import { useRef as B, useCallback as P } from "react";
+import { i as R } from "./use-isomorphic-layout-effect.browser.esm.DERp5kr6.js";
+import { g as S } from "./classNames.CA_0DokS.js";
+import { selectElementContents as w } from "../lib/wip/DateField/DateField.utils.es.js";
+const y = "date-field", { baseClassNamePrefix: A, classModifierPrefix: H, subElementClassPrefix: d } = S(y), F = {
+  field: `${d}field`,
+  segments: `${d}segments`,
+  segment: `${d}segment`,
+  separator: `${d}separator`,
+  srStatus: `${d}sr-status`
+}, L = {
   "bm-light": "bm-light",
   "bm-dark": "bm-dark",
   "bm-inverse": "bm-inverse",
@@ -19,67 +19,72 @@ const w = "date-field", { baseClassNamePrefix: q, classModifierPrefix: A, subEle
   "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--sm": "bm-date-field--sm",
   "bm-date-field__field": "bm-date-field__field",
+  "bm-date-field--md": "bm-date-field--md",
+  "bm-date-field--lg": "bm-date-field--lg",
+  "bm-date-field--error": "bm-date-field--error",
   "bm-date-field__segment": "bm-date-field__segment",
+  "bm-date-field__separator": "bm-date-field__separator",
   "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 = {
+}, T = {
   day: "day",
   month: "month",
   year: "year"
-}, H = ({
-  type: r,
+}, J = ({
+  type: s,
   value: u,
   valueMin: c,
   valueMax: _,
-  displayValue: n,
+  displayValue: i,
   isPlaceholder: p,
   valueText: g,
   invalid: C,
-  role: d,
+  role: n,
   isActive: t,
-  disabled: l,
-  readOnly: m,
+  disabled: m,
+  readOnly: l,
+  required: v,
   onFocus: x,
-  onBlur: v,
-  onInput: E,
-  onKeyDown: h,
+  onBlur: E,
+  onInput: h,
+  onKeyDown: D,
   segmentRef: o
 }) => {
-  const a = !l && !m, f = I(null), D = B(
+  const a = !m && !l, f = B(null), M = P(
     (e) => {
       f.current = e, o(e);
     },
     [o]
-  ), M = (e) => {
+  ), N = (e) => {
     if (!a) return;
-    const b = e.currentTarget, i = e.nativeEvent.data;
-    i != null && i.length === 1 && E(r, i), b.textContent !== n && (b.textContent = n);
+    const b = e.currentTarget, r = e.nativeEvent.data;
+    r != null && r.length === 1 && h(s, r), b.textContent !== i && (b.textContent = i);
   };
-  P(() => {
+  R(() => {
     if (!t || !a) return;
     const e = f.current;
-    e && S(e);
-  }, [n, t, a]);
-  const N = d === "spinbutton" ? {
+    e && w(e);
+  }, [i, t, a]);
+  const $ = n === "spinbutton" ? {
     "aria-valuenow": u ?? void 0,
     "aria-valuemin": c,
     "aria-valuemax": _,
     "aria-valuetext": g
   } : { "aria-multiline": !1 };
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ k(
     "span",
     {
-      ref: D,
-      role: d,
-      "aria-label": L[r],
-      ...N,
-      "aria-disabled": l || void 0,
-      "aria-readonly": m || void 0,
+      ref: M,
+      role: n,
+      "aria-label": T[s],
+      ...$,
+      "aria-disabled": m || void 0,
+      "aria-readonly": l || void 0,
+      "aria-required": v || void 0,
       "aria-invalid": C || void 0,
       contentEditable: a && t,
       suppressContentEditableWarning: !0,
@@ -88,23 +93,23 @@ const w = "date-field", { baseClassNamePrefix: q, classModifierPrefix: A, subEle
       spellCheck: !1,
       autoCorrect: "off",
       autoCapitalize: "off",
-      "data-segment": r,
+      "data-segment": s,
       "data-active": t,
       "data-placeholder": p,
       onFocus: x,
-      onBlur: v,
-      onInput: M,
-      onKeyDown: (e) => h(r, e),
+      onBlur: E,
+      onInput: N,
+      onKeyDown: (e) => D(s, e),
       onMouseUp: (e) => e.preventDefault(),
-      className: k(F[y.segment]),
-      children: n
+      className: I(L[F.segment]),
+      children: i
     }
   );
 };
 export {
-  H as D,
-  y as a,
-  q as b,
-  A as c,
-  F as s
+  J as D,
+  F as a,
+  A as b,
+  H as c,
+  L as s
 };

package/chunks/DateField.Segment.Dc_nlh4y.js

@@ -0,0 +1 @@
+var z=require("../assets/DateField.css");const R=require("react/jsx-runtime"),$=require("clsx"),u=require("react"),k=require("./use-isomorphic-layout-effect.browser.esm.CkGv31zs.js"),w=require("./classNames.BFQUGnCN.js"),y=require("../lib/wip/DateField/DateField.utils.cjs.js"),S="date-field",{baseClassNamePrefix:B,classModifierPrefix:L,subElementClassPrefix:s}=w.getBEMClassNames(S),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--sm":"bm-date-field--sm","bm-date-field__field":"bm-date-field__field","bm-date-field--md":"bm-date-field--md","bm-date-field--lg":"bm-date-field--lg","bm-date-field--error":"bm-date-field--error","bm-date-field__segment":"bm-date-field__segment","bm-date-field__separator":"bm-date-field__separator","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__sr-status":"bm-date-field__sr-status"},j={day:"day",month:"month",year:"year"},T=({type:i,value:g,valueMin:p,valueMax:C,displayValue:d,isPlaceholder:x,valueText:v,invalid:E,role:n,isActive:t,disabled:l,readOnly:m,required:h,onFocus:D,onBlur:N,onInput:q,onKeyDown:F,segmentRef:o})=>{const a=!l&&!m,f=u.useRef(null),M=u.useCallback(e=>{f.current=e,o(e)},[o]),I=e=>{if(!a)return;const b=e.currentTarget,r=e.nativeEvent.data;r!=null&&r.length===1&&q(i,r),b.textContent!==d&&(b.textContent=d)};k.index(()=>{if(!t||!a)return;const e=f.current;e&&y.selectElementContents(e)},[d,t,a]);const P=n==="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:n,"aria-label":j[i],...P,"aria-disabled":l||void 0,"aria-readonly":m||void 0,"aria-required":h||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:D,onBlur:N,onInput:I,onKeyDown:e=>F(i,e),onMouseUp:e=>e.preventDefault(),className:$(_[c.segment]),children:d})};exports.DateFieldSegment=T;exports.baseClassNamePrefix=B;exports.classModifierPrefix=L;exports.staticDateFieldClassNames=c;exports.styles=_;

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");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;
+"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.Dc_nlh4y.js");require("./DateField.utils.cjs.js");exports.DateFieldSegment=e.DateFieldSegment;

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

@@ -1,2 +1,2 @@
 import { DateFieldSegmentProps } from './DateField.types';
-export declare const DateFieldSegment: ({ type, value, valueMin, valueMax, displayValue, isPlaceholder, valueText, invalid, role, isActive, disabled, readOnly, onFocus, onBlur, onInput, onKeyDown, segmentRef, }: DateFieldSegmentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateFieldSegment: ({ type, value, valueMin, valueMax, displayValue, isPlaceholder, valueText, invalid, role, isActive, disabled, readOnly, required, onFocus, onBlur, onInput, onKeyDown, segmentRef, }: DateFieldSegmentProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -10,6 +10,8 @@ export interface DateFieldSegmentsProps {
     focusedSegment: FocusTarget;
     disabled: boolean;
     readOnly: boolean;
+    /** Drives `aria-required` on each segment (the `role="group"` root can't carry it). */
+    required: boolean;
     /** Drives `aria-invalid` on each segment when the field is in an error/invalid state. */
     invalid: boolean;
     /** Role for the segments: 'spinbutton' (default) or 'textbox' (iOS VoiceOver fallback post-mount). */
@@ -24,4 +26,4 @@ export interface DateFieldSegmentsProps {
     onSegmentKeyDown: (segment: SegmentType, event: KeyboardEvent<HTMLSpanElement>) => void;
     registerSegmentRef: (segment: SegmentType) => (element: HTMLSpanElement | null) => void;
 }
-export declare const DateFieldSegments: ({ parts, segmentText, segmentValues, focusedSegment, disabled, readOnly, invalid, role, onSegmentFocus, onSegmentBlur, onSegmentInput, onSegmentKeyDown, registerSegmentRef, }: DateFieldSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateFieldSegments: ({ parts, segmentText, segmentValues, focusedSegment, disabled, readOnly, required, invalid, role, onSegmentFocus, onSegmentBlur, onSegmentInput, onSegmentKeyDown, registerSegmentRef, }: DateFieldSegmentsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -1,7 +1,8 @@
-import { ComponentPropsWithRef, ReactElement, FocusEvent, KeyboardEvent } from 'react';
+import { ComponentPropsWithRef, FocusEvent, KeyboardEvent, ReactNode } from 'react';
 import { Nullable } from '@viasat/beam-shared/utils/types';
 import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
 import { FormValidator } from '@viasat/beam-shared/components/form';
+import { InputSize } from '@viasat/beam-shared/components/input';
 type DateFieldInputAttributes = Omit<ComponentPropsWithRef<'input'>, 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'type' | 'size' | 'ref' | 'form' | 'autoComplete' | 'inputMode'>;
 export type SegmentType = 'day' | 'month' | 'year';
 /**
@@ -52,7 +53,7 @@ export interface DateFieldProps extends DateFieldInputAttributes {
     /**
      * Specify HelperText for DateField
      */
-    helperText?: Nullable<ReactElement>;
+    helperText?: Nullable<ReactNode>;
     /**
      * Specify if DateField is a required input
      * @default false
@@ -66,7 +67,7 @@ export interface DateFieldProps extends DateFieldInputAttributes {
     /**
      * Specify Label for DateField
      */
-    label?: Nullable<ReactElement>;
+    label?: Nullable<ReactNode>;
     /**
      * Specify error text and display error state of a DateField
      */
@@ -86,6 +87,11 @@ export interface DateFieldProps extends DateFieldInputAttributes {
      * @default false
      */
     fluid?: boolean;
+    /**
+     * Specify the size of DateField
+     * @default 'md'
+     */
+    size?: InputSize;
     /**
      * Specify the width of DateField
      */
@@ -99,34 +105,34 @@ export interface DateFieldProps extends DateFieldInputAttributes {
      */
     validationRules?: Array<FormValidator>;
     /**
-     * Controlled date value. Pass `null` to clear.
+     * Controlled date value; pass `null` to clear
      */
     value?: Nullable<Date>;
     /**
-     * Uncontrolled initial date value. Ignored when `value` is provided.
+     * Uncontrolled initial date value; ignored when `value` is provided
      */
     defaultValue?: Nullable<Date>;
     /**
-     * Fires when the derived `Date | null` value transitions.
+     * Fires when the derived `Date | null` value transitions
      */
     onChange?: (value: Nullable<Date>) => void;
     /**
-     * Lower bound; on blur, a touched value springs up to it. Use `validationRules` for validation.
+     * Lower bound; on blur, a touched value springs up to it. Use `validationRules` for validation
      */
     minDate?: Date;
     /**
-     * Upper bound; on blur, a touched value springs down to it. Use `validationRules` for validation.
+     * Upper bound; on blur, a touched value springs down to it. Use `validationRules` for validation
      */
     maxDate?: Date;
     /**
      * Called when a touched value springs to a bound on blur; return a localized
-     * message announced politely to screen readers. Omit → no announcement.
+     * message announced politely to screen readers. Omit → no announcement
      */
     getClampAnnouncement?: (clampedDate: Date) => string;
     /**
      * BCP-47 locale tag driving segment order + separators (e.g. `en-GB` →
      * DD/MM/YYYY, `de-DE` → DD.MM.YYYY). A future `DatesProvider` will supply the
-     * default.
+     * default
      * @default en-US
      */
     locale?: string;
@@ -166,6 +172,12 @@ export interface DateFieldSegmentProps {
     isActive: boolean;
     disabled: boolean;
     readOnly: boolean;
+    /**
+     * Drives `aria-required` on the segment. It lives here, not on the field root:
+     * `aria-required` is role-specific and `role="group"` doesn't support it, while
+     * both segment roles (`spinbutton` / `textbox`) do.
+     */
+    required: boolean;
     /** Fires when the segment gains focus (Tab, click, or programmatic). */
     onFocus: () => void;
     /** Fires when focus leaves the segment; `relatedTarget` drives field-exit detection. */

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),P=require("./DateField.utils.cjs.js");function j({disabled:l,fieldRef:a,segmentRefs:v,partsOrder:b,onSegmentFocusChange:D,onFieldBlur:x}){const[n,o]=e.useState(null),i=b[0],y=e.useRef(n);y.current=n;const r=e.useRef(D),d=e.useRef(x);e.useEffect(()=>{r.current=D,d.current=x},[D,x]);const T=e.useRef(void 0);e.useEffect(()=>{if(n===null||n==="all")return;const t=v.current.get(n);t&&(document.activeElement!==t&&t.focus(T.current),T.current=void 0)},[n,v]);const p=e.useCallback((t,c)=>{var u;l||(T.current=c,o(t),(u=r.current)==null||u.call(r,t))},[l]),E=e.useCallback(t=>{var c;l||t.target===a.current&&(o(i),(c=r.current)==null||c.call(r,i))},[l,a,i]),q=e.useCallback(t=>{var u,s,f,_;if((u=a.current)!=null&&u.contains(t.relatedTarget))return;const c=(f=(s=t.target)==null?void 0:s.getAttribute)==null?void 0:f.call(s,"data-segment");c&&c!==y.current||(o(null),(_=d.current)==null||_.call(d),P.clearSelectionWithin(a.current))},[a]),w=e.useCallback(t=>{var u;if(l)return;t.target.closest("[data-segment]")||(t.preventDefault(),o(i),(u=r.current)==null||u.call(r,i))},[l,i]),k=e.useCallback((t,c)=>{var f;const u=b.indexOf(t);if(u===-1)return;const s=b[u+c];s!=null&&(o(s),(f=r.current)==null||f.call(r,s))},[b]),I=e.useCallback(t=>{k(t,1)},[k]),M=e.useCallback(t=>{k(t,-1)},[k]);return{focusedSegment:n,fieldTabIndex:l?-1:n===null?0:-1,handleSegmentFocus:p,handleFieldFocus:E,handleFieldBlur:q,handleFieldMouseDown:w,focusNext:I,focusPrevious:M}}exports.useDateFieldFocus=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),P=require("./DateField.utils.cjs.js");function j({disabled:l,fieldRef:a,segmentRefs:p,partsOrder:b,onSegmentFocusChange:D,onFieldBlur:x}){const[n,o]=e.useState(null),i=b[0],v=e.useRef(n);v.current=n;const r=e.useRef(D),d=e.useRef(x);e.useEffect(()=>{r.current=D,d.current=x},[D,x]);const T=e.useRef(void 0);e.useEffect(()=>{if(n===null||n==="all")return;const t=p.current.get(n);t&&(document.activeElement!==t&&t.focus(T.current),T.current=void 0)},[n,p]);const _=e.useCallback((t,c)=>{var u;l||(T.current=c,o(t),(u=r.current)==null||u.call(r,t))},[l]),E=e.useCallback(t=>{var c;l||t.target===a.current&&(o(i),(c=r.current)==null||c.call(r,i))},[l,a,i]),q=e.useCallback(t=>{var u,s,f,y;if((u=a.current)!=null&&u.contains(t.relatedTarget))return;const c=(f=(s=t.target)==null?void 0:s.getAttribute)==null?void 0:f.call(s,"data-segment");c&&c!==v.current||(o(null),(y=d.current)==null||y.call(d),P.clearSelectionWithin(a.current))},[a]),w=e.useCallback(t=>{var u;if(l){t.preventDefault();return}t.target.closest("[data-segment]")||(t.preventDefault(),o(i),(u=r.current)==null||u.call(r,i))},[l,i]),k=e.useCallback((t,c)=>{var f;const u=b.indexOf(t);if(u===-1)return;const s=b[u+c];s!=null&&(o(s),(f=r.current)==null||f.call(r,s))},[b]),I=e.useCallback(t=>{k(t,1)},[k]),M=e.useCallback(t=>{k(t,-1)},[k]);return{focusedSegment:n,fieldTabIndex:l?-1:n===null?0:-1,handleSegmentFocus:_,handleFieldFocus:E,handleFieldBlur:q,handleFieldMouseDown:w,focusNext:I,focusPrevious:M}}exports.useDateFieldFocus=j;

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

@@ -1,20 +1,20 @@
-import { useState as j, useRef as d, useEffect as k, useCallback as s } from "react";
+import { useState as j, useRef as T, useEffect as k, useCallback as s } from "react";
 import { clearSelectionWithin as q } from "./DateField.utils.es.js";
 function J({
   disabled: o,
   fieldRef: f,
   segmentRefs: y,
   partsOrder: x,
-  onSegmentFocusChange: v,
-  onFieldBlur: D
+  onSegmentFocusChange: d,
+  onFieldBlur: v
 }) {
-  const [u, l] = j(null), i = x[0], E = d(u);
+  const [u, l] = j(null), i = x[0], E = T(u);
   E.current = u;
-  const r = d(v), p = d(D);
+  const r = T(d), p = T(v);
   k(() => {
-    r.current = v, p.current = D;
-  }, [v, D]);
-  const m = d(void 0);
+    r.current = d, p.current = v;
+  }, [d, v]);
+  const m = T(void 0);
   k(() => {
     if (u === null || u === "all") return;
     const t = y.current.get(u);
@@ -43,11 +43,14 @@ function J({
   ), N = s(
     (t) => {
       var c;
-      if (o) return;
+      if (o) {
+        t.preventDefault();
+        return;
+      }
       t.target.closest("[data-segment]") || (t.preventDefault(), l(i), (c = r.current) == null || c.call(r, i));
     },
     [o, i]
-  ), T = s(
+  ), D = s(
     (t, n) => {
       var a;
       const c = x.indexOf(t);
@@ -58,14 +61,14 @@ function J({
     [x]
   ), P = s(
     (t) => {
-      T(t, 1);
+      D(t, 1);
     },
-    [T]
+    [D]
   ), W = s(
     (t) => {
-      T(t, -1);
+      D(t, -1);
     },
-    [T]
+    [D]
   );
   return {
     focusedSegment: u,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.67.0",
+  "version": "2.68.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.0",
-    "@viasat/beam-shared": "2.67.0",
-    "@viasat/beam-styles": "2.67.0",
-    "@viasat/beam-tokens": "2.67.0",
-    "@viasat/beam-icons": "2.67.0",
-    "@viasat/beam-react-claude-plugin": "2.67.0",
+    "@viasat/beam-fonts": "2.68.0",
+    "@viasat/beam-shared": "2.68.0",
+    "@viasat/beam-styles": "2.68.0",
+    "@viasat/beam-tokens": "2.68.0",
+    "@viasat/beam-icons": "2.68.0",
+    "@viasat/beam-react-claude-plugin": "2.68.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=_;