@viasat/beam-web-components 2.0.0

package/Button/Button.js

@@ -0,0 +1,125 @@
+import { consume as z } from "@lit/context";
+import { unsafeCSS as w, LitElement as S, nothing as y, html as u } from "lit";
+import { property as b, state as $ } from "lit/decorators.js";
+import { styleMap as P } from "lit/directives/style-map.js";
+import C from "clsx";
+import { g as x } from "../chunks/classNames.Cq_tbDRp.js";
+import { t as B } from "../chunks/constants.jOWREYQE.js";
+import { r as O } from "../chunks/delegate.baxDQosr.js";
+import { c as L } from "../chunks/register-custom-element.DHGKOhmA.js";
+import { stateLayerStyles as M, stateLayerClassName as N } from "../StateLayer/StateLayer.js";
+import { bmFormContext as A } from "../wip/Form/Form.context.js";
+const W = "button", { classModifierPrefix: v, subElementClassPrefix: _ } = x(W), i = {
+  label: `${_}label`,
+  iconWrap: `${_}icon-wrap`,
+  fluid: `${v}fluid`,
+  iconOnly: `${v}icon-only`
+}, E = (e, o) => `${v}${o}-${e}`, I = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #00768f );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #ffffff );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #202e39 );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #465967 );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #141d24 );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #dfe7ec );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}.bm-button__icon-wrap svg,.bm-button ::slotted([slot=iconBefore]),.bm-button ::slotted([slot=iconAfter]){display:block;width:var(--bm--comp-btn-size-icon);height:var(--bm--comp-btn-size-icon)}.bm-button{cursor:pointer;position:relative;display:inline-flex;flex-direction:row;width:fit-content;padding:var(--bm--comp-btn-space-padding-y) var(--bm--comp-btn-space-padding-x);justify-content:center;align-items:center;gap:var(--bm-comp-btn-space-gap);border:none;border-radius:var(--bm-comp-btn-radius-container);max-width:100%;font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon)}.bm-button--sm{font:var(--bm-comp-btn-typo-sm);min-width:var(--bm-comp-btn-size-sm-width);min-height:var(--bm-comp-btn-size-sm-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-sm-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-sm-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-sm-icon)}.bm-button--md{font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon)}.bm-button--lg{font:var(--bm-comp-btn-typo-lg);min-width:var(--bm-comp-btn-size-lg-width);min-height:var(--bm-comp-btn-size-lg-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-lg-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-lg-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-lg-icon)}.bm-button--icon-only{padding:unset}.bm-button__label{z-index:1;position:relative;padding:0 var(--bm-comp-btn-space-label-x);text-align:start}.bm-button{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);border-color:var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-filled-fg)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong)}.bm-button--accent-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong)}.bm-button--accent-outline{background:var(--bm-comp-btn-color-accent-outline-bg);color:var(--bm-comp-btn-color-accent-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-outline-border)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-outline-fg)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-ghost{background:var(--bm-comp-btn-color-accent-ghost-bg);color:var(--bm-comp-btn-color-accent-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-ghost-border)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-ghost-fg)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare{background:var(--bm-comp-btn-color-accent-bare-bg);color:var(--bm-comp-btn-color-accent-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-bare-fg)}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--accent-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--neutral-filled{background:var(--bm-comp-btn-color-neutral-filled-bg);color:var(--bm-comp-btn-color-neutral-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-filled-border)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-filled-fg)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-inverse)}.bm-button--neutral-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-inverse)}.bm-button--neutral-outline{background:var(--bm-comp-btn-color-neutral-outline-bg);color:var(--bm-comp-btn-color-neutral-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-outline-border)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-outline-fg)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-ghost{background:var(--bm-comp-btn-color-neutral-ghost-bg);color:var(--bm-comp-btn-color-neutral-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-ghost-border)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-ghost-fg)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare{background:var(--bm-comp-btn-color-neutral-bare-bg);color:var(--bm-comp-btn-color-neutral-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-bare-fg)}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--neutral-subtle-filled{background:var(--bm-comp-btn-color-neutral-subtle-filled-bg);color:var(--bm-comp-btn-color-neutral-subtle-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-filled-border)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-outline{background:var(--bm-comp-btn-color-neutral-subtle-outline-bg);color:var(--bm-comp-btn-color-neutral-subtle-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-outline-border)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-ghost{background:var(--bm-comp-btn-color-neutral-subtle-ghost-bg);color:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-ghost-border)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare{background:var(--bm-comp-btn-color-neutral-subtle-bare-bg);color:var(--bm-comp-btn-color-neutral-subtle-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg)}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-subtle-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--destructive-filled{background:var(--bm-comp-btn-color-destructive-filled-bg);color:var(--bm-comp-btn-color-destructive-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-filled-border)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-filled-fg)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong)}.bm-button--destructive-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong)}.bm-button--destructive-outline{background:var(--bm-comp-btn-color-destructive-outline-bg);color:var(--bm-comp-btn-color-destructive-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-outline-border)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-outline-fg)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-ghost{background:var(--bm-comp-btn-color-destructive-ghost-bg);color:var(--bm-comp-btn-color-destructive-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-ghost-border)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-ghost-fg)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare{background:var(--bm-comp-btn-color-destructive-bare-bg);color:var(--bm-comp-btn-color-destructive-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-bare-fg)}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--destructive-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button[class*=filled]{box-shadow:var(--bm-comp-btn-shadow)}.bm-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}.bm-button--loading{cursor:not-allowed}.bm-button--loading .bm-spinner-wrap{margin:unset}.bm-button--fluid{width:100%}';
+var j = Object.defineProperty, q = Object.getOwnPropertyDescriptor, k = (e) => {
+  throw TypeError(e);
+}, r = (e, o, m, c) => {
+  for (var n = c > 1 ? void 0 : c ? q(o, m) : o, s = e.length - 1, l; s >= 0; s--)
+    (l = e[s]) && (n = (c ? l(o, m, n) : l(n)) || n);
+  return c && n && j(o, m, n), n;
+}, D = (e, o, m) => o.has(e) || k("Cannot " + m), a = (e, o, m) => (D(e, o, "read from private field"), m ? m.call(e) : o.get(e)), p = (e, o, m) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, m), f, d, g, h;
+const { baseClassNamePrefix: F, classModifierPrefix: G } = x("button");
+let t = class extends S {
+  constructor() {
+    super(...arguments), this.appearance = "accent", this.kind = "filled", this.size = "md", this.disabled = !1, this.fluid = !1, this.type = "button", this._internals = this.attachInternals(), this.defaultLabel = "", this.defaultIcons = {
+      iconBefore: "",
+      iconAfter: ""
+    }, p(this, f, () => {
+      var e;
+      return !!(this.disabled || (e = this.formContext) != null && e.disabled);
+    }), p(this, d, (e) => u`<slot class=${i.iconWrap} name=${e}
+      >${this.defaultIcons[e]}</slot
+    >`), p(this, g, () => this.iconOnly ? y : u`<span class=${i.label}><slot>${this.defaultLabel}</slot></span>`), p(this, h, () => {
+      var e, o;
+      switch (this.type) {
+        case "reset":
+          return (e = this._internals.form) == null ? void 0 : e.reset();
+        case "submit":
+          return (o = this._internals.form) == null ? void 0 : o.requestSubmit();
+      }
+    });
+  }
+  render() {
+    const e = this.appearance || "accent", o = this.kind || "filled", m = this.size || "md", c = C(
+      this.theme && B(this.theme),
+      F,
+      E(o, e),
+      this.fluid && i.fluid,
+      this.iconOnly && i.iconOnly,
+      `${G}${m}`,
+      this.className
+    ), n = {
+      ...this.width && !this.fluid && { width: this.width },
+      ...this.height && { height: this.height }
+    }, s = N(), { ariaLabel: l } = this;
+    return u`
+      <button
+        class=${c}
+        type="${this.type}"
+        style=${P(n)}
+        @click="${a(this, h)}"
+        ?disabled="${a(this, f).call(this)}"
+        tabindex="0"
+        aria-disabled=${a(this, f).call(this)}
+        aria-label=${l || y}
+      >
+        <span aria-hidden="true" class=${s}></span>
+        ${a(this, d).call(this, "iconBefore")} ${a(this, g).call(this)} ${a(this, d).call(this, "iconAfter")}
+      </button>
+    `;
+  }
+};
+f = /* @__PURE__ */ new WeakMap();
+d = /* @__PURE__ */ new WeakMap();
+g = /* @__PURE__ */ new WeakMap();
+h = /* @__PURE__ */ new WeakMap();
+O(t);
+t.formAssociated = !0;
+t.styles = [w(I), M];
+r([
+  b({ type: String })
+], t.prototype, "appearance", 2);
+r([
+  b({ type: String })
+], t.prototype, "kind", 2);
+r([
+  b({ type: String })
+], t.prototype, "size", 2);
+r([
+  b({ type: Boolean })
+], t.prototype, "disabled", 2);
+r([
+  b({ type: Boolean })
+], t.prototype, "fluid", 2);
+r([
+  b({ type: String })
+], t.prototype, "width", 2);
+r([
+  b({ type: String })
+], t.prototype, "height", 2);
+r([
+  b({ type: String })
+], t.prototype, "theme", 2);
+r([
+  b({ type: Boolean })
+], t.prototype, "iconOnly", 2);
+r([
+  b({ type: String })
+], t.prototype, "type", 2);
+r([
+  z({ context: A, subscribe: !0 }),
+  b({ attribute: !1 })
+], t.prototype, "formContext", 2);
+r([
+  $()
+], t.prototype, "defaultLabel", 2);
+t = r([
+  L("bm-button")
+], t);
+export {
+  t as BmButton
+};

