@viasat/beam-react 2.54.1 → 2.55.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.55.1 (2026-08-18)
+
+### 🩹 Fixes
+
+- **Select, Autocomplete:** prevent `ariaLabel` from leaking to native `<select>` DOM element ([#1404](https://git.viasat.com/vega/Beam/pull/1404))
+
+### ❤️ Thank You
+
+- Evans, Joel
+
+## 2.55.0 (2026-08-18)
+
+### 🚀 Features
+
+- **DataTable:** shared hook ([#1400](https://git.viasat.com/vega/Beam/pull/1400))
+
+### ❤️ Thank You
+
+- Amarandei, Robert-Andrei
+
 ## 2.54.1 (2026-08-14)
 
 ### 🩹 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;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}.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--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}

package/lib/Autocomplete/Autocomplete.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),rt=require("../../chunks/input.Dq5mx3KB.js"),nt=require("../../chunks/classNames.BFQUGnCN.js"),ct=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),ut=require("clsx"),c=require("react"),J=require("../../chunks/form.context.CkC0TwMb.js"),at=require("../Form/contexts/label.context.cjs.js"),dt=require("../Form/contexts/helperText.context.cjs.js"),Q=require("../ActionList/ActionList.cjs.js"),U=require("../_Options/Option.context.cjs.js"),pt=require("../_Options/Option.cjs.js"),bt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const mt=require("../_Options/getLastVisibleStructureIndex.cjs.js"),_t=require("../_Options/useRenderOption.cjs.js"),xt=require("../_Options/useSelectValue.cjs.js"),ht=require("./useAutocompleteDropdown.cjs.js"),ft=require("./AutocompleteDropdown.cjs.js"),yt=require("./useAutocompleteChips.cjs.js"),Ot=require("./useAutocompleteKeyboardManager.cjs.js"),gt=require("./utils/filterOptions.cjs.js"),qt=require("./useClearSelection.cjs.js"),At=require("./AutocompleteField.cjs.js"),vt=require("./useAutocompleteA11y.cjs.js"),Ct=require("./useAutocompleteInteractions.cjs.js"),It=require("../_Options/strategies/SelectionStrategy.cjs.js"),Pt=require("../_Options/OptionChips.cjs.js"),{baseClassNamePrefix:St,subElementClassPrefix:D,classModifierPrefix:u}=nt.getBEMClassNames("combobox"),jt=c.forwardRef(({theme:A,width:X,error:d,children:Y,label:Z=null,contentBefore:ee,contentAfter:te,fluid:se=!1,size:oe=rt.defaultInputSize,helperText:F=null,validationRules:ie=[],className:le,hideRequiredMarker:re=!1,disabled:ne=!1,readOnly:ce=!1,required:ue=!1,placeholder:ae="",onChange:f,noResultsText:de="No results found",optionFilter:v,hideChevron:pe=!1,...y},be)=>{const{id:L,name:me,"aria-describedby":_e,multiple:t=!1,clearable:xe=t,...he}=y,{showErrors:fe,isInvalid:ye,errorShown:Oe,disabled:s,readOnly:r,required:C}=J.useFormField({name:me,validationRules:ie,disabledProp:ne,readOnlyProp:ce,requiredProp:ue}),{aria:O,ids:ge}=vt.default({helperText:F,externalDescribedBy:_e,error:d,errorShown:Oe,invalid:!!d||ye}),{helperTextId:qe,errorId:Ae,validationErrorsId:ve,labelId:I}=ge,Ce=!!(d!=null&&d.length),Ie=c.useCallback(e=>{f==null||f(e)},[f]),{value:b,setValue:G,selectProps:Pe,handleBlur:Se,singleValue:P}=xt.useSelectValue({onChange:Ie,...y},be),[m,S]=c.useState(null),j=!m&&(!b||Array.isArray(b)&&!b.length),{optionsContext:je,optionIds:a,optionsProps:_,selectedOptionsProps:V,deselectOptionValue:T,getOptionByIndex:Ve,structureIds:$,groupsProps:M,optionGroupOf:E,optionIdsByGroup:w}=U.useCreateOptionsContext(b,G,t),$e=c.useMemo(()=>{if(!P)return;const e=a.map(l=>_.get(l)).findIndex(l=>(l==null?void 0:l.value)===P);return e!==-1?e:void 0},[a,_,P]),B=c.useRef(null),{getFieldProps:Me,getInputProps:we,dropdownProps:Be,refs:Ne,open:H,setOpen:g,status:Re,setDisplayActiveIndex:De}=ht.useAutocompleteDropdown({disabled:s,readOnly:r,lastSelectedOptionIndex:$e,fieldRef:B}),q=Ne.domReference,Fe=ut(i.styles[St],A&&ct.themeClassName(A),i.styles[`${u}${oe}`],se&&i.styles[`${u}fluid`],O.invalid&&i.styles[`${u}error`],s&&i.styles[`${u}disabled`],r&&i.styles[`${u}read-only`],j&&i.styles[`${u}empty`],t&&i.styles[`${u}multiple`],i.styles[`${u}autocomplete`],i.styles[`${u}dropdown-${Re}`],le),{canClear:Le,handleClear:Ge}=qt.default({multiple:t,clearable:xe,isEmpty:j,disabled:s,readOnly:r,setValue:G,setSearchText:S,inputRef:q,setOpen:g}),{chipGroupProps:Te,handleBlur:Ee,selectedChip:He,setSelectedChip:ke,enabled:Ke,selectPreviousChip:ze,selectNextChip:We,options:Je,deselectOptionValue:Qe}=yt.useAutocompleteChips({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,options:V,deselectOptionValue:T,fieldRef:B,inputRef:q}),{getKeyboardProps:k}=Ot.useAutocompleteKeyboardManager({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,inputRef:q,fieldRef:B,chips:{enabled:Ke,selectedChip:He,setSelectedChip:ke,selectPreviousChip:ze,selectNextChip:We,options:Je,deselectOptionValue:Qe}}),K=c.useMemo(()=>It.createSelectionStrategy(t),[t]),{handleBlur:Ue,handleFocus:Xe,handleItemClick:Ye}=Ct.useAutocompleteInteractions({selectionStrategy:K,selectedOptions:V,inputRef:q,blurSelect:Se,blurChips:Ee,setSearchText:S,setOpen:g,searchText:m,getOptionByIndex:Ve,setDisplayActiveIndex:De}),p=c.useMemo(()=>a.reduce((e,l)=>{const n=_.get(l);if(!n)return e;const x=E.get(l),W=x?M.get(x):void 0,N=v?v(n,m,W):gt.default(n,m);return e[l]=N,e},{}),[a,_,m,v,E,M]),Ze=c.useMemo(()=>a.length===0?!1:a.every(e=>p[e]),[a,p]),et=c.useMemo(()=>mt.getLastVisibleStructureIndex($,w,p),[$,w,p]),z=_t.useRenderOption({optionsProps:_,selectionStrategy:K,value:b,multiple:t,optionClassName:i.styles[`${D}option`],filteredOptionsById:p}),{ref:tt,...st}=k(Me()),ot=k(we());return o.jsxs(U.OptionsProvider,{value:je,children:[o.jsxs("div",{className:Fe,style:{maxWidth:X},children:[o.jsx(at.LabelProvider,{ctxHtmlFor:L,ctxDisabled:s,ctxRequired:C&&!re,ctxId:I,children:Z}),o.jsx(At.AutocompleteField,{id:L,disabled:s,readOnly:r,required:C,contentBefore:ee,contentAfter:te,chips:o.jsx(Pt.OptionChips,{multiple:t,disabled:s,readOnly:r,selectedOptions:V,deselectOptionValue:T,chipGroupProps:Te,input:o.jsx("input",{className:i.styles[`${D}field__input`],"aria-readonly":r,"aria-disabled":s,"aria-required":C,"aria-invalid":O.invalid,"aria-errormessage":O.errorMessage||void 0,"aria-labelledby":!y.ariaLabel&&I?I:void 0,"aria-label":y.ariaLabel,"aria-describedby":O.describedBy,placeholder:t&&!j?"":ae,onChange:e=>S(e.target.value),disabled:s,readOnly:r,autoComplete:"off",tabIndex:s?-1:0,autoFocus:!1,...ot})}),hasClearButton:Le,hideChevron:pe,onClear:Ge,onBlur:Ue,onFocusCapture:Xe,...st,ref:tt}),o.jsxs(dt.HelperTextProvider,{ctxId:qe,ctxDisabled:s,children:[F,Ce&&o.jsx(J.HelperText,{id:Ae,appearance:"negative",children:d})]}),fe(ve)]}),o.jsxs("select",{...he,...Pe,hidden:!0,multiple:t,children:[o.jsx("option",{value:"",children:"empty"}),Y]}),o.jsx(ft.AutocompleteDropdown,{...Be,className:i.styles[`${D}dropdown`],disabled:s,readOnly:r,theme:A,multiple:t,onItemClick:Ye,children:o.jsx(Q.ActionList,{role:"listbox",noResults:Ze?de:void 0,children:$.map((e,l)=>{if(e.kind==="option")return z(e.id);const n=M.get(e.id);if(!n)return null;const x=w.get(e.id)??[],N=!x.some(R=>!p[R]),it=l===et,lt=!!n.divider&&!it;return o.jsx(Q.ActionList.Group,{heading:n.heading,divider:lt,disabled:n.disabled,hidden:N,children:x.map(R=>z(R,n.disabled))},e.id)})})})]})}),h=jt;h.Option=pt.Option;h.OptionGroup=bt.OptionGroup;h.displayName="Autocomplete";exports.Autocomplete=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),rt=require("../../chunks/input.Dq5mx3KB.js"),nt=require("../../chunks/classNames.BFQUGnCN.js"),ct=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),at=require("clsx"),c=require("react"),J=require("../../chunks/form.context.CkC0TwMb.js"),ut=require("../Form/contexts/label.context.cjs.js"),dt=require("../Form/contexts/helperText.context.cjs.js"),Q=require("../ActionList/ActionList.cjs.js"),U=require("../_Options/Option.context.cjs.js"),pt=require("../_Options/Option.cjs.js"),bt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const mt=require("../_Options/getLastVisibleStructureIndex.cjs.js"),_t=require("../_Options/useRenderOption.cjs.js"),xt=require("../_Options/useSelectValue.cjs.js"),ht=require("./useAutocompleteDropdown.cjs.js"),ft=require("./AutocompleteDropdown.cjs.js"),yt=require("./useAutocompleteChips.cjs.js"),Ot=require("./useAutocompleteKeyboardManager.cjs.js"),gt=require("./utils/filterOptions.cjs.js"),qt=require("./useClearSelection.cjs.js"),At=require("./AutocompleteField.cjs.js"),vt=require("./useAutocompleteA11y.cjs.js"),Ct=require("./useAutocompleteInteractions.cjs.js"),It=require("../_Options/strategies/SelectionStrategy.cjs.js"),Pt=require("../_Options/OptionChips.cjs.js"),{baseClassNamePrefix:St,subElementClassPrefix:D,classModifierPrefix:a}=nt.getBEMClassNames("combobox"),jt=c.forwardRef(({theme:A,width:X,error:d,children:Y,label:Z=null,contentBefore:ee,contentAfter:te,fluid:se=!1,size:oe=rt.defaultInputSize,helperText:L=null,validationRules:ie=[],className:le,hideRequiredMarker:re=!1,disabled:ne=!1,readOnly:ce=!1,required:ae=!1,placeholder:ue="",onChange:f,noResultsText:de="No results found",optionFilter:v,hideChevron:pe=!1,...y},be)=>{const{id:F,name:me,"aria-describedby":_e,ariaLabel:Vt,multiple:t=!1,clearable:xe=t,...he}=y,{showErrors:fe,isInvalid:ye,errorShown:Oe,disabled:s,readOnly:r,required:C}=J.useFormField({name:me,validationRules:ie,disabledProp:ne,readOnlyProp:ce,requiredProp:ae}),{aria:O,ids:ge}=vt.default({helperText:L,externalDescribedBy:_e,error:d,errorShown:Oe,invalid:!!d||ye}),{helperTextId:qe,errorId:Ae,validationErrorsId:ve,labelId:I}=ge,Ce=!!(d!=null&&d.length),Ie=c.useCallback(e=>{f==null||f(e)},[f]),{value:b,setValue:G,selectProps:Pe,handleBlur:Se,singleValue:P}=xt.useSelectValue({onChange:Ie,...y},be),[m,S]=c.useState(null),j=!m&&(!b||Array.isArray(b)&&!b.length),{optionsContext:je,optionIds:u,optionsProps:_,selectedOptionsProps:V,deselectOptionValue:T,getOptionByIndex:Ve,structureIds:$,groupsProps:M,optionGroupOf:E,optionIdsByGroup:w}=U.useCreateOptionsContext(b,G,t),$e=c.useMemo(()=>{if(!P)return;const e=u.map(l=>_.get(l)).findIndex(l=>(l==null?void 0:l.value)===P);return e!==-1?e:void 0},[u,_,P]),B=c.useRef(null),{getFieldProps:Me,getInputProps:we,dropdownProps:Be,refs:Ne,open:H,setOpen:g,status:Re,setDisplayActiveIndex:De}=ht.useAutocompleteDropdown({disabled:s,readOnly:r,lastSelectedOptionIndex:$e,fieldRef:B}),q=Ne.domReference,Le=at(i.styles[St],A&&ct.themeClassName(A),i.styles[`${a}${oe}`],se&&i.styles[`${a}fluid`],O.invalid&&i.styles[`${a}error`],s&&i.styles[`${a}disabled`],r&&i.styles[`${a}read-only`],j&&i.styles[`${a}empty`],t&&i.styles[`${a}multiple`],i.styles[`${a}autocomplete`],i.styles[`${a}dropdown-${Re}`],le),{canClear:Fe,handleClear:Ge}=qt.default({multiple:t,clearable:xe,isEmpty:j,disabled:s,readOnly:r,setValue:G,setSearchText:S,inputRef:q,setOpen:g}),{chipGroupProps:Te,handleBlur:Ee,selectedChip:He,setSelectedChip:ke,enabled:Ke,selectPreviousChip:ze,selectNextChip:We,options:Je,deselectOptionValue:Qe}=yt.useAutocompleteChips({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,options:V,deselectOptionValue:T,fieldRef:B,inputRef:q}),{getKeyboardProps:k}=Ot.useAutocompleteKeyboardManager({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,inputRef:q,fieldRef:B,chips:{enabled:Ke,selectedChip:He,setSelectedChip:ke,selectPreviousChip:ze,selectNextChip:We,options:Je,deselectOptionValue:Qe}}),K=c.useMemo(()=>It.createSelectionStrategy(t),[t]),{handleBlur:Ue,handleFocus:Xe,handleItemClick:Ye}=Ct.useAutocompleteInteractions({selectionStrategy:K,selectedOptions:V,inputRef:q,blurSelect:Se,blurChips:Ee,setSearchText:S,setOpen:g,searchText:m,getOptionByIndex:Ve,setDisplayActiveIndex:De}),p=c.useMemo(()=>u.reduce((e,l)=>{const n=_.get(l);if(!n)return e;const x=E.get(l),W=x?M.get(x):void 0,N=v?v(n,m,W):gt.default(n,m);return e[l]=N,e},{}),[u,_,m,v,E,M]),Ze=c.useMemo(()=>u.length===0?!1:u.every(e=>p[e]),[u,p]),et=c.useMemo(()=>mt.getLastVisibleStructureIndex($,w,p),[$,w,p]),z=_t.useRenderOption({optionsProps:_,selectionStrategy:K,value:b,multiple:t,optionClassName:i.styles[`${D}option`],filteredOptionsById:p}),{ref:tt,...st}=k(Me()),ot=k(we());return o.jsxs(U.OptionsProvider,{value:je,children:[o.jsxs("div",{className:Le,style:{maxWidth:X},children:[o.jsx(ut.LabelProvider,{ctxHtmlFor:F,ctxDisabled:s,ctxRequired:C&&!re,ctxId:I,children:Z}),o.jsx(At.AutocompleteField,{id:F,disabled:s,readOnly:r,required:C,contentBefore:ee,contentAfter:te,chips:o.jsx(Pt.OptionChips,{multiple:t,disabled:s,readOnly:r,selectedOptions:V,deselectOptionValue:T,chipGroupProps:Te,input:o.jsx("input",{className:i.styles[`${D}field__input`],"aria-readonly":r,"aria-disabled":s,"aria-required":C,"aria-invalid":O.invalid,"aria-errormessage":O.errorMessage||void 0,"aria-labelledby":!y.ariaLabel&&I?I:void 0,"aria-label":y.ariaLabel,"aria-describedby":O.describedBy,placeholder:t&&!j?"":ue,onChange:e=>S(e.target.value),disabled:s,readOnly:r,autoComplete:"off",tabIndex:s?-1:0,autoFocus:!1,...ot})}),hasClearButton:Fe,hideChevron:pe,onClear:Ge,onBlur:Ue,onFocusCapture:Xe,...st,ref:tt}),o.jsxs(dt.HelperTextProvider,{ctxId:qe,ctxDisabled:s,children:[L,Ce&&o.jsx(J.HelperText,{id:Ae,appearance:"negative",children:d})]}),fe(ve)]}),o.jsxs("select",{...he,...Pe,hidden:!0,multiple:t,children:[o.jsx("option",{value:"",children:"empty"}),Y]}),o.jsx(ft.AutocompleteDropdown,{...Be,className:i.styles[`${D}dropdown`],disabled:s,readOnly:r,theme:A,multiple:t,onItemClick:Ye,children:o.jsx(Q.ActionList,{role:"listbox",noResults:Ze?de:void 0,children:$.map((e,l)=>{if(e.kind==="option")return z(e.id);const n=M.get(e.id);if(!n)return null;const x=w.get(e.id)??[],N=!x.some(R=>!p[R]),it=l===et,lt=!!n.divider&&!it;return o.jsx(Q.ActionList.Group,{heading:n.heading,divider:lt,disabled:n.disabled,hidden:N,children:x.map(R=>z(R,n.disabled))},e.id)})})})]})}),h=jt;h.Option=pt.Option;h.OptionGroup=bt.OptionGroup;h.displayName="Autocomplete";exports.Autocomplete=h;exports.default=h;

