voa-ds-core 1.0.4

package/dist/custom-elements/voa-avatar.js

@@ -0,0 +1,108 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const voaAvatarCss = ":host{display:inline-block;--avatar-size-xs:var(--spacing-spacing-md);--avatar-size-sm:var(--spacing-spacing-lg);--avatar-size-md:var(--spacing-spacing-xl);--avatar-size-lg:var(--spacing-spacing-xxl);--avatar-size-xl:var(--spacing-spacing-xxxl);}.voa-avatar{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;box-sizing:border-box;}.voa-avatar--xs{width:var(--avatar-size-xs);height:var(--avatar-size-xs)}.voa-avatar--sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm)}.voa-avatar--md{width:var(--avatar-size-md);height:var(--avatar-size-md)}.voa-avatar--lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg)}.voa-avatar--xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl)}.voa-avatar img{width:100%;height:100%;object-fit:cover;display:block;box-sizing:border-box}.avatar-initials{display:inline-block;text-transform:uppercase;user-select:none;line-height:1;box-sizing:border-box;}.avatar-icon{width:60%;height:60%;display:block;box-sizing:border-box;}";
+
+const VoaAvatar$1 = /*@__PURE__*/ proxyCustomElement(class VoaAvatar extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Tipo de avatar a ser exibido.
+         * - 'icon': Exibe um ícone de usuário padrão
+         * - 'photo': Exibe uma imagem (requer prop src)
+         * - 'initials': Exibe iniciais de texto (requer prop initials)
+         */
+        this.type = 'icon';
+        /**
+         * Tamanho do avatar.
+         * Mapeado do Figma: xs (16px), sm (24px), md (32px), lg (48px), xl (56px)
+         */
+        this.size = 'md';
+    }
+    /**
+     * Método para acessibilidade WCAG 2.2 AA.
+     * Delega foco ao elemento interno do avatar.
+     */
+    async setFocus() {
+        var _a;
+        const focusable = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[part="base"]');
+        if (focusable) {
+            focusable.focus();
+        }
+    }
+    getAriaLabel() {
+        if (this.alt) {
+            return this.alt;
+        }
+        if (this.type === 'initials' && this.initials) {
+            return `Avatar com iniciais ${this.initials}`;
+        }
+        if (this.type === 'photo' && this.src) {
+            return 'Avatar com foto de perfil';
+        }
+        return 'Avatar de usuário';
+    }
+    renderContent() {
+        switch (this.type) {
+            case 'photo':
+                if (this.src) {
+                    return h("img", { part: "image", src: this.src, alt: this.alt || 'Avatar' });
+                }
+                // Fallback para icon se src não fornecido
+                return this.renderIcon();
+            case 'initials':
+                if (this.initials) {
+                    return h("span", { class: "avatar-initials", part: "initials" }, this.initials);
+                }
+                // Fallback para icon se initials não fornecido
+                return this.renderIcon();
+            case 'icon':
+            default:
+                return this.renderIcon();
+        }
+    }
+    renderIcon() {
+        return (h("svg", { class: "avatar-icon", part: "icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, h("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })));
+    }
+    render() {
+        return (h(Host, { key: '3da67acafc6bd4af69d45ae6ee662e2e2bc3aa10', role: "img", "aria-label": this.getAriaLabel() }, h("div", { key: '32391b690e317f36d4a8b5cc4ad9956c70cea493', part: "base", class: {
+                'voa-avatar': true,
+                [`voa-avatar--${this.size}`]: true,
+                [`voa-avatar--${this.type}`]: true,
+            } }, this.renderContent())));
+    }
+    get host() { return this; }
+    static get style() { return voaAvatarCss; }
+}, [257, "voa-avatar", {
+        "type": [1],
+        "size": [1],
+        "initials": [1],
+        "src": [1],
+        "alt": [1],
+        "setFocus": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-avatar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-avatar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VoaAvatar$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaAvatar = VoaAvatar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaAvatar, defineCustomElement };
+//# sourceMappingURL=voa-avatar.js.map
+
+//# sourceMappingURL=voa-avatar.js.map

package/dist/custom-elements/voa-avatar.js.map

@@ -0,0 +1 @@
+{"file":"voa-avatar.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugCAAugC;;MCoB/gCA,WAAS,iBAAAC,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AANtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AASE;;;;;AAKG;AACK,QAAA,IAAI,CAAA,IAAA,GAAkC,MAAM;AAEpD;;;AAGG;AACK,QAAA,IAAI,CAAA,IAAA,GAAqC,IAAI;AA2FtD;AA1EC;;;AAGG;AAEH,IAAA,MAAM,QAAQ,GAAA;;AACZ,QAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,eAAe,CAAgB;QACrF,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,KAAK,EAAE;;;IAIb,YAAY,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,IAAI,CAAC,GAAG;;QAEjB,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC7C,YAAA,OAAO,CAAuB,oBAAA,EAAA,IAAI,CAAC,QAAQ,EAAE;;QAE/C,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,GAAG,EAAE;AACrC,YAAA,OAAO,2BAA2B;;AAEpC,QAAA,OAAO,mBAAmB;;IAGpB,aAAa,GAAA;AACnB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,IAAI,CAAC,GAAG,EAAE;oBACZ,OAAO,WAAK,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,QAAQ,GAAI;;;AAGvE,gBAAA,OAAO,IAAI,CAAC,UAAU,EAAE;AAE1B,YAAA,KAAK,UAAU;AACb,gBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,oBAAA,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,UAAU,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAQ;;;AAG7E,gBAAA,OAAO,IAAI,CAAC,UAAU,EAAE;AAE1B,YAAA,KAAK,MAAM;AACX,YAAA;AACE,gBAAA,OAAO,IAAI,CAAC,UAAU,EAAE;;;IAItB,UAAU,GAAA;AAChB,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,iBAAa,MAAM,EAAA,EAC7F,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,+GAA+G,EAAE,CAAA,CACrH;;IAIV,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EACE,YAAA,EAAA,IAAI,CAAC,YAAY,EAAE,EAAA,EAE/B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACL,gBAAA,YAAY,EAAE,IAAI;AAClB,gBAAA,CAAC,eAAe,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AAClC,gBAAA,CAAC,eAAe,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;aACnC,EAAA,EAEA,IAAI,CAAC,aAAa,EAAE,CACjB,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VoaAvatar","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-avatar/voa-avatar.css?tag=voa-avatar&encapsulation=shadow","src/components/voa-avatar/voa-avatar.tsx"],"sourcesContent":["/* \r\n * UNSTYLED PATTERN: This file contains ONLY structural CSS (layout, positioning).\r\n * All visual styles (colors, backgrounds, fonts, spacing) must be applied externally\r\n * via CSS Parts API (::part() selectors) using design tokens.\r\n * \r\n * Design Tokens utilizados (aplicados externamente):\r\n * - --structure-colors-bg-elevated: Background do avatar (✅ existe em voa-tokens.css)\r\n * - --text-primary: Cor do texto/iniciais (✅ existe em voa-tokens.css, valor: #0b1215)\r\n * - --spacing-spacing-md: 16px (xs) (✅ existe em voa-tokens.css)\r\n * - --spacing-spacing-lg: 24px (sm) (✅ existe em voa-tokens.css)\r\n * - --spacing-spacing-xl: 32px (md) (✅ existe em voa-tokens.css)\r\n * - --spacing-spacing-xxl: 48px (lg) (✅ existe em voa-tokens.css)\r\n * - --spacing-spacing-xxxl: 56px (xl) (✅ existe em voa-tokens.css)\r\n * - --radius-round: Border-radius circular (✅ existe em voa-tokens.css, valor: 64rem)\r\n * \r\n * Exemplo de estilização externa:\r\n * voa-avatar::part(base) {\r\n *   background-color: var(--structure-colors-bg-elevated);\r\n *   border-radius: var(--radius-round);\r\n * }\r\n * voa-avatar::part(initials) {\r\n *   color: var(--text-primary);\r\n *   font-family: var(--font-family-body);\r\n *   font-weight: var(--font-weight-semibold);\r\n * }\r\n */\r\n\r\n:host {\r\n  display: inline-block;\r\n  \r\n  /* Definir variáveis CSS para tamanhos usando tokens semânticos */\r\n  --avatar-size-xs: var(--spacing-spacing-md); /* 16px */\r\n  --avatar-size-sm: var(--spacing-spacing-lg); /* 24px */\r\n  --avatar-size-md: var(--spacing-spacing-xl); /* 32px */\r\n  --avatar-size-lg: var(--spacing-spacing-xxl); /* 48px */\r\n  --avatar-size-xl: var(--spacing-spacing-xxxl); /* 56px */\r\n}\r\n\r\n.voa-avatar {\r\n  /* APENAS estilos estruturais */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  flex-shrink: 0;\r\n  box-sizing: border-box;\r\n  /* Border-radius será aplicado externamente via tokens */\r\n}\r\n\r\n/* Tamanhos do Avatar - usando tokens semânticos */\r\n.voa-avatar--xs {\r\n  width: var(--avatar-size-xs);\r\n  height: var(--avatar-size-xs);\r\n}\r\n\r\n.voa-avatar--sm {\r\n  width: var(--avatar-size-sm);\r\n  height: var(--avatar-size-sm);\r\n}\r\n\r\n.voa-avatar--md {\r\n  width: var(--avatar-size-md);\r\n  height: var(--avatar-size-md);\r\n}\r\n\r\n.voa-avatar--lg {\r\n  width: var(--avatar-size-lg);\r\n  height: var(--avatar-size-lg);\r\n}\r\n\r\n.voa-avatar--xl {\r\n  width: var(--avatar-size-xl);\r\n  height: var(--avatar-size-xl);\r\n}\r\n\r\n/* Estilos estruturais para imagem */\r\n.voa-avatar img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* Estilos estruturais para iniciais */\r\n.avatar-initials {\r\n  display: inline-block;\r\n  text-transform: uppercase;\r\n  user-select: none;\r\n  line-height: 1;\r\n  box-sizing: border-box;\r\n  /* Font-size, color, font-weight serão aplicados externamente via tokens */\r\n}\r\n\r\n/* Estilos estruturais para ícone */\r\n.avatar-icon {\r\n  width: 60%;\r\n  height: 60%;\r\n  display: block;\r\n  box-sizing: border-box;\r\n  /* Color será aplicado externamente via tokens */\r\n} ","import { Component, Host, Prop, Element, Method, h } from '@stencil/core';\r\n\r\n/**\r\n * Componente Avatar do Voa Design System, baseado no design do Figma.\r\n * Suporta exibição de ícone, iniciais ou imagem de perfil.\r\n * \r\n * O componente segue o padrão \"unstyled\" - apenas estrutura e lógica.\r\n * Estilos visuais devem ser aplicados externamente via CSS Parts API usando design tokens.\r\n * \r\n * @part base - O elemento raiz do avatar (container circular)\r\n * @part image - O elemento de imagem (quando type=\"photo\" e src é fornecido)\r\n * @part initials - O wrapper do texto de iniciais (quando type=\"initials\")\r\n * @part icon - O wrapper do ícone SVG padrão (quando type=\"icon\")\r\n */\r\n@Component({\r\n  tag: 'voa-avatar',\r\n  styleUrl: 'voa-avatar.css',\r\n  shadow: true,\r\n  scoped: false, // Permite herdar variáveis CSS do contexto pai\r\n})\r\nexport class VoaAvatar {\r\n  @Element() host: HTMLVoaAvatarElement;\r\n\r\n  /**\r\n   * Tipo de avatar a ser exibido.\r\n   * - 'icon': Exibe um ícone de usuário padrão\r\n   * - 'photo': Exibe uma imagem (requer prop src)\r\n   * - 'initials': Exibe iniciais de texto (requer prop initials)\r\n   */\r\n  @Prop() type: 'icon' | 'photo' | 'initials' = 'icon';\r\n\r\n  /**\r\n   * Tamanho do avatar.\r\n   * Mapeado do Figma: xs (16px), sm (24px), md (32px), lg (48px), xl (56px)\r\n   */\r\n  @Prop() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';\r\n\r\n  /**\r\n   * As iniciais a serem exibidas quando type=\"initials\".\r\n   */\r\n  @Prop() initials?: string;\r\n\r\n  /**\r\n   * URL da imagem do avatar quando type=\"photo\".\r\n   */\r\n  @Prop() src?: string;\r\n\r\n  /**\r\n   * Texto alternativo para a imagem do avatar.\r\n   */\r\n  @Prop() alt?: string;\r\n\r\n  /**\r\n   * Método para acessibilidade WCAG 2.2 AA.\r\n   * Delega foco ao elemento interno do avatar.\r\n   */\r\n  @Method()\r\n  async setFocus(): Promise<void> {\r\n    const focusable = this.host.shadowRoot?.querySelector('[part=\"base\"]') as HTMLElement;\r\n    if (focusable) {\r\n      focusable.focus();\r\n    }\r\n  }\r\n\r\n  private getAriaLabel(): string {\r\n    if (this.alt) {\r\n      return this.alt;\r\n    }\r\n    if (this.type === 'initials' && this.initials) {\r\n      return `Avatar com iniciais ${this.initials}`;\r\n    }\r\n    if (this.type === 'photo' && this.src) {\r\n      return 'Avatar com foto de perfil';\r\n    }\r\n    return 'Avatar de usuário';\r\n  }\r\n\r\n  private renderContent() {\r\n    switch (this.type) {\r\n      case 'photo':\r\n        if (this.src) {\r\n          return <img part=\"image\" src={this.src} alt={this.alt || 'Avatar'} />;\r\n        }\r\n        // Fallback para icon se src não fornecido\r\n        return this.renderIcon();\r\n      \r\n      case 'initials':\r\n        if (this.initials) {\r\n          return <span class=\"avatar-initials\" part=\"initials\">{this.initials}</span>;\r\n        }\r\n        // Fallback para icon se initials não fornecido\r\n        return this.renderIcon();\r\n      \r\n      case 'icon':\r\n      default:\r\n        return this.renderIcon();\r\n    }\r\n  }\r\n\r\n  private renderIcon() {\r\n    return (\r\n      <svg class=\"avatar-icon\" part=\"icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n        <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"/>\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        role=\"img\"\r\n        aria-label={this.getAriaLabel()}\r\n      >\r\n        <div\r\n          part=\"base\"\r\n          class={{\r\n            'voa-avatar': true,\r\n            [`voa-avatar--${this.size}`]: true,\r\n            [`voa-avatar--${this.type}`]: true,\r\n          }}\r\n        >\r\n          {this.renderContent()}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n} "],"version":3}

