@viasat/beam-web-components 2.0.0

package/Accordion/Accordion.d.ts

@@ -0,0 +1,56 @@
+import { LitElement, PropertyValues } from 'lit';
+import { AccordionSizes } from '@viasat/beam-shared/components/accordion';
+/**
+ * `bm-accordion`
+ *
+ * @fires bm-toggle - Dispatched when the Accordion is toggled
+ * @slot default - Specify body content for the Accordion
+ * @slot icon - Display an icon before the Accordion heading
+ * @slot heading - Specify heading content for the Accordion
+ */
+export declare class BmAccordion extends LitElement {
+    #private;
+    /**
+     * Specify size of an Accordion
+     * @default 'md'
+     */
+    size: AccordionSizes | undefined;
+    /**
+     * Specify heading content for the Accordion
+     */
+    heading?: string;
+    /**
+     * Specify if an Accordion is open.
+     * If this is specified, the component becomes controlled
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Specify if an Accordion is open by default
+     * @default false
+     */
+    defaultOpen: boolean;
+    /**
+     * Unique identifier of Accordion
+     */
+    id: string;
+    private _isOpen;
+    private _accordionUniqueId;
+    private iconNodes?;
+    private get hasIconSlot();
+    private group?;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private handleToggle;
+    private dispatchToggleEvent;
+    private handleKeyDown;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-accordion': BmAccordion;
+    }
+}
+//# sourceMappingURL=Accordion.d.ts.map

package/Accordion/Accordion.js

@@ -0,0 +1,12 @@
+import "@lit/context";
+import "lit";
+import "lit/decorators.js";
+import "lit/directives/unsafe-svg.js";
+import "clsx";
+import { B as e } from "../chunks/Accordion.DYD3XcAx.js";
+import "../chunks/classNames.Cq_tbDRp.js";
+import "../chunks/register-custom-element.DHGKOhmA.js";
+import "./AccordionGroup.context.js";
+export {
+  e as BmAccordion
+};

package/Accordion/AccordionGroup.context.d.ts

@@ -0,0 +1,10 @@
+import { AccordionSizes } from '@viasat/beam-shared/components/accordion';
+export interface AccordionGroupCtxValue {
+    size?: AccordionSizes;
+    register: (el: HTMLElement) => void;
+    unregister: (el: HTMLElement) => void;
+}
+export declare const AccordionGroupCtx: {
+    __context__: AccordionGroupCtxValue;
+};
+//# sourceMappingURL=AccordionGroup.context.d.ts.map

package/Accordion/AccordionGroup.context.js

@@ -0,0 +1,8 @@
+import { createContext as o } from "@lit/context";
+import { p as r } from "../chunks/constants.jOWREYQE.js";
+const p = o(
+  Symbol(`${r}accordion-group-context`)
+);
+export {
+  p as AccordionGroupCtx
+};

package/Accordion/AccordionGroup.d.ts

@@ -0,0 +1,33 @@
+import { LitElement, PropertyValues } from 'lit';
+import { AccordionSizes } from '@viasat/beam-shared/components/accordion';
+import { AccordionGroupCtxValue } from './AccordionGroup.context';
+/**
+ * `bm-accordion-group`
+ * @slot default - Specify which Accordions are in the AccordionGroup
+ */
+export declare class BmAccordionGroup extends LitElement {
+    #private;
+    /**
+     * Specify the size of the AccordionGroup
+     * @default 'md'
+     */
+    size: AccordionSizes;
+    /**
+     * Specify if only one row item can be expanded at a time
+     * @default false
+     */
+    singleExpand: boolean;
+    groupCtx: AccordionGroupCtxValue;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleAccordionToggle: (event: CustomEvent) => void;
+    willUpdate(changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-accordion-group': BmAccordionGroup;
+    }
+}
+//# sourceMappingURL=AccordionGroup.d.ts.map

package/Accordion/AccordionGroup.js