package/lib/Autocomplete/Autocomplete.es.js

@@ -1,9 +1,9 @@
-import { jsxs as C, jsx as n } from "react/jsx-runtime";
-import { d as it } from "../../chunks/input.f81KzcGZ.js";
+import { jsxs as C, jsx as a } from "react/jsx-runtime";
+import { d as st } from "../../chunks/input.f81KzcGZ.js";
 import { g as lt } from "../../chunks/classNames.CA_0DokS.js";
-import { t as nt } from "../../chunks/constants.Cruz2A1w.js";
+import { t as at } from "../../chunks/constants.Cruz2A1w.js";
 import { s as r } from "../../chunks/combobox.module.BZdcyXni.js";
-import at from "clsx";
+import nt from "clsx";
 import dt, { useCallback as pt, useState as ct, useMemo as h, useRef as ut } from "react";
 import { b as mt, H as ft } from "../../chunks/form.context.BDYA2JQs.js";
 import { LabelProvider as bt } from "../Form/contexts/label.context.es.js";
@@ -27,7 +27,7 @@ import wt from "./useAutocompleteA11y.es.js";
 import { useAutocompleteInteractions as Rt } from "./useAutocompleteInteractions.es.js";
 import { createSelectionStrategy as Dt } from "../_Options/strategies/SelectionStrategy.es.js";
 import { OptionChips as Ft } from "../_Options/OptionChips.es.js";
