@viasat/beam-web-components 2.0.0

package/Box/Box.d.ts

@@ -0,0 +1,99 @@
+import { LitElement, TemplateResult } from 'lit';
+import { BoxBackgroundColor, BoxBorderColor, BoxBorderWidth, BoxBorderRadius, BoxShadow } from '@viasat/beam-shared/components/box';
+import { Spacing } from '@viasat/beam-shared/utils';
+/**
+ * `bm-box`
+ *
+ * @slot default - Provide content for the Box
+ */
+export declare class BmBox extends LitElement {
+    static styles: import('lit').CSSResult;
+    /**
+     * Specify the background color of a Box
+     * @default 'transparent'
+     */
+    backgroundColor: BoxBackgroundColor;
+    /**
+     * Specify the border color of a Box
+     */
+    borderColor?: BoxBorderColor;
+    /**
+     * Specify the border width of a Box
+     */
+    borderWidth?: BoxBorderWidth;
+    /**
+     * Specify the border radius of a Box
+     */
+    borderRadius?: BoxBorderRadius;
+    /**
+     * Specify before and after padding of a Box
+     */
+    px?: Spacing;
+    /**
+     * Specify top and bottom padding of a Box
+     */
+    py?: Spacing;
+    /**
+     * Specify top padding of a Box
+     */
+    pTop?: Spacing;
+    /**
+     * Specify bottom padding of a Box
+     */
+    pBottom?: Spacing;
+    /**
+     * Specify before padding of a Box
+     */
+    pBefore?: Spacing;
+    /**
+     * Specify after padding of a Box
+     */
+    pAfter?: Spacing;
+    /**
+     * Specify before and after margin of a Box
+     */
+    mx?: Spacing;
+    /**
+     * Specify top and bottom margin of a Box
+     */
+    my?: Spacing;
+    /**
+     * Specify top margin of a Box
+     */
+    mTop?: Spacing;
+    /**
+     * Specify bottom margin of a Box
+     */
+    mBottom?: Spacing;
+    /**
+     * Specify before margin of a Box
+     */
+    mBefore?: Spacing;
+    /**
+     * Specify after margin of a Box
+     */
+    mAfter?: Spacing;
+    /**
+     * Specify all margin
+     */
+    m?: Spacing;
+    /**
+     * Specify all padding
+     */
+    p?: Spacing;
+    /**
+     * Specify gap between child elements
+     */
+    gap?: Spacing;
+    /**
+     * Specify if a Box has a shadow
+     */
+    shadow?: BoxShadow;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-box': BmBox;
+    }
+}
+//# sourceMappingURL=Box.d.ts.map

package/Box/Box.js