package/dist/custom-elements/voa-badge.d.ts

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

package/dist/custom-elements/voa-badge.js

@@ -0,0 +1,9 @@
+import { V as VoaBadgeComponent, d as defineCustomElement$1 } from './p-B2P7cgN3.js';
+
+const VoaBadge = VoaBadgeComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaBadge, defineCustomElement };
+//# sourceMappingURL=voa-badge.js.map
+
+//# sourceMappingURL=voa-badge.js.map

package/dist/custom-elements/voa-badge.js.map

@@ -0,0 +1 @@
+{"file":"voa-badge.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/custom-elements/voa-breadcrumbs-divider.d.ts

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

package/dist/custom-elements/voa-breadcrumbs-divider.js

@@ -0,0 +1,63 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { I as Icons } from './p-Cp28eWhS.js';
+
+const voaBreadcrumbsDividerCss = ":host{display:inline-flex;box-sizing:border-box}.voa-breadcrumbs-divider{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.voa-breadcrumbs-divider__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.voa-breadcrumbs-divider__icon svg{display:block;width:100%;height:100%;flex-shrink:0}";
+
+const VoaBreadcrumbsDivider$1 = /*@__PURE__*/ proxyCustomElement(class VoaBreadcrumbsDivider extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Tipo de ícone a ser exibido como divisor.
+         * Mapeia as variantes do Figma: chevron, arrow, arrow-alt.
+         */
+        this.icon = 'chevron';
+    }
+    getIconComponent() {
+        switch (this.icon) {
+            case 'chevron':
+                return Icons['chevron-right'];
+            case 'arrow':
+                return Icons['arrow-right'];
+            case 'arrow-alt':
+                return Icons['arrow-right-alt'];
+            default:
+                return Icons['chevron-right'];
+        }
+    }
+    render() {
+        const IconComponent = this.getIconComponent();
+        return (h(Host, { key: '3ca0a38193c0c6d61ec4905cd95e12209fa00a57', role: "separator", "aria-hidden": "true" }, h("div", { key: 'd6d136f7c9e8e4965938a4a23e77fe19ec16c369', part: "base", class: {
+                'voa-breadcrumbs-divider': true,
+                [`voa-breadcrumbs-divider--${this.icon}`]: true,
+            } }, h("span", { key: 'c57435ac5dd5fe8d1abc40f75676709b04b1e185', part: "icon", class: "voa-breadcrumbs-divider__icon" }, h(IconComponent, { key: '066b4d14c8e02969e04d43630329c7483a788ac5' })))));
+    }
+    static get style() { return voaBreadcrumbsDividerCss; }
+}, [257, "voa-breadcrumbs-divider", {
+        "icon": [513]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-breadcrumbs-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-breadcrumbs-divider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VoaBreadcrumbsDivider$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaBreadcrumbsDivider = VoaBreadcrumbsDivider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaBreadcrumbsDivider, defineCustomElement };
+//# sourceMappingURL=voa-breadcrumbs-divider.js.map
+
+//# sourceMappingURL=voa-breadcrumbs-divider.js.map

package/dist/custom-elements/voa-breadcrumbs-divider.js.map

@@ -0,0 +1 @@
+{"file":"voa-breadcrumbs-divider.js","mappings":";;;AAAA,MAAM,wBAAwB,GAAG,kYAAkY;;MCmBtZA,uBAAqB,iBAAAC,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;AANlC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOE;;;AAGG;AACsB,QAAA,IAAI,CAAA,IAAA,GAAsC,SAAS;AAqC7E;IAnCS,gBAAgB,GAAA;AACtB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,KAAK,CAAC,eAAe,CAAC;AAC/B,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,KAAK,CAAC,aAAa,CAAC;AAC7B,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,KAAK,CAAC,iBAAiB,CAAC;AACjC,YAAA;AACE,gBAAA,OAAO,KAAK,CAAC,eAAe,CAAC;;;IAInC,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAE7C,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,IAAI,EAAC,WAAW,iBACJ,MAAM,EAAA,EAElB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACL,gBAAA,yBAAyB,EAAE,IAAI;AAC/B,gBAAA,CAAC,4BAA4B,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AAChD,aAAA,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,+BAA+B,EAAA,EACrD,CAAA,CAAC,aAAa,EAAG,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACZ,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VoaBreadcrumbsDivider","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-breadcrumbs-divider/voa-breadcrumbs-divider.css?tag=voa-breadcrumbs-divider&encapsulation=shadow","src/components/voa-breadcrumbs-divider/voa-breadcrumbs-divider.tsx"],"sourcesContent":["/* \r\n * UNSTYLED PATTERN: This file contains ONLY structural CSS (layout, positioning).\r\n * All visual styles (colors, backgrounds, fonts, spacing) must be applied externally\r\n * via CSS Parts API (::part() selectors) using design tokens.\r\n * \r\n * IMPORTANT: NÃO incluir cores, fontes, espaçamentos ou valores hardcoded.\r\n * Apenas estrutura: display, position, flexbox, grid, box-sizing, cursor, etc.\r\n */\r\n\r\n:host {\r\n  display: inline-flex;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-breadcrumbs-divider {\r\n  /* APENAS estilos estruturais */\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-breadcrumbs-divider__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n/* Layout para o SVG interno */\r\n.voa-breadcrumbs-divider__icon svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  flex-shrink: 0;\r\n}\r\n\r\n","import { Component, Prop, h, Host } from '@stencil/core';\r\nimport { Icons } from '../../utils/icons';\r\n\r\n/**\r\n * Componente de divisor para breadcrumbs.\r\n * Baseado no design do Figma (node-id: 443-9825).\r\n * \r\n * O componente segue o padrão \"unstyled\" - apenas estrutura e lógica.\r\n * Estilos visuais devem ser aplicados externamente via CSS Parts API usando design tokens.\r\n * \r\n * @part base - O container interno do divisor\r\n * @part icon - O container do ícone SVG\r\n */\r\n@Component({\r\n  tag: 'voa-breadcrumbs-divider',\r\n  styleUrl: 'voa-breadcrumbs-divider.css',\r\n  shadow: true,\r\n  scoped: false, // Permite herdar variáveis CSS do contexto pai\r\n})\r\nexport class VoaBreadcrumbsDivider {\r\n  /**\r\n   * Tipo de ícone a ser exibido como divisor.\r\n   * Mapeia as variantes do Figma: chevron, arrow, arrow-alt.\r\n   */\r\n  @Prop({ reflect: true }) icon: 'chevron' | 'arrow' | 'arrow-alt' = 'chevron';\r\n\r\n  private getIconComponent() {\r\n    switch (this.icon) {\r\n      case 'chevron':\r\n        return Icons['chevron-right'];\r\n      case 'arrow':\r\n        return Icons['arrow-right'];\r\n      case 'arrow-alt':\r\n        return Icons['arrow-right-alt'];\r\n      default:\r\n        return Icons['chevron-right'];\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const IconComponent = this.getIconComponent();\r\n\r\n    return (\r\n      <Host\r\n        role=\"separator\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <div\r\n          part=\"base\"\r\n          class={{\r\n            'voa-breadcrumbs-divider': true,\r\n            [`voa-breadcrumbs-divider--${this.icon}`]: true,\r\n          }}\r\n        >\r\n          <span part=\"icon\" class=\"voa-breadcrumbs-divider__icon\">\r\n            <IconComponent />\r\n          </span>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"version":3}

package/dist/custom-elements/voa-breadcrumbs-item.d.ts

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

package/dist/custom-elements/voa-breadcrumbs-item.js

@@ -0,0 +1,52 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const voaBreadcrumbsItemCss = ":host{display:inline-flex;align-items:center}.breadcrumbs-item-wrapper{display:inline-flex;align-items:center}.breadcrumbs-content{display:inline-flex;align-items:center;text-decoration:none;color:inherit;box-sizing:border-box;cursor:pointer}.breadcrumbs-content[aria-current=\"page\"]{cursor:default;pointer-events:none}.breadcrumbs-separator{display:inline-flex;align-items:center;justify-content:center;margin-inline:0;user-select:none}:host(:last-of-type) .breadcrumbs-separator{display:none}.voa-breadcrumbs-item__icon svg{display:block;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);flex-shrink:0}";
+
+const VoaBreadcrumbsItem$1 = /*@__PURE__*/ proxyCustomElement(class VoaBreadcrumbsItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Is this the current/active page?
+         */
+        this.active = false;
+    }
+    render() {
+        // Determine the tag type
+        const Tag = this.href && !this.active ? 'a' : 'span';
+        // Accessibility: Current page should rely on aria-current
+        const ariaCurrent = this.active ? 'page' : undefined;
+        return (h(Host, { key: 'f72dd6b4030693ed8e9b4b965ba3ae02dc957b47' }, h("li", { key: '75c354b98c337adb9fdaa7f4a538d45cb4db51fe', class: "breadcrumbs-item-wrapper" }, h(Tag, { key: '4dc895812b0facd3fe860e9038aeb4cde310d582', part: "content", class: "breadcrumbs-content", href: this.href, target: this.target, "aria-current": ariaCurrent }, h("slot", { key: '9f0886dcf1720ec06e5bdbd0c51f636c6c75f93d' })), h("span", { key: '82607218bc31771e6ba480e4259815792a02db3c', part: "separator", class: "breadcrumbs-separator", "aria-hidden": "true" }, h("slot", { key: 'b4e36ccdd8c24daa626366e3ec8b9a1f6c0d6e8e', name: "separator" }, h("svg", { key: '0740e3781c0a16a2f7de592f7bd6750a17af3dc9', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '14ba6ed15eccf0e93104bd414e0db239c176be16', points: "9 18 15 12 9 6" })))))));
+    }
+    get host() { return this; }
+    static get style() { return voaBreadcrumbsItemCss; }
+}, [257, "voa-breadcrumbs-item", {
+        "href": [1],
+        "target": [1],
+        "active": [516]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-breadcrumbs-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-breadcrumbs-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VoaBreadcrumbsItem$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaBreadcrumbsItem = VoaBreadcrumbsItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaBreadcrumbsItem, defineCustomElement };
+//# sourceMappingURL=voa-breadcrumbs-item.js.map
+
+//# sourceMappingURL=voa-breadcrumbs-item.js.map

package/dist/custom-elements/voa-breadcrumbs-item.js.map

@@ -0,0 +1 @@
+{"file":"voa-breadcrumbs-item.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,woBAAwoB;;MCOzpBA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAmBE;;AAEG;AACsB,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAyCjD;IAvCC,MAAM,GAAA;;AAEJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,GAAG,MAAM;;AAGpD,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS;AAEpD,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EAGlC,CAAC,CAAA,GAAG,qDACF,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,cAAA,EACL,WAAW,EAAA,EAEzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,EAMN,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,uBAAuB,iBAAa,MAAM,EAAA,EACpE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,WAAW,EAAA,EAEpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,EAAA,gBAAA,EAAgB,OAAO,EAAA,iBAAA,EAAiB,OAAO,EAAA,EAC/I,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAC,gBAAgB,EAAY,CAAA,CACzC,CACD,CACH,CAEJ,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VoaBreadcrumbsItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-breadcrumbs-item/voa-breadcrumbs-item.css?tag=voa-breadcrumbs-item&encapsulation=shadow","src/components/voa-breadcrumbs-item/voa-breadcrumbs-item.tsx"],"sourcesContent":["/* \r\n * UNSTYLED PATTERN: This file contains ONLY structural CSS (layout, positioning).\r\n * All visual styles (colors, backgrounds, fonts, spacing) must be applied externally\r\n * via CSS Parts API (::part() selectors) using design tokens.\r\n * \r\n * IMPORTANT: NÃO incluir cores, fontes, espaçamentos ou valores hardcoded.\r\n * Apenas estrutura: display, position, flexbox, grid, box-sizing, cursor, etc.\r\n */\r\n\r\n:host {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.breadcrumbs-item-wrapper {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.breadcrumbs-content {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  box-sizing: border-box;\r\n  cursor: pointer;\r\n}\r\n\r\n/* Remove pointer events/cursor for active (current) item */\r\n.breadcrumbs-content[aria-current=\"page\"] {\r\n  cursor: default;\r\n  pointer-events: none; \r\n}\r\n\r\n.breadcrumbs-separator {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-inline: 0; /* Spacing handled via CSS Parts */\r\n  user-select: none;\r\n}\r\n\r\n/* * CRITICAL: Hide separator on the last item.\r\n * Since we are inside Shadow DOM, :host(:last-child) refers to the \r\n * custom element itself within the parent's light DOM/slot context.\r\n */\r\n:host(:last-of-type) .breadcrumbs-separator {\r\n  display: none;\r\n}\r\n\r\n/* Layout para o SVG interno do ícone */\r\n.voa-breadcrumbs-item__icon svg {\r\n  display: block;\r\n  width: 16px;\r\n  height: 16px;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  flex-shrink: 0;\r\n}\r\n\r\n","import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'voa-breadcrumbs-item',\r\n  styleUrl: 'voa-breadcrumbs-item.css',\r\n  shadow: true,\r\n})\r\nexport class VoaBreadcrumbsItem {\r\n  @Element() host: HTMLElement;\r\n\r\n  /**\r\n   * HREF destination. If provided, renders an anchor tag.\r\n   * If missing, renders a span (current page or static item).\r\n   */\r\n  @Prop() href?: string;\r\n\r\n  /**\r\n   * Target for the link (e.g., _blank)\r\n   */\r\n  @Prop() target?: string;\r\n\r\n  /**\r\n   * Is this the current/active page?\r\n   */\r\n  @Prop({ reflect: true }) active: boolean = false;\r\n\r\n  render() {\r\n    // Determine the tag type\r\n    const Tag = this.href && !this.active ? 'a' : 'span';\r\n    \r\n    // Accessibility: Current page should rely on aria-current\r\n    const ariaCurrent = this.active ? 'page' : undefined;\r\n\r\n    return (\r\n      <Host>\r\n        <li class=\"breadcrumbs-item-wrapper\">\r\n          \r\n          {/* 1. The Content Part */}\r\n          <Tag \r\n            part=\"content\" \r\n            class=\"breadcrumbs-content\"\r\n            href={this.href}\r\n            target={this.target}\r\n            aria-current={ariaCurrent}\r\n          >\r\n            <slot />\r\n          </Tag>\r\n\r\n          {/* 2. The Separator Part \r\n            We render it always, and hide it via CSS for the last item.\r\n            This is much more robust than JS logic.\r\n          */}\r\n          <span part=\"separator\" class=\"breadcrumbs-separator\" aria-hidden=\"true\">\r\n             <slot name=\"separator\">\r\n               {/* Default Icon: Chevron Right */}\r\n               <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                 <polyline points=\"9 18 15 12 9 6\"></polyline>\r\n               </svg>\r\n             </slot>\r\n          </span>\r\n\r\n        </li>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"version":3}

package/dist/custom-elements/voa-breadcrumbs.d.ts

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

package/dist/custom-elements/voa-breadcrumbs.js

@@ -0,0 +1,49 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const voaBreadcrumbsCss = ":host{display:inline-block;box-sizing:border-box}.voa-breadcrumbs{display:inline-block;box-sizing:border-box}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;gap:0;}";
+
+const VoaBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class VoaBreadcrumbs extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Variante visual do breadcrumb.
+         */
+        this.type = 'default';
+    }
+    render() {
+        return (h(Host, { key: 'c200bcb5b1cee06222ae5a51a5ad5418dd73f68c' }, h("nav", { key: '3e302797bacdd137c2cacf786e49074e9bb9a85a', part: "base", "aria-label": "Breadcrumb", class: {
+                'voa-breadcrumbs': true,
+                [`voa-breadcrumbs--${this.type}`]: true,
+            } }, h("ol", { key: 'bffbacbe69cec2da8410a9f28ad9fb76b896ac3a', part: "list", class: "breadcrumbs-list" }, h("slot", { key: 'b629e8573b851c5d9b3bb802f4b40bcc5620bb99' })))));
+    }
+    get host() { return this; }
+    static get style() { return voaBreadcrumbsCss; }
+}, [257, "voa-breadcrumbs", {
+        "type": [513]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-breadcrumbs"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-breadcrumbs":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VoaBreadcrumbs$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaBreadcrumbs = VoaBreadcrumbs$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaBreadcrumbs, defineCustomElement };
+//# sourceMappingURL=voa-breadcrumbs.js.map
+
+//# sourceMappingURL=voa-breadcrumbs.js.map

package/dist/custom-elements/voa-breadcrumbs.js.map

@@ -0,0 +1 @@
+{"file":"voa-breadcrumbs.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,0NAA0N;;MCYvOA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQE;;AAEG;AACsB,QAAA,IAAI,CAAA,IAAA,GAAoC,SAAS;AAuB3E;IArBC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAIH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,gBACA,YAAY,EACvB,KAAK,EAAE;AACL,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AACxC,aAAA,EAAA,EAED,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,kBAAkB,EAAA,EACtC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VoaBreadcrumbs","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-breadcrumbs/voa-breadcrumbs.css?tag=voa-breadcrumbs&encapsulation=shadow","src/components/voa-breadcrumbs/voa-breadcrumbs.tsx"],"sourcesContent":["/* \r\n * UNSTYLED PATTERN: This file contains ONLY structural CSS (layout, positioning).\r\n * All visual styles (colors, backgrounds, fonts, spacing) must be applied externally\r\n * via CSS Parts API (::part() selectors) using design tokens.\r\n * \r\n * IMPORTANT: NÃO incluir cores, fontes, espaçamentos ou valores hardcoded.\r\n * Apenas estrutura: display, position, flexbox, grid, box-sizing, cursor, etc.\r\n */\r\n\r\n:host {\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-breadcrumbs {\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.breadcrumbs-list {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap; /* Breadcrumbs should wrap on small screens */\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none; /* Remove default list numbers */\r\n  gap: 0; /* Gaps handled by items */\r\n}\r\n\r\n","import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n/**\r\n * Componente de breadcrumbs (navegação estrutural).\r\n * Baseado no design do Figma (node-id: 443-10022).\r\n * * @slot default - Items do breadcrumb (voa-breadcrumbs-item)\r\n */\r\n@Component({\r\n  tag: 'voa-breadcrumbs',\r\n  styleUrl: 'voa-breadcrumbs.css',\r\n  shadow: true,\r\n})\r\nexport class VoaBreadcrumbs {\r\n  @Element() host: HTMLVoaBreadcrumbsElement;\r\n\r\n  /**\r\n   * Variante visual do breadcrumb.\r\n   */\r\n  @Prop({ reflect: true }) type: 'default' | 'round' | 'outline' = 'default';\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        {/* Using <nav> and <ol> is the Semantic Standard for Breadcrumbs. \r\n          Screen readers will announce \"Navigation, list, X items\".\r\n        */}\r\n        <nav\r\n          part=\"base\"\r\n          aria-label=\"Breadcrumb\"\r\n          class={{\r\n            'voa-breadcrumbs': true,\r\n            [`voa-breadcrumbs--${this.type}`]: true,\r\n          }}\r\n        >\r\n          <ol part=\"list\" class=\"breadcrumbs-list\">\r\n            <slot></slot>\r\n          </ol>\r\n        </nav>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"version":3}

package/dist/custom-elements/voa-button.d.ts

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

package/dist/custom-elements/voa-button.js

@@ -0,0 +1,9 @@
+import { V as VoaButton$1, d as defineCustomElement$1 } from './p-Dto9R8Te.js';
+
+const VoaButton = VoaButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaButton, defineCustomElement };
+//# sourceMappingURL=voa-button.js.map
+
+//# sourceMappingURL=voa-button.js.map

package/dist/custom-elements/voa-button.js.map

@@ -0,0 +1 @@
+{"file":"voa-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/custom-elements/voa-card.d.ts

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

package/dist/custom-elements/voa-card.js

@@ -0,0 +1,39 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const voaCardCss = ":host{display:block}[part=\"base\"]{display:flex;flex-direction:column;overflow:hidden}[part=\"header\"]{display:block}[part=\"body\"]{flex:1;display:block}[part=\"footer\"]{display:block}";
+
+const VoaCard$1 = /*@__PURE__*/ proxyCustomElement(class VoaCard extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '568c4d6e50c8fc83eb891224583329f788034d6e' }, h("div", { key: '814f7efd2919c4446e89807d4bdf78849c48871b', part: "base" }, h("div", { key: '0fdc6719a13a4bce82080d7db590ededcb4a01b0', part: "header" }, h("slot", { key: 'f2c80a5a2defb23c1f55a2e8b2a80c7c91513a53', name: "header" })), h("div", { key: '22c8e15f59892e8efe24ff3023ed3850e9a1a186', part: "body" }, h("slot", { key: 'f506952810dfbdbb7ff519633d936261e22f7db7' })), h("div", { key: '6ad21245c020b337c17593d1c9f8abe32fc166de', part: "footer" }, h("slot", { key: 'c427e8ac2ec538ecb3ab75052d453afc5aae2ee5', name: "footer" })))));
+    }
+    static get style() { return voaCardCss; }
+}, [257, "voa-card"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-card"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VoaCard$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaCard = VoaCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaCard, defineCustomElement };
+//# sourceMappingURL=voa-card.js.map
+
+//# sourceMappingURL=voa-card.js.map

package/dist/custom-elements/voa-card.js.map

@@ -0,0 +1 @@
+{"file":"voa-card.js","mappings":";;AAAA,MAAM,UAAU,GAAG,8LAA8L;;MCOpMA,SAAO,iBAAAC,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;IAClB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACd,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EAChB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;","names":["VoaCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-card/voa-card.css?tag=voa-card&encapsulation=shadow","src/components/voa-card/voa-card.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n[part=\"base\"] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n}\r\n\r\n[part=\"header\"] {\r\n  display: block;\r\n}\r\n\r\n[part=\"body\"] {\r\n  flex: 1;\r\n  display: block;\r\n}\r\n\r\n[part=\"footer\"] {\r\n  display: block;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'voa-card',\r\n  styleUrl: 'voa-card.css',\r\n  shadow: true,\r\n})\r\nexport class VoaCard {\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div part=\"base\">\r\n          <div part=\"header\">\r\n            <slot name=\"header\"></slot>\r\n          </div>\r\n          <div part=\"body\">\r\n            <slot></slot>\r\n          </div>\r\n          <div part=\"footer\">\r\n            <slot name=\"footer\"></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/custom-elements/voa-checkbox.d.ts

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