@viasat/beam-web-components 2.0.0

package/HelperText/HelperText.js

@@ -0,0 +1,11 @@
+import "lit";
+import "lit/decorators.js";
+import "lit/directives/unsafe-svg.js";
+import "clsx";
+import { B as a } from "../chunks/HelperText.CcVVOtA3.js";
+import "../chunks/classNames.Cq_tbDRp.js";
+import "../chunks/constants.jOWREYQE.js";
+import "../chunks/register-custom-element.DHGKOhmA.js";
+export {
+  a as BmHelperText
+};

package/HelperText/index.d.ts

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

package/HelperText/index.js

@@ -0,0 +1,4 @@
+import { B as m } from "../chunks/HelperText.CcVVOtA3.js";
+export {
+  m as BmHelperText
+};

package/Icon/Icon.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+import { IconColor, IconSize } from '@viasat/beam-shared/components/icon';
+/**
+ * `bm-icon`
+ * @slot default - Specify which Icon to display
+ */
+export declare class BmIcon extends LitElement {
+    static styles: import('lit').CSSResult;
+    /**
+     * Specify the color of Icon
+     */
+    color?: IconColor;
+    /**
+     * Specify the size of Icon
+     * @default md
+     */
+    size: IconSize;
+    /**
+     * Specify a custom size for the Icon
+     *
+     */
+    customIconSize?: string;
+    /**
+     * Specify a custom color for the Icon
+     *
+     */
+    customIconColor?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-icon': BmIcon;
+    }
+}
+//# sourceMappingURL=Icon.d.ts.map

package/Icon/Icon.js

@@ -0,0 +1,62 @@
+import { unsafeCSS as p, LitElement as v, nothing as g, html as f } from "lit";
+import { property as s } from "lit/decorators.js";
+import y from "clsx";
+import { g as h } from "../chunks/classNames.Cq_tbDRp.js";
+import { p as z } from "../chunks/constants.jOWREYQE.js";
+import { r as u } from "../chunks/delegate.baxDQosr.js";
+import { c as d } from "../chunks/register-custom-element.DHGKOhmA.js";
+const $ = (n) => `--${z}comp-${n}`, S = '.bm-icon{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.bm-icon{--bm-comp-icon-color: inherit;box-sizing:border-box!important;font-weight:400;font-style:normal;fill:currentColor;font-size:var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));width:var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));height:var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));color:var(--bm-comp-icon-color);vertical-align:middle;line-height:inherit;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal}.bm-icon--primary{--bm-comp-icon-color: var(--bm-sem-color-icon-primary)}.bm-icon--secondary{--bm-comp-icon-color: var(--bm-sem-color-icon-secondary)}.bm-icon--positive{--bm-comp-icon-color: var(--bm-sem-color-icon-positive)}.bm-icon--warning{--bm-comp-icon-color: var(--bm-sem-color-icon-warning)}.bm-icon--negative{--bm-comp-icon-color: var(--bm-sem-color-icon-negative)}.bm-icon--infoPrimary{--bm-comp-icon-color: var(--bm-sem-color-icon-info-primary)}.bm-icon--infoSecondary{--bm-comp-icon-color: var(--bm-sem-color-icon-info-secondary)}.bm-icon--positiveStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-positive-strong)}.bm-icon--warningStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-warning-strong)}.bm-icon--negativeStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-negative-strong)}.bm-icon--infoPrimaryStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-info-primary-strong)}.bm-icon--infoSecondaryStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-info-secondary-strong)}.bm-icon--primaryInverse{--bm-comp-icon-color: var(--bm-sem-color-icon-primary-inverse)}.bm-icon--secondaryInverse{--bm-comp-icon-color: var(--bm-sem-color-icon-secondary-inverse)}.bm-icon--xs{--bm-comp-icon-size: var(--bm-sem-size-icon-xs)}.bm-icon--sm{--bm-comp-icon-size: var(--bm-sem-size-icon-sm)}.bm-icon--md{--bm-comp-icon-size: var(--bm-sem-size-icon-md)}.bm-icon--lg{--bm-comp-icon-size: var(--bm-sem-size-icon-lg)}.bm-icon--xl{--bm-comp-icon-size: var(--bm-sem-size-icon-xl)}.bm-icon--clickable{cursor:pointer}';
+var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, m = (n, r, e, c) => {
+  for (var o = c > 1 ? void 0 : c ? w(r, e) : r, t = n.length - 1, a; t >= 0; t--)
+    (a = n[t]) && (o = (c ? a(r, e, o) : a(o)) || o);
+  return c && o && x(r, e, o), o;
+};
+const { baseClassNamePrefix: C, classModifierPrefix: l } = h("icon"), b = $("icon"), P = `${b}-size`, I = `${b}-color`;
+let i = class extends v {
+  constructor() {
+    super(...arguments), this.size = "md";
+  }
+  render() {
+    const n = y(
+      C,
+      this.size && `${l}${this.size}`,
+      this.color && `${l}${this.color}`,
+      this.hasAttribute("onClick") && `${l}clickable`
+    ), r = `
+      ${this.customIconSize ? `${P}: ${this.customIconSize};` : ""}
+      ${this.customIconColor ? `${I}: ${this.customIconColor};` : ""}
+    `, { role: e, ariaLabel: c } = this;
+    return f`
+      <span
+        class=${n}
+        role=${e || c ? "img" : "presentation"}
+        focusable=${this.hasAttribute("onClick") ? "true" : "false"}
+        style=${r}
+        aria-label=${c || g}
+        part="icon"
+      >
+        <slot></slot>
+      </span>
+    `;
+  }
+};
+u(i);
+i.styles = p(S);
+m([
+  s({ type: String })
+], i.prototype, "color", 2);
+m([
+  s({ type: String })
+], i.prototype, "size", 2);
+m([
+  s({ type: String })
+], i.prototype, "customIconSize", 2);
+m([
+  s({ type: String })
+], i.prototype, "customIconColor", 2);
+i = m([
+  d("bm-icon")
+], i);
+export {
+  i as BmIcon
+};