-const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix: a } = lt("combobox"), Et = dt.forwardRef(
+const { baseClassNamePrefix: Gt, subElementClassPrefix: E, classModifierPrefix: n } = lt("combobox"), Lt = dt.forwardRef(
   ({
     theme: I,
     width: U,
@@ -37,14 +37,14 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
     contentBefore: Z,
     contentAfter: ee,
     fluid: te = !1,
-    size: oe = it,
+    size: oe = st,
     helperText: q = null,
     validationRules: re = [],
-    className: se,
-    hideRequiredMarker: ie = !1,
+    className: ie,
+    hideRequiredMarker: se = !1,
     disabled: le = !1,
-    readOnly: ne = !1,
-    required: ae = !1,
+    readOnly: ae = !1,
+    required: ne = !1,
     placeholder: de = "",
     onChange: x,
     noResultsText: pe = "No results found",
@@ -56,15 +56,16 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
       id: H,
       name: me,
       "aria-describedby": fe,
+      ariaLabel: Et,
       multiple: t = !1,
       clearable: be = t,
       ...he
-    } = g, { showErrors: xe, isInvalid: ge, errorShown: ye, disabled: o, readOnly: i, required: A } = mt({
+    } = g, { showErrors: xe, isInvalid: ge, errorShown: ye, disabled: o, readOnly: s, required: A } = mt({
       name: me,
       validationRules: re,
       disabledProp: le,
-      readOnlyProp: ne,
-      requiredProp: ae
+      readOnlyProp: ae,
+      requiredProp: ne
     }), { aria: y, ids: ve } = wt({
       helperText: q,
       externalDescribedBy: fe,
@@ -95,7 +96,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
       optionIdsByGroup: D
     } = xt(u, k, t), Ne = h(() => {
       if (!$) return;
-      const e = d.map((s) => f.get(s)).findIndex((s) => (s == null ? void 0 : s.value) === $);
+      const e = d.map((i) => f.get(i)).findIndex((i) => (i == null ? void 0 : i.value) === $);
       return e !== -1 ? e : void 0;
     }, [d, f, $]), F = ut(null), {
       getFieldProps: we,
@@ -105,31 +106,31 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
       open: K,
       setOpen: v,
       status: Ge,
-      setDisplayActiveIndex: Ee
+      setDisplayActiveIndex: Le
     } = Pt({
       disabled: o,
-      readOnly: i,
+      readOnly: s,
       lastSelectedOptionIndex: Ne,
       fieldRef: F
-    }), O = Fe.domReference, Le = at(
+    }), O = Fe.domReference, Ee = nt(
       r[Gt],
-      I && nt(I),
-      r[`${a}${oe}`],
-      te && r[`${a}fluid`],
-      y.invalid && r[`${a}error`],
-      o && r[`${a}disabled`],
-      i && r[`${a}read-only`],
-      V && r[`${a}empty`],
-      t && r[`${a}multiple`],
-      r[`${a}autocomplete`],
-      r[`${a}dropdown-${Ge}`],
-      se
+      I && at(I),
+      r[`${n}${oe}`],
+      te && r[`${n}fluid`],
+      y.invalid && r[`${n}error`],
+      o && r[`${n}disabled`],
+      s && r[`${n}read-only`],
+      V && r[`${n}empty`],
+      t && r[`${n}multiple`],
+      r[`${n}autocomplete`],
+      r[`${n}dropdown-${Ge}`],
+      ie
     ), { canClear: Me, handleClear: qe } = Vt({
       multiple: t,
       clearable: be,
       isEmpty: V,
       disabled: o,
-      readOnly: i,
+      readOnly: s,
       setValue: k,
       setSearchText: B,
       inputRef: O,
@@ -147,7 +148,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
     } = St({
       multiple: t,
       disabled: o,
-      readOnly: i,
+      readOnly: s,
       open: K,
       setOpen: v,
       options: N,
@@ -157,7 +158,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
     }), { getKeyboardProps: z } = $t({
       multiple: t,
       disabled: o,
-      readOnly: i,
+      readOnly: s,
       open: K,
       setOpen: v,
       inputRef: O,
@@ -184,13 +185,13 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
       setOpen: v,
       searchText: m,
       getOptionByIndex: Ve,
-      setDisplayActiveIndex: Ee
+      setDisplayActiveIndex: Le
     }), c = h(
-      () => d.reduce((e, s) => {
-        const l = f.get(s);
+      () => d.reduce((e, i) => {
+        const l = f.get(i);
         if (!l) return e;
-        const b = j.get(s), J = b ? R.get(b) : void 0, G = P ? P(l, m, J) : Bt(l, m);
-        return e[s] = G, e;
+        const b = j.get(i), J = b ? R.get(b) : void 0, G = P ? P(l, m, J) : Bt(l, m);
+        return e[i] = G, e;
       }, {}),
       [
         d,
@@ -212,44 +213,44 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
       selectionStrategy: W,
       value: u,
       multiple: t,
-      optionClassName: r[`${L}option`],
+      optionClassName: r[`${E}option`],
       filteredOptionsById: c
     }), { ref: et, ...tt } = z(we()), ot = z(Re());
     return /* @__PURE__ */ C(gt, { value: Be, children: [
-      /* @__PURE__ */ C("div", { className: Le, style: { maxWidth: U }, children: [
-        /* @__PURE__ */ n(
+      /* @__PURE__ */ C("div", { className: Ee, style: { maxWidth: U }, children: [
+        /* @__PURE__ */ a(
           bt,
           {
             ctxHtmlFor: H,
             ctxDisabled: o,
-            ctxRequired: A && !ie,
+            ctxRequired: A && !se,
             ctxId: S,
             children: Y
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           Nt,
           {
             id: H,
             disabled: o,
-            readOnly: i,
+            readOnly: s,
             required: A,
             contentBefore: Z,
             contentAfter: ee,
-            chips: /* @__PURE__ */ n(
+            chips: /* @__PURE__ */ a(
               Ft,
               {
                 multiple: t,
                 disabled: o,
-                readOnly: i,
+                readOnly: s,
                 selectedOptions: N,
                 deselectOptionValue: T,
                 chipGroupProps: He,
-                input: /* @__PURE__ */ n(
+                input: /* @__PURE__ */ a(
                   "input",
                   {
-                    className: r[`${L}field__input`],
-                    "aria-readonly": i,
+                    className: r[`${E}field__input`],
+                    "aria-readonly": s,
                     "aria-disabled": o,
                     "aria-required": A,
                     "aria-invalid": y.invalid,
@@ -260,7 +261,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
                     placeholder: t && !V ? "" : de,
                     onChange: (e) => B(e.target.value),
                     disabled: o,
-                    readOnly: i,
+                    readOnly: s,
                     autoComplete: "off",
                     tabIndex: o ? -1 : 0,
                     autoFocus: !1,
@@ -280,46 +281,46 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
         ),
         /* @__PURE__ */ C(ht, { ctxId: Oe, ctxDisabled: o, children: [
           q,
-          Pe && /* @__PURE__ */ n(ft, { id: Ce, appearance: "negative", children: p })
+          Pe && /* @__PURE__ */ a(ft, { id: Ce, appearance: "negative", children: p })
         ] }),
         xe(Ie)
       ] }),
       /* @__PURE__ */ C("select", { ...he, ...Se, hidden: !0, multiple: t, children: [
-        /* @__PURE__ */ n("option", { value: "", children: "empty" }),
+        /* @__PURE__ */ a("option", { value: "", children: "empty" }),
         X
       ] }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(
         At,
         {
           ...De,
-          className: r[`${L}dropdown`],
+          className: r[`${E}dropdown`],
           disabled: o,
-          readOnly: i,
+          readOnly: s,
           theme: I,
           multiple: t,
           onItemClick: Xe,
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ a(
             Q,
             {
               role: "listbox",
               noResults: Ye ? pe : void 0,
-              children: w.map((e, s) => {
+              children: w.map((e, i) => {
                 if (e.kind === "option")
                   return _(e.id);
                 const l = R.get(e.id);
                 if (!l) return null;
                 const b = D.get(e.id) ?? [], G = !b.some(
-                  (E) => !c[E]
-                ), rt = s === Ze, st = !!l.divider && !rt;
-                return /* @__PURE__ */ n(
+                  (L) => !c[L]
+                ), rt = i === Ze, it = !!l.divider && !rt;
+                return /* @__PURE__ */ a(
                   Q.Group,
                   {
                     heading: l.heading,
-                    divider: st,
+                    divider: it,
                     disabled: l.disabled,
                     hidden: G,
                     children: b.map(
-                      (E) => _(E, l.disabled)
+                      (L) => _(L, l.disabled)
                     )
                   },
                   e.id
@@ -331,7 +332,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
       )
     ] });
   }
-), M = Et;
+), M = Lt;
 M.Option = yt;
 M.OptionGroup = vt;
 M.displayName = "Autocomplete";

package/lib/Select/Select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ke=require("../../chunks/input.Dq5mx3KB.js"),Ke=require("../../chunks/classNames.BFQUGnCN.js"),ze=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),We=require("clsx"),c=require("react"),A=require("../../chunks/form.context.CkC0TwMb.js"),Je=require("../Form/contexts/label.context.cjs.js"),Qe=require("../Form/contexts/helperText.context.cjs.js"),E=require("../ActionList/ActionList.cjs.js"),Ue=require("./useSelectDropdown.cjs.js"),Xe=require("./SelectDropdown.cjs.js"),Ye=require("./useSelectChips.cjs.js"),Ze=require("./useSelectKeyboardManager.cjs.js"),et=require("./useClearSelection.cjs.js"),tt=require("../_Options/OptionChips.cjs.js"),st=require("./SelectField.cjs.js"),it=require("./useSelectA11y.cjs.js"),G=require("../_Options/Option.context.cjs.js"),lt=require("../_Options/Option.cjs.js"),rt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const ot=require("../_Options/getLastVisibleStructureIndex.cjs.js"),nt=require("../_Options/useRenderOption.cjs.js"),ct=require("../_Options/useSelectValue.cjs.js"),at=require("../_Options/strategies/SelectionStrategy.cjs.js"),{baseClassNamePrefix:dt,subElementClassPrefix:C,classModifierPrefix:o}=Ke.getBEMClassNames("combobox"),ut=c.forwardRef(({theme:f,width:T,error:a,children:H,label:I=null,contentBefore:k,contentAfter:K,fluid:z=!1,size:W=ke.defaultInputSize,helperText:P=null,validationRules:J=[],className:Q,hideRequiredMarker:U=!1,disabled:X=!1,readOnly:Y=!1,required:Z=!1,placeholder:ee="",onChange:_,...x},te)=>{const{id:j,name:se,"aria-describedby":ie,multiple:e=!1,clearable:le=e,...re}=x,{showErrors:oe,isInvalid:ne,errorShown:ce,disabled:l,readOnly:r,required:M}=A.useFormField({name:se,validationRules:J,disabledProp:X,readOnlyProp:Y,requiredProp:Z}),{aria:S,ids:ae}=it.default({helperText:P,externalDescribedBy:ie,error:a,errorShown:ce,invalid:!!a||ne}),{helperTextId:de,errorId:ue,validationErrorsId:pe,labelId:$}=ae,be=!!(a!=null&&a.length),_e=c.useCallback(t=>{_==null||_(t)},[_]),{value:d,setValue:L,selectProps:xe,handleBlur:V,singleValue:h}=ct.useSelectValue({onChange:_e,...x},te),m=!d||Array.isArray(d)&&!d.length,{optionsContext:Se,optionIds:y,optionsProps:u,selectedOptionsProps:w,deselectOptionValue:B,structureIds:q,groupsProps:he,optionIdsByGroup:v}=G.useCreateOptionsContext(d,L,e),O=c.useMemo(()=>{if(!h)return;const t=y.map(n=>u.get(n)).findIndex(n=>(n==null?void 0:n.value)===h);return t!==-1?t:void 0},[y,u,h]),ye=c.useMemo(()=>{if(O===void 0)return;const t=u.get(y[O]);return t==null?void 0:t.label},[O,y,u]),{getFieldProps:Oe,dropdownProps:fe,refs:me,open:N,setOpen:g,status:qe}=Ue.useSelectDropdown({disabled:l,readOnly:r,lastSelectedOptionIndex:O}),ve=We(i.styles[dt],f&&ze.themeClassName(f),i.styles[`${o}${W}`],z&&i.styles[`${o}fluid`],S.invalid&&i.styles[`${o}error`],l&&i.styles[`${o}disabled`],r&&i.styles[`${o}read-only`],m&&i.styles[`${o}empty`],e&&i.styles[`${o}multiple`],i.styles[`${o}dropdown-${qe}`],Q),{canClear:ge,handleClear:Ce}=et.default({multiple:e,clearable:le,isEmpty:m,disabled:l,readOnly:r,setValue:L,setOpen:g}),{chipGroupProps:Ie,handleBlur:D,selectedChip:Pe,setSelectedChip:je,enabled:Me,selectPreviousChip:$e,selectNextChip:Le,options:Ve,deselectOptionValue:we}=Ye.useSelectChips({multiple:e,disabled:l,readOnly:r,open:N,setOpen:g,options:w,deselectOptionValue:B,fieldRef:me.domReference}),{getKeyboardProps:Be}=Ze.useSelectKeyboardManager({multiple:e,disabled:l,readOnly:r,open:N,setOpen:g,chips:{enabled:Me,selectedChip:Pe,setSelectedChip:je,selectPreviousChip:$e,selectNextChip:Le,options:Ve,deselectOptionValue:we}}),Ne=c.useMemo(()=>at.createSelectionStrategy(e),[e]),De=c.useCallback(()=>{V(),D()},[V,D]),F=nt.useRenderOption({optionsProps:u,selectionStrategy:Ne,value:d,multiple:e,optionClassName:i.styles[`${C}option`]}),Fe=c.useMemo(()=>ot.getLastVisibleStructureIndex(q,v),[q,v]),{ref:Re,...Ae}=Be(Oe());return s.jsxs(G.OptionsProvider,{value:Se,children:[s.jsxs("div",{className:ve,style:{maxWidth:T},children:[s.jsx(Je.LabelProvider,{ctxHtmlFor:j,ctxDisabled:l,ctxRequired:M&&!U,ctxId:$,children:I}),s.jsx(st.SelectField,{id:j,disabled:l,readOnly:r,required:M,invalid:S.invalid,errorMessage:S.errorMessage,labelId:!x.ariaLabel&&I?$:void 0,ariaLabel:x.ariaLabel,describedBy:S.describedBy,contentBefore:k,contentAfter:K,chips:s.jsx(tt.OptionChips,{multiple:e,disabled:l,readOnly:r,selectedOptions:w,deselectOptionValue:B,chipGroupProps:Ie,input:s.jsx("input",{className:i.styles[`${C}field__input`],placeholder:e&&!m?"":ee,disabled:l,readOnly:!0,autoComplete:"off",tabIndex:-1,autoFocus:!1,value:e?"":ye??h})}),hasClearButton:ge,onClear:Ce,onBlur:De,...Ae,ref:Re}),s.jsxs(Qe.HelperTextProvider,{ctxId:de,ctxDisabled:l,children:[P,be&&s.jsx(A.HelperText,{id:ue,appearance:"negative",children:a})]}),oe(pe)]}),s.jsxs("select",{...re,...xe,hidden:!0,multiple:e,children:[s.jsx("option",{value:"",children:"empty"}),H]}),s.jsx(Xe.SelectDropdown,{...fe,className:i.styles[`${C}dropdown`],disabled:l,readOnly:r,theme:f,multiple:e,children:s.jsx(E.ActionList,{role:"listbox",children:q.map((t,n)=>{if(t.kind==="option")return F(t.id);const p=he.get(t.id);if(!p)return null;const R=v.get(t.id)??[],Ee=R.length>0,Ge=n===Fe,Te=!!p.divider&&!Ge;return s.jsx(E.ActionList.Group,{heading:p.heading,divider:Te,disabled:p.disabled,hidden:!Ee,children:R.map(He=>F(He,p.disabled))},t.id)})})})]})}),b=ut;b.Option=lt.Option;b.OptionGroup=rt.OptionGroup;b.displayName="Select";exports.Select=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ke=require("../../chunks/input.Dq5mx3KB.js"),Ke=require("../../chunks/classNames.BFQUGnCN.js"),ze=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),We=require("clsx"),c=require("react"),A=require("../../chunks/form.context.CkC0TwMb.js"),Je=require("../Form/contexts/label.context.cjs.js"),Qe=require("../Form/contexts/helperText.context.cjs.js"),E=require("../ActionList/ActionList.cjs.js"),Ue=require("./useSelectDropdown.cjs.js"),Xe=require("./SelectDropdown.cjs.js"),Ye=require("./useSelectChips.cjs.js"),Ze=require("./useSelectKeyboardManager.cjs.js"),et=require("./useClearSelection.cjs.js"),tt=require("../_Options/OptionChips.cjs.js"),st=require("./SelectField.cjs.js"),it=require("./useSelectA11y.cjs.js"),G=require("../_Options/Option.context.cjs.js"),lt=require("../_Options/Option.cjs.js"),rt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const ot=require("../_Options/getLastVisibleStructureIndex.cjs.js"),nt=require("../_Options/useRenderOption.cjs.js"),ct=require("../_Options/useSelectValue.cjs.js"),at=require("../_Options/strategies/SelectionStrategy.cjs.js"),{baseClassNamePrefix:dt,subElementClassPrefix:C,classModifierPrefix:o}=Ke.getBEMClassNames("combobox"),ut=c.forwardRef(({theme:f,width:T,error:a,children:H,label:I=null,contentBefore:k,contentAfter:K,fluid:z=!1,size:W=ke.defaultInputSize,helperText:P=null,validationRules:J=[],className:Q,hideRequiredMarker:U=!1,disabled:X=!1,readOnly:Y=!1,required:Z=!1,placeholder:ee="",onChange:_,...x},te)=>{const{id:j,name:se,"aria-describedby":ie,ariaLabel:pt,multiple:e=!1,clearable:le=e,...re}=x,{showErrors:oe,isInvalid:ne,errorShown:ce,disabled:l,readOnly:r,required:L}=A.useFormField({name:se,validationRules:J,disabledProp:X,readOnlyProp:Y,requiredProp:Z}),{aria:S,ids:ae}=it.default({helperText:P,externalDescribedBy:ie,error:a,errorShown:ce,invalid:!!a||ne}),{helperTextId:de,errorId:ue,validationErrorsId:pe,labelId:M}=ae,be=!!(a!=null&&a.length),_e=c.useCallback(t=>{_==null||_(t)},[_]),{value:d,setValue:$,selectProps:xe,handleBlur:V,singleValue:h}=ct.useSelectValue({onChange:_e,...x},te),m=!d||Array.isArray(d)&&!d.length,{optionsContext:Se,optionIds:y,optionsProps:u,selectedOptionsProps:w,deselectOptionValue:B,structureIds:q,groupsProps:he,optionIdsByGroup:v}=G.useCreateOptionsContext(d,$,e),O=c.useMemo(()=>{if(!h)return;const t=y.map(n=>u.get(n)).findIndex(n=>(n==null?void 0:n.value)===h);return t!==-1?t:void 0},[y,u,h]),ye=c.useMemo(()=>{if(O===void 0)return;const t=u.get(y[O]);return t==null?void 0:t.label},[O,y,u]),{getFieldProps:Oe,dropdownProps:fe,refs:me,open:N,setOpen:g,status:qe}=Ue.useSelectDropdown({disabled:l,readOnly:r,lastSelectedOptionIndex:O}),ve=We(i.styles[dt],f&&ze.themeClassName(f),i.styles[`${o}${W}`],z&&i.styles[`${o}fluid`],S.invalid&&i.styles[`${o}error`],l&&i.styles[`${o}disabled`],r&&i.styles[`${o}read-only`],m&&i.styles[`${o}empty`],e&&i.styles[`${o}multiple`],i.styles[`${o}dropdown-${qe}`],Q),{canClear:ge,handleClear:Ce}=et.default({multiple:e,clearable:le,isEmpty:m,disabled:l,readOnly:r,setValue:$,setOpen:g}),{chipGroupProps:Ie,handleBlur:D,selectedChip:Pe,setSelectedChip:je,enabled:Le,selectPreviousChip:Me,selectNextChip:$e,options:Ve,deselectOptionValue:we}=Ye.useSelectChips({multiple:e,disabled:l,readOnly:r,open:N,setOpen:g,options:w,deselectOptionValue:B,fieldRef:me.domReference}),{getKeyboardProps:Be}=Ze.useSelectKeyboardManager({multiple:e,disabled:l,readOnly:r,open:N,setOpen:g,chips:{enabled:Le,selectedChip:Pe,setSelectedChip:je,selectPreviousChip:Me,selectNextChip:$e,options:Ve,deselectOptionValue:we}}),Ne=c.useMemo(()=>at.createSelectionStrategy(e),[e]),De=c.useCallback(()=>{V(),D()},[V,D]),F=nt.useRenderOption({optionsProps:u,selectionStrategy:Ne,value:d,multiple:e,optionClassName:i.styles[`${C}option`]}),Fe=c.useMemo(()=>ot.getLastVisibleStructureIndex(q,v),[q,v]),{ref:Re,...Ae}=Be(Oe());return s.jsxs(G.OptionsProvider,{value:Se,children:[s.jsxs("div",{className:ve,style:{maxWidth:T},children:[s.jsx(Je.LabelProvider,{ctxHtmlFor:j,ctxDisabled:l,ctxRequired:L&&!U,ctxId:M,children:I}),s.jsx(st.SelectField,{id:j,disabled:l,readOnly:r,required:L,invalid:S.invalid,errorMessage:S.errorMessage,labelId:!x.ariaLabel&&I?M:void 0,ariaLabel:x.ariaLabel,describedBy:S.describedBy,contentBefore:k,contentAfter:K,chips:s.jsx(tt.OptionChips,{multiple:e,disabled:l,readOnly:r,selectedOptions:w,deselectOptionValue:B,chipGroupProps:Ie,input:s.jsx("input",{className:i.styles[`${C}field__input`],placeholder:e&&!m?"":ee,disabled:l,readOnly:!0,autoComplete:"off",tabIndex:-1,autoFocus:!1,value:e?"":ye??h})}),hasClearButton:ge,onClear:Ce,onBlur:De,...Ae,ref:Re}),s.jsxs(Qe.HelperTextProvider,{ctxId:de,ctxDisabled:l,children:[P,be&&s.jsx(A.HelperText,{id:ue,appearance:"negative",children:a})]}),oe(pe)]}),s.jsxs("select",{...re,...xe,hidden:!0,multiple:e,children:[s.jsx("option",{value:"",children:"empty"}),H]}),s.jsx(Xe.SelectDropdown,{...fe,className:i.styles[`${C}dropdown`],disabled:l,readOnly:r,theme:f,multiple:e,children:s.jsx(E.ActionList,{role:"listbox",children:q.map((t,n)=>{if(t.kind==="option")return F(t.id);const p=he.get(t.id);if(!p)return null;const R=v.get(t.id)??[],Ee=R.length>0,Ge=n===Fe,Te=!!p.divider&&!Ge;return s.jsx(E.ActionList.Group,{heading:p.heading,divider:Te,disabled:p.disabled,hidden:!Ee,children:R.map(He=>F(He,p.disabled))},t.id)})})})]})}),b=ut;b.Option=lt.Option;b.OptionGroup=rt.OptionGroup;b.displayName="Select";exports.Select=b;exports.default=b;

package/lib/Select/Select.es.js

@@ -51,6 +51,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
       id: V,
       name: re,
       "aria-describedby": ie,
+      ariaLabel: xt,
       multiple: e = !1,
       clearable: oe = e,
       ...se
@@ -66,14 +67,14 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
       error: d,
       errorShown: de,
       invalid: !!d || ae
-    }), { helperTextId: ce, errorId: pe, validationErrorsId: me, labelId: D } = ne, ue = !!(d != null && d.length), fe = H(
+    }), { helperTextId: ce, errorId: pe, validationErrorsId: me, labelId: L } = ne, ue = !!(d != null && d.length), fe = H(
       (t) => {
         m == null || m(t);
       },
       [m]
     ), {
       value: n,
-      setValue: L,
+      setValue: D,
       selectProps: be,
       handleBlur: M,
       singleValue: b
@@ -86,7 +87,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
       structureIds: g,
       groupsProps: xe,
       optionIdsByGroup: C
-    } = at(n, L, e), x = y(() => {
+    } = at(n, D, e), x = y(() => {
       if (!b) return;
       const t = h.map((a) => c.get(a)).findIndex((a) => (a == null ? void 0 : a.value) === b);
       return t !== -1 ? t : void 0;
@@ -116,7 +117,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
       isEmpty: S,
       disabled: i,
       readOnly: s,
-      setValue: L,
+      setValue: D,
       setOpen: I
     }), {
       chipGroupProps: $e,
@@ -125,8 +126,8 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
       setSelectedChip: Ne,
       enabled: Ve,
       selectPreviousChip: we,
-      selectNextChip: De,
-      options: Le,
+      selectNextChip: Le,
+      options: De,
       deselectOptionValue: Me
     } = tt({
       multiple: e,
@@ -148,8 +149,8 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
         selectedChip: Be,
         setSelectedChip: Ne,
         selectPreviousChip: we,
-        selectNextChip: De,
-        options: Le,
+        selectNextChip: Le,
+        options: De,
         deselectOptionValue: Me
       }
     }), Ee = y(
@@ -175,7 +176,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
             ctxHtmlFor: V,
             ctxDisabled: i,
             ctxRequired: w && !X,
-            ctxId: D,
+            ctxId: L,
             children: B
           }
         ),
@@ -188,7 +189,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
             required: w,
             invalid: f.invalid,
             errorMessage: f.errorMessage,
-            labelId: !u.ariaLabel && B ? D : void 0,
+            labelId: !u.ariaLabel && B ? L : void 0,
             ariaLabel: u.ariaLabel,
             describedBy: f.describedBy,
             contentBefore: T,

package/lib/wip/DataTable/DataTable.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),b=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),y=require("./DataTable.context.cjs.js"),c=require("./DataTable.Header.cjs.js"),d=require("./DataTable.Toolbar.cjs.js"),q=require("./DataTable.Head.cjs.js"),f=require("./DataTable.ColumnHeader.cjs.js"),C=require("./DataTable.Body.cjs.js"),H=require("./DataTable.Row.cjs.js"),x=require("./DataTable.Cell.cjs.js"),E=require("./DataTable.Footer.cjs.js");function a({density:o=e.DEFAULT_DATATABLE_DENSITY,data:h,columns:v,className:u,tableProps:t,children:m,...p}){let r=null,s=null;const T=[];n.Children.forEach(m,l=>{var _;const D=n.isValidElement(l)?(_=l.type)==null?void 0:_.displayName:void 0;D===d.DataTableToolbar.displayName?(process.env.NODE_ENV!=="production"&&r&&console.warn("DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."),r=l):D===c.DataTableHeader.displayName?(process.env.NODE_ENV!=="production"&&s&&console.warn("DataTable: multiple `DataTable.Header` children found — only the last one is rendered."),s=l):T.push(l)});const N=b(e.styles[e.baseClassNamePrefix],e.styles[`${e.classModifierPrefix}${o}`]),w=n.useMemo(()=>({density:o}),[o]);return i.jsx(y.DataTableProvider,{value:w,children:i.jsxs("div",{className:b(e.styles[e.staticDataTableClassNames.container],u),...p,children:[r,i.jsxs("table",{...t,className:b(N,t==null?void 0:t.className),children:[s,T]})]})})}a.displayName="DataTable";a.Header=c.DataTableHeader;a.Toolbar=d.DataTableToolbar;a.Head=q.DataTableHead;a.ColumnHeader=f.DataTableColumnHeader;a.Body=C.DataTableBody;a.Row=H.DataTableRow;a.Cell=x.DataTableCell;a.Footer=E.DataTableFooter;exports.DataTable=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),b=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),x=require("./DataTable.context.cjs.js"),d=require("./DataTable.Header.cjs.js"),u=require("./DataTable.Toolbar.cjs.js"),E=require("./DataTable.Head.cjs.js"),h=require("./DataTable.ColumnHeader.cjs.js"),v=require("./DataTable.Body.cjs.js"),B=require("./DataTable.Row.cjs.js"),j=require("./DataTable.Cell.cjs.js"),R=require("./DataTable.Footer.cjs.js"),A=require("./useBeamTable.cjs.js");function a({density:o=e.DEFAULT_DATATABLE_DENSITY,data:m,columns:p,table:N,className:w,tableProps:t,children:q,...y}){const f=A.useBeamTable({data:m??[],columns:p??[]}),T=N??f;let r=null,s=null;const c=[];b.Children.forEach(q,l=>{var _;const D=b.isValidElement(l)?(_=l.type)==null?void 0:_.displayName:void 0;D===u.DataTableToolbar.displayName?(process.env.NODE_ENV!=="production"&&r&&console.warn("DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."),r=l):D===d.DataTableHeader.displayName?(process.env.NODE_ENV!=="production"&&s&&console.warn("DataTable: multiple `DataTable.Header` children found — only the last one is rendered."),s=l):c.push(l)});const C=n(e.styles[e.baseClassNamePrefix],e.styles[`${e.classModifierPrefix}${o}`]),H=b.useMemo(()=>({density:o,table:T}),[o,T]);return i.jsx(x.DataTableProvider,{value:H,children:i.jsxs("div",{className:n(e.styles[e.staticDataTableClassNames.container],w),...y,children:[r,i.jsxs("table",{...t,className:n(C,t==null?void 0:t.className),children:[s,c]})]})})}a.displayName="DataTable";a.Header=d.DataTableHeader;a.Toolbar=u.DataTableToolbar;a.Head=E.DataTableHead;a.ColumnHeader=h.DataTableColumnHeader;a.Body=v.DataTableBody;a.Row=B.DataTableRow;a.Cell=j.DataTableCell;a.Footer=R.DataTableFooter;exports.DataTable=a;

package/lib/wip/DataTable/DataTable.context.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
+import { Table } from '@tanstack/react-table';
 import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
 export interface DataTableContextProps {
     density: DataTableDensity;
+    table: Table<unknown>;
 }
 export declare const DataTableProvider: ({ children, value, }: {
     children: ReactNode;

package/lib/wip/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
 import { DataTableProps } from './DataTable.types';
-export declare function DataTable<TData = unknown>({ density, 'data': _data, 'columns': _columns, 'className': _className, tableProps, children, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData = unknown>({ density, data, columns, 'table': tableProp, 'className': _className, tableProps, children, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataTable {
     var displayName: string;
     var Header: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableHeaderProps, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;

package/lib/wip/DataTable/DataTable.es.js

@@ -1,59 +1,66 @@
-import { jsx as y, jsxs as c } from "react/jsx-runtime";
-import { Children as C, isValidElement as E, useMemo as h } from "react";
+import { jsx as H, jsxs as f } from "react/jsx-runtime";
+import { Children as v, isValidElement as w, useMemo as A } from "react";
 import s from "clsx";
-import { s as m, b as x, c as H, D as v, a as _ } from "../../../chunks/dataTable.DQQX95em.js";
-import { DataTableProvider as w } from "./DataTable.context.es.js";
-import { DataTableHeader as f } from "./DataTable.Header.es.js";
-import { DataTableToolbar as T } from "./DataTable.Toolbar.es.js";
-import { DataTableHead as A } from "./DataTable.Head.es.js";
-import { DataTableColumnHeader as V } from "./DataTable.ColumnHeader.es.js";
-import { DataTableBody as B } from "./DataTable.Body.es.js";
-import { DataTableRow as F } from "./DataTable.Row.es.js";
-import { DataTableCell as j } from "./DataTable.Cell.es.js";
-import { DataTableFooter as L } from "./DataTable.Footer.es.js";
+import { s as m, b as B, c as V, D as _, a as F } from "../../../chunks/dataTable.DQQX95em.js";
+import { DataTableProvider as j } from "./DataTable.context.es.js";
+import { DataTableHeader as T } from "./DataTable.Header.es.js";
+import { DataTableToolbar as b } from "./DataTable.Toolbar.es.js";
+import { DataTableHead as L } from "./DataTable.Head.es.js";
+import { DataTableColumnHeader as M } from "./DataTable.ColumnHeader.es.js";
+import { DataTableBody as O } from "./DataTable.Body.es.js";
+import { DataTableRow as R } from "./DataTable.Row.es.js";
+import { DataTableCell as $ } from "./DataTable.Cell.es.js";
+import { DataTableFooter as I } from "./DataTable.Footer.es.js";
+import { useBeamTable as S } from "./useBeamTable.es.js";
 function a({
-  density: l = v,
-  // `data` / `columns` are reserved for the Phase 1 TanStack wiring; destructured
-  // here so they are not spread onto the DOM <table> as invalid attributes.
-  data: M,
-  columns: O,
-  className: p,
+  density: l = _,
+  data: p,
+  columns: D,
+  table: u,
+  className: N,
   tableProps: o,
-  children: D,
-  ...b
+  children: y,
+  ...C
 }) {
+  const E = S({
+    data: p ?? [],
+    columns: D ?? []
+  }), i = u ?? E;
   let r = null, t = null;
-  const i = [];
-  C.forEach(D, (e) => {
-    var d;
-    const n = E(e) ? (d = e.type) == null ? void 0 : d.displayName : void 0;
-    n === T.displayName ? (process.env.NODE_ENV !== "production" && r && console.warn(
+  const n = [];
+  v.forEach(y, (e) => {
+    var c;
+    const d = w(e) ? (c = e.type) == null ? void 0 : c.displayName : void 0;
+    d === b.displayName ? (process.env.NODE_ENV !== "production" && r && console.warn(
       "DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."
-    ), r = e) : n === f.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
+    ), r = e) : d === T.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
       "DataTable: multiple `DataTable.Header` children found — only the last one is rendered."
-    ), t = e) : i.push(e);
+    ), t = e) : n.push(e);
   });
-  const u = s(
-    m[x],
-    m[`${H}${l}`]
-  ), N = h(() => ({ density: l }), [l]);
-  return /* @__PURE__ */ y(w, { value: N, children: /* @__PURE__ */ c("div", { className: s(m[_.container], p), ...b, children: [
+  const h = s(
+    m[B],
+    m[`${V}${l}`]
+  ), x = A(
+    () => ({ density: l, table: i }),
+    [l, i]
+  );
+  return /* @__PURE__ */ H(j, { value: x, children: /* @__PURE__ */ f("div", { className: s(m[F.container], N), ...C, children: [
     r,
-    /* @__PURE__ */ c("table", { ...o, className: s(u, o == null ? void 0 : o.className), children: [
+    /* @__PURE__ */ f("table", { ...o, className: s(h, o == null ? void 0 : o.className), children: [
       t,
-      i
+      n
     ] })
   ] }) });
 }
 a.displayName = "DataTable";
-a.Header = f;
-a.Toolbar = T;
-a.Head = A;
-a.ColumnHeader = V;
-a.Body = B;
-a.Row = F;
-a.Cell = j;
-a.Footer = L;
+a.Header = T;
+a.Toolbar = b;
+a.Head = L;
+a.ColumnHeader = M;
+a.Body = O;
+a.Row = R;
+a.Cell = $;
+a.Footer = I;
 export {
   a as DataTable
 };

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
-import { ColumnDef } from '@tanstack/react-table';
+import { ColumnDef, Table } from '@tanstack/react-table';
 import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
 /**
  * Column definition for a DataTable, aliased from TanStack Table's `ColumnDef`.
@@ -16,6 +16,11 @@ export interface DataTableProps<TData = unknown> extends ComponentPropsWithoutRe
      * Column definitions describing how to render each column.
      */
     columns?: DataTableColumnDef<TData>[];
+    /**
+     * A pre-built TanStack `Table` instance (e.g. from `useBeamTable`). When supplied,
+     * `DataTable` renders it directly instead of building its own from `data`/`columns`.
+     */
+    table?: Table<TData>;
     /**
      * Density of the table's rows.
      * @default 'md'

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

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

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

@@ -8,4 +8,6 @@ export { DataTableRow } from './DataTable.Row';
 export { DataTableCell } from './DataTable.Cell';
 export { DataTableFooter } from './DataTable.Footer';
 export { DataTableProvider, useDataTable } from './DataTable.context';
+export { useBeamTable } from './useBeamTable';
 export type { DataTableProps, DataTableColumnDef, DataTableHeaderProps, DataTableToolbarProps, DataTableHeadProps, DataTableColumnHeaderProps, DataTableBodyProps, DataTableRowProps, DataTableCellProps, DataTableFooterProps, } from './DataTable.types';
+export type { UseBeamTableArgs } from './useBeamTable';

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

@@ -1,23 +1,25 @@
 import { DataTable as o } from "./DataTable.es.js";
 import { DataTableHeader as t } from "./DataTable.Header.es.js";
 import { DataTableToolbar as b } from "./DataTable.Toolbar.es.js";
-import { DataTableHead as m } from "./DataTable.Head.es.js";
-import { DataTableColumnHeader as f } from "./DataTable.ColumnHeader.es.js";
-import { DataTableBody as x } from "./DataTable.Body.es.js";
-import { DataTableRow as H } from "./DataTable.Row.es.js";
-import { DataTableCell as C } from "./DataTable.Cell.es.js";
-import { DataTableFooter as n } from "./DataTable.Footer.es.js";
-import { DataTableProvider as v, useDataTable as w } from "./DataTable.context.es.js";
+import { DataTableHead as T } from "./DataTable.Head.es.js";
+import { DataTableColumnHeader as p } from "./DataTable.ColumnHeader.es.js";
+import { DataTableBody as D } from "./DataTable.Body.es.js";
+import { DataTableRow as u } from "./DataTable.Row.es.js";
+import { DataTableCell as s } from "./DataTable.Cell.es.js";
+import { DataTableFooter as C } from "./DataTable.Footer.es.js";
+import { DataTableProvider as n, useDataTable as v } from "./DataTable.context.es.js";
+import { useBeamTable as y } from "./useBeamTable.es.js";
 export {
   o as DataTable,
-  x as DataTableBody,
-  C as DataTableCell,
-  f as DataTableColumnHeader,
-  n as DataTableFooter,
-  m as DataTableHead,
+  D as DataTableBody,
+  s as DataTableCell,
+  p as DataTableColumnHeader,
+  C as DataTableFooter,
+  T as DataTableHead,
   t as DataTableHeader,
-  v as DataTableProvider,
-  H as DataTableRow,
+  n as DataTableProvider,
+  u as DataTableRow,
   b as DataTableToolbar,
-  w as useDataTable
+  y as useBeamTable,
+  v as useDataTable
 };

package/lib/wip/DataTable/useBeamTable.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@tanstack/react-table");function l(o){const t=o.enableSorting??!1,a=o.enableExpanding??!1;return e.useReactTable({...o,getCoreRowModel:e.getCoreRowModel(),enableSorting:t,getSortedRowModel:t?e.getSortedRowModel():void 0,enableExpanding:a,getExpandedRowModel:a?e.getExpandedRowModel():void 0})}exports.useBeamTable=l;

package/lib/wip/DataTable/useBeamTable.d.ts

@@ -0,0 +1,43 @@
+import { TableOptions, Table, RowData } from '@tanstack/react-table';
+/**
+ * Arguments for {@link useBeamTable}.
+ *
+ * The full TanStack `TableOptions` shape passes through — `data`, `columns`,
+ * `state`, `onSortingChange`, `manualSorting`, `meta`, and every other TanStack
+ * table option — except:
+ * - `getCoreRowModel`/`getSortedRowModel`/`getExpandedRowModel`: discarded if
+ *   passed; this hook always computes and wires these itself.
+ * - `enableSorting`/`enableExpanding`: read from the caller only to pick a
+ *   default (`false` when omitted) — see {@link useBeamTable} for why.
+ *
+ * @typeParam TData - Shape of a single row's data.
+ */
+export type UseBeamTableArgs<TData extends RowData> = Omit<TableOptions<TData>, 'getCoreRowModel' | 'getSortedRowModel' | 'getExpandedRowModel'>;
+/**
+ * Beam's Layer 2 table hook (see ADR-000: DataTable Architecture & API Model).
+ *
+ * Wraps TanStack's `useReactTable`, always wiring the core row model, and
+ * returns a real, unmodified TanStack `Table` instance — no Beam state is
+ * attached to it (rendering parity across Layer 1/2/3 relies on this).
+ *
+ * `enableSorting`/`enableExpanding` default to `false` (not TanStack's own
+ * default of `true`) and wire the matching row model alongside the flag, so
+ * the two can't drift apart. This closes two footguns (see ADR-000):
+ * - `column.getCanSort()`/`row.getCanExpand()` default to `true` even with no
+ *   row model wired, so an instance built without this defaulting can report
+ *   an affordance is available when activating it would do nothing.
+ * - Expansion also needs TanStack's own `getSubRows` option (e.g.
+ *   `getSubRows: row => row.subRows`) alongside `enableExpanding: true` —
+ *   without it, `getCanExpand()` stays `false` forever, silently. This hook
+ *   doesn't special-case `getSubRows`; it passes through via `options` like
+ *   any other TanStack option.
+ *
+ * A caller needing a fully custom sorting/expanding row-model function should
+ * use the raw `useReactTable` escape hatch (Layer 3) instead of fighting this
+ * hook's flag-driven wiring.
+ *
+ * @typeParam TData - Shape of a single row's data.
+ * @param options - {@link UseBeamTableArgs}.
+ * @returns The TanStack `Table` instance.
+ */
+export declare function useBeamTable<TData extends RowData>(options: UseBeamTableArgs<TData>): Table<TData>;

package/lib/wip/DataTable/useBeamTable.es.js

@@ -0,0 +1,15 @@
+import { useReactTable as n, getExpandedRowModel as t, getSortedRowModel as a, getCoreRowModel as l } from "@tanstack/react-table";
+function g(e) {
+  const o = e.enableSorting ?? !1, d = e.enableExpanding ?? !1;
+  return n({
+    ...e,
+    getCoreRowModel: l(),
+    enableSorting: o,
+    getSortedRowModel: o ? a() : void 0,
+    enableExpanding: d,
+    getExpandedRowModel: d ? t() : void 0
+  });
+}
+export {
+  g as useBeamTable
+};

package/lib/wip/index.cjs.js

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

package/lib/wip/index.es.js

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

package/package.json

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