@@ -0,0 +1,115 @@
+import { unsafeCSS as l, LitElement as c, html as p } from "lit";
+import { property as e } from "lit/decorators.js";
+import h from "clsx";
+import { g as v, b as g } from "../chunks/classNames.Cq_tbDRp.js";
+import { g as x } from "../chunks/globals.Bz4SVF2g.js";
+import { c as w } from "../chunks/register-custom-element.DHGKOhmA.js";
+const u = ".bm-box--border-width-none{border-width:var(--bm-sem-border-width-none);border-style:solid}.bm-box--border-width-md{border-width:var(--bm-sem-border-width-md);border-style:solid}.bm-box--border-width-lg{border-width:var(--bm-sem-border-width-lg);border-style:solid}.bm-box--border-width-xl{border-width:var(--bm-sem-border-width-xl);border-style:solid}.bm-box--border-width-divider{border-width:var(--bm-sem-border-width-md);border-style:solid;border-top-width:0;border-right-width:0;border-left-width:0}.bm-box--surface-00{background:var(--bm-sem-color-surface-00)}.bm-box--surface-00-alt{background:var(--bm-sem-color-surface-00-alt)}.bm-box--surface-01{background:var(--bm-sem-color-surface-01)}.bm-box--surface-02{background:var(--bm-sem-color-surface-02)}.bm-box--surface-03{background:var(--bm-sem-color-surface-03)}.bm-box--surface-positive{background:var(--bm-sem-color-surface-positive)}.bm-box--surface-warning{background:var(--bm-sem-color-surface-warning)}.bm-box--surface-negative{background:var(--bm-sem-color-surface-negative)}.bm-box--surface-info-primary{background:var(--bm-sem-color-surface-info-primary)}.bm-box--surface-info-secondary{background:var(--bm-sem-color-surface-info-secondary)}.bm-box--surface-positive-strong{background:var(--bm-sem-color-surface-positive-strong)}.bm-box--surface-warning-strong{background:var(--bm-sem-color-surface-warning-strong)}.bm-box--surface-negative-strong{background:var(--bm-sem-color-surface-negative-strong)}.bm-box--surface-info-primary-strong{background:var(--bm-sem-color-surface-info-primary-strong)}.bm-box--surface-info-secondary-strong{background:var(--bm-sem-color-surface-info-secondary-strong)}.bm-box--surface-selected{background:var(--bm-sem-color-surface-selected)}.bm-box--surface-selected-subtle{background:var(--bm-sem-color-surface-selected-subtle)}.bm-box--surface-highlight{background:var(--bm-sem-color-surface-highlight)}.bm-box--surface-transparent{background:var(--bm-sem-color-surface-transparent)}.bm-box--surface-inverse{background:var(--bm-sem-color-surface-inverse)}.bm-box--surface-expressive{background:var(--bm-expressive-color-bg)}.bm-box--surface-expressive-stronger{background:var(--bm-expressive-color-bg-stronger)}.bm-box--surface-expressive-inverse{background:var(--bm-expressive-color-inverse-bg)}.bm-box--border-00{border-color:var(--bm-sem-color-border-00);border-style:solid}.bm-box--border-00:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-00-alt{border-color:var(--bm-sem-color-border-00-alt);border-style:solid}.bm-box--border-00-alt:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-01{border-color:var(--bm-sem-color-border-01);border-style:solid}.bm-box--border-01:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-02{border-color:var(--bm-sem-color-border-02);border-style:solid}.bm-box--border-02:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-03{border-color:var(--bm-sem-color-border-03);border-style:solid}.bm-box--border-03:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-strong{border-color:var(--bm-sem-color-border-strong);border-style:solid}.bm-box--border-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-positive{border-color:var(--bm-sem-color-border-positive);border-style:solid}.bm-box--border-positive:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-warning{border-color:var(--bm-sem-color-border-warning);border-style:solid}.bm-box--border-warning:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-negative{border-color:var(--bm-sem-color-border-negative);border-style:solid}.bm-box--border-negative:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-primary{border-color:var(--bm-sem-color-border-info-primary);border-style:solid}.bm-box--border-info-primary:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-secondary{border-color:var(--bm-sem-color-border-info-secondary);border-style:solid}.bm-box--border-info-secondary:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-positive-strong{border-color:var(--bm-sem-color-border-positive-strong);border-style:solid}.bm-box--border-positive-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-warning-strong{border-color:var(--bm-sem-color-border-warning-strong);border-style:solid}.bm-box--border-warning-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-negative-strong{border-color:var(--bm-sem-color-border-negative-strong);border-style:solid}.bm-box--border-negative-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-primary-strong{border-color:var(--bm-sem-color-border-info-primary-strong);border-style:solid}.bm-box--border-info-primary-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-secondary-strong{border-color:var(--bm-sem-color-border-info-secondary-strong);border-style:solid}.bm-box--border-info-secondary-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-selected{border-color:var(--bm-sem-color-border-selected);border-style:solid}.bm-box--border-selected:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-focus{border-color:var(--bm-sem-color-border-focus);border-style:solid}.bm-box--border-focus:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-inverse{border-color:var(--bm-sem-color-border-inverse);border-style:solid}.bm-box--border-inverse:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-expressive{border-color:var(--bm-expressive-color-border);border-style:solid}.bm-box--border-expressive:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-expressive-stronger{border-color:var(--bm-expressive-color-border-stronger);border-style:solid}.bm-box--border-expressive-stronger:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-transparent{border-color:var(--bm-sem-color-border-transparent);border-style:solid}.bm-box--border-transparent:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--radius-none{border-radius:var(--bm-sem-radius-none)}.bm-box--radius-xs{border-radius:var(--bm-sem-radius-xs)}.bm-box--radius-sm{border-radius:var(--bm-sem-radius-sm)}.bm-box--radius-md{border-radius:var(--bm-sem-radius-md)}.bm-box--radius-lg{border-radius:var(--bm-sem-radius-lg)}.bm-box--radius-round{border-radius:var(--bm-sem-radius-round)}.bm-box--shadow-none{box-shadow:var(--bm-sem-shadow-none)}.bm-box--shadow-sm{box-shadow:var(--bm-sem-shadow-sm)}.bm-box--shadow-md{box-shadow:var(--bm-sem-shadow-md)}.bm-box--shadow-lg{box-shadow:var(--bm-sem-shadow-lg)}.bm-box--shadow-overlay{box-shadow:var(--bm-sem-shadow-overlay)}";
+var y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (t, d, a, m) => {
+  for (var b = m > 1 ? void 0 : m ? f(d, a) : d, i = t.length - 1, n; i >= 0; i--)
+    (n = t[i]) && (b = (m ? n(d, a, b) : n(b)) || b);
+  return m && b && y(d, a, b), b;
+};
+const { baseClassNamePrefix: S, classModifierPrefix: s } = v("box");
+let r = class extends c {
+  constructor() {
+    super(...arguments), this.backgroundColor = "transparent";
+  }
+  render() {
+    const t = {
+      px: this.px,
+      py: this.py,
+      "p-top": this.pTop,
+      "p-bottom": this.pBottom,
+      "p-before": this.pBefore,
+      "p-after": this.pAfter,
+      mx: this.mx,
+      my: this.my,
+      "m-top": this.mTop,
+      "m-bottom": this.mBottom,
+      "m-before": this.mBefore,
+      "m-after": this.mAfter,
+      m: this.m,
+      p: this.p,
+      gap: this.gap
+    }, d = h(
+      S,
+      this.backgroundColor && `${s}surface-${this.backgroundColor}`,
+      this.borderColor && `${s}border-${this.borderColor}`,
+      this.borderWidth && `${s}border-width-${this.borderWidth}`,
+      this.borderRadius && `${s}radius-${this.borderRadius}`,
+      ...g(t),
+      this.shadow && `${s}shadow-${this.shadow}`
+    );
+    return p`<div part="box" class=${d}>
+      <slot></slot>
+    </div>`;
+  }
+};
+r.styles = l([u, x]);
+o([
+  e({ type: String })
+], r.prototype, "backgroundColor", 2);
+o([
+  e({ type: String })
+], r.prototype, "borderColor", 2);
+o([
+  e({ type: String })
+], r.prototype, "borderWidth", 2);
+o([
+  e({ type: String })
+], r.prototype, "borderRadius", 2);
+o([
+  e({ type: String })
+], r.prototype, "px", 2);
+o([
+  e({ type: String })
+], r.prototype, "py", 2);
+o([
+  e({ type: String })
+], r.prototype, "pTop", 2);
+o([
+  e({ type: String })
+], r.prototype, "pBottom", 2);
+o([
+  e({ type: String })
+], r.prototype, "pBefore", 2);
+o([
+  e({ type: String })
+], r.prototype, "pAfter", 2);
+o([
+  e({ type: String })
+], r.prototype, "mx", 2);
+o([
+  e({ type: String })
+], r.prototype, "my", 2);
+o([
+  e({ type: String })
+], r.prototype, "mTop", 2);
+o([
+  e({ type: String })
+], r.prototype, "mBottom", 2);
+o([
+  e({ type: String })
+], r.prototype, "mBefore", 2);
+o([
+  e({ type: String })
+], r.prototype, "mAfter", 2);
+o([
+  e({ type: String })
+], r.prototype, "m", 2);
+o([
+  e({ type: String })
+], r.prototype, "p", 2);
+o([
+  e({ type: String })
+], r.prototype, "gap", 2);
+o([
+  e({ type: String })
+], r.prototype, "shadow", 2);
+r = o([
+  w("bm-box")
+], r);
+export {
+  r as BmBox
+};