package/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+//# sourceMappingURL=index.d.ts.map

package/Button/index.js

@@ -0,0 +1,4 @@
+import { BmButton as m } from "./Button.js";
+export {
+  m as BmButton
+};

package/CloseButton/CloseButton.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+import { CloseButtonSizes } from '@viasat/beam-shared/components/closeButton';
+/**
+ * `bm-close-button`
+ */
+export declare class BmCloseButton extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Specify the size of the CloseButton
+     * @default 'md'
+     */
+    size: CloseButtonSizes;
+    /**
+     * Specify if the CloseButton is disabled
+     * @default false
+     */
+    disabled: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-close-button': BmCloseButton;
+    }
+}
+//# sourceMappingURL=CloseButton.d.ts.map

package/CloseButton/CloseButton.js

@@ -0,0 +1,60 @@
+import { unsafeCSS as r, LitElement as a, html as p } from "lit";
+import { property as n } from "lit/decorators.js";
+import { unsafeSVG as d } from "lit/directives/unsafe-svg.js";
+import v from "clsx";
+import { g as u } from "../chunks/classNames.Cq_tbDRp.js";
+import "../chunks/constants.jOWREYQE.js";
+import { r as h } from "../chunks/delegate.baxDQosr.js";
+import { c as z } from "../chunks/register-custom-element.DHGKOhmA.js";
+import { stateLayerStyles as x, stateLayerClassName as g } from "../StateLayer/StateLayer.js";
+const f = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
+    fill="currentColor"
+  />
+</svg>
+`, y = ":root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-close-btn-color-default: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var( --bm-utility-comp-btn-radius-container, .25rem )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-close-btn-color-default: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var( --bm-utility-comp-btn-radius-container, .25rem )}.bm-close-button{display:inline-flex;padding:var(--bm-comp-close-btn-space-y) var(--bm-comp-close-btn-space-x);justify-content:center;align-items:center;position:relative;outline:none;cursor:pointer;border:unset;border-radius:var(--bm-comp-close-btn-radius);background-color:unset;color:var(--bm-comp-close-btn-color-default)}.bm-close-button .bm-state-layer{--bm-state-layer-outline-offset: calc(0px - var(--bm-sem-size-focus-offset))}.bm-close-button--xs{height:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--xs .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xs);width:var(--bm-comp-close-btn-size-xs)}.bm-close-button--sm{height:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--sm .bm-close-button__icon{height:var(--bm-comp-close-btn-size-sm);width:var(--bm-comp-close-btn-size-sm)}.bm-close-button--md{height:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--md .bm-close-button__icon{height:var(--bm-comp-close-btn-size-md);width:var(--bm-comp-close-btn-size-md)}.bm-close-button--lg{height:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--lg .bm-close-button__icon{height:var(--bm-comp-close-btn-size-lg);width:var(--bm-comp-close-btn-size-lg)}.bm-close-button--xl{height:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--xl .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xl);width:var(--bm-comp-close-btn-size-xl)}.bm-close-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}";
+var w = Object.defineProperty, L = Object.getOwnPropertyDescriptor, i = (c, s, t, o) => {
+  for (var e = o > 1 ? void 0 : o ? L(s, t) : s, b = c.length - 1, l; b >= 0; b--)
+    (l = c[b]) && (e = (o ? l(s, t, e) : l(e)) || e);
+  return o && e && w(s, t, e), e;
+};
+const { baseClassNamePrefix: _, subElementClassPrefix: C, classModifierPrefix: $ } = u("close-button");
+let m = class extends a {
+  constructor() {
+    super(...arguments), this.size = "md", this.disabled = !1;
+  }
+  render() {
+    const c = `${C}icon`, s = g(), t = v(
+      _,
+      this.size && `${$}${this.size}`
+    ), { ariaLabel: o = "Close button" } = this;
+    return p`
+      <button
+        tabindex="0"
+        ?disabled=${this.disabled}
+        class=${t}
+        aria-label=${o}
+      >
+        <span aria-hidden="true" class=${c}> ${d(f)} </span>
+        <span aria-hidden="true" class=${s}></span>
+      </button>
+    `;
+  }
+};
+h(m);
+m.styles = [r(y), x];
+i([
+  n({ type: String })
+], m.prototype, "size", 2);
+i([
+  n({ type: Boolean })
+], m.prototype, "disabled", 2);
+m = i([
+  z("bm-close-button")
+], m);
+export {
+  m as BmCloseButton
+};

package/CloseButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CloseButton';
+//# sourceMappingURL=index.d.ts.map

package/CloseButton/index.js

@@ -0,0 +1,4 @@
+import { BmCloseButton as e } from "./CloseButton.js";
+export {
+  e as BmCloseButton
+};

package/Divider/Divider.d.ts

@@ -0,0 +1,56 @@
+import { LitElement, TemplateResult } from 'lit';
+import { DividerBorderColor, DividerOrientation, DividerBorderWidth, DividerBorderStyle, DividerAlignContent } from '@viasat/beam-shared/components/divider';
+import { Spacing as DividerSpacing } from '@viasat/beam-shared/utils';
+/**
+ * `bm-divider`
+ *
+ * @slot default - Add text to the Divider
+ * @slot icon - Add an icon to the Divider
+ */
+export declare class BmDivider extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    /**
+     * Specify the direction of the Divider
+     * @default 'horizontal'
+     */
+    orientation: DividerOrientation;
+    /**
+     * Specify the border color of the divider line
+     * @default '00'
+     */
+    borderColor: DividerBorderColor;
+    /**
+     * Specify the width of the divider line
+     * @default 'md'
+     */
+    borderWidth: DividerBorderWidth;
+    /**
+     * Specify the style of the divider line
+     * @default 'solid'
+     */
+    borderStyle: DividerBorderStyle;
+    /**
+     * Align content to the divider line
+     * @default 'center'
+     */
+    alignContent: DividerAlignContent;
+    length?: string;
+    /**
+     * Add equal padding to each side of the Divider
+     */
+    inset?: DividerSpacing;
+    private _defaultSlotNodes;
+    private _iconNode;
+    private _hasContent;
+    private _hasIcon;
+    private _onSlotChange;
+    private _onIconSlotChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-divider': BmDivider;
+    }
+}
+//# sourceMappingURL=Divider.d.ts.map

package/Divider/Divider.js

@@ -0,0 +1,111 @@
+import { unsafeCSS as w, LitElement as u, html as b } from "lit";
+import { property as a, queryAssignedNodes as _, state as f } from "lit/decorators.js";
+import x from "clsx";
+import { g as C, b as S } from "../chunks/classNames.Cq_tbDRp.js";
+import { g as $ } from "../chunks/globals.Bz4SVF2g.js";
+import { c as z } from "../chunks/register-custom-element.DHGKOhmA.js";
+const N = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-divider-color-text: var(--bm-sem-color-text-secondary, #576775);--bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-divider-typo-text: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-divider-space-content: var(--bm-sem-space-50, .5rem);--bm-comp-divider-space-content-gap: var(--bm-sem-space-25, .25rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-divider-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-divider-typo-text: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-divider-space-content: var(--bm-sem-space-50, .5rem);--bm-comp-divider-space-content-gap: var(--bm-sem-space-25, .25rem)}:host([orientation=vertical]),.bm-divider--vertical{height:var(--bm-comp-divider-length, 100%);width:auto}:host,.bm-divider{width:var(--bm-comp-divider-length, 100%)}.bm-divider{box-sizing:border-box;width:var(--bm-comp-divider-length, 100%);height:auto}.bm-divider--horizontal{text-align:center}.bm-divider--vertical{height:var(--bm-comp-divider-length, 100%);width:auto;min-height:1.25rem}.bm-divider--vertical .bm-divider__wrapper{height:100%;display:flex;flex-direction:column;align-items:center}.bm-divider--vertical:before,.bm-divider--vertical:after{width:.0625rem;height:100%}.bm-divider--vertical .bm-divider__content{padding:var(--bm-comp-divider-space-content) 0}.bm-divider__wrapper{position:relative;display:flex;align-items:center;height:100%;width:100%}.bm-divider__wrapper:before,.bm-divider__wrapper:after{content:"";background-color:currentColor;flex:1 1 auto;height:.0625rem}.bm-divider__content{font:var(--bm-comp-divider-typo-text);padding:0 var(--bm-comp-divider-space-content);display:inline-flex;align-items:center;color:var(--bm-comp-divider-color-text);gap:var(--bm-comp-divider-space-content-gap)}.bm-divider__icon{display:inline-flex;align-items:center;color:var(--bm-comp-divider-color-icon)}.bm-divider__icon svg{height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider__icon ::slotted([slot=icon]){display:inline-flex;height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider--icon-only .bm-divider__icon{margin-right:0;color:var(--bm-comp-divider-color-icon)}.bm-divider--icon-only .bm-divider__icon svg{height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider--icon-only .bm-divider__icon ::slotted([slot=icon]){height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider__text{white-space:nowrap}.bm-divider--border-width-md .bm-divider__wrapper:before,.bm-divider--border-width-md .bm-divider__wrapper:after{height:var(--bm-sem-border-width-md)}.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-md);height:auto}.bm-divider--border-width-lg .bm-divider__wrapper:before,.bm-divider--border-width-lg .bm-divider__wrapper:after{height:var(--bm-sem-border-width-lg)}.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-lg);height:auto}.bm-divider--border-width-xl .bm-divider__wrapper:before,.bm-divider--border-width-xl .bm-divider__wrapper:after{height:var(--bm-sem-border-width-xl)}.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-xl);height:auto}.bm-divider--border-style-dashed .bm-divider__wrapper:before,.bm-divider--border-style-dashed .bm-divider__wrapper:after{background:repeating-linear-gradient(to right,currentColor,currentColor .25rem,transparent .25rem,transparent .5rem)}.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(to bottom,currentColor,currentColor .25rem,transparent .25rem,transparent .5rem)}.bm-divider--border-style-dotted .bm-divider__wrapper:before,.bm-divider--border-style-dotted .bm-divider__wrapper:after{background:repeating-linear-gradient(to right,currentColor,currentColor .125rem,transparent .125rem,transparent .375rem)}.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(to bottom,currentColor,currentColor .125rem,transparent .125rem,transparent .375rem)}.bm-divider--border-color-border-00{color:var(--bm-sem-color-border-00)}.bm-divider--border-color-border-00-alt{color:var(--bm-sem-color-border-00-alt)}.bm-divider--border-color-border-01{color:var(--bm-sem-color-border-01)}.bm-divider--border-color-border-02{color:var(--bm-sem-color-border-02)}.bm-divider--border-color-border-03{color:var(--bm-sem-color-border-03)}.bm-divider--border-color-border-strong{color:var(--bm-sem-color-border-strong)}.bm-divider--border-color-border-positive{color:var(--bm-sem-color-border-positive)}.bm-divider--border-color-border-warning{color:var(--bm-sem-color-border-warning)}.bm-divider--border-color-border-negative{color:var(--bm-sem-color-border-negative)}.bm-divider--border-color-border-info-primary{color:var(--bm-sem-color-border-info-primary)}.bm-divider--border-color-border-info-secondary{color:var(--bm-sem-color-border-info-secondary)}.bm-divider--border-color-border-positive-strong{color:var(--bm-sem-color-border-positive-strong)}.bm-divider--border-color-border-warning-strong{color:var(--bm-sem-color-border-warning-strong)}.bm-divider--border-color-border-negative-strong{color:var(--bm-sem-color-border-negative-strong)}.bm-divider--border-color-border-info-primary-strong{color:var(--bm-sem-color-border-info-primary-strong)}.bm-divider--border-color-border-info-secondary-strong{color:var(--bm-sem-color-border-info-secondary-strong)}.bm-divider--border-color-border-inverse{color:var(--bm-sem-color-border-inverse)}.bm-divider--align-start .bm-divider__wrapper:before{flex:0 1 0%}.bm-divider--align-start .bm-divider__wrapper:after{flex:1 1 auto}.bm-divider--align-start .bm-divider__content{padding-inline-start:0}.bm-divider--align-end .bm-divider__wrapper:before{flex:1 1 auto}.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1 0%}.bm-divider--align-end .bm-divider__content{padding-inline-end:0}.bm-divider--vertical.bm-divider--align-start .bm-divider__wrapper:before{flex:0 1 1rem}.bm-divider--vertical.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1 1rem}';
+var E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, y = (r) => {
+  throw TypeError(r);
+}, d = (r, e, i, n) => {
+  for (var t = n > 1 ? void 0 : n ? P(e, i) : e, l = r.length - 1, c; l >= 0; l--)
+    (c = r[l]) && (t = (n ? c(e, i, t) : c(t)) || t);
+  return n && t && E(e, i, t), t;
+}, I = (r, e, i) => e.has(r) || y("Cannot " + i), h = (r, e, i) => (I(r, e, "read from private field"), i ? i.call(r) : e.get(r)), g = (r, e, i) => e.has(r) ? y("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, i), v, p;
+const {
+  baseClassNamePrefix: k,
+  classModifierPrefix: m,
+  subElementClassPrefix: s,
+  variablePrefix: O
+} = C("divider");
+let o = class extends u {
+  constructor() {
+    super(...arguments), this.orientation = "horizontal", this.borderColor = "01", this.borderWidth = "md", this.borderStyle = "solid", this.alignContent = "center", this.inset = "0", this._hasContent = !1, this._hasIcon = !1, g(this, v, () => this._hasIcon ? b` <span class="${s}icon">
+          <slot name="icon" @slotchange="${this._onIconSlotChange}"></slot>
+        </span>` : b` <slot name="icon" @slotchange="${this._onIconSlotChange}"></slot>`), g(this, p, () => this._hasContent ? b`
+          <span class="${s}text">
+            <slot @slotchange="${this._onSlotChange}"></slot>
+          </span>
+        ` : b` <slot @slotchange="${this._onSlotChange}"></slot>`);
+  }
+  _onSlotChange() {
+    this._hasContent = this._defaultSlotNodes ? Array.from(this._defaultSlotNodes).some(
+      (r) => {
+        var e, i;
+        return r.nodeType === Node.ELEMENT_NODE && ((e = r.textContent) == null ? void 0 : e.trim()) !== "" || r.nodeType === Node.TEXT_NODE && ((i = r.textContent) == null ? void 0 : i.trim()) !== "";
+      }
+    ) : !1;
+  }
+  _onIconSlotChange() {
+    this._hasIcon = this._iconNode && this._iconNode.length > 0;
+  }
+  render() {
+    this.style.setProperty(`${O}-length`, this.length || "100%");
+    const r = this._hasIcon && !this._hasContent, e = !this._hasIcon && !this._hasContent, i = S({
+      [`p${this.orientation === "vertical" ? "y" : "x"}`]: this.inset
+    }), n = x(
+      k,
+      `${m}${this.orientation}`,
+      `${m}border-width-${this.borderWidth}`,
+      `${m}border-style-${this.borderStyle}`,
+      `${m}border-color-border-${this.borderColor}`,
+      this._hasContent && `${m}align-${this.alignContent}`,
+      r && `${m}icon-only`,
+      i
+    );
+    return b`
+      <div class=${n} role="separator" aria-orientation=${this.orientation}>
+        <div class="${s}wrapper">
+          <div
+            class="${s}content"
+            style=${e && "padding: 0;"}
+          >
+            ${h(this, v).call(this)} ${h(this, p).call(this)}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+v = /* @__PURE__ */ new WeakMap();
+p = /* @__PURE__ */ new WeakMap();
+o.styles = w([N, $]);
+d([
+  a({ type: String })
+], o.prototype, "orientation", 2);
+d([
+  a({ type: String })
+], o.prototype, "borderColor", 2);
+d([
+  a({ type: String })
+], o.prototype, "borderWidth", 2);
+d([
+  a({ type: String })
+], o.prototype, "borderStyle", 2);
+d([
+  a({ type: String })
+], o.prototype, "alignContent", 2);
+d([
+  a({ type: String })
+], o.prototype, "length", 2);
+d([
+  a({ type: String })
+], o.prototype, "inset", 2);
+d([
+  _({ flatten: !0 })
+], o.prototype, "_defaultSlotNodes", 2);
+d([
+  _({ slot: "icon", flatten: !0 })
+], o.prototype, "_iconNode", 2);
+d([
+  f()
+], o.prototype, "_hasContent", 2);
+d([
+  f()
+], o.prototype, "_hasIcon", 2);
+o = d([
+  z("bm-divider")
+], o);
+export {
+  o as BmDivider
+};

