@viasat/beam-react 2.67.1 → 2.69.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.69.0 (2026-09-11)
+
+### 🚀 Features
+
+- **DateField:** Alpha promotion ([#1431](https://git.viasat.com/vega/Beam/pull/1431))
+
+### ❤️ Thank You
+
+- Roman-Ionita, Alin
+
+## 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

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.BP4uMe6e.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"),y=require("./classNames.BFQUGnCN.js"),S=require("../lib/DateField/DateField.utils.cjs.js"),w="date-field",{baseClassNamePrefix:B,classModifierPrefix:L,subElementClassPrefix:s}=y.getBEMClassNames(w),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&&S.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/chunks/{DateField.Segment.BMXzpxgl.js → DateField.Segment.Dtgriddw.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/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/index.cjs.js

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

package/index.es.js

@@ -11,13 +11,13 @@ import { Breadcrumb as L } from "./lib/Breadcrumbs/Breadcrumbs.es.js";
 import { B as P } from "./chunks/BreadcrumbsItem.DC3CIyBO.js";
 import { EmptyState as N } from "./lib/EmptyState/EmptyState.es.js";
 import { Badge as _ } from "./lib/Badge/Badge.es.js";
-import { BadgeDot as H } from "./lib/BadgeDot/BadgeDot.es.js";
-import { Box as h } from "./lib/Box/Box.es.js";
+import { BadgeDot as D } from "./lib/BadgeDot/BadgeDot.es.js";
+import { Box as O } from "./lib/Box/Box.es.js";
 import { Checkbox as E } from "./lib/Checkbox/Checkbox.es.js";
 import { Chip as G } from "./lib/Chips/Chip.es.js";
 import { ChipGroup as M } from "./lib/Chips/ChipGroup.es.js";
 import { Divider as y } from "./lib/Divider/Divider.es.js";
-import { default as F } from "./lib/FileUpload/FileUpload.es.js";
+import { default as k } from "./lib/FileUpload/FileUpload.es.js";
 import { Flag as W } from "./lib/Flag/Flag.es.js";
 import { Form as K } from "./lib/Form/Form.es.js";
 import { H as Q } from "./chunks/form.context.BDYA2JQs.js";
@@ -36,8 +36,8 @@ import { NativeSelect as So } from "./lib/NativeSelect/NativeSelect.es.js";
 import { Pagination as Bo } from "./lib/Pagination/Pagination.es.js";
 import { ProgressBar as vo } from "./lib/ProgressBar/ProgressBar.es.js";
 import { RadioButton as Co } from "./lib/RadioButton/RadioButton.es.js";
-import { DRAWER_LAYOUT as go, HIDDEN_LAYOUT as _o, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as Ho, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as ho, Root as Do, SideNav as Eo, SideNavBackdrops as Io, SideNavClosedLayouts as Go, SideNavOpenLayouts as bo, TRANSPARENT_BACKDROP as Mo } from "./lib/SideNav/SideNav.es.js";
-import { SideNavProvider as yo, useSideNavContext as ko } from "./lib/SideNav/SideNavContext.es.js";
+import { DRAWER_LAYOUT as go, HIDDEN_LAYOUT as _o, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as Do, OPAQUE_BACKDROP as Ho, RAIL_LAYOUT as Oo, Root as ho, SideNav as Eo, SideNavBackdrops as Io, SideNavClosedLayouts as Go, SideNavOpenLayouts as bo, TRANSPARENT_BACKDROP as Mo } from "./lib/SideNav/SideNav.es.js";
+import { SideNavProvider as yo, useSideNavContext as Fo } from "./lib/SideNav/SideNavContext.es.js";
 import { SegmentedControl as Yo } from "./lib/SegmentedControl/SegmentedControl.es.js";
 import { Select as wo } from "./lib/Select/Select.es.js";
 import { Spinner as Vo } from "./lib/Spinner/Spinner.es.js";
@@ -57,20 +57,21 @@ import { Header as Lr, InternalHeader as vr } from "./lib/Header/Header.es.js";
 import { HeaderMasthead as Cr } from "./lib/Header/HeaderMasthead.es.js";
 import { HeaderActionGroup as gr } from "./lib/Header/HeaderActionGroup.es.js";
 import { HeaderNavigation as Rr } from "./lib/Header/HeaderNavigation.es.js";
-import { PortalContext as Or, usePortal as hr } from "./lib/PortalProvider/PortalContext.es.js";
+import { PortalContext as Hr, usePortal as Or } from "./lib/PortalProvider/PortalContext.es.js";
 import { PortalProvider as Er } from "./lib/PortalProvider/PortalProvider.es.js";
 import { Popover as Gr } from "./lib/Popover/Popover.es.js";
 import { PageHeader as Mr } from "./lib/PageHeader/PageHeader.es.js";
 import { PageLayout as yr } from "./lib/PageLayout/PageLayout.es.js";
-import { Panel as Fr } from "./lib/Panel/Panel.es.js";
+import { Panel as kr } from "./lib/Panel/Panel.es.js";
 import { Slider as Wr } from "./lib/Slider/Slider.es.js";
 import { Card as Kr } from "./lib/Card/Card.es.js";
 import { CardGroup as Qr } from "./lib/Card/CardGroup.es.js";
 import { Search as qr } from "./lib/Search/Search.es.js";
-import { ALL_THEMES as Jr, BeamThemeProvider as Xr, fromAttr as Zr, toAttr as $r, useBeamTheme as oe } from "./utils/theming/useBeamTheme.es.js";
-import { v as ee } from "./chunks/useFormValidator.hook.BM-e4j8b.js";
+import { DateField as Jr } from "./lib/DateField/DateField.es.js";
+import { ALL_THEMES as Zr, BeamThemeProvider as $r, fromAttr as oe, toAttr as re, useBeamTheme as ee } from "./utils/theming/useBeamTheme.es.js";
+import { v as pe } from "./chunks/useFormValidator.hook.BM-e4j8b.js";
 export {
-  Jr as ALL_THEMES,
+  Zr as ALL_THEMES,
   t as Accordion,
   m as AccordionGroup,
   fo as ActionList,
@@ -78,9 +79,9 @@ export {
   i as Autocomplete,
   n as Avatar,
   _ as Badge,
-  H as BadgeDot,
-  Xr as BeamThemeProvider,
-  h as Box,
+  D as BadgeDot,
+  $r as BeamThemeProvider,
+  O as Box,
   L as Breadcrumb,
   P as BreadcrumbItem,
   l as Button,
@@ -93,10 +94,11 @@ export {
   M as ChipGroup,
   u as CloseButton,
   go as DRAWER_LAYOUT,
+  Jr as DateField,
   c as Dialog,
   y as Divider,
   N as EmptyState,
-  F as FileUpload,
+  k as FileUpload,
   W as Flag,
   K as Form,
   _o as HIDDEN_LAYOUT,
@@ -113,21 +115,21 @@ export {
   xo as List,
   no as Logo,
   uo as Menu,
-  Ho as NO_LAYOUT,
+  Do as NO_LAYOUT,
   So as NativeSelect,
-  Oo as OPAQUE_BACKDROP,
+  Ho as OPAQUE_BACKDROP,
   Mr as PageHeader,
   yr as PageLayout,
   Bo as Pagination,
-  Fr as Panel,
+  kr as Panel,
   Gr as Popover,
-  Or as PortalContext,
+  Hr as PortalContext,
   Er as PortalProvider,
   vo as ProgressBar,
-  ho as RAIL_LAYOUT,
+  Oo as RAIL_LAYOUT,
   Co as RadioButton,
   oo as RadioButtonGroup,
-  Do as Root,
+  ho as Root,
   qr as Search,
   Yo as SegmentedControl,
   wo as Select,
@@ -152,14 +154,14 @@ export {
   sr as ToastProvider,
   Sr as Tooltip,
   cr as TooltipIconTrigger,
-  Zr as fromAttr,
+  oe as fromAttr,
   Xo as processMetadata,
-  $r as toAttr,
+  re as toAttr,
   Zo as useBeamStepper,
-  oe as useBeamTheme,
+  ee as useBeamTheme,
   lo as useMenuContext,
-  hr as usePortal,
-  ko as useSideNavContext,
+  Or as usePortal,
+  Fo as useSideNavContext,
   ur as useToast,
-  ee as validators
+  pe as validators
 };

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

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

package/lib/{wip/DateField → 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/DateField/DateField.Segment.es.js

@@ -0,0 +1,9 @@
+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.Dtgriddw.js";
+import "./DateField.utils.es.js";
+export {
+  a as DateFieldSegment
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("../../chunks/DateField.Segment.BP4uMe6e.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:M,onSegmentInput:p,onSegmentKeyDown:x,registerSegmentRef:F})=>{const g={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}},v=Object.values(i).every(n=>n==="");return l.jsx("span",{className:s.styles[s.staticDateFieldClassNames.segments],children:r.map((n,_)=>{if(n.type==="literal")return l.jsx("span",{"aria-hidden":"true","data-placeholder":v,className:s.styles[s.staticDateFieldClassNames.separator],children:n.value},`literal-${_}`);const e=n.type,S=b[e],{displayValue:o,isPlaceholder:N}=t.getSegmentDisplay(e,i[e],S),{min:j,max:A}=g[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:M,onInput:p,onKeyDown:x,segmentRef:F(e)},e)})})};exports.DateFieldSegments=R;

package/lib/{wip/DateField → 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/DateField/DateField.Segments.es.js

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

package/lib/DateField/DateField.cjs.js

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