bth-ui 0.0.0-stage → 0.0.1

package/dist/collection/components/bth-button/bth-button.css

@@ -0,0 +1,152 @@
+:host {
+  display: inline-block;
+  vertical-align: middle;
+  --bth-button-bg-color: transparent;
+  --bth-button-text-color: var(--bth-color-text, #222222);
+  --bth-button-border-color: var(--bth-color-border, #d1d5db);
+  --bth-button-accent-color: var(--bth-color-text, #222222);
+  --bth-button-height: var(--bth-control-height-md, 40px);
+  --bth-button-padding: 0 var(--bth-spacing-5x, 20px);
+  --bth-button-font-size: var(--bth-font-size-md, 0.875rem);
+  --bth-button-radius: var(--bth-radius-md, 10px);
+}
+
+:host([color=default]) {
+  --bth-button-bg-color: transparent;
+  --bth-button-text-color: var(--bth-color-text, #222222);
+  --bth-button-border-color: var(--bth-color-border, #d1d5db);
+  --bth-button-accent-color: var(--bth-color-text, #222222);
+}
+
+:host([color=primary]) {
+  --bth-button-bg-color: var(--bth-color-primary, #0861ff);
+  --bth-button-text-color: var(--bth-color-primary-contrast, #ffffff);
+  --bth-button-border-color: var(--bth-color-primary, #0861ff);
+  --bth-button-accent-color: var(--bth-color-primary, #0861ff);
+}
+
+:host([color=success]) {
+  --bth-button-bg-color: var(--bth-color-success, #26d07c);
+  --bth-button-text-color: var(--bth-color-success-contrast, #ffffff);
+  --bth-button-border-color: var(--bth-color-success, #26d07c);
+  --bth-button-accent-color: var(--bth-color-success, #26d07c);
+}
+
+:host([color=danger]) {
+  --bth-button-bg-color: var(--bth-color-danger, #df4661);
+  --bth-button-text-color: var(--bth-color-danger-contrast, #ffffff);
+  --bth-button-border-color: var(--bth-color-danger, #df4661);
+  --bth-button-accent-color: var(--bth-color-danger, #df4661);
+}
+
+:host([color=warning]) {
+  --bth-button-bg-color: var(--bth-color-warning, #f7b500);
+  --bth-button-text-color: var(--bth-color-warning-contrast, #ffffff);
+  --bth-button-border-color: var(--bth-color-warning, #f7b500);
+  --bth-button-accent-color: var(--bth-color-warning, #f7b500);
+}
+
+:host([color=info]) {
+  --bth-button-bg-color: var(--bth-color-info, #009cde);
+  --bth-button-text-color: var(--bth-color-info-contrast, #ffffff);
+  --bth-button-border-color: var(--bth-color-info, #009cde);
+  --bth-button-accent-color: var(--bth-color-info, #009cde);
+}
+
+:host([size=xs]) {
+  --bth-button-height: var(--bth-control-height-xs, 24px);
+  --bth-button-padding: 0 var(--bth-spacing-2x, 8px);
+  --bth-button-font-size: var(--bth-font-size-xs, 0.75rem);
+  --bth-button-radius: var(--bth-radius-xs, 6px);
+}
+
+:host([size=sm]) {
+  --bth-button-height: var(--bth-control-height-sm, 32px);
+  --bth-button-padding: 0 var(--bth-spacing-3x, 12px);
+  --bth-button-font-size: var(--bth-font-size-sm, 0.8125rem);
+  --bth-button-radius: var(--bth-radius-sm, 8px);
+}
+
+:host([size=md]) {
+  --bth-button-height: var(--bth-control-height-md, 40px);
+  --bth-button-padding: 0 var(--bth-spacing-5x, 20px);
+  --bth-button-font-size: var(--bth-font-size-md, 0.875rem);
+  --bth-button-radius: var(--bth-radius-md, 10px);
+}
+
+:host([size=lg]) {
+  --bth-button-height: var(--bth-control-height-lg, 48px);
+  --bth-button-padding: 0 var(--bth-spacing-6x, 24px);
+  --bth-button-font-size: var(--bth-font-size-lg, 1rem);
+  --bth-button-radius: var(--bth-radius-lg, 12px);
+}
+
+:host([size=xl]) {
+  --bth-button-height: var(--bth-control-height-xl, 56px);
+  --bth-button-padding: 0 var(--bth-spacing-8x, 32px);
+  --bth-button-font-size: var(--bth-font-size-xl, 1.125rem);
+  --bth-button-radius: var(--bth-radius-xl, 14px);
+}
+
+.btn {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--bth-spacing-2x, 8px);
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--bth-button-height);
+  padding: var(--bth-button-padding);
+  border: 1px solid var(--bth-button-border-color);
+  border-radius: var(--bth-button-radius);
+  background-color: var(--bth-button-bg-color);
+  color: var(--bth-button-text-color);
+  font-family: var(--bth-font-family, "Geist", sans-serif);
+  font-size: var(--bth-button-font-size);
+  font-weight: var(--bth-font-weight-medium, 500);
+  line-height: var(--bth-line-height-none, 1);
+  white-space: nowrap;
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 0.15s ease, opacity 0.15s ease;
+}
+.btn:hover {
+  opacity: var(--bth-opacity-hover, 0.88);
+}
+.btn:active {
+  opacity: var(--bth-opacity-active, 0.76);
+}
+.btn:focus-visible {
+  outline: 2px solid var(--bth-button-accent-color);
+  outline-offset: 2px;
+}
+.btn:disabled {
+  opacity: var(--bth-opacity-disabled, 0.5);
+  cursor: not-allowed;
+}
+
+:host([variant=outline]),
+:host([variant=ghost]) {
+  --bth-button-bg-color: transparent;
+  --bth-button-text-color: var(--bth-button-accent-color);
+}
+
+:host([variant=ghost]) {
+  --bth-button-border-color: transparent;
+}
+
+:host([variant=outline]) .btn:not(:disabled):hover,
+:host([variant=ghost]) .btn:not(:disabled):hover,
+:host([color=default]) .btn:not(:disabled):hover,
+:host(:not([color])) .btn:not(:disabled):hover {
+  opacity: 1;
+  background-color: color-mix(in srgb, var(--bth-button-accent-color) var(--bth-tint-hover, 10%), transparent);
+}
+:host([variant=outline]) .btn:not(:disabled):active,
+:host([variant=ghost]) .btn:not(:disabled):active,
+:host([color=default]) .btn:not(:disabled):active,
+:host(:not([color])) .btn:not(:disabled):active {
+  opacity: 1;
+  background-color: color-mix(in srgb, var(--bth-button-accent-color) var(--bth-tint-active, 18%), transparent);
+}

package/dist/collection/components/bth-button/bth-button.js

@@ -0,0 +1,183 @@
+import { Host, h } from "@stencil/core";
+/**
+ * Botão para disparar ações e enviar formulários.
+ *
+ * @usage-when Para disparar uma ação na página atual, como salvar, confirmar ou abrir um diálogo.
+ * @usage-when Para enviar ou limpar um formulário, com `type="submit"` ou `type="reset"`.
+ * @usage-avoid Para navegar entre páginas; use um link.
+ * @usage-avoid Com mais de um botão de destaque na mesma área; reserve a cor `primary` para a ação principal.
+ * @category formulário
+ * @related bth-icon, bth-alert
+ * @example
+ * ```html
+ * <bth-button color="primary">Salvar</bth-button>
+ * <bth-button variant="outline" color="danger" size="sm">Excluir</bth-button>
+ * ```
+ * @status beta
+ *
+ * @slot - Conteúdo do botão.
+ */
+export class BthButton {
+    el;
+    /** Estilo visual: `default` é preenchido, `outline` tem só a borda e `ghost` tem só o texto. */
+    variant = 'default';
+    /** Desabilita o botão e impede a interação. */
+    disabled = false;
+    /** Tamanho do botão. */
+    size = 'md';
+    /** Cor do botão. */
+    color = 'default';
+    /** Tipo do botão nativo. `submit` e `reset` atuam sobre o formulário pai. */
+    type = 'button';
+    // The native button lives in the shadow DOM, so it can't reach the form by itself
+    handleClick = () => {
+        const form = this.el.closest('form');
+        if (!form)
+            return;
+        if (this.type === 'submit')
+            form.requestSubmit();
+        if (this.type === 'reset')
+            form.reset();
+    };
+    render() {
+        return (h(Host, { key: 'e9e2ad1c81a5fdb14df799afbd9be974e2425363' }, h("button", { key: '6a470817658a809b1c7cc665e5de4e072d25b805', class: "btn", type: this.type, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: '63bc7cf6129a9375dca03f8daa83ef04965b6602' }))));
+    }
+    static get is() { return "bth-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bth-button.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bth-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonVariant",
+                    "resolved": "\"default\" | \"ghost\" | \"outline\"",
+                    "references": {
+                        "ButtonVariant": {
+                            "location": "import",
+                            "path": "./bth-button.types",
+                            "id": "src/components/bth-button/bth-button.types.ts::ButtonVariant",
+                            "referenceLocation": "ButtonVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Estilo visual: `default` \u00E9 preenchido, `outline` tem s\u00F3 a borda e `ghost` tem s\u00F3 o texto."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'default'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Desabilita o bot\u00E3o e impede a intera\u00E7\u00E3o."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "ButtonSize": {
+                            "location": "import",
+                            "path": "./bth-button.types",
+                            "id": "src/components/bth-button/bth-button.types.ts::ButtonSize",
+                            "referenceLocation": "ButtonSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tamanho do bot\u00E3o."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonColor",
+                    "resolved": "\"danger\" | \"default\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
+                    "references": {
+                        "ButtonColor": {
+                            "location": "import",
+                            "path": "./bth-button.types",
+                            "id": "src/components/bth-button/bth-button.types.ts::ButtonColor",
+                            "referenceLocation": "ButtonColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Cor do bot\u00E3o."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "color",
+                "defaultValue": "'default'"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'submit' | 'reset' | 'button'",
+                    "resolved": "\"button\" | \"reset\" | \"submit\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tipo do bot\u00E3o nativo. `submit` e `reset` atuam sobre o formul\u00E1rio pai."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "type",
+                "defaultValue": "'button'"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/bth-button/bth-button.types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/bth-icon/bth-icon.css

@@ -0,0 +1,9 @@
+:host {
+  display: block;
+}
+
+bth-icon {
+  display: inline-block;
+  width: var(--bth-icon-font-size, 24px);
+  height: var(--bth-icon-font-size, 24px);
+}

package/dist/collection/components/bth-icon/bth-icon.js

@@ -0,0 +1,57 @@
+import { h } from "@stencil/core";
+/**
+ * Ícone da fonte Material Symbols Outlined.
+ *
+ * @usage-when Para reforçar visualmente o significado de um texto, como o título de um alerta ou o rótulo de um botão.
+ * @usage-when Para preencher o slot `icon` de outros componentes.
+ * @usage-avoid Como único conteúdo de um controle interativo sem um rótulo acessível.
+ * @usage-avoid Para ilustrações ou imagens decorativas grandes; use uma imagem.
+ * @category mídia
+ * @related bth-alert, bth-button
+ * @example
+ * ```html
+ * <bth-icon name="info"></bth-icon>
+ * ```
+ * @status beta
+ */
+export class BthIcon {
+    /** Nome do ícone na fonte Material Symbols Outlined, como `info` ou `check_circle`. */
+    name;
+    render() {
+        return (h("span", { key: '2263cb4f70dea4e88997ffde9bf9fbeaf92dc50a', class: 'material-symbols-outlined' }, this.name));
+    }
+    static get is() { return "bth-icon"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bth-icon.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bth-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Nome do \u00EDcone na fonte Material Symbols Outlined, como `info` ou `check_circle`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
+            }
+        };
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export {};

package/dist/components/bth-alert-description.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BthAlertDescription extends Components.BthAlertDescription, HTMLElement {}
+export const BthAlertDescription: {
+    prototype: BthAlertDescription;
+    new (): BthAlertDescription;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bth-alert-description.js

@@ -0,0 +1 @@
+import{t,p as e,H as r,h as s,a as i}from"./index.js";const a=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"27e9214204ef24ab0e97c1773127d2876430dad5","data-slot":"alert-description"},s("div",{key:"4ccf13a8de497058066c392b141f3a20f113c2e4",class:"alert-description",part:"description"},s("slot",{key:"3229468fe358daa760bd6383c4aff6ed26e6504f"})))}static get style(){return':host{display:block;grid-column:2}.alert-description{margin:0;font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-font-size-md, 0.875rem);line-height:var(--bth-line-height-normal, 1.45);color:var(--bth-alert-text-color, var(--bth-color-text, #222222))}:host(:not(:first-child)) .alert-description{margin-top:var(--bth-spacing-1x, 4px)}'}},[257,"bth-alert-description"]);function o(){"undefined"!=typeof customElements&&["bth-alert-description"].forEach((e=>{"bth-alert-description"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}o();const n=a,c=o;export{n as BthAlertDescription,c as defineCustomElement}

package/dist/components/bth-alert-title.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BthAlertTitle extends Components.BthAlertTitle, HTMLElement {}
+export const BthAlertTitle: {
+    prototype: BthAlertTitle;
+    new (): BthAlertTitle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bth-alert-title.js

@@ -0,0 +1 @@
+import{t,p as e,H as s,h as a,a as l}from"./index.js";const r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a(l,{key:"0c513e02bcbf0ed3e90f855da9e4d93d3b59818f","data-slot":"alert-title"},a("h5",{key:"df92e7dc279675b15e69c4267e32fdd6c417dc8f",class:"alert-title",part:"title"},a("slot",{key:"79fe942452e0d649a5dbe1920aadc0b74fe08e40"})))}static get style(){return':host{display:block;grid-column:2}.alert-title{margin:0;font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-font-size-lg, 1rem);font-weight:var(--bth-font-weight-semibold, 600);line-height:var(--bth-spacing-6x, 24px);color:var(--bth-alert-accent-color, inherit)}'}},[257,"bth-alert-title"]);function i(){"undefined"!=typeof customElements&&["bth-alert-title"].forEach((e=>{"bth-alert-title"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}i();const n=r,o=i;export{n as BthAlertTitle,o as defineCustomElement}

package/dist/components/bth-alert.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BthAlert extends Components.BthAlert, HTMLElement {}
+export const BthAlert: {
+    prototype: BthAlert;
+    new (): BthAlert;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bth-alert.js

@@ -0,0 +1 @@
+import{t,p as r,H as o,c as a,h as e,a as c}from"./index.js";function l(t){var r,o,a="";if("string"==typeof t||"number"==typeof t)a+=t;else if("object"==typeof t)if(Array.isArray(t)){var e=t.length;for(r=0;r<e;r++)t[r]&&(o=l(t[r]))&&(a&&(a+=" "),a+=o)}else for(o in t)t[o]&&(a&&(a+=" "),a+=o);return a}function s(){for(var t,r,o=0,a="",e=arguments.length;o<e;o++)(t=arguments[o])&&(r=l(t))&&(a&&(a+=" "),a+=r);return a}const i=r(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bthDismiss=a(this,"bthDismiss")}get el(){return this}variant="default";dismissible=!1;hasIcon=!1;dismissed=!1;bthDismiss;componentWillLoad(){this.updateHasIcon()}updateHasIcon=()=>{this.hasIcon=!!this.el.querySelector(':scope > [slot="icon"]')};handleDismiss=()=>{this.dismissed=!0,this.bthDismiss.emit()};render(){return e(c,{key:"92b3322ec6586bea380d12b09b6fc9556db26195","data-slot":"alert",hidden:this.dismissed},e("div",{key:"c897cc5ef279ad1420dc6b73a99087a6900af1d2",class:s("alert",this.hasIcon&&"alert--has-icon"),role:"alert",part:"alert"},e("slot",{key:"e87cca48b662e26b04fc486c8f6a2c359de99a15",name:"icon",onSlotchange:this.updateHasIcon}),e("slot",{key:"dca9b4c45e911bb28632ae419c1b446f302d5333"}),this.dismissible&&e("button",{key:"6a044accbc86dcef7f54369e3f8fb7f6071ee918",class:"alert-dismiss",type:"button","aria-label":"Fechar",part:"dismiss",onClick:this.handleDismiss},e("svg",{key:"e3472ad3898665a876270cf92681c05aac2989a2",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","aria-hidden":"true"},e("path",{key:"8a11a9e5a1cdb140894c2fc8af356c4318605fdb",d:"M4 4l8 8M12 4l-8 8"})))))}static get style(){return':host{display:block;--bth-alert-bg-color:transparent;--bth-alert-text-color:var(--bth-color-text, #222222);--bth-alert-border-color:var(--bth-color-border, #d1d5db);--bth-alert-accent-color:var(--bth-color-text, #222222)}:host([hidden]){display:none}:host([variant=default]){--bth-alert-bg-color:transparent;--bth-alert-text-color:var(--bth-color-text, #222222);--bth-alert-border-color:var(--bth-color-border, #d1d5db);--bth-alert-accent-color:var(--bth-color-text, #222222)}:host([variant=danger]){--bth-alert-bg-color:var(--bth-color-danger, #df4661);--bth-alert-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-danger, #df4661);--bth-alert-accent-color:var(--bth-color-danger, #df4661)}:host([variant=success]){--bth-alert-bg-color:var(--bth-color-success, #26d07c);--bth-alert-text-color:var(--bth-color-success-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-success, #26d07c);--bth-alert-accent-color:var(--bth-color-success, #26d07c)}:host([variant=warning]){--bth-alert-bg-color:var(--bth-color-warning, #f7b500);--bth-alert-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-warning, #f7b500);--bth-alert-accent-color:var(--bth-color-warning, #f7b500)}:host([variant=info]){--bth-alert-bg-color:var(--bth-color-info, #009cde);--bth-alert-text-color:var(--bth-color-info-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-info, #009cde);--bth-alert-accent-color:var(--bth-color-info, #009cde)}:host([variant]){--bth-alert-bg-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-subtle, 10%), transparent);--bth-alert-text-color:var(--bth-color-text, #222222)}:host([variant=default]){--bth-alert-bg-color:transparent}.alert{display:grid;grid-template-columns:0 1fr auto;align-items:start;box-sizing:border-box;padding:var(--bth-spacing-4x, 16px);border:1px solid var(--bth-alert-border-color);border-radius:var(--bth-radius-md, 10px);background-color:var(--bth-alert-bg-color);color:var(--bth-alert-accent-color);font-family:var(--bth-font-family, "Geist", sans-serif)}.alert--has-icon{grid-template-columns:auto 1fr auto}::slotted([slot=icon]){grid-column:1;grid-row:1/span 2;display:flex;align-items:flex-start;margin-right:var(--bth-spacing-3x, 12px);color:currentColor}.alert-dismiss{grid-column:3;grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:var(--bth-spacing-6x, 24px);height:var(--bth-spacing-6x, 24px);margin-left:var(--bth-spacing-3x, 12px);padding:0;border:0;border-radius:var(--bth-radius-xs, 6px);background-color:transparent;color:var(--bth-alert-text-color);cursor:pointer;transition:background-color 0.15s ease}.alert-dismiss:hover{background-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-hover, 10%), transparent)}.alert-dismiss:active{background-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-active, 18%), transparent)}.alert-dismiss:focus-visible{outline:2px solid var(--bth-alert-accent-color);outline-offset:2px}'}},[769,"bth-alert",{variant:[513],dismissible:[4],hasIcon:[32],dismissed:[32]}]);function n(){"undefined"!=typeof customElements&&["bth-alert"].forEach((r=>{"bth-alert"===r&&(customElements.get(t(r))||customElements.define(t(r),i))}))}n();const b=i,h=n;export{b as BthAlert,h as defineCustomElement}

package/dist/components/bth-badge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BthBadge extends Components.BthBadge, HTMLElement {}
+export const BthBadge: {
+    prototype: BthBadge;
+    new (): BthBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bth-badge.js

@@ -0,0 +1 @@
+import{t as o,p as t,H as r,h as e,a}from"./index.js";const b=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}variant="solid";color="default";size="md";render(){return e(a,{key:"845476bdaa75c6e1e90b97c14e9055b02a1fef60","data-slot":"badge"},e("span",{key:"f18a3a971b47b1a6c80131b71278a5c66cbe39b1",class:"badge",part:"badge"},e("slot",{key:"e296ee90d002f0a25d7bf7fb7aaa3ebfe4952d7f"})))}static get style(){return':host{display:inline-block;vertical-align:middle;font-size:var(--bth-badge-font-size);--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-color-text, #222222);--bth-badge-border-color:var(--bth-color-border, #d1d5db);--bth-badge-accent-color:var(--bth-color-text, #222222);--bth-badge-font-size:0.75em}:host([color=default]){--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-color-text, #222222);--bth-badge-border-color:var(--bth-color-border, #d1d5db);--bth-badge-accent-color:var(--bth-color-text, #222222)}:host([color=primary]){--bth-badge-bg-color:var(--bth-color-primary, #0861ff);--bth-badge-text-color:var(--bth-color-primary-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-primary, #0861ff);--bth-badge-accent-color:var(--bth-color-primary, #0861ff)}:host([color=success]){--bth-badge-bg-color:var(--bth-color-success, #26d07c);--bth-badge-text-color:var(--bth-color-success-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-success, #26d07c);--bth-badge-accent-color:var(--bth-color-success, #26d07c)}:host([color=danger]){--bth-badge-bg-color:var(--bth-color-danger, #df4661);--bth-badge-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-danger, #df4661);--bth-badge-accent-color:var(--bth-color-danger, #df4661)}:host([color=warning]){--bth-badge-bg-color:var(--bth-color-warning, #f7b500);--bth-badge-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-warning, #f7b500);--bth-badge-accent-color:var(--bth-color-warning, #f7b500)}:host([color=info]){--bth-badge-bg-color:var(--bth-color-info, #009cde);--bth-badge-text-color:var(--bth-color-info-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-info, #009cde);--bth-badge-accent-color:var(--bth-color-info, #009cde)}:host([color=accent]){--bth-badge-bg-color:var(--bth-color-accent, #7740ff);--bth-badge-text-color:var(--bth-color-accent-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-accent, #7740ff);--bth-badge-accent-color:var(--bth-color-accent, #7740ff)}:host([size=xs]){--bth-badge-font-size:0.55em}:host([size=sm]){--bth-badge-font-size:0.65em}:host([size=md]){--bth-badge-font-size:0.75em}:host([size=lg]){--bth-badge-font-size:0.875em}:host([size=xl]){--bth-badge-font-size:1em}.badge{display:inline-flex;align-items:center;justify-content:center;gap:0.35em;box-sizing:border-box;padding:0.3em 0.7em;border:1px solid var(--bth-badge-border-color);border-radius:0.5em;background-color:var(--bth-badge-bg-color);color:var(--bth-badge-text-color);font-family:var(--bth-font-family, "Geist", sans-serif);font-size:1em;font-weight:var(--bth-font-weight-medium, 500);line-height:var(--bth-line-height-tight, 1.2);letter-spacing:normal;white-space:nowrap}:host([variant=subtle]),:host([variant=outline]){--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-badge-accent-color)}:host([variant=subtle]){--bth-badge-bg-color:color-mix(in srgb, var(--bth-badge-accent-color) var(--bth-tint-subtle, 10%), transparent);--bth-badge-border-color:transparent}'}},[769,"bth-badge",{variant:[513],color:[513],size:[513]}]);function c(){"undefined"!=typeof customElements&&["bth-badge"].forEach((t=>{"bth-badge"===t&&(customElements.get(o(t))||customElements.define(o(t),b))}))}c();const l=b,d=c;export{l as BthBadge,d as defineCustomElement}

package/dist/components/bth-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BthButton extends Components.BthButton, HTMLElement {}
+export const BthButton: {
+    prototype: BthButton;
+    new (): BthButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bth-button.js

@@ -0,0 +1 @@
+import{t,p as o,H as r,h as b,a as n}from"./index.js";const a=o(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}variant="default";disabled=!1;size="md";color="default";type="button";handleClick=()=>{const t=this.el.closest("form");t&&("submit"===this.type&&t.requestSubmit(),"reset"===this.type&&t.reset())};render(){return b(n,{key:"e9e2ad1c81a5fdb14df799afbd9be974e2425363"},b("button",{key:"6a470817658a809b1c7cc665e5de4e072d25b805",class:"btn",type:this.type,disabled:this.disabled,onClick:this.handleClick},b("slot",{key:"63bc7cf6129a9375dca03f8daa83ef04965b6602"})))}static get style(){return':host{display:inline-block;vertical-align:middle;--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-color-text, #222222);--bth-button-border-color:var(--bth-color-border, #d1d5db);--bth-button-accent-color:var(--bth-color-text, #222222);--bth-button-height:var(--bth-control-height-md, 40px);--bth-button-padding:0 var(--bth-spacing-5x, 20px);--bth-button-font-size:var(--bth-font-size-md, 0.875rem);--bth-button-radius:var(--bth-radius-md, 10px)}:host([color=default]){--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-color-text, #222222);--bth-button-border-color:var(--bth-color-border, #d1d5db);--bth-button-accent-color:var(--bth-color-text, #222222)}:host([color=primary]){--bth-button-bg-color:var(--bth-color-primary, #0861ff);--bth-button-text-color:var(--bth-color-primary-contrast, #ffffff);--bth-button-border-color:var(--bth-color-primary, #0861ff);--bth-button-accent-color:var(--bth-color-primary, #0861ff)}:host([color=success]){--bth-button-bg-color:var(--bth-color-success, #26d07c);--bth-button-text-color:var(--bth-color-success-contrast, #ffffff);--bth-button-border-color:var(--bth-color-success, #26d07c);--bth-button-accent-color:var(--bth-color-success, #26d07c)}:host([color=danger]){--bth-button-bg-color:var(--bth-color-danger, #df4661);--bth-button-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-button-border-color:var(--bth-color-danger, #df4661);--bth-button-accent-color:var(--bth-color-danger, #df4661)}:host([color=warning]){--bth-button-bg-color:var(--bth-color-warning, #f7b500);--bth-button-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-button-border-color:var(--bth-color-warning, #f7b500);--bth-button-accent-color:var(--bth-color-warning, #f7b500)}:host([color=info]){--bth-button-bg-color:var(--bth-color-info, #009cde);--bth-button-text-color:var(--bth-color-info-contrast, #ffffff);--bth-button-border-color:var(--bth-color-info, #009cde);--bth-button-accent-color:var(--bth-color-info, #009cde)}:host([size=xs]){--bth-button-height:var(--bth-control-height-xs, 24px);--bth-button-padding:0 var(--bth-spacing-2x, 8px);--bth-button-font-size:var(--bth-font-size-xs, 0.75rem);--bth-button-radius:var(--bth-radius-xs, 6px)}:host([size=sm]){--bth-button-height:var(--bth-control-height-sm, 32px);--bth-button-padding:0 var(--bth-spacing-3x, 12px);--bth-button-font-size:var(--bth-font-size-sm, 0.8125rem);--bth-button-radius:var(--bth-radius-sm, 8px)}:host([size=md]){--bth-button-height:var(--bth-control-height-md, 40px);--bth-button-padding:0 var(--bth-spacing-5x, 20px);--bth-button-font-size:var(--bth-font-size-md, 0.875rem);--bth-button-radius:var(--bth-radius-md, 10px)}:host([size=lg]){--bth-button-height:var(--bth-control-height-lg, 48px);--bth-button-padding:0 var(--bth-spacing-6x, 24px);--bth-button-font-size:var(--bth-font-size-lg, 1rem);--bth-button-radius:var(--bth-radius-lg, 12px)}:host([size=xl]){--bth-button-height:var(--bth-control-height-xl, 56px);--bth-button-padding:0 var(--bth-spacing-8x, 32px);--bth-button-font-size:var(--bth-font-size-xl, 1.125rem);--bth-button-radius:var(--bth-radius-xl, 14px)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--bth-spacing-2x, 8px);box-sizing:border-box;width:100%;height:var(--bth-button-height);padding:var(--bth-button-padding);border:1px solid var(--bth-button-border-color);border-radius:var(--bth-button-radius);background-color:var(--bth-button-bg-color);color:var(--bth-button-text-color);font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-button-font-size);font-weight:var(--bth-font-weight-medium, 500);line-height:var(--bth-line-height-none, 1);white-space:nowrap;cursor:pointer;user-select:none;transition:background-color 0.15s ease, opacity 0.15s ease}.btn:hover{opacity:var(--bth-opacity-hover, 0.88)}.btn:active{opacity:var(--bth-opacity-active, 0.76)}.btn:focus-visible{outline:2px solid var(--bth-button-accent-color);outline-offset:2px}.btn:disabled{opacity:var(--bth-opacity-disabled, 0.5);cursor:not-allowed}:host([variant=outline]),:host([variant=ghost]){--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-button-accent-color)}:host([variant=ghost]){--bth-button-border-color:transparent}:host([variant=outline]) .btn:not(:disabled):hover,:host([variant=ghost]) .btn:not(:disabled):hover,:host([color=default]) .btn:not(:disabled):hover,:host(:not([color])) .btn:not(:disabled):hover{opacity:1;background-color:color-mix(in srgb, var(--bth-button-accent-color) var(--bth-tint-hover, 10%), transparent)}:host([variant=outline]) .btn:not(:disabled):active,:host([variant=ghost]) .btn:not(:disabled):active,:host([color=default]) .btn:not(:disabled):active,:host(:not([color])) .btn:not(:disabled):active{opacity:1;background-color:color-mix(in srgb, var(--bth-button-accent-color) var(--bth-tint-active, 18%), transparent)}'}},[769,"bth-button",{variant:[513],disabled:[516],size:[513],color:[513],type:[1]}]);function e(){"undefined"!=typeof customElements&&["bth-button"].forEach((o=>{"bth-button"===o&&(customElements.get(t(o))||customElements.define(t(o),a))}))}e();const h=a,c=e;export{h as BthButton,c as defineCustomElement}

package/dist/components/bth-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BthIcon extends Components.BthIcon, HTMLElement {}
+export const BthIcon: {
+    prototype: BthIcon;
+    new (): BthIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bth-icon.js

@@ -0,0 +1 @@
+import{t,p as e,H as s,h as n}from"./index.js";const o=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}name;render(){return n("span",{key:"2263cb4f70dea4e88997ffde9bf9fbeaf92dc50a",class:"material-symbols-outlined"},this.name)}static get style(){return":host{display:block}bth-icon{display:inline-block;width:var(--bth-icon-font-size, 24px);height:var(--bth-icon-font-size, 24px)}"}},[512,"bth-icon",{name:[1]}]);function i(){"undefined"!=typeof customElements&&["bth-icon"].forEach((e=>{"bth-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}i();const c=o,a=i;export{c as BthIcon,a as defineCustomElement}

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+function t(t,e,n){const l="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==l;){const l=Object.getOwnPropertyDescriptor(t,e);if(l&&(!n||l.get))return l;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var l;Object.entries(null!=(l=n.l.t)?l:{}).map((([l,[o]])=>{if(31&o||32&o){const o=e[l],s=t(Object.getPrototypeOf(e),l,!0)||Object.getOwnPropertyDescriptor(e,l);s&&Object.defineProperty(e,l,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.o.has(l)?e[l]=n.o.get(l):void 0!==o&&(e[l]=o)}}))},l=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r="undefined"!=typeof window?window:{},c=r.HTMLElement||class{},u={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},f=(()=>{try{return!!r.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),a=!!f&&(()=>!!r.document&&Object.getOwnPropertyDescriptor(r.document.adoptedStyleSheets,"length").writable)(),d=!1,h=[],p=[],m=()=>{var t;return(null==(t=r.document)?void 0:t.hidden)?setTimeout($,16):u.raf($)},b=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&u.i?y($):m())},v=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},$=()=>{v(h),v(p),(d=h.length>0)&&m()},y=t=>Promise.resolve(void 0).then(t),w=b(p,!0),g=t=>{const e=new URL(t,u.u);return e.origin!==r.location.origin?e.href:e.pathname},j=t=>u.u=t;function O(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(a?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}var S,M=new WeakMap,k=t=>"sc-"+t.h,E=t=>"object"==(t=typeof t)||"function"===t,A=(t,e,...n)=>{let l=null,o=null,i=!1,r=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)if(l=e[n],Array.isArray(l))u(l);else if(null!=l&&"boolean"!=typeof l){if(i="function"!=typeof t&&!E(l))l+="";else if("function"!=typeof t&&void 0===l.i){s("Invalid vNode child");continue}i&&r?c[c.length-1].p+=l:c.push(i?C(null,l):l),r=i}};if(u(n),e){e.key&&(o=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const f=C(t,null);return f.m=e,c.length>0&&(f.v=c),f.$=o,f},C=(t,e)=>({i:0,j:t,p:null!=e?e:null,O:null,v:null,m:null,$:null}),x={},L=(t,e)=>null==t||E(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?t+"":t,_=(t,e)=>{const n=t;return{emit:t=>D(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},D=(t,e,n)=>{const l=u.ce(e,n);return t.dispatchEvent(l),l},H=(t,e,n,s,i,c)=>{if(n===s)return;let f=o(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,l=U(n);let o=U(s);{let t=l.filter((t=>t&&!o.includes(t)));e.remove(...t),e.add(...o.filter((t=>t&&!l.includes(t))))}}else if("key"===e);else if(t.__lookupSetter__(e)||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let o;{const e=l(t);if(e&&e.l&&e.l.t){const t=e.l.t[n];t&&t[1]&&(o=t[1])}}return o||(o=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==s||!1===s?!1===s&&""!==t.getAttribute(o)||t.removeAttribute(o):t.setAttribute(o,!0===s?"":s))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=s}catch(t){}return}{const l=E(s);if((f||l&&null!==s)&&!i)try{if(t.tagName.includes("-"))t[e]!==s&&(t[e]=s);else{const l=null==s?"":s;"list"===e?f=!1:null!=n&&t[e]===l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==s||!1===s?(!1!==s||""===t.getAttribute(e)||4&c&&!P(e))&&t.removeAttribute(e):(!f||4&c||i)&&!l&&1===t.nodeType&&t.setAttribute(e,s=!0===s?"":s)}}else if(e="-"===e[2]?e.slice(3):o(r,a)?a.slice(2):a[2]+e.slice(3),n||s){const l=e.endsWith(W);e=e.replace(T,""),n&&u.rel(t,e,n,l),s&&u.ael(t,e,s,l)}},N=new Set(["draggable","contenteditable","spellcheck"]),P=t=>N.has(t)||t.startsWith("aria-"),R=/\s/,U=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(R):[]),W="Capture",T=RegExp(W+"$"),V=(t,e,n)=>{const l=11===e.O.nodeType&&e.O.host?e.O.host:e.O,o=t&&t.m||{},s=e.m||{};for(const t of q(Object.keys(o)))t in s||H(l,t,o[t],void 0,n,e.i);for(const t of q(Object.keys(s)))H(l,t,o[t],s[t],n,e.i)};function q(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var z=!1,F=!1,I=(t,e,n)=>{const l=e.v[n];let o,s,i=0;if(null!=l.p)o=l.O=r.document.createTextNode(l.p);else{if(F||(F="svg"===l.j),!r.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=l.O=r.document.createElementNS(F?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.j),F&&"foreignObject"===l.j&&(F=!1),V(null,l,F),l.v){const e="template"===l.j?o.content:o;for(i=0;i<l.v.length;++i)s=I(t,l,i),s&&e.appendChild(s)}"svg"===l.j?F=!1:"foreignObject"===o.tagName&&(F=!0)}return o["s-hn"]=S,o},Y=(t,e,n,l,o,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===S&&(r=r.shadowRoot),"template"===n.j&&(r=r.content);o<=s;++o)l[o]&&(i=I(null,n,o),i&&(l[o].O=i,J(r,i,e)))},Z=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.O;t&&t.remove()}}},B=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),G=(t,e,n=!1)=>{const l=e.O=t.O,o=t.v,s=e.v,i=e.j,r=e.p;null==r?(F="svg"===i||"foreignObject"!==i&&F,"slot"!==i||z||t.S!==e.S&&(e.O["s-sn"]=e.S||"",(t=>{u.i|=1;const e=t.closest(S.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),l=Array.from(t.__childNodes||t.childNodes);for(const t of n?l.reverse():l)null!=t["s-sh"]&&(J(e,t,null!=n?n:null),t["s-sh"]=void 0)}u.i&=-2})(e.O.parentElement)),V(t,e,F),null!==o&&null!==s?((t,e,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=l.length-1,m=l[0],b=l[p];const v="template"===n.j?t.content:t;for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==m)m=l[++c];else if(null==b)b=l[--p];else if(B(d,m,o))G(d,m,o),d=e[++r],m=l[++c];else if(B(h,b,o))G(h,b,o),h=e[--a],b=l[--p];else if(B(d,b,o))G(d,b,o),J(v,d.O,h.O.nextSibling),d=e[++r],b=l[--p];else if(B(h,m,o))G(h,m,o),J(v,h.O,d.O),h=e[--a],m=l[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].$&&e[f].$===m.$){u=f;break}u>=0?(i=e[u],i.j!==m.j?s=I(e&&e[c],n,c):(G(i,m,o),e[u]=void 0,s=i.O),m=l[++c]):(s=I(e&&e[c],n,c),m=l[++c]),s&&J(d.O.parentNode,s,d.O)}r>a?Y(t,null==l[p+1]?null:l[p+1].O,n,l,c,p):c>p&&Z(e,r,a)})(l,o,e,s,n):null!==s?(null!==t.p&&(l.textContent=""),Y(l,null,e,s,0,s.length-1)):!n&&null!==o&&Z(o,0,o.length-1),F&&"svg"===i&&(F=!1)):t.p!==r&&(l.data=r)},J=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),K=(t,e,n=!1)=>{const l=t.$hostElement$,o=t.l,s=t.M||C(null,null),i=(t=>t&&t.j===x)(e)?e:A(null,null,e);if(S=l.tagName,o.k&&(i.m=i.m||{},o.k.forEach((([t,e])=>{i.m[e]=l[t]}))),n&&i.m)for(const t of Object.keys(i.m))l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.m[t]=l[t]);i.j=null,i.i|=4,t.M=i,i.O=s.O=l.shadowRoot||l,z=!(!(1&o.i)||128&o.i),G(s,i,n)},Q=(t,e)=>{if(e&&!t.A&&e["s-p"]){const n=e["s-p"].push(new Promise((l=>t.A=()=>{e["s-p"].splice(n-1,1),l()})))}},X=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);Q(t,t.C);const n=()=>tt(t,e);if(!e)return w(n);queueMicrotask((()=>{n()}))},tt=(t,e)=>{const n=t.$hostElement$,l=n;if(!l)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=rt(l,e?"componentWillLoad":"componentWillUpdate",void 0,n),o=et(o,(()=>rt(l,"componentWillRender",void 0,n))),et(o,(()=>lt(t,l,e)))},et=(t,e)=>nt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),nt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,lt=async(t,e,n)=>{var l;const o=t.$hostElement$,s=o["s-rc"];n&&(t=>{const e=t.l,n=t.$hostElement$,l=e.i,o=((t,e)=>{var n,l,o;const s=k(e),c=i.get(s);if(!r.document)return s;if(t=11===t.nodeType?t:r.document,c)if("string"==typeof c){let o,i=M.get(t=t.head||t);if(i||M.set(t,i=new Set),!i.has(s)){o=r.document.createElement("style"),o.textContent=c;const d=null!=(n=u.L)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=r.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&o.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(f){const e=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(c),a?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=c+e.textContent:t.prepend(o)}else t.append(o);1&e.i&&t.insertBefore(o,null),4&e.i&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let e=M.get(t);if(e||M.set(t,e=new Set),!e.has(s)){const n=null!=(o=t.defaultView)?o:t.ownerDocument.defaultView;let l;if(c.constructor===n.CSSStyleSheet)l=c;else{l=new n.CSSStyleSheet;for(let t=0;t<c.cssRules.length;t++)l.insertRule(c.cssRules[t].cssText,t)}a?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],e.add(s)}}return s})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(t);ot(t,e,o,n),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const e=null!=(l=o["s-p"])?l:[],n=()=>st(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.i|=4,e.length=0)}},ot=(t,e,n,l)=>{try{e=e.render(),t.i&=-17,t.i|=2,K(t,e,l)}catch(e){s(e,t.$hostElement$)}return null},st=t=>{const e=t.$hostElement$,n=e,l=t.C;rt(n,"componentDidRender",void 0,e),64&t.i?rt(n,"componentDidUpdate",void 0,e):(t.i|=64,ct(e),rt(n,"componentDidLoad",void 0,e),t._(e),l||it()),t.A&&(t.A(),t.A=void 0),512&t.i&&y((()=>X(t,!1))),t.i&=-517},it=()=>{y((()=>D(r,"appload",{detail:{namespace:"bth-ui"}})))},rt=(t,e,n,l)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,l)}},ct=t=>t.classList.add("hydrated"),ut=(t,e,n,o)=>{const s=l(t);if(!s)return;const i=t,r=s.o.get(e),c=s.i,u=i;if((n=L(n,o.t[e][0]))!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(s.o.set(e,n),2&c)){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,r,e)&&!(16&c))return;16&c||X(s,!1)}},ft=(e,n)=>{var o,s;const i=e.prototype;if(n.t){const r=Object.entries(null!=(o=n.t)?o:{});r.map((([e,[o]])=>{if(31&o||32&o){const{get:s,set:r}=t(i,e)||{};s&&(n.t[e][0]|=2048),r&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return s?s.apply(this):((t,e)=>l(this).o.get(e))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(t){const s=l(this);if(s){if(r)return void 0===(32&o?this[e]:s.$hostElement$[e])&&s.o.get(e)&&(t=s.o.get(e)),r.call(this,L(t,o)),void ut(this,e,t=32&o?this[e]:s.$hostElement$[e],n);ut(this,e,t,n)}}})}}));{const t=new Map;i.attributeChangedCallback=function(e,o,s){u.jmp((()=>{var c;const u=t.get(e),f=l(this);if(this.hasOwnProperty(u),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const t=null==f?void 0:f.i;if(f&&t&&!(8&t)&&s!==o){const l=this,i=null==(c=n.D)?void 0:c[e];null==i||i.forEach((n=>{const[[i,r]]=Object.entries(n);null!=l[i]&&(128&t||1&r)&&l[i].call(l,s,o,e)}))}return}const a=r.find((([t])=>t===u)),d=a?a[1][0]:0,h=4&d;if(512&d&&8&d&&!E(this[u])&&(t=>null==t||!1===t?null:!0===t?"":t+"")(this[u])===s)return;const p=h&&null===s&&void 0===this[u];h&&(s=null!==s&&"false"!==s);const m=Object.getOwnPropertyDescriptor(i,u);p||s==this[u]||m.get&&!m.set||(this[u]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.D)?s:{}),...r.filter((([t,e])=>31&e[0])).map((([e,l])=>{var o;const s=l[1]||e;return t.set(s,e),512&l[0]&&(null==(o=n.k)||o.push([e,s])),s}))]))}}return e},at=async(t,e,n)=>{let l;try{if(!(32&e.i)&&(e.i|=32,e.i&=-1025,l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),l&&l.style)){let t;"string"==typeof l.style&&(t=l.style);const e=k(n);if(!i.has(e)){const l=()=>{};((t,e,n)=>{let l=i.get(t);f&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,i.set(t,l)})(e,t,!!(1&n.i)),l()}}const o=e.C,s=()=>X(e,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()}catch(n){s(n,t),e.A&&(e.A(),e.A=void 0),!e._||1024&e.i||e._(t)}},dt=(t,e)=>{const o={i:e[0],h:e[1]};try{o.t=e[2],o.k=[];const s=t.prototype.connectedCallback,i=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const l={i:0,$hostElement$:t,l:e,o:new Map,H:new Map};l.N=new Promise((t=>l._=t)),t["s-p"]=[],t["s-rc"]=[];const o=l;t.__stencil__getHostRef=()=>o,512&e.i&&n(t,l)})(this,o)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!l(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&u.i)){const e=l(t);if(!e)return;const n=e.l,o=()=>{};if(1&e.i)(null==e?void 0:e.P)||(1024&e.i?setTimeout((()=>at(t,e,n)),1e3):(null==e?void 0:e.N)&&e.N.then((()=>{})));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){Q(e,e.C=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),at(t,e,n)}o()}})(this),s&&s.call(this)},disconnectedCallback(){(async t=>{M.has(t)&&M.delete(t),t.shadowRoot&&M.has(t.shadowRoot)&&M.delete(t.shadowRoot)})(this),i&&i.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else O.call(this,o)}}),Object.defineProperty(t,"is",{value:o.h,configurable:!0}),ft(t,o)}catch(e){return s(e),t}},ht=t=>u.L=t,pt=t=>Object.assign(u,t),mt=new WeakMap;function bt(t,e){let n=mt.get(e);n||(n={i:0,l:{i:0,h:e.tagName},$hostElement$:e},mt.set(e,n)),K(n,t)}function vt(t){return t}export{c as H,x as a,_ as c,g as getAssetPath,A as h,dt as p,bt as render,j as setAssetPath,ht as setNonce,pt as setPlatformOptions,vt as t}

package/dist/esm/app-globals-DQuL1Twl.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };