@viasat/beam-web-components 2.21.0 → 2.22.0

package/InputChoiceGroup/InputChoiceGroup.js

@@ -1,6 +1,6 @@
 import { provide as S } from "@lit/context";
 import { unsafeCSS as C, html as x, nothing as $ } from "lit";
-import { property as a, queryAssignedElements as d, state as z } from "lit/decorators.js";
+import { property as s, queryAssignedElements as d, state as z } from "lit/decorators.js";
 import { createRef as V, ref as G } from "lit/directives/ref.js";
 import q from "clsx";
 import { a as w, g as O } from "../chunks/classNames.Cq_tbDRp.js";
@@ -8,16 +8,16 @@ import { t as M } from "../chunks/constants.jOWREYQE.js";
 import { c as P } from "../chunks/register-custom-element.DHGKOhmA.js";
 import { FormField as F } from "../wip/Form/Form.decorator.js";
 import { inputChoiceGroupContext as B } from "./InputChoiceGroup.context.js";
-const E = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--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: rgba(134, 151, 165, .4);--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, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--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-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--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, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--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-default: 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: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--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-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: 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 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,[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, rgba(134, 151, 165, .16) );--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: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--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, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--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-utility-color-accent-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, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-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, #ffffff00 );--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-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-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-default: 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: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--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-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: 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 rgb(0, 0, 0, 0) )}.bm-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
+const E = ':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, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--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: rgba(134, 151, 165, .4);--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, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--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-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--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, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--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-default: 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: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--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-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: 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 rgb(0, 0, 0, 0) )}: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, rgba(134, 151, 165, .16) );--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: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--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, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--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-utility-color-accent-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, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-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, #ffffff00 );--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-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-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-default: 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: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--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-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: 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 rgb(0, 0, 0, 0) )}.bm-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
 var I = Object.defineProperty, W = Object.getOwnPropertyDescriptor, k = (e) => {
   throw TypeError(e);
-}, r = (e, o, t, m) => {
-  for (var s = m > 1 ? void 0 : m ? W(o, t) : o, l = e.length - 1, b; l >= 0; l--)
-    (b = e[l]) && (s = (m ? b(o, t, s) : b(s)) || s);
-  return m && s && I(o, t, s), s;
+}, i = (e, o, t, m) => {
+  for (var a = m > 1 ? void 0 : m ? W(o, t) : o, l = e.length - 1, b; l >= 0; l--)
+    (b = e[l]) && (a = (m ? b(o, t, a) : b(a)) || a);
+  return m && a && I(o, t, a), a;
 }, R = (e, o, t) => o.has(e) || k("Cannot " + t), c = (e, o, t) => (R(e, o, "read from private field"), t ? t.call(e) : o.get(e)), p = (e, o, t) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, t), n, h, u, f, v, g, y;
 const { baseClassNamePrefix: T, subElementClassPrefix: _, classModifierPrefix: D } = O("input-choice-group");