package/Box/index.d.ts

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

package/Box/index.js

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

package/Breadcrumbs/Breadcrumbs.context.d.ts

@@ -0,0 +1,10 @@
+import { BmBreadcrumbsItem } from './BreadcrumbsItem';
+export interface BreadcrumbGroupCtxValue {
+    register: (el: BmBreadcrumbsItem) => void;
+    unregister: (el: BmBreadcrumbsItem) => void;
+    currentIndex: number;
+}
+export declare const BreadcrumbGroupCtx: {
+    __context__: BreadcrumbGroupCtxValue;
+};
+//# sourceMappingURL=Breadcrumbs.context.d.ts.map

package/Breadcrumbs/Breadcrumbs.context.js

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

package/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+/**
+ * `bm-breadcrumb`
+ *
+ *
+ * @slot default - Pass items to the Breadcrumb
+ */
+export declare class BmBreadcrumbs extends LitElement {
+    #private;
+    /**
+     * Specify if items wrap or collapse to an ellipsis
+     * @default true
+     */
+    wrap: boolean;
+    /**
+     * Specify how many items show before ellipsis
+     */
+    itemsBeforeCollapse: number;
+    /**
+     * Specify how many items show after ellipsis
+     */
+    itemsAfterCollapse: number;
+    /**
+     * Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+    private groupCtx;
+    static styles: import('lit').CSSResult;
+    protected updated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-breadcrumb': BmBreadcrumbs;
+    }
+}
+//# sourceMappingURL=Breadcrumbs.d.ts.map

package/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,115 @@
+import { provide as B } from "@lit/context";
+import { unsafeCSS as W, LitElement as E, html as P } from "lit";
+import { property as d } from "lit/decorators.js";
+import N from "clsx";
+import { g as k } from "../chunks/classNames.Cq_tbDRp.js";
+import { t as $ } from "../chunks/constants.jOWREYQE.js";
+import { f as I } from "../chunks/dom.C98AFbJh.js";
+import { b as L } from "../chunks/BreadcrumbsItem.4ZR6wbMz.js";
+import { c as O } from "../chunks/register-custom-element.DHGKOhmA.js";
+import { BreadcrumbGroupCtx as T } from "./Breadcrumbs.context.js";
+var q = Object.defineProperty, D = Object.getOwnPropertyDescriptor, A = (t) => {
+  throw TypeError(t);
+}, m = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? D(e, r) : e, p = t.length - 1, n; p >= 0; p--)
+    (n = t[p]) && (s = (i ? n(e, r, s) : n(s)) || s);
+  return i && s && q(e, r, s), s;
+}, M = (t, e, r) => e.has(t) || A("Cannot " + r), a = (t, e, r) => (M(t, e, "read from private field"), r ? r.call(t) : e.get(t)), l = (t, e, r) => e.has(t) ? A("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), v = (t, e, r) => (M(t, e, "access private method"), r), c, h, _, g, u, f, S, w, b;
+const { baseClassNamePrefix: G, subElementClassPrefix: U, classModifierPrefix: F } = k("breadcrumbs");
+let o = class extends E {
+  constructor() {
+    super(...arguments), l(this, f), this.wrap = !0, this.itemsBeforeCollapse = 1, this.itemsAfterCollapse = 1, l(this, c, /* @__PURE__ */ new Set()), l(this, h, /* @__PURE__ */ new WeakMap()), this.groupCtx = {
+      register: (t) => a(this, _).call(this, t),
+      unregister: (t) => a(this, g).call(this, t),
+      currentIndex: 0
+    }, l(this, _, (t) => {
+      a(this, c).add(t), a(this, u).call(this, t), this.requestUpdate();
+    }), l(this, g, (t) => {
+      a(this, c).delete(t), a(this, h).delete(t), this.requestUpdate();
+    }), l(this, u, (t) => {
+      var s;
+      const e = a(this, h).get(t);
+      if (e && e.isConnected) return e;
+      const r = (s = this.shadowRoot) == null ? void 0 : s.querySelector("slot"), i = I(t, this, r);
+      return a(this, h).set(t, i), i;
+    }), l(this, b, () => {
+      v(this, f, w).call(this);
+    });
+  }
+  updated() {
+    this.groupCtx, v(this, f, w).call(this);
+  }
+  render() {
+    const t = N(
+      G,
+      this.theme && $(this.theme),
+      this.wrap && `${F}wrap`
+    );
+    return P`
+      <nav aria-label="Breadcrumbs" class=${t}>
+        <ol class=${`${U}list`}>
+          <slot @slotchange=${a(this, b)}></slot>
+        </ol>
+      </nav>
+    `;
+  }
+};
+c = /* @__PURE__ */ new WeakMap();
+h = /* @__PURE__ */ new WeakMap();
+_ = /* @__PURE__ */ new WeakMap();
+g = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
+f = /* @__PURE__ */ new WeakSet();
+S = function(t) {
+  t.forEach((e) => {
+    e.isCurrent = !1, e.isCollapsed = !1, e.removeAttribute("isCurrent"), e.removeAttribute("isCollapsed"), e.removeAttribute("hidden");
+    const r = a(this, h).get(e);
+    r && r.removeAttribute("hidden");
+  });
+};
+w = function() {
+  const t = Array.from(a(this, c));
+  if (!t.length) return;
+  v(this, f, S).call(this, t);
+  const e = Math.max(0, this.itemsBeforeCollapse), r = Math.max(1, this.itemsAfterCollapse), i = e + r + 1, s = t.length - 1;
+  if (this.wrap || t.length <= i) {
+    const n = t[s];
+    n.isCurrent = !0;
+    return;
+  }
+  const p = Math.max(e + 1, t.length - r);
+  if (p - e > 0) {
+    const n = t[e];
+    n.isCollapsed = !0;
+    for (let C = e + 1; C < p; C++) {
+      const y = t[C];
+      y.setAttribute("hidden", "true");
+      const x = a(this, u).call(this, y);
+      x && x.setAttribute("hidden", "true");
+    }
+  }
+  t[s].isCurrent = !0;
+};
+b = /* @__PURE__ */ new WeakMap();
+o.styles = W(L);
+m([
+  d({ type: Boolean })
+], o.prototype, "wrap", 2);
+m([
+  d({ type: Number })
+], o.prototype, "itemsBeforeCollapse", 2);
+m([
+  d({ type: Number })
+], o.prototype, "itemsAfterCollapse", 2);
+m([
+  d({ type: String })
+], o.prototype, "theme", 2);
+m([
+  B({ context: T })
+], o.prototype, "groupCtx", 2);
+o = m([
+  O("bm-breadcrumb")
+], o);
+export {
+  o as BmBreadcrumbs
+};

