bth-ui 0.0.0-stage → 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var index = require('./index-UJE5BQI1.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["bth-alert_6.cjs",[[769,"bth-alert",{"variant":[513],"dismissible":[4],"hasIcon":[32],"dismissed":[32]}],[257,"bth-alert-description"],[257,"bth-alert-title"],[769,"bth-badge",{"variant":[513],"color":[513],"size":[513]}],[769,"bth-button",{"variant":[513],"disabled":[516],"size":[513],"color":[513],"type":[1]}],[512,"bth-icon",{"name":[1]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,18 @@
+{
+  "entries": [
+    "components/bth-alert/bth-alert-description.js",
+    "components/bth-alert/bth-alert-title.js",
+    "components/bth-alert/bth-alert.js",
+    "components/bth-badge/bth-badge.js",
+    "components/bth-button/bth-button.js",
+    "components/bth-icon/bth-icon.js"
+  ],
+  "mixins": [],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.45.2",
+    "typescriptVersion": "5.8.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/bth-alert/bth-alert-description.css

@@ -0,0 +1,16 @@
+: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);
+}

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

@@ -0,0 +1,34 @@
+import { Host, h } from "@stencil/core";
+/**
+ * Descrição de um `bth-alert`.
+ *
+ * @usage-when Dentro de um `bth-alert`, para detalhar a mensagem ou orientar o próximo passo.
+ * @usage-avoid Fora de um `bth-alert`; para outros textos, use um parágrafo comum.
+ * @category feedback
+ * @related bth-alert, bth-alert-title
+ * @example
+ * ```html
+ * <bth-alert-description>Uma nova versão está disponível.</bth-alert-description>
+ * ```
+ * @status beta
+ *
+ * @slot - Texto da descrição.
+ * @part description - Elemento da descrição.
+ */
+export class BthAlertDescription {
+    render() {
+        return (h(Host, { key: '27e9214204ef24ab0e97c1773127d2876430dad5', "data-slot": 'alert-description' }, h("div", { key: '4ccf13a8de497058066c392b141f3a20f113c2e4', class: 'alert-description', part: 'description' }, h("slot", { key: '3229468fe358daa760bd6383c4aff6ed26e6504f' }))));
+    }
+    static get is() { return "bth-alert-description"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bth-alert-description.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bth-alert-description.css"]
+        };
+    }
+}

package/dist/collection/components/bth-alert/bth-alert-title.css

@@ -0,0 +1,13 @@
+: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);
+}

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

@@ -0,0 +1,34 @@
+import { Host, h } from "@stencil/core";
+/**
+ * Título de um `bth-alert`.
+ *
+ * @usage-when Dentro de um `bth-alert`, para resumir a mensagem em poucas palavras.
+ * @usage-avoid Fora de um `bth-alert`; para outros títulos, use um elemento de título comum.
+ * @category feedback
+ * @related bth-alert, bth-alert-description
+ * @example
+ * ```html
+ * <bth-alert-title>Informação</bth-alert-title>
+ * ```
+ * @status beta
+ *
+ * @slot - Texto do título.
+ * @part title - Elemento do título.
+ */
+export class BthAlertTitle {
+    render() {
+        return (h(Host, { key: '0c513e02bcbf0ed3e90f855da9e4d93d3b59818f', "data-slot": 'alert-title' }, h("h5", { key: 'df92e7dc279675b15e69c4267e32fdd6c417dc8f', class: 'alert-title', part: 'title' }, h("slot", { key: '79fe942452e0d649a5dbe1920aadc0b74fe08e40' }))));
+    }
+    static get is() { return "bth-alert-title"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bth-alert-title.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bth-alert-title.css"]
+        };
+    }
+}

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

@@ -0,0 +1,109 @@
+: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;
+}

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

@@ -0,0 +1,138 @@
+import clsx from "clsx";
+import { Host, h } from "@stencil/core";
+/**
+ * Alerta para destacar uma mensagem importante dentro do conteúdo da página.
+ *
+ * @usage-when Para comunicar o resultado de uma ação, como sucesso ou erro ao salvar.
+ * @usage-when Para avisar sobre um estado ou uma condição que afeta o que a pessoa está fazendo.
+ * @usage-avoid Para mensagens temporárias que somem sozinhas; use uma notificação do tipo toast.
+ * @usage-avoid Para validação de um campo específico; mostre a mensagem junto ao campo.
+ * @category feedback
+ * @related bth-alert-title, bth-alert-description, bth-icon
+ * @example
+ * ```html
+ * <bth-alert variant="info" dismissible>
+ *   <bth-icon slot="icon" name="info"></bth-icon>
+ *   <bth-alert-title>Informação</bth-alert-title>
+ *   <bth-alert-description>Uma nova versão está disponível.</bth-alert-description>
+ * </bth-alert>
+ * ```
+ * @status beta
+ *
+ * @slot - Conteúdo do alerta, normalmente `bth-alert-title` e `bth-alert-description`.
+ * @slot icon - Ícone exibido à esquerda do conteúdo.
+ * @part alert - Contêiner do alerta.
+ * @part dismiss - Botão de fechar, presente quando `dismissible` está ativo.
+ */
+export class BthAlert {
+    el;
+    /** Variante de cor, de acordo com o tipo da mensagem. */
+    variant = 'default';
+    /** Exibe um botão que permite fechar o alerta. */
+    dismissible = false;
+    hasIcon = false;
+    dismissed = false;
+    /** Emitido quando o alerta é fechado pelo botão de fechar. */
+    bthDismiss;
+    componentWillLoad() {
+        this.updateHasIcon();
+    }
+    updateHasIcon = () => {
+        this.hasIcon = !!this.el.querySelector(':scope > [slot="icon"]');
+    };
+    handleDismiss = () => {
+        this.dismissed = true;
+        this.bthDismiss.emit();
+    };
+    render() {
+        return (h(Host, { key: '92b3322ec6586bea380d12b09b6fc9556db26195', "data-slot": 'alert', hidden: this.dismissed }, h("div", { key: 'c897cc5ef279ad1420dc6b73a99087a6900af1d2', class: clsx('alert', this.hasIcon && 'alert--has-icon'), role: 'alert', part: 'alert' }, h("slot", { key: 'e87cca48b662e26b04fc486c8f6a2c359de99a15', name: 'icon', onSlotchange: this.updateHasIcon }), h("slot", { key: 'dca9b4c45e911bb28632ae419c1b446f302d5333' }), this.dismissible && (h("button", { key: '6a044accbc86dcef7f54369e3f8fb7f6071ee918', class: 'alert-dismiss', type: 'button', "aria-label": 'Fechar', part: 'dismiss', onClick: this.handleDismiss }, h("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' }, h("path", { key: '8a11a9e5a1cdb140894c2fc8af356c4318605fdb', d: 'M4 4l8 8M12 4l-8 8' })))))));
+    }
+    static get is() { return "bth-alert"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bth-alert.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bth-alert.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AlertVariant",
+                    "resolved": "\"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {
+                        "AlertVariant": {
+                            "location": "import",
+                            "path": "./bth-alert.types",
+                            "id": "src/components/bth-alert/bth-alert.types.ts::AlertVariant",
+                            "referenceLocation": "AlertVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variante de cor, de acordo com o tipo da mensagem."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'default'"
+            },
+            "dismissible": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Exibe um bot\u00E3o que permite fechar o alerta."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dismissible",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasIcon": {},
+            "dismissed": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bthDismiss",
+                "name": "bthDismiss",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitido quando o alerta \u00E9 fechado pelo bot\u00E3o de fechar."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

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

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

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

@@ -0,0 +1,109 @@
+: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;
+}

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

@@ -0,0 +1,129 @@
+import { Host, h } from "@stencil/core";
+/**
+ * Etiqueta curta para destacar um status, uma categoria ou uma contagem.
+ *
+ * @usage-when Para indicar o status de um item, como "Ativo", "Pendente" ou "Novo".
+ * @usage-when Para rotular ou categorizar um conteúdo, inclusive ao lado de um título.
+ * @usage-avoid Para ações clicáveis; use um `bth-button`.
+ * @usage-avoid Para mensagens longas ou que exigem atenção imediata; use um `bth-alert`.
+ * @category dados
+ * @related bth-button, bth-alert, bth-icon
+ * @example
+ * ```html
+ * <bth-badge variant="solid" color="primary">solid</bth-badge>
+ * <bth-badge variant="subtle" color="primary">subtle</bth-badge>
+ * <bth-badge variant="outline" color="primary">outline</bth-badge>
+ * ```
+ * @status beta
+ *
+ * @slot - Conteúdo do badge.
+ * @part badge - Elemento do badge.
+ */
+export class BthBadge {
+    /** Estilo visual: `solid` é preenchido, `subtle` tem um fundo suave e `outline` tem só a borda. */
+    variant = 'solid';
+    /** Cor do badge. */
+    color = 'default';
+    /** Tamanho do badge, proporcional ao tamanho da fonte do contexto onde ele está. */
+    size = 'md';
+    render() {
+        return (h(Host, { key: '845476bdaa75c6e1e90b97c14e9055b02a1fef60', "data-slot": 'badge' }, h("span", { key: 'f18a3a971b47b1a6c80131b71278a5c66cbe39b1', class: 'badge', part: 'badge' }, h("slot", { key: 'e296ee90d002f0a25d7bf7fb7aaa3ebfe4952d7f' }))));
+    }
+    static get is() { return "bth-badge"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bth-badge.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bth-badge.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BadgeVariant",
+                    "resolved": "\"outline\" | \"solid\" | \"subtle\"",
+                    "references": {
+                        "BadgeVariant": {
+                            "location": "import",
+                            "path": "./bth-badge.types",
+                            "id": "src/components/bth-badge/bth-badge.types.ts::BadgeVariant",
+                            "referenceLocation": "BadgeVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Estilo visual: `solid` \u00E9 preenchido, `subtle` tem um fundo suave e `outline` tem s\u00F3 a borda."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'solid'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BadgeColor",
+                    "resolved": "\"accent\" | \"danger\" | \"default\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
+                    "references": {
+                        "BadgeColor": {
+                            "location": "import",
+                            "path": "./bth-badge.types",
+                            "id": "src/components/bth-badge/bth-badge.types.ts::BadgeColor",
+                            "referenceLocation": "BadgeColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Cor do badge."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "color",
+                "defaultValue": "'default'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BadgeSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "BadgeSize": {
+                            "location": "import",
+                            "path": "./bth-badge.types",
+                            "id": "src/components/bth-badge/bth-badge.types.ts::BadgeSize",
+                            "referenceLocation": "BadgeSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tamanho do badge, proporcional ao tamanho da fonte do contexto onde ele est\u00E1."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            }
+        };
+    }
+}

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

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