package/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/Divider/index.js

@@ -0,0 +1,4 @@
+import { BmDivider as i } from "./Divider.js";
+export {
+  i as BmDivider
+};

package/EmptyState/EmptyState.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+/**
+ * `bm-empty-state`
+ *
+ * @slot icon - Specify an icon for EmptyState
+ * @slot heading - Specify heading text for EmptyState
+ * @slot body - Specify body text for EmptyState
+ * @slot actions - Add actions to EmptyState
+ */
+export declare class BmEmptyState extends LitElement {
+    static styles: import('lit').CSSResult;
+    /**
+     * Specify heading text for EmptyState
+     */
+    heading?: string;
+    /**
+     * Specify body text for EmptyState
+     */
+    body?: string;
+    /**
+     * Specify action for EmptyState
+     */
+    actions?: HTMLSlotElement;
+    /**
+     * Specify the theme of EmptyState. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-empty-state': BmEmptyState;
+    }
+}
+//# sourceMappingURL=EmptyState.d.ts.map

package/EmptyState/EmptyState.js

@@ -0,0 +1,56 @@
+import { unsafeCSS as l, LitElement as d, nothing as y, html as n } from "lit";
+import { property as p } from "lit/decorators.js";
+import g from "clsx";
+import { g as v } from "../chunks/classNames.Cq_tbDRp.js";
+import { t as h } from "../chunks/constants.jOWREYQE.js";
+import { c as f } from "../chunks/register-custom-element.DHGKOhmA.js";
+const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-empty-state-color-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #576775);--bm-comp-empty-state-color-icon: var( --bm-utility-color-accent-default, #00768f );--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);--bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);--bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);--bm-comp-empty-state-size-width: 35rem;--bm-comp-empty-state-typo-heading: var( --bm-sem-typo-heading-lg, 700 1.5rem/2rem "Uni Neue" );--bm-comp-empty-state-typo-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-empty-state-color-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-empty-state-color-icon: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);--bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);--bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);--bm-comp-empty-state-size-width: 35rem;--bm-comp-empty-state-typo-heading: var( --bm-sem-typo-heading-lg, 700 1.5rem/2rem "Uni Neue" );--bm-comp-empty-state-typo-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}.bm-empty-state{display:flex;flex-direction:column;max-width:var(--bm-comp-empty-state-size-width);align-items:center;gap:var(--bm-comp-empty-state-space-gap);background-color:unset}.bm-empty-state__icon,.bm-empty-state ::slotted([slot=icon]){color:var(--bm-comp-empty-state-color-icon)}.bm-empty-state__icon>svg,.bm-empty-state ::slotted([slot=icon]){height:var(--bm-comp-empty-state-size-icon);width:var(--bm-comp-empty-state-size-icon)}.bm-empty-state__body-container{display:flex;flex-direction:column;align-items:center;gap:var(--bm-comp-empty-state-space-text-gap)}.bm-empty-state__heading,.bm-empty-state ::slotted([slot=heading]){text-align:center;font:var(--bm-comp-empty-state-typo-heading);color:var(--bm-comp-empty-state-color-heading)}.bm-empty-state__body,.bm-empty-state ::slotted([slot=body]){display:flex;flex-direction:column;text-align:center;font:var(--bm-comp-empty-state-typo-body);color:var(--bm-comp-empty-state-color-body);gap:var(--bm-comp-empty-state-space-text-gap)}.bm-empty-state__actions,.bm-empty-state ::slotted([slot=actions]){display:flex;flex-direction:column;align-items:center;gap:var(--bm-comp-empty-state-space-actions-gap)}';
+var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (a, o, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? _(o, r) : o, c = a.length - 1, i; c >= 0; c--)
+    (i = a[c]) && (t = (s ? i(o, r, t) : i(t)) || t);
+  return s && t && u(o, r, t), t;
+};
+const { baseClassNamePrefix: S, subElementClassPrefix: b } = v("empty-state");
+let e = class extends d {
+  render() {
+    const a = g(
+      S,
+      this.theme && h(this.theme)
+    );
+    return n`
+      <div class=${a}>
+        <slot name="icon"></slot>
+        <div class="${b}body-container">
+          <slot name="heading">
+            ${this.heading ? n`<span class="${b}heading"
+                  >${this.heading}</span
+                >` : y}
+          </slot>
+          <slot name="body">
+            ${this.body ? n`<span class="${b}body">${this.body}</span>` : y}
+          </slot>
+        </div>
+        <slot name="actions">${this.actions}</slot>
+      </div>
+    `;
+  }
+};
+e.styles = l(x);
+m([
+  p()
+], e.prototype, "heading", 2);
+m([
+  p()
+], e.prototype, "body", 2);
+m([
+  p()
+], e.prototype, "actions", 2);
+m([
+  p({ type: String })
+], e.prototype, "theme", 2);
+e = m([
+  f("bm-empty-state")
+], e);
+export {
+  e as BmEmptyState
+};

package/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export * from './EmptyState';
+//# sourceMappingURL=index.d.ts.map

package/EmptyState/index.js

@@ -0,0 +1,4 @@
+import { BmEmptyState as e } from "./EmptyState.js";
+export {
+  e as BmEmptyState
+};

package/HelperText/HelperText.d.ts

@@ -0,0 +1,45 @@
+import { LitElement } from 'lit';
+import { HelperTextSize, HelperTextAppearance } from '@viasat/beam-shared/components/helperText';
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+import { Optional } from '@viasat/beam-shared/utils/types';
+/**
+ *
+ * @slot default - Add or customize content in the HelperText
+ * @slot icon - Specify a different icon for the HelperText
+ *
+ */
+export declare class BmHelperText extends LitElement {
+    #private;
+    /**
+     * Specify the appearance of the HelperText
+     */
+    appearance: HelperTextAppearance;
+    /**
+     * Specify the size of the HelperText
+     */
+    size: HelperTextSize;
+    /**
+     * Specify if the message is disabled for HelpText
+     */
+    disabled: boolean;
+    /**
+     * Specify if the icon displays on the HelperText
+     */
+    hideIcon: boolean;
+    /**
+     * Add or customize content in the HelperText
+     */
+    text: Optional<string>;
+    /**
+     * Specify the theme of the HelperText. By default it inherits the theme from the parent
+     */
+    theme: Optional<ThemeTypes>;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-helper-text': BmHelperText;
+    }
+}
+//# sourceMappingURL=HelperText.d.ts.map