package/Icon/index.d.ts

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

package/Icon/index.js

@@ -0,0 +1,4 @@
+import { BmIcon as r } from "./Icon.js";
+export {
+  r as BmIcon
+};

package/InputChoiceGroup/InputChoiceGroup.context.d.ts

@@ -0,0 +1,13 @@
+export interface InputChoiceGroupContextProps {
+    name: string;
+    required: boolean;
+    error?: string;
+    readOnly: boolean;
+    disabled: boolean;
+    selectedValue?: string;
+    updateSelectedValue?: (value: string) => void;
+}
+export declare const inputChoiceGroupContext: {
+    __context__: InputChoiceGroupContextProps;
+};
+//# sourceMappingURL=InputChoiceGroup.context.d.ts.map

package/InputChoiceGroup/InputChoiceGroup.context.js

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

package/InputChoiceGroup/InputChoiceGroup.d.ts

@@ -0,0 +1,87 @@
+import { PropertyValues } from 'lit';
+import { InputChoiceGroupOrientation, InputChoiceGroupLayouts } from '@viasat/beam-shared/components/inputChoiceGroup';
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+import { FormField } from '../wip/Form/Form.decorator';
+import { InputChoiceGroupContextProps } from './InputChoiceGroup.context';
+/**
+ * `bm-input-choice-group`
+ *
+ * @slot label - Add label text to the InputChoiceGroup
+ * @slot helperText - Add helper text to the InputChoiceGroup
+ */
+export declare class InputChoiceGroup extends FormField {
+    #private;
+    static styles: import('lit').CSSResult;
+    /**
+     * Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+    /**
+     * Specify InputChoiceGroup orientation
+     *
+     * **Deprecated**: use `orientation` and `fluid` instead
+     *
+     * @default 'vertical'
+     * @deprecated use `orientation` and `fluid` instead
+     */
+    layout: InputChoiceGroupLayouts;
+    /**
+     * Specify InputChoiceGroup orientation
+     * @default 'vertical'
+     */
+    orientation: InputChoiceGroupOrientation;
+    private _orientationSet;
+    /**
+     * Specify if InputChoiceGroup should take the full width of its container
+     * @default false
+     */
+    fluid: boolean;
+    private _fluidSet;
+    /**
+     * Specify if InputChoiceGroup is a required input
+     */
+    required: boolean;
+    /**
+     * Specify if the InputChoiceGroup displays with an asterisk
+     */
+    hideRequiredMarker: boolean;
+    /**
+     * Specify error text and display error state of a InputChoiceGroup
+     */
+    error?: string;
+    /**
+     * Specify if InputChoiceGroup displays in a read-only state
+     */
+    readOnly: boolean;
+    /**
+     * Specify if InputChoiceGroup displays in a disabled state
+     */
+    disabled: boolean;
+    private _inputGroupLabel;
+    private _inputGroupHelperText;
+    radioButtons: NodeListOf<Element>;
+    checkboxes: NodeListOf<Element>;
+    switches: NodeListOf<Element>;
+    private groupRef;
+    protected selectedValue?: string;
+    inputGroupContextValue: InputChoiceGroupContextProps;
+    firstUpdated(): void;
+    willUpdate(changedProperties: PropertyValues): void;
+    updated(): void;
+    /**
+     *
+     *  NOTE: This should provide default behavior that can be overridable for
+     *  RadioButtonGroup || CheckboxGroup || SwitchGroup
+     *  in case default behavior is not desired
+     *
+     *  Check RadioButtonGroup `handleKeyDown` || `updateSelectedValue` as example
+     *
+     */
+    protected handleKeyDown(_event: KeyboardEvent): void;
+    protected updateSelectedValue(_value: string): void;
+    protected handleClick(_event: MouseEvent): void;
+    protected getOrientation(): "horizontal" | "vertical";
+    protected isFluid(): boolean;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=InputChoiceGroup.d.ts.map

package/InputChoiceGroup/InputChoiceGroup.js

@@ -0,0 +1,205 @@
+import { provide as S } from "@lit/context";
+import { unsafeCSS as C, html as x, nothing as $ } from "lit";
+import { property as a, queryAssignedElements as d, state as z } from "lit/decorators.js";
+import { createRef as V, ref as G } from "lit/directives/ref.js";
+import q from "clsx";
+import { a as w, g as O } from "../chunks/classNames.Cq_tbDRp.js";
+import { t as M } from "../chunks/constants.jOWREYQE.js";
+import { c as P } from "../chunks/register-custom-element.DHGKOhmA.js";
+import { FormField as F } from "../wip/Form/Form.decorator.js";
+import { inputChoiceGroupContext as B } from "./InputChoiceGroup.context.js";
+const E = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
+var I = Object.defineProperty, W = Object.getOwnPropertyDescriptor, k = (e) => {
+  throw TypeError(e);
+}, r = (e, o, t, m) => {
+  for (var s = m > 1 ? void 0 : m ? W(o, t) : o, l = e.length - 1, b; l >= 0; l--)
+    (b = e[l]) && (s = (m ? b(o, t, s) : b(s)) || s);
+  return m && s && I(o, t, s), s;
+}, R = (e, o, t) => o.has(e) || k("Cannot " + t), c = (e, o, t) => (R(e, o, "read from private field"), t ? t.call(e) : o.get(e)), p = (e, o, t) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, t), n, h, u, f, v, g, y;
+const { baseClassNamePrefix: T, subElementClassPrefix: _, classModifierPrefix: D } = O("input-choice-group");
+let i = class extends F {
+  constructor() {
+    super(...arguments), this.layout = "vertical", this.orientation = "vertical", this._orientationSet = !1, this.fluid = !1, this._fluidSet = !1, this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.groupRef = V(), this.inputGroupContextValue = {
+      name: "",
+      required: !1,
+      error: void 0,
+      readOnly: !1,
+      disabled: !1,
+      selectedValue: void 0,
+      updateSelectedValue: this.updateSelectedValue.bind(this)
+    }, p(this, n, () => {
+      var e;
+      return !!(this.disabled || (e = this.formContext) != null && e.disabled);
+    }), p(this, h, () => {
+      var e;
+      return !!(this.readOnly || (e = this.formContext) != null && e.readOnly);
+    }), p(this, u, () => {
+      var e;
+      return !!(this.required || (e = this.formContext) != null && e.required);
+    }), p(this, f, () => {
+      var o;
+      const { [this.name]: e } = ((o = this.formContext) == null ? void 0 : o.initialValues) || {};
+      e || (this.selectedValue = e, this.requestUpdate());
+    }), p(this, v, (e) => this.error ? x`
+      <bm-helper-text
+        id="${e}"
+        text="${this.error}"
+        appearance="negative"
+        .disabled="${c(this, n).call(this)}"
+        class="${_}helper-text"
+      ></bm-helper-text>
+    ` : $), p(this, g, (e) => {
+      const { formBlurHandler: o } = this.formContext || {};
+      o == null || o(e);
+    }), p(this, y, (e) => {
+      const { formChangeHandler: o } = this.formContext || {};
+      o == null || o(e);
+    });
+  }
+  firstUpdated() {
+    c(this, f).call(this);
+  }
+  willUpdate(e) {
+    e.has("orientation") && (this._orientationSet = !0), e.has("fluid") && (this._fluidSet = !0), this.inputGroupContextValue = {
+      name: this.name,
+      required: c(this, u).call(this),
+      error: this.error,
+      readOnly: c(this, h).call(this),
+      disabled: c(this, n).call(this),
+      selectedValue: this.selectedValue
+    };
+  }
+  updated() {
+    const [e] = this._inputGroupLabel, [o] = this._inputGroupHelperText, { decorate: t } = w(e), { decorate: m } = w(o);
+    m({ disabled: c(this, n).call(this) }), t({
+      htmlFor: this.id,
+      disabled: c(this, n).call(this),
+      required: c(this, u).call(this) && !this.hideRequiredMarker
+    });
+  }
+  /**
+   *
+   *  NOTE: This should provide default behavior that can be overridable for
+   *  RadioButtonGroup || CheckboxGroup || SwitchGroup
+   *  in case default behavior is not desired
+   *
+   *  Check RadioButtonGroup `handleKeyDown` || `updateSelectedValue` as example
+   *
+   */
+  // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+  handleKeyDown(e) {
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+  updateSelectedValue(e) {
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+  handleClick(e) {
+  }
+  getOrientation() {
+    return this._orientationSet ? this.orientation : this.layout === "horizontalFluid" ? "horizontal" : this.layout;
+  }
+  isFluid() {
+    return this._fluidSet ? this.fluid : this.layout === "horizontalFluid";
+  }
+  render() {
+    const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), t = !!this.error || !!o, m = this.getOrientation(), s = this.isFluid(), l = m === "horizontal" && s ? "horizontalFluid" : m;
+    console.log(
+      "haha",
+      this.orientation,
+      this.layout,
+      this.fluid,
+      m,
+      s
+    );
+    const b = q(
+      T,
+      this.theme && M(this.theme),
+      `${D}${l}`
+    );
+    return x`
+      <fieldset
+        ${G(this.groupRef)}
+        class=${b}
+        aria-invalid="${e || t}"
+        @blur=${c(this, g)}
+        @input=${c(this, y)}
+        @keydown=${this.handleKeyDown}
+        @click=${this.handleClick}
+        role="group"
+        aria-labelledby=${`group-label-${this.name}`}
+      >
+        <legend id=${`group-label-${this.name}`}>
+          <slot name="label" id="${this.labelId}"></slot>
+        </legend>
+        <div class="${_}inputs">
+          <slot></slot>
+        </div>
+        <slot name="helper-text" id="${this.helperTextId}"></slot>
+        ${c(this, v).call(this, this.errorId)} ${this.renderValidationErrors()}
+      </fieldset>
+    `;
+  }
+};
+n = /* @__PURE__ */ new WeakMap();
+h = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
+f = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
+g = /* @__PURE__ */ new WeakMap();
+y = /* @__PURE__ */ new WeakMap();
+i.styles = C(E);
+r([
+  a({ type: String })
+], i.prototype, "theme", 2);
+r([
+  a({ type: String })
+], i.prototype, "layout", 2);
+r([
+  a({ type: String })
+], i.prototype, "orientation", 2);
+r([
+  a({ type: Boolean })
+], i.prototype, "fluid", 2);
+r([
+  a({ type: Boolean })
+], i.prototype, "required", 2);
+r([
+  a({ type: Boolean })
+], i.prototype, "hideRequiredMarker", 2);
+r([
+  a({ type: String })
+], i.prototype, "error", 2);
+r([
+  a({ type: Boolean })
+], i.prototype, "readOnly", 2);
+r([
+  a({ type: Boolean })
+], i.prototype, "disabled", 2);
+r([
+  d({ slot: "label" })
+], i.prototype, "_inputGroupLabel", 2);
+r([
+  d({ slot: "helper-text" })
+], i.prototype, "_inputGroupHelperText", 2);
+r([
+  d({ selector: "bm-radio-button" })
+], i.prototype, "radioButtons", 2);
+r([
+  d({ selector: "bm-checkbox" })
+], i.prototype, "checkboxes", 2);
+r([
+  d({ selector: "bm-switch" })
+], i.prototype, "switches", 2);
+r([
+  z()
+], i.prototype, "selectedValue", 2);
+r([
+  S({ context: B }),
+  z()
+], i.prototype, "inputGroupContextValue", 2);
+i = r([
+  P("bm-input-choice-group")
+], i);
+export {
+  i as InputChoiceGroup
+};