package/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+/**
+ * `bm-breadcrumb-item`
+ *
+ * @slot default - Pass text to an item
+ * @slot icon - Pass icon to an item
+ */
+export declare class BmBreadcrumbsItem extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    /**
+     * Pass href to an item
+     */
+    href?: string;
+    /**
+     * Specify if the item is interactive without an href
+     */
+    clickable: boolean;
+    /**
+     * Specify truncation width of the items. Sets max-width for all items but the last.
+     */
+    truncationWidth?: string;
+    /**
+     * Specify explicitly if the item is the last one
+     */
+    isCurrent: boolean;
+    isCollapsed: boolean;
+    private _iconNode;
+    private group?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-breadcrumb-item': BmBreadcrumbsItem;
+    }
+}
+//# sourceMappingURL=BreadcrumbsItem.d.ts.map

package/Breadcrumbs/BreadcrumbsItem.js

@@ -0,0 +1,13 @@
+import "@lit/context";
+import "lit";
+import "lit/decorators.js";
+import "lit/directives/unsafe-svg.js";
+import { B as c } from "../chunks/BreadcrumbsItem.4ZR6wbMz.js";
+import "../chunks/classNames.Cq_tbDRp.js";
+import "../chunks/register-custom-element.DHGKOhmA.js";
+import "../chunks/helpers.AwJwaZvv.js";
+import "./Breadcrumbs.context.js";
+import "../Link/Link.js";
+export {
+  c as BmBreadcrumbsItem
+};