@@ -0,0 +1,79 @@
+import { provide as u } from "@lit/context";
+import { unsafeCSS as v, css as _, LitElement as C, html as x } from "lit";
+import { property as f, state as y } from "lit/decorators.js";
+import E from "clsx";
+import { g as w } from "../chunks/classNames.Cq_tbDRp.js";
+import { a as A } from "../chunks/Accordion.DYD3XcAx.js";
+import { c as z } from "../chunks/register-custom-element.DHGKOhmA.js";
+import { AccordionGroupCtx as O } from "./AccordionGroup.context.js";
+var S = Object.defineProperty, G = Object.getOwnPropertyDescriptor, g = (e) => {
+  throw TypeError(e);
+}, p = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? G(t, r) : t, c = e.length - 1, l; c >= 0; c--)
+    (l = e[c]) && (s = (i ? l(t, r, s) : l(s)) || s);
+  return i && s && S(t, r, s), s;
+}, P = (e, t, r) => t.has(e) || g("Cannot " + r), a = (e, t, r) => (P(e, t, "read from private field"), r ? r.call(e) : t.get(e)), d = (e, t, r) => t.has(e) ? g("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), n, h, m;
+const { baseClassNamePrefix: k } = w("accordion");
+let o = class extends C {
+  constructor() {
+    super(...arguments), this.size = "md", this.singleExpand = !1, d(this, n, /* @__PURE__ */ new Set()), this.groupCtx = {
+      register: (e) => a(this, h).call(this, e),
+      unregister: (e) => a(this, m).call(this, e),
+      size: this.size
+    }, d(this, h, (e) => {
+      a(this, n).add(e), this.requestUpdate();
+    }), d(this, m, (e) => {
+      a(this, n).delete(e), this.requestUpdate();
+    }), this.handleAccordionToggle = (e) => {
+      const { accordion: t, isOpen: r } = e.detail;
+      this.singleExpand && r && Array.from(a(this, n)).forEach((s) => {
+        s !== t && (s.open === void 0 ? (s._isOpen = !1, s.requestUpdate()) : s.open = !1);
+      });
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("bm-toggle", this.handleAccordionToggle);
+  }
+  disconnectedCallback() {
+    this.removeEventListener(
+      "bm-toggle",
+      this.handleAccordionToggle
+    ), super.disconnectedCallback();
+  }
+  willUpdate(e) {
+    e.has("size") && (this.groupCtx = {
+      ...this.groupCtx,
+      size: this.size
+    });
+  }
+  render() {
+    const e = E(k);
+    return x`
+      <div class=${e}>
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+n = /* @__PURE__ */ new WeakMap();
+h = /* @__PURE__ */ new WeakMap();
+m = /* @__PURE__ */ new WeakMap();
+o.styles = _`
+    ${v(A)}
+  `;
+p([
+  f({ type: String })
+], o.prototype, "size", 2);
+p([
+  f({ type: Boolean })
+], o.prototype, "singleExpand", 2);
+p([
+  u({ context: O }),
+  y()
+], o.prototype, "groupCtx", 2);
+o = p([
+  z("bm-accordion-group")
+], o);
+export {
+  o as BmAccordionGroup
+};

package/Accordion/index.d.ts

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

package/Accordion/index.js

@@ -0,0 +1,6 @@
+import { B as c } from "../chunks/Accordion.DYD3XcAx.js";
+import { BmAccordionGroup as p } from "./AccordionGroup.js";
+export {
+  c as BmAccordion,
+  p as BmAccordionGroup
+};

package/Alert/Alert.d.ts

@@ -0,0 +1,64 @@
+import { LitElement, nothing, PropertyValues } from 'lit';
+import { AlertAppearances, AlertSizes } from '@viasat/beam-shared/components/alert';
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+/**
+ * `bm-alert`
+ *
+ * @fires bm-dismiss - Dispatched when the Alert has been dismissed
+ * @slot icon - Specify a different icon for the Alert
+ * @slot heading - Specify the heading text for Alert or pass the `heading` attribute to set the heading
+ * @slot body - Specify the body text for Alert or pass the `body` attribute to set the body
+ * @slot actions - Specify if actions display on the Alert
+ */
+export declare class BmAlert extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    constructor();
+    /** Specify the heading text for Alert */
+    heading: string | undefined;
+    /** Specify the body text for Alert */
+    body: string | undefined;
+    /** Specify the size of the Alert @default 'sm' */
+    size: AlertSizes;
+    /** Specify if the Alert has no border radius @default false */
+    fullWidth: boolean;
+    /** Specify the theme of the Alert. By default it inherits the theme from the parent */
+    theme: ThemeTypes | undefined;
+    /** Specify the appearance of the Alert @default 'infoPrimary' */
+    appearance: AlertAppearances;
+    /** Specify if the Alert is hidden @default false */
+    hidden: boolean;
+    /** Specify if the icon displays on the Alert @default false */
+    hideIcon: boolean;
+    /** Specify if the Alert can be dismissed @default false */
+    dismissible: boolean;
+    /** Prevent autofocus on show @default false */
+    disableAutoFocus: boolean;
+    /** Prevent Escape from closing @default false */
+    disableCloseOnEscape: boolean;
+    private headingNodes?;
+    private bodyNodes?;
+    private iconNodes?;
+    private actionsNodes?;
+    private headingSlot?;
+    private bodySlot?;
+    private _isContentWrapping;
+    private _contentRef;
+    private _actionSlotWrapperRef;
+    private _closeButtonRef;
+    private get hasHeadingSlot();
+    private get hasBodySlot();
+    private get hasIconSlot();
+    private get hasActionSlot();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: PropertyValues<this>): void;
+    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-alert': BmAlert;
+    }
+}
+//# sourceMappingURL=Alert.d.ts.map

package/Alert/Alert.js

@@ -0,0 +1,300 @@
+import { unsafeCSS as J, LitElement as Q, nothing as n, html as d } from "lit";
+import { property as l, queryAssignedNodes as P, query as $, state as X } from "lit/decorators.js";
+import { unsafeSVG as Y } from "lit/directives/unsafe-svg.js";
+import u from "clsx";
+import { W as j } from "../chunks/WarningOutlined.DPfQnPPj.js";
+import { t as ee, a as oe } from "../chunks/constants.jOWREYQE.js";
+import { c as re } from "../chunks/CSSLookup.BdqZ5Li9.js";
+import { n as f, g as ae, f as te, c as ie, e as se } from "../chunks/classNames.Cq_tbDRp.js";
+import { r as ne } from "../chunks/delegate.baxDQosr.js";
+import { c as me } from "../chunks/register-custom-element.DHGKOhmA.js";
+import "../CloseButton/CloseButton.js";
+const le = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M16.59 7.58L10 14.17L6.41 10.59L5 12L10 17L18 9L16.59 7.58ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z"
+    fill="currentColor"
+  />
+</svg>
+`, I = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M11 17H13V11H11V17ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM11 9H13V7H11V9Z"
+    fill="currentColor"
+  />
+</svg>
+`, ce = (e) => re(e === "sm" ? 2.625 : 3.125), _ = {
+  positive: "Success",
+  warning: "Warning",
+  negative: "Error",
+  infoPrimary: "Information",
+  infoSecondary: "Information"
+}, pe = "Dismiss Alert", be = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-alert-color-positive-bg: var( --bm-sem-color-surface-positive, #daf7cf );--bm-comp-alert-color-positive-icon: var( --bm-sem-color-icon-positive-strong, #187c36 );--bm-comp-alert-color-positive-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-positive-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-positive-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-warning-bg: var( --bm-sem-color-surface-warning, #ffe4c9 );--bm-comp-alert-color-warning-icon: var( --bm-sem-color-icon-warning-strong, #ac4902 );--bm-comp-alert-color-warning-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-warning-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-alert-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-negative-bg: var( --bm-sem-color-surface-negative, #fee6e7 );--bm-comp-alert-color-negative-icon: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-alert-color-negative-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-negative-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-negative-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-info-primary-bg: var( --bm-sem-color-surface-info-primary, #ccf0ff );--bm-comp-alert-color-info-primary-icon: var( --bm-sem-color-icon-info-primary-strong, #006ead );--bm-comp-alert-color-info-primary-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-primary-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-color-info-secondary-bg: var( --bm-sem-color-surface-info-secondary, #dfe7ec );--bm-comp-alert-color-info-secondary-icon: var( --bm-sem-color-icon-info-secondary-strong, #465967 );--bm-comp-alert-color-info-secondary-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-secondary-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-space-x: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-y: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-sm-y: var(--bm-sem-space-75, .75rem);--bm-comp-alert-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-space-text-gap: var(--bm-sem-space-12, .125rem);--bm-comp-alert-space-actions-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-radius-in-page: var(--bm-sem-radius-md, .5rem);--bm-comp-alert-radius-full-width: var(--bm-sem-radius-none);--bm-comp-alert-border-width: var(--bm-sem-border-width-none, 0);--bm-comp-alert-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-alert-size-md-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-alert-typo-sm-heading: var( --bm-sem-typo-heading-xs, 700 1rem/1.25rem "Uni Neue" );--bm-comp-alert-typo-sm-body: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-alert-typo-md-heading: var( --bm-sem-typo-heading-sm, 700 1.125rem/1.5rem "Uni Neue" );--bm-comp-alert-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-alert-shadow: 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-alert-color-positive-bg: var( --bm-sem-color-surface-positive, #02310e );--bm-comp-alert-color-positive-icon: var( --bm-sem-color-icon-positive-strong, #b3eb9e );--bm-comp-alert-color-positive-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-positive-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-positive-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-warning-bg: var( --bm-sem-color-surface-warning, #3e1a00 );--bm-comp-alert-color-warning-icon: var( --bm-sem-color-icon-warning-strong, #ffd4a8 );--bm-comp-alert-color-warning-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-warning-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-alert-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-negative-bg: var( --bm-sem-color-surface-negative, #520f11 );--bm-comp-alert-color-negative-icon: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-alert-color-negative-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-negative-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-negative-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-info-primary-bg: var( --bm-sem-color-surface-info-primary, #002f57 );--bm-comp-alert-color-info-primary-icon: var( --bm-sem-color-icon-info-primary-strong, #9be1ff );--bm-comp-alert-color-info-primary-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-primary-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-color-info-secondary-bg: var( --bm-sem-color-surface-info-secondary, #202e39 );--bm-comp-alert-color-info-secondary-icon: var( --bm-sem-color-icon-info-secondary-strong, #c3cdd5 );--bm-comp-alert-color-info-secondary-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-secondary-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-space-x: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-y: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-sm-y: var(--bm-sem-space-75, .75rem);--bm-comp-alert-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-space-text-gap: var(--bm-sem-space-12, .125rem);--bm-comp-alert-space-actions-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-radius-in-page: var(--bm-sem-radius-md, .5rem);--bm-comp-alert-radius-full-width: var(--bm-sem-radius-none);--bm-comp-alert-border-width: var(--bm-sem-border-width-none, 0);--bm-comp-alert-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-alert-size-md-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-alert-typo-sm-heading: var( --bm-sem-typo-heading-xs, 700 1rem/1.25rem "Uni Neue" );--bm-comp-alert-typo-sm-body: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-alert-typo-md-heading: var( --bm-sem-typo-heading-sm, 700 1.125rem/1.5rem "Uni Neue" );--bm-comp-alert-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-alert-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0))}.bm-alert{display:flex;align-items:center;word-break:break-word;gap:var(--bm-comp-alert-space-gap);padding:var(--bm-comp-alert-space-sm-y) var(--bm-comp-alert-space-x);box-shadow:var(--bm-comp-alert-shadow);border-width:var(--bm-comp-alert-border-width);border-style:solid;border-radius:var(--bm-comp-alert-radius-in-page)}.bm-alert__content__wrapper{flex:1 0 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--bm-comp-alert-space-gap)}.bm-alert .bm-alert__content{display:flex;flex-direction:column;gap:var(--bm-comp-alert-space-text-gap);font:var(--bm-comp-alert-typo-sm-body)}.bm-alert .bm-alert__content__heading{font:var(--bm-comp-alert-typo-sm-heading)}.bm-alert__actions{display:flex;gap:var(--bm-comp-alert-space-actions-gap)}.bm-alert .bm-alert__icon,.bm-alert .bm-alert__icon svg{display:flex;align-self:center;align-items:center;min-width:var(--bm-comp-alert-size-sm-icon);min-height:var(--bm-comp-alert-size-sm-icon)}.bm-alert .bm-alert__icon--wrapping,.bm-alert .bm-alert__icon svg--wrapping{align-self:flex-start}.bm-alert__close-button{display:flex;align-self:center}.bm-alert__close-button--wrapping{align-self:baseline}.bm-alert--full-width{border-radius:var(--bm-comp-alert-radius-full-width)}.bm-alert--md{padding:var(--bm-comp-alert-space-y) var(--bm-comp-alert-space-x)}.bm-alert--md .bm-alert__content{font:var(--bm-comp-alert-typo-md-body)}.bm-alert--md .bm-alert__content__heading{font:var(--bm-comp-alert-typo-md-heading)}.bm-alert--md .bm-alert__icon,.bm-alert--md .bm-alert__icon svg{min-width:var(--bm-comp-alert-size-md-icon);min-height:var(--bm-comp-alert-size-md-icon)}.bm-alert--positive{background-color:var(--bm-comp-alert-color-positive-bg);border-color:var(--bm-comp-alert-color-positive-border)}.bm-alert--positive .bm-alert__icon,.bm-alert--positive .bm-alert__icon svg{color:var(--bm-comp-alert-color-positive-icon)}.bm-alert--positive .bm-alert__content{color:var(--bm-comp-alert-color-positive-body)}.bm-alert--warning{background-color:var(--bm-comp-alert-color-warning-bg);border-color:var(--bm-comp-alert-color-warning-border)}.bm-alert--warning .bm-alert__icon,.bm-alert--warning .bm-alert__icon svg{color:var(--bm-comp-alert-color-warning-icon)}.bm-alert--warning .bm-alert__content{color:var(--bm-comp-alert-color-warning-body)}.bm-alert--negative{background-color:var(--bm-comp-alert-color-negative-bg);border-color:var(--bm-comp-alert-color-negative-border)}.bm-alert--negative .bm-alert__icon,.bm-alert--negative .bm-alert__icon svg{color:var(--bm-comp-alert-color-negative-icon)}.bm-alert--negative .bm-alert__content{color:var(--bm-comp-alert-color-negative-body)}.bm-alert--infoPrimary{background-color:var(--bm-comp-alert-color-info-primary-bg);border-color:var(--bm-comp-alert-color-info-primary-border)}.bm-alert--infoPrimary .bm-alert__icon,.bm-alert--infoPrimary .bm-alert__icon svg{color:var(--bm-comp-alert-color-info-primary-icon)}.bm-alert--infoPrimary .bm-alert__content{color:var(--bm-comp-alert-color-info-primary-body)}.bm-alert--infoSecondary{background-color:var(--bm-comp-alert-color-info-secondary-bg);border-color:var(--bm-comp-alert-color-info-secondary-border)}.bm-alert--infoSecondary .bm-alert__icon,.bm-alert--infoSecondary .bm-alert__icon svg{color:var(--bm-comp-alert-color-info-secondary-icon)}.bm-alert--infoSecondary .bm-alert__content{color:var(--bm-comp-alert-color-info-secondary-body)}.bm-alert[dir=rtl]{flex-direction:row-reverse}.bm-alert--no-box{display:contents}';
+var de = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, G = (e) => {
+  throw TypeError(e);
+}, i = (e, o, a, m) => {
+  for (var c = m > 1 ? void 0 : m ? fe(o, a) : o, g = e.length - 1, y; g >= 0; g--)
+    (y = e[g]) && (c = (m ? y(o, a, c) : y(c)) || c);
+  return m && c && de(o, a, c), c;
+}, T = (e, o, a) => o.has(e) || G("Cannot " + a), r = (e, o, a) => (T(e, o, "read from private field"), a ? a.call(e) : o.get(e)), s = (e, o, a) => o.has(e) ? G("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, a), H = (e, o, a, m) => (T(e, o, "write to private field"), o.set(e, a), a), B, x, C, b, A, M, R, h, v, z, N, S, L, O, F, U, D;
+const { baseClassNamePrefix: he, subElementClassPrefix: p, classModifierPrefix: w } = ae("alert");
+let t = class extends Q {
+  constructor() {
+    super(), this.size = "sm", this.fullWidth = !1, this.appearance = "infoPrimary", this.hidden = !1, this.hideIcon = !1, this.dismissible = !1, this.disableAutoFocus = !1, this.disableCloseOnEscape = !1, this._isContentWrapping = !1, s(this, B, document.activeElement), s(this, x, () => !!this.heading || this.hasHeadingSlot), s(this, C, () => !!this.body || this.hasBodySlot), s(this, b, () => this.requestUpdate()), s(this, A, () => {
+      var e;
+      this.dispatchEvent(
+        new CustomEvent("bm-dismiss", {
+          detail: { message: "bm-alert dismissed" },
+          bubbles: !0,
+          composed: !0
+        })
+      ), this.hidden = !0, (e = r(this, B)) == null || e.focus();
+    }), s(this, M, (e) => {
+      e.key === "Escape" && this.dismissible && !this.disableCloseOnEscape && r(this, A).call(this);
+    }), s(this, R, () => {
+      var e;
+      if (!this.disableAutoFocus) {
+        if (this.hasActionSlot && !this.hidden) {
+          const o = this._actionSlotWrapperRef.assignedNodes({
+            flatten: !0
+          })[0], a = te(
+            o
+          );
+          a == null || a.focus();
+        } else if (this.dismissible && !this.hasActionSlot && !this.hidden) {
+          const o = (e = this._closeButtonRef.shadowRoot) == null ? void 0 : e.querySelector("button");
+          o == null || o.focus();
+        }
+      }
+    }), s(this, h), s(this, v), s(this, z, () => {
+      const e = this._contentRef;
+      e && (H(this, v, ie(() => {
+        const o = e.offsetHeight, a = ce(this.size);
+        this._isContentWrapping = o > a;
+      }, oe)), H(this, h, new ResizeObserver(r(this, v))), r(this, h).observe(e), r(this, v).call(this));
+    }), s(this, N, () => {
+      var e;
+      r(this, h) && r(this, h).disconnect(), (e = r(this, v)) == null || e.cancel();
+    }), s(this, S, () => {
+      const e = r(this, x).call(this), o = r(this, C).call(this), a = this.hasActionSlot, m = this.dismissible, { role: c } = this, g = c === "alertdialog", y = !!(!this.disableAutoFocus && (a || m)), Z = g || y, K = Z ? "alertdialog" : c, q = e ? "heading" : n, k = o ? "body" : n;
+      let W = n;
+      const E = Z || m;
+      E && e ? W = q : E && o && (W = k);
+      let V = n;
+      return E && o && W !== k && (V = k), { role: K, ariaLabelledBy: W, ariaDescribedBy: V, headingId: q, bodyId: k };
+    }), s(this, L, () => {
+      if (this.hideIcon) return n;
+      const { icon: e, label: o } = {
+        infoPrimary: { icon: I, label: _.infoPrimary },
+        infoSecondary: { icon: I, label: _.infoSecondary },
+        negative: { icon: I, label: _.negative },
+        positive: { icon: le, label: _.positive },
+        warning: { icon: j, label: _.warning }
+      }[this.appearance], a = se(e, { role: "img", "aria-label": o });
+      return d`
+      <span
+        class=${u(
+        `${p}icon`,
+        (this._isContentWrapping || r(this, x).call(this) && r(this, C).call(this)) && `${p}icon--wrapping`
+      )}
+      >
+        <slot name="icon" @slotchange=${r(this, b)}></slot>
+        ${this.hasIconSlot ? n : Y(a)}
+      </span>
+    `;
+    }), s(this, O, () => {
+      const e = r(this, x).call(this), o = `${p}content__heading`, { headingId: a } = r(this, S).call(this);
+      return d`
+      <span
+        id=${e ? a : n}
+        class=${u(
+        o,
+        !e && `${w}no-box`
+      )}
+      >
+        <slot name="heading" @slotchange=${r(this, b)}></slot>
+        ${this.hasHeadingSlot ? n : this.heading ?? n}
+      </hasBodySlot>
+    `;
+    }), s(this, F, () => {
+      const e = r(this, C).call(this), { bodyId: o } = r(this, S).call(this);
+      return d`
+      <span
+        id=${e ? o : n}
+        class=${u(!e && `${w}no-box`)}
+      >
+        <slot name="body" @slotchange=${r(this, b)}></slot>
+        ${this.hasBodySlot ? n : this.body ?? n}
+      </span>
+    `;
+    }), s(this, U, () => d`
+      <div class="${p}actions" ?hidden=${!this.hasActionSlot}>
+        <slot
+          id="actions-slot-wrapper"
+          name="actions"
+          @slotchange=${r(this, b)}
+        ></slot>
+      </div>
+    `), s(this, D, () => this.dismissible ? d`<span
+      class=${u(
+      `${p}close-button`,
+      this._isContentWrapping && `${p}close-button--wrapping`
+    )}
+    >
+      <bm-close-button
+        size=${this.size}
+        @click=${r(this, A)}
+        style="display: flex;"
+        id="close-button"
+        aria-label=${pe}
+      ></bm-close-button>
+    </span>` : n);
+  }
+  get hasHeadingSlot() {
+    return f(this.headingNodes);
+  }
+  get hasBodySlot() {
+    return f(this.bodyNodes);
+  }
+  get hasIconSlot() {
+    return f(this.iconNodes);
+  }
+  get hasActionSlot() {
+    return f(this.actionsNodes);
+  }
+  // ---------- Lifecycle ----------
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("keydown", r(this, M)), H(this, B, document.activeElement);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), r(this, N).call(this), this.removeEventListener("keydown", r(this, M));
+  }
+  firstUpdated() {
+    r(this, z).call(this), queueMicrotask(() => {
+      var o, a;
+      (f((o = this.headingSlot) == null ? void 0 : o.assignedNodes({ flatten: !0 })) || f((a = this.bodySlot) == null ? void 0 : a.assignedNodes({ flatten: !0 }))) && r(this, b).call(this);
+    });
+  }
+  updated(e) {
+    r(this, R).call(this), e.has("size") && (r(this, N).call(this), r(this, z).call(this));
+  }
+  // ---------- Main render ----------
+  render() {
+    if (this.hidden) return n;
+    const { role: e, ariaLabelledBy: o, ariaDescribedBy: a } = r(this, S).call(this), m = u(
+      he,
+      this.fullWidth && `${w}full-width`,
+      this.size && `${w}${this.size}`,
+      this.theme && ee(this.theme),
+      this.appearance && `${w}${this.appearance}`
+    );
+    return d`
+      <div
+        role=${e}
+        class=${m}
+        aria-labelledby=${o}
+        aria-describedby=${a}
+        aria-modal="false"
+      >
+        ${r(this, L).call(this)}
+        <div id="content" class="${p}content__wrapper">
+          <div class="${p}content">
+            ${r(this, O).call(this)} ${r(this, F).call(this)}
+          </div>
+          ${r(this, U).call(this)}
+        </div>
+        ${r(this, D).call(this)}
+      </div>
+    `;
+  }
+};
+B = /* @__PURE__ */ new WeakMap();
+x = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakMap();
+b = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
+h = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
+z = /* @__PURE__ */ new WeakMap();
+N = /* @__PURE__ */ new WeakMap();
+S = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
+O = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
+U = /* @__PURE__ */ new WeakMap();
+D = /* @__PURE__ */ new WeakMap();
+ne(t);
+t.styles = J(be);
+i([
+  l()
+], t.prototype, "heading", 2);
+i([
+  l()
+], t.prototype, "body", 2);
+i([
+  l({ type: String })
+], t.prototype, "size", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "fullWidth", 2);
+i([
+  l({ type: String })
+], t.prototype, "theme", 2);
+i([
+  l({ type: String })
+], t.prototype, "appearance", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "hidden", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "hideIcon", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "dismissible", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "disableAutoFocus", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "disableCloseOnEscape", 2);
+i([
+  P({ slot: "heading", flatten: !0 })
+], t.prototype, "headingNodes", 2);
+i([
+  P({ slot: "body", flatten: !0 })
+], t.prototype, "bodyNodes", 2);
+i([
+  P({ slot: "icon", flatten: !0 })
+], t.prototype, "iconNodes", 2);
+i([
+  P({ slot: "actions", flatten: !0 })
+], t.prototype, "actionsNodes", 2);
+i([
+  $('slot[name="heading"]')
+], t.prototype, "headingSlot", 2);
+i([
+  $('slot[name="body"]')
+], t.prototype, "bodySlot", 2);
+i([
+  X()
+], t.prototype, "_isContentWrapping", 2);
+i([
+  $("#content")
+], t.prototype, "_contentRef", 2);
+i([
+  $("#actions-slot-wrapper")
+], t.prototype, "_actionSlotWrapperRef", 2);
+i([
+  $("#close-button")
+], t.prototype, "_closeButtonRef", 2);
+t = i([
+  me("bm-alert")
+], t);
+export {
+  t as BmAlert
+};

package/Alert/index.d.ts

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

package/Alert/index.js

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

package/Avatar/Avatar.d.ts

@@ -0,0 +1,60 @@
+import { LitElement } from 'lit';
+import { AvatarAppearance, AvatarShape, AvatarSize } from '@viasat/beam-shared/components/avatar';
+/**
+ * `bm-avatar`
+ *
+ * @slot icon - Customize the default icon
+ */
+export declare class BmAvatar extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult[];
+    /**
+     * Specify the appearance of the Avatar
+     */
+    appearance?: AvatarAppearance;
+    /**
+     * Specify a name to display initials in the Avatar
+     */
+    name?: string;
+    /**
+     * Pass an image to the Avatar
+     */
+    src?: string;
+    /**
+     * Specify alt for image
+     */
+    alt?: string;
+    /**
+     * Specify the size of the Avatar
+     * @default 'md'
+     */
+    size?: AvatarSize;
+    /**
+     * Specify if the Avatar is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify the shape of the Avatar
+     * @default 'circle'
+     */
+    shape?: AvatarShape;
+    /**
+     * If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer
+     */
+    isInteractive: boolean;
+    /**
+     * If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable
+     */
+    isFocusable: boolean;
+    withBorder: boolean;
+    private group?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-avatar': BmAvatar;
+    }
+}
+//# sourceMappingURL=Avatar.d.ts.map