-let i = class extends F {
+let r = class extends F {
   constructor() {
     super(...arguments), this.layout = "vertical", this.orientation = "vertical", this._orientationSet = !1, this.fluid = !1, this._fluidSet = !1, this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.groupRef = V(), this.inputGroupContextValue = {
       name: "",
@@ -102,14 +102,14 @@ let i = class extends F {
     return this._fluidSet ? this.fluid : this.layout === "horizontalFluid";
   }
   render() {
-    const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), t = !!this.error || !!o, m = this.getOrientation(), s = this.isFluid(), l = m === "horizontal" && s ? "horizontalFluid" : m;
+    const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), t = !!this.error || !!o, m = this.getOrientation(), a = this.isFluid(), l = m === "horizontal" && a ? "horizontalFluid" : m;
     console.log(
       "haha",
       this.orientation,
       this.layout,
       this.fluid,
       m,
-      s
+      a
     );
     const b = q(
       T,
@@ -147,59 +147,59 @@ f = /* @__PURE__ */ new WeakMap();
 v = /* @__PURE__ */ new WeakMap();
 g = /* @__PURE__ */ new WeakMap();
 y = /* @__PURE__ */ new WeakMap();
-i.styles = C(E);
-r([
-  a({ type: String })
-], i.prototype, "theme", 2);
-r([
-  a({ type: String })
-], i.prototype, "layout", 2);
-r([
-  a({ type: String })
-], i.prototype, "orientation", 2);
-r([
-  a({ type: Boolean })
-], i.prototype, "fluid", 2);
-r([
-  a({ type: Boolean })
-], i.prototype, "required", 2);
-r([
-  a({ type: Boolean })
-], i.prototype, "hideRequiredMarker", 2);
-r([
-  a({ type: String })
-], i.prototype, "error", 2);
-r([
-  a({ type: Boolean })
-], i.prototype, "readOnly", 2);
-r([
-  a({ type: Boolean })
-], i.prototype, "disabled", 2);
-r([
+r.styles = C(E);
+i([
+  s({ type: String })
+], r.prototype, "theme", 2);
+i([
+  s({ type: String })
+], r.prototype, "layout", 2);
+i([
+  s({ type: String })
+], r.prototype, "orientation", 2);
+i([
+  s({ type: Boolean })
+], r.prototype, "fluid", 2);
+i([
+  s({ type: Boolean })
+], r.prototype, "required", 2);
+i([
+  s({ type: Boolean })
+], r.prototype, "hideRequiredMarker", 2);
+i([
+  s({ type: String })
+], r.prototype, "error", 2);
+i([
+  s({ type: Boolean })
+], r.prototype, "readOnly", 2);
+i([
+  s({ type: Boolean })
+], r.prototype, "disabled", 2);
+i([
   d({ slot: "label" })
-], i.prototype, "_inputGroupLabel", 2);
-r([
+], r.prototype, "_inputGroupLabel", 2);
+i([
   d({ slot: "helper-text" })
-], i.prototype, "_inputGroupHelperText", 2);
-r([
+], r.prototype, "_inputGroupHelperText", 2);
+i([
   d({ selector: "bm-radio-button" })
-], i.prototype, "radioButtons", 2);
-r([
+], r.prototype, "radioButtons", 2);
+i([
   d({ selector: "bm-checkbox" })
-], i.prototype, "checkboxes", 2);
-r([
+], r.prototype, "checkboxes", 2);
+i([
   d({ selector: "bm-switch" })
-], i.prototype, "switches", 2);
-r([
+], r.prototype, "switches", 2);
+i([
   z()
-], i.prototype, "selectedValue", 2);
-r([
+], r.prototype, "selectedValue", 2);
+i([
   S({ context: B }),
   z()
-], i.prototype, "inputGroupContextValue", 2);
-i = r([
+], r.prototype, "inputGroupContextValue", 2);
+r = i([
   P("bm-input-choice-group")
-], i);
+], r);
 export {
-  i as InputChoiceGroup
+  r as InputChoiceGroup
 };

package/Label/Label.d.ts

@@ -0,0 +1,68 @@
+import { LitElement } from 'lit';
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+import { Optional } from '@viasat/beam-shared/utils/types';
+/**
+ * @summary `bm-label`
+ *
+ * @slot text - Specify the text for Label
+ * @slot optional - Specify if the Label displays as optional
+ * @slot tooltip - Specify if the icon displays to add a Tooltip
+ *
+ * @remarks
+ * **Accessibility with non-Beam inputs:**
+ * The `for` attribute handles click-to-focus for native inputs outside the shadow root,
+ * but the native `<label for>` association does not cross shadow DOM boundaries.
+ * Screen readers will not automatically announce the label text when the input is focused.
+ * To ensure accessible labeling, add `aria-labelledby` on your input pointing to the
+ * `bm-label` host element's `id`:
+ *
+ * ```html
+ * <bm-label id="name-label" text="First name" for="name-input"></bm-label>
+ * <input id="name-input" aria-labelledby="name-label" />
+ * ```
+ *
+ * This is not needed for Beam form components (e.g. `bm-text-field`), which handle
+ * label association internally via `bm-label-click` and `aria-labelledby`.
+ */
+export declare class BmLabel extends LitElement {
+    #private;
+    /**
+     * Specify if the Label displays disabled
+     */
+    disabled: boolean;
+    /**
+     * Specify if the Label displays as required
+     */
+    required: boolean;
+    /**
+     * Specify the text for Label
+     */
+    text: Optional<string>;
+    /**
+     * Specify the optional text for Label
+     */
+    optional: Optional<string>;
+    /**
+     * Specify the id of the form element the Label is associated with.
+     * Handles click-to-focus across shadow DOM. See class-level remarks
+     * for accessibility guidance with non-Beam inputs.
+     */
+    for: Optional<string>;
+    /**
+     * Specify the theme of the Label. By default it inherits the theme from the parent
+     */
+    theme: Optional<ThemeTypes>;
+    static styles: import('lit').CSSResult;
+    private optionalNodes?;
+    private tooltipNodes?;
+    private get hasOptionalSlot();
+    private get hasTooltipSlot();
+    private get hasOptional();
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-label': BmLabel;
+    }
+}
+//# sourceMappingURL=Label.d.ts.map

package/Label/Label.js

@@ -0,0 +1,110 @@
+import { unsafeCSS as $, LitElement as P, nothing as k, html as d } from "lit";
+import { property as m, queryAssignedNodes as S } from "lit/decorators.js";
+import v from "clsx";
+import { n as g, g as C } from "../chunks/classNames.Cq_tbDRp.js";
+import { t as O } from "../chunks/constants.jOWREYQE.js";
+import { c as q } from "../chunks/register-custom-element.DHGKOhmA.js";
+const w = ':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-label-color-text: var(--bm-sem-color-text-secondary, #576775);--bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-label-typo-default: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-optional: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-label-space-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem)}: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-label-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-label-typo-default: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-optional: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-label-space-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem)}.bm-label{color:var(--bm-comp-label-color-text);font:var(--bm-comp-label-typo-default);margin-bottom:var(--bm-comp-label-space-bottom, var(--bm-sem-space-0))}.bm-label label{cursor:var(--bm-comp-label-cursor, default);pointer-events:var(--bm-comp-label-pointer-events, inherit)}.bm-label--disabled label{opacity:var(--bm-sem-opacity-disabled)}.bm-label--required label:after{content:"*";color:var(--bm-sem-color-text-negative)}.bm-label--required label:has(:last-child):after{content:""}.bm-label--required label:has(:last-child)>*:last-child:after{content:"*";color:var(--bm-sem-color-text-negative)}.bm-label__optional{font:var(--bm-comp-label-typo-optional);margin-left:var(--bm-comp-label-space-gap)}.bm-label__tooltip{vertical-align:top;display:inline-block;margin-inline-start:var(--bm-comp-label-space-gap)}.bm-label__tooltip button{color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-label__tooltip svg{height:var(--bm-comp-label-size-icon);width:var(--bm-comp-label-size-icon)}.bm-label--no-box{display:contents}';
+var E = Object.defineProperty, N = Object.getOwnPropertyDescriptor, x = (e) => {
+  throw TypeError(e);
+}, l = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? N(t, a) : t, c = e.length - 1, h; c >= 0; c--)
+    (h = e[c]) && (r = (i ? h(t, a, r) : h(r)) || r);
+  return i && r && E(t, a, r), r;
+}, z = (e, t, a) => t.has(e) || x("Cannot " + a), s = (e, t, a) => (z(e, t, "read from private field"), a ? a.call(e) : t.get(e)), b = (e, t, a) => t.has(e) ? x("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), n, y, u, f;
+const { baseClassNamePrefix: B, subElementClassPrefix: _, classModifierPrefix: p } = C("label");
+let o = class extends P {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.required = !1, b(this, n, () => this.requestUpdate()), b(this, y, () => {
+      if (this.for) {
+        const e = document.getElementById(this.for);
+        e == null || e.click();
+      }
+      this.dispatchEvent(
+        new CustomEvent("bm-label-click", {
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }), b(this, u, () => d`
+    <span
+      class="${v(
+      `${_}optional`,
+      !this.hasOptional && `${p}no-box`
+    )}"
+    >
+      <slot name="optional" @slotchange=${s(this, n)}> ${this.optional} </slot>
+    </span>
+  `), b(this, f, () => d`
+    <span
+      class="${v(
+      `${_}tooltip`,
+      !this.hasTooltipSlot && `${p}no-box`
+    )}"
+    >
+      <slot name="tooltip" @slotchange=${s(this, n)}></slot>
+    </span>
+  `);
+  }
+  get hasOptionalSlot() {
+    return g(this.optionalNodes);
+  }
+  get hasTooltipSlot() {
+    return g(this.tooltipNodes);
+  }
+  get hasOptional() {
+    return !!(this.hasOptionalSlot || this.optional);
+  }
+  render() {
+    const e = v(
+      B,
+      this.theme && O(this.theme),
+      this.disabled && `${p}disabled`,
+      this.required && !this.hasOptional && `${p}required`
+    );
+    return d`
+      <div class="${e}">
+        <label for=${this.for || k} @click="${s(this, y)}">
+          <slot name="text">${this.text}</slot>
+          ${s(this, u).call(this)}
+        </label>
+        ${s(this, f).call(this)}
+      </div>
+    `;
+  }
+};
+n = /* @__PURE__ */ new WeakMap();
+y = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
+f = /* @__PURE__ */ new WeakMap();
+o.styles = $(w);
+l([
+  m({ type: Boolean })
+], o.prototype, "disabled", 2);
+l([
+  m({ type: Boolean })
+], o.prototype, "required", 2);
+l([
+  m({ type: String })
+], o.prototype, "text", 2);
+l([
+  m({ type: String })
+], o.prototype, "optional", 2);
+l([
+  m({ type: String })
+], o.prototype, "for", 2);
+l([
+  m({ type: String })
+], o.prototype, "theme", 2);
+l([
+  S({ slot: "optional", flatten: !0 })
+], o.prototype, "optionalNodes", 2);
+l([
+  S({ slot: "tooltip", flatten: !0 })
+], o.prototype, "tooltipNodes", 2);
+o = l([
+  q("bm-label")
+], o);
+export {
+  o as BmLabel
+};

package/Link/Link.js

@@ -1,24 +1,24 @@
-import { unsafeCSS as v, LitElement as y, html as d } from "lit";
-import { property as n } from "lit/decorators.js";
-import h from "clsx";
+import { unsafeCSS as v, LitElement as h, html as p } from "lit";
+import { property as l } from "lit/decorators.js";
+import y from "clsx";
 import { g as f } from "../chunks/classNames.Cq_tbDRp.js";
 import { g } from "../chunks/dom.CroF8n1N.js";
 import { c as u } from "../chunks/register-custom-element.DHGKOhmA.js";
-const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-link-primary, #00768f );--bm-comp-link-color-primary-hover: var( --bm-utility-color-accent-strong, #005b75 );--bm-comp-link-color-primary-active: var( --bm-utility-color-accent-stronger, #00414d );--bm-comp-link-color-secondary-enabled: var( --bm-sem-color-link-secondary, #141d24 );--bm-comp-link-color-secondary-hover: var( --bm-sem-color-link-secondary, #141d24 );--bm-comp-link-color-secondary-active: var( --bm-sem-color-link-secondary, #141d24 )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-link-primary, #43bfd6 );--bm-comp-link-color-primary-hover: var( --bm-utility-color-accent-strong, #b2e7f0 );--bm-comp-link-color-primary-active: var( --bm-utility-color-accent-stronger, #d7f4f9 );--bm-comp-link-color-secondary-enabled: var( --bm-sem-color-link-secondary, #ffffff );--bm-comp-link-color-secondary-hover: var( --bm-sem-color-link-secondary, #ffffff );--bm-comp-link-color-secondary-active: var( --bm-sem-color-link-secondary, #ffffff )}.bm-link{outline:none;width:fit-content;display:inline-flex;align-items:center;border:var(--bm-sem-border-width-focus) solid transparent;margin:calc(var(--bm-sem-border-width-focus) * -1)}.bm-link:hover{text-decoration:underline}.bm-link:focus,.bm-link:focus-visible{outline:none;border-radius:var(--bm-sem-radius-focus-md);border:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-link--disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled);text-decoration:none!important}.bm-link--disabled:focus,.bm-link--disabled:focus-visible{border:var(--bm-sem-border-width-focus) solid transparent}.bm-link--hide-underline{text-decoration:none}.bm-link--sm{font:var(--bm-comp-link-typo-sm);gap:var(--bm-comp-link-space-gap)}.bm-link--sm .bm-link__icon,.bm-link--sm ::slotted([slot=iconBefore]),.bm-link--sm ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon)}.bm-link--md{font:var(--bm-comp-link-typo-md);gap:var(--bm-comp-link-space-gap)}.bm-link--md .bm-link__icon,.bm-link--md ::slotted([slot=iconBefore]),.bm-link--md ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-md-icon);height:var(--bm-comp-link-size-md-icon)}.bm-link--lg{font:var(--bm-comp-link-typo-lg);gap:var(--bm-comp-link-space-gap)}.bm-link--lg .bm-link__icon,.bm-link--lg ::slotted([slot=iconBefore]),.bm-link--lg ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-lg-icon);height:var(--bm-comp-link-size-lg-icon)}.bm-link--xl{font:var(--bm-comp-link-typo-xl);gap:var(--bm-comp-link-space-gap)}.bm-link--xl .bm-link__icon,.bm-link--xl ::slotted([slot=iconBefore]),.bm-link--xl ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-xl-icon);height:var(--bm-comp-link-size-xl-icon)}.bm-link--primary{color:var(--bm-sem-color-link-primary)}.bm-link--primary:not(.bm-link--primary--disabled):hover{color:var(--bm-comp-link-color-primary-hover)}.bm-link--primary:not(.bm-link--primary--disabled):active{color:var(--bm-comp-link-color-primary-active)}.bm-link--secondary{color:var(--bm-sem-color-link-secondary)}.bm-link--secondary:not(.bm-link--secondary--disabled):hover{color:var(--bm-comp-link-color-secondary-hover)}.bm-link--secondary:not(.bm-link--secondary--disabled):active{color:var(--bm-comp-link-color-secondary-active)}.bm-link--body-bold{font-weight:var(--bm-sem-font-weight-body-bold)}';
-var z = Object.defineProperty, S = Object.getOwnPropertyDescriptor, k = (o) => {
-  throw TypeError(o);
-}, m = (o, e, r, s) => {
-  for (var l = s > 1 ? void 0 : s ? S(e, r) : e, b = o.length - 1, p; b >= 0; b--)
-    (p = o[b]) && (l = (s ? p(e, r, l) : p(l)) || l);
-  return s && l && z(e, r, l), l;
-}, _ = (o, e, r) => e.has(o) || k("Cannot " + r), c = (o, e, r) => (_(o, e, "read from private field"), r ? r.call(o) : e.get(o)), $ = (o, e, r) => e.has(o) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, r), t;
+const x = ':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-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-link-primary, #00768f );--bm-comp-link-color-primary-hover: var( --bm-utility-color-accent-strong, #005b75 );--bm-comp-link-color-primary-active: var( --bm-utility-color-accent-stronger, #00414d );--bm-comp-link-color-secondary-enabled: var( --bm-sem-color-link-secondary, #141d24 );--bm-comp-link-color-secondary-hover: var( --bm-sem-color-link-secondary, #141d24 );--bm-comp-link-color-secondary-active: var( --bm-sem-color-link-secondary, #141d24 )}: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-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-link-primary, #43bfd6 );--bm-comp-link-color-primary-hover: var( --bm-utility-color-accent-strong, #b2e7f0 );--bm-comp-link-color-primary-active: var( --bm-utility-color-accent-stronger, #d7f4f9 );--bm-comp-link-color-secondary-enabled: var( --bm-sem-color-link-secondary, #ffffff );--bm-comp-link-color-secondary-hover: var( --bm-sem-color-link-secondary, #ffffff );--bm-comp-link-color-secondary-active: var( --bm-sem-color-link-secondary, #ffffff )}.bm-link{outline:none;width:fit-content;display:inline-flex;align-items:center;border:var(--bm-sem-border-width-focus) solid transparent;margin:calc(var(--bm-sem-border-width-focus) * -1)}.bm-link:hover{text-decoration:underline}.bm-link:focus,.bm-link:focus-visible{outline:none;border-radius:var(--bm-sem-radius-focus-md);border:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-link--disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled);text-decoration:none!important}.bm-link--disabled:focus,.bm-link--disabled:focus-visible{border:var(--bm-sem-border-width-focus) solid transparent}.bm-link--hide-underline{text-decoration:none}.bm-link--sm{font:var(--bm-comp-link-typo-sm);gap:var(--bm-comp-link-space-gap)}.bm-link--sm .bm-link__icon,.bm-link--sm ::slotted([slot=iconBefore]),.bm-link--sm ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon)}.bm-link--md{font:var(--bm-comp-link-typo-md);gap:var(--bm-comp-link-space-gap)}.bm-link--md .bm-link__icon,.bm-link--md ::slotted([slot=iconBefore]),.bm-link--md ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-md-icon);height:var(--bm-comp-link-size-md-icon)}.bm-link--lg{font:var(--bm-comp-link-typo-lg);gap:var(--bm-comp-link-space-gap)}.bm-link--lg .bm-link__icon,.bm-link--lg ::slotted([slot=iconBefore]),.bm-link--lg ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-lg-icon);height:var(--bm-comp-link-size-lg-icon)}.bm-link--xl{font:var(--bm-comp-link-typo-xl);gap:var(--bm-comp-link-space-gap)}.bm-link--xl .bm-link__icon,.bm-link--xl ::slotted([slot=iconBefore]),.bm-link--xl ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-xl-icon);height:var(--bm-comp-link-size-xl-icon)}.bm-link--primary{color:var(--bm-sem-color-link-primary)}.bm-link--primary:not(.bm-link--primary--disabled):hover{color:var(--bm-comp-link-color-primary-hover)}.bm-link--primary:not(.bm-link--primary--disabled):active{color:var(--bm-comp-link-color-primary-active)}.bm-link--secondary{color:var(--bm-sem-color-link-secondary)}.bm-link--secondary:not(.bm-link--secondary--disabled):hover{color:var(--bm-comp-link-color-secondary-hover)}.bm-link--secondary:not(.bm-link--secondary--disabled):active{color:var(--bm-comp-link-color-secondary-active)}.bm-link--body-bold{font-weight:var(--bm-sem-font-weight-body-bold)}';
+var z = Object.defineProperty, S = Object.getOwnPropertyDescriptor, k = (e) => {
+  throw TypeError(e);
+}, i = (e, o, r, t) => {
+  for (var n = t > 1 ? void 0 : t ? S(o, r) : o, b = e.length - 1, d; b >= 0; b--)
+    (d = e[b]) && (n = (t ? d(o, r, n) : d(n)) || n);
+  return t && n && z(o, r, n), n;
+}, _ = (e, o, r) => o.has(e) || k("Cannot " + r), c = (e, o, r) => (_(e, o, "read from private field"), r ? r.call(e) : o.get(e)), $ = (e, o, r) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, r), s;
 const { baseClassNamePrefix: w, classModifierPrefix: a } = f("link");
-let i = class extends y {
+let m = class extends h {
   constructor() {
-    super(...arguments), this.appearance = "primary", this.bold = !1, this.disabled = !1, this.href = "", this.text = "", this.hideUnderline = !1, $(this, t, (o) => d`<slot name=${o}></slot>`);
+    super(...arguments), this.appearance = "primary", this.bold = !1, this.disabled = !1, this.href = "", this.text = "", this.hideUnderline = !1, $(this, s, (e) => p`<slot name=${e}></slot>`);
   }
   render() {
-    const o = h(
+    const e = y(
       w,
       this.size && `${a}${this.size}`,
       this.disabled && `${a}disabled`,
@@ -26,55 +26,55 @@ let i = class extends y {
       this.hideUnderline && `${a}hide-underline`,
       this.bold && `${a}body-bold`,
       this.className
-    ), e = this.getAttribute("target") || void 0, r = this.getAttribute("rel") || void 0, s = g(e, r);
-    return this.disabled ? d`
-          <span aria-disabled=${this.disabled} class=${o} tabindex="-1">
-            ${c(this, t).call(this, "iconBefore")}
+    ), o = this.getAttribute("target") || void 0, r = this.getAttribute("rel") || void 0, t = g(o, r);
+    return this.disabled ? p`
+          <span aria-disabled=${this.disabled} class=${e} tabindex="-1">
+            ${c(this, s).call(this, "iconBefore")}
             <slot>${this.text}</slot>
-            ${c(this, t).call(this, "iconAfter")}
+            ${c(this, s).call(this, "iconAfter")}
           </span>
-        ` : d`
+        ` : p`
           <a
-            class=${o}
+            class=${e}
             tabindex="0"
             href=${this.href && this.href}
-            target=${e || void 0}
-            rel=${s || void 0}
+            target=${o || void 0}
+            rel=${t || void 0}
             part="link"
           >
-            ${c(this, t).call(this, "iconBefore")}
+            ${c(this, s).call(this, "iconBefore")}
             <slot>${this.text}</slot>
-            ${c(this, t).call(this, "iconAfter")}
+            ${c(this, s).call(this, "iconAfter")}
           </a>
         `;
   }
 };
-t = /* @__PURE__ */ new WeakMap();
-i.styles = v(x);
-m([
-  n({ type: String })
-], i.prototype, "appearance", 2);
-m([
-  n({ type: Boolean })
-], i.prototype, "bold", 2);
-m([
-  n({ type: String })
-], i.prototype, "size", 2);
-m([
-  n({ type: Boolean })
-], i.prototype, "disabled", 2);
-m([
-  n({ type: String })
-], i.prototype, "href", 2);
-m([
-  n({ type: String })
-], i.prototype, "text", 2);
-m([
-  n({ type: Boolean })
-], i.prototype, "hideUnderline", 2);
-i = m([
+s = /* @__PURE__ */ new WeakMap();
+m.styles = v(x);
+i([
+  l({ type: String })
+], m.prototype, "appearance", 2);
+i([
+  l({ type: Boolean })
+], m.prototype, "bold", 2);
+i([
+  l({ type: String })
+], m.prototype, "size", 2);
+i([
+  l({ type: Boolean })
+], m.prototype, "disabled", 2);
+i([
+  l({ type: String })
+], m.prototype, "href", 2);
+i([
+  l({ type: String })
+], m.prototype, "text", 2);
+i([
+  l({ type: Boolean })
+], m.prototype, "hideUnderline", 2);
+m = i([
   u("bm-link")
-], i);
+], m);
 export {
-  i as BmLink
+  m as BmLink
 };

package/List/List.js

@@ -4,7 +4,7 @@ import { property as d, state as E } from "lit/decorators.js";
 import c from "clsx";
 import { g as M } from "../chunks/classNames.Cq_tbDRp.js";
 import "../chunks/constants.jOWREYQE.js";
-import { l as W } from "../chunks/list.module.CZRPBLzy.js";
+import { l as W } from "../chunks/list.module.BSL1AIzv.js";
 import { c as B } from "../chunks/register-custom-element.DHGKOhmA.js";
 import { ListContext as v } from "./List.context.js";
 var N = Object.defineProperty, O = Object.getOwnPropertyDescriptor, _ = (t) => {

package/List/ListItem.js

@@ -5,7 +5,7 @@ import { unsafeSVG as L } from "lit/directives/unsafe-svg.js";
 import c from "clsx";
 import "../chunks/constants.jOWREYQE.js";
 import { g as w } from "../chunks/classNames.Cq_tbDRp.js";
-import { l as S } from "../chunks/list.module.CZRPBLzy.js";
+import { l as S } from "../chunks/list.module.BSL1AIzv.js";
 import { c as b } from "../chunks/register-custom-element.DHGKOhmA.js";
 import { ListContext as E } from "./List.context.js";
 const I = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">