package/InputChoiceGroup/index.d.ts

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

package/InputChoiceGroup/index.js

@@ -0,0 +1,4 @@
+import { InputChoiceGroup as r } from "./InputChoiceGroup.js";
+export {
+  r as InputChoiceGroup
+};

package/Link/Link.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+import { LinkAppearances, LinkSizes } from '@viasat/beam-shared/components/link';
+/**
+ * `bm-link`
+ *
+ * @slot default - Provide text for the Link or use the `text` attribute
+ * @slot iconBefore - Specify if the Link displays icon before the text
+ * @slot iconAfter - Specify if the Link displays icon after the text
+ */
+export declare class BmLink extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    /**
+     * Specify the appearance of a Link
+     */
+    appearance: LinkAppearances;
+    /**
+     * Specify if the Link displays as bold
+     */
+    bold: boolean;
+    /**
+     * Specify the size of a Link
+     */
+    size?: LinkSizes;
+    /**
+     * Specify if the Link is disabled
+     */
+    disabled: boolean;
+    /**
+     * Specify the target link for the href attribute
+     */
+    href: string;
+    /**
+     * Provide text for the Link
+     */
+    text?: string | undefined;
+    /**
+     * Specify if Link displays with an underline
+     */
+    hideUnderline: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-link': BmLink;
+    }
+}
+//# sourceMappingURL=Link.d.ts.map

package/Link/Link.js

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

package/Link/index.d.ts

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

package/Link/index.js

@@ -0,0 +1,4 @@
+import { BmLink as r } from "./Link.js";
+export {
+  r as BmLink
+};

package/List/List.context.d.ts

@@ -0,0 +1,15 @@
+import { ListDensity, ListKind, ListSize } from '@viasat/beam-shared/components/list';
+import { BmListItem } from './ListItem';
+export interface ListContext {
+    kind: ListKind | undefined;
+    size: ListSize | undefined;
+    density: ListDensity | undefined;
+    indent: boolean | undefined;
+    nestCount: number;
+    register?: (el: BmListItem) => void;
+    unregister?: (el: BmListItem) => void;
+}
+export declare const ListContext: {
+    __context__: ListContext;
+};
+//# sourceMappingURL=List.context.d.ts.map

package/List/List.context.js

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