package/Breadcrumbs/index.d.ts

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

package/Breadcrumbs/index.js

@@ -0,0 +1,6 @@
+import { BmBreadcrumbs as e } from "./Breadcrumbs.js";
+import { B as o } from "../chunks/BreadcrumbsItem.4ZR6wbMz.js";
+export {
+  e as BmBreadcrumbs,
+  o as BmBreadcrumbsItem
+};

package/Button/Button.d.ts

@@ -0,0 +1,73 @@
+import { LitElement } from 'lit';
+import { ButtonAppearance, ButtonKind, ButtonSize } from '@viasat/beam-shared/components/button';
+import { ThemeTypes } from '@viasat/beam-shared/utils';
+import { BmFormContext } from '../wip/Form/Form.context';
+/**
+ * `bm-button`
+ *
+ * @slot default - Provide content for the Button
+ * @slot iconBefore - Specify if the Button displays icon before the text
+ * @slot iconAfter - Specify if the Button displays icon after the text
+ *
+ */
+export declare class BmButton extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    static styles: import('lit').CSSResult[];
+    /**
+     * Specify the appearance of a Button
+     * @default 'accent'
+     */
+    appearance: ButtonAppearance;
+    /**
+     * Specify the kind of Button
+     * @default 'filled'
+     */
+    kind: ButtonKind;
+    /**
+     * Specify the size of a Button
+     * @default 'md'
+     */
+    size: ButtonSize;
+    /**
+     * Specify if the Button is disabled
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Specify if Button is fluid
+     * @default false
+     */
+    fluid: boolean;
+    /**
+     * Specify the width of a Button
+     */
+    width?: string;
+    /**
+     * Specify the height of a Button
+     */
+    height?: string;
+    /**
+     * Specify the theme of the Button
+     */
+    theme?: ThemeTypes;
+    /**
+     * Specify if the icon displays without text
+     */
+    iconOnly?: boolean;
+    type: string;
+    private _internals;
+    formContext: BmFormContext;
+    protected defaultLabel: string;
+    protected defaultIcons: {
+        iconBefore: string;
+        iconAfter: string;
+    };
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-button': BmButton;
+    }
+}
+//# sourceMappingURL=Button.d.ts.map