voa-ds-core 1.0.4

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

@@ -0,0 +1,114 @@
+import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
+
+const voaTabItemCss = ":host{display:inline-block;box-sizing:border-box}.voa-tab-item{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;cursor:pointer;user-select:none;gap:0;flex-direction:row;flex-wrap:nowrap}.voa-tab-item--disabled{cursor:not-allowed;pointer-events:none}.voa-tab-item__label{display:inline-block;flex-shrink:0}.voa-tab-item__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-sizing:border-box}.voa-tab-item__badge-text{display:inline-block;text-align:center;white-space:nowrap}";
+
+const VoaTabItem$1 = /*@__PURE__*/ proxyCustomElement(class VoaTabItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.tabClick = createEvent(this, "tabClick");
+        /**
+         * Estado do item de tab.
+         * Mapeia os estados do Figma: Active, Default, Disabled.
+         */
+        this.state = 'default';
+        /**
+         * Posição do indicador de ativo (borda).
+         * Mapeia as posições do Figma: Default (bottom), Top, Right, Left.
+         */
+        this.position = 'default';
+        /**
+         * Se verdadeiro, exibe um badge no item.
+         */
+        this.showBadge = false;
+        /**
+         * Se verdadeiro, o item estará desabilitado.
+         * Alias para state="disabled".
+         */
+        this.disabled = false;
+        /**
+         * Handler interno de clique.
+         */
+        this.handleClick = () => {
+            if (!this.disabled && this.state !== 'disabled') {
+                this.tabClick.emit();
+            }
+        };
+    }
+    /**
+     * Método para acessibilidade WCAG 2.2 AA.
+     * Delega foco ao elemento interno.
+     */
+    async setFocus() {
+        var _a;
+        const base = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[part="base"]');
+        if (base) {
+            base.focus();
+        }
+    }
+    /**
+     * Determina o estado efetivo do componente.
+     * Se disabled=true, força state="disabled".
+     */
+    getEffectiveState() {
+        if (this.disabled) {
+            return 'disabled';
+        }
+        return this.state;
+    }
+    /**
+     * Determina o valor do badge a ser exibido.
+     */
+    getBadgeValue() {
+        if (this.badgeCount !== undefined) {
+            return String(this.badgeCount);
+        }
+        return '0';
+    }
+    render() {
+        const effectiveState = this.getEffectiveState();
+        const isActive = effectiveState === 'active';
+        const isDisabled = effectiveState === 'disabled';
+        return (h(Host, { key: '15c5808af110e8b547664412017ffc94bb95f4e2', role: "tab", "aria-selected": isActive ? 'true' : 'false', "aria-disabled": isDisabled ? 'true' : undefined, tabindex: isDisabled ? -1 : (isActive ? 0 : -1), onClick: this.handleClick }, h("div", { key: '4cb9bd8d7f6804213ca2b92ac3587a7028429fe2', part: "base", class: {
+                'voa-tab-item': true,
+                [`voa-tab-item--${effectiveState}`]: true,
+                [`voa-tab-item--${this.position}`]: true,
+                'voa-tab-item--disabled': isDisabled,
+            } }, h("span", { key: 'bf1ae3f34dd2c77eece50aeed14d8cbf4a4a34ec', part: "label", class: "voa-tab-item__label" }, h("slot", { key: 'f54a35be6b6d08125882b3f61816f75dc0acc8a6' })), this.showBadge && (h("div", { key: 'e04ad4b69771b3732f2159d4b8ac096d9cfb1dcc', part: "badge", class: "voa-tab-item__badge" }, h("span", { key: '02b00f32bc0e425d9c38096e53ce770ee320cefa', class: "voa-tab-item__badge-text" }, this.getBadgeValue()))))));
+    }
+    get host() { return this; }
+    static get style() { return voaTabItemCss; }
+}, [257, "voa-tab-item", {
+        "state": [513],
+        "position": [513],
+        "showBadge": [516, "show-badge"],
+        "badgeCount": [2, "badge-count"],
+        "disabled": [516],
+        "itemIndex": [514, "item-index"],
+        "setFocus": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-tab-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-tab-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VoaTabItem$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaTabItem = VoaTabItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaTabItem, defineCustomElement };
+//# sourceMappingURL=voa-tab-item.js.map
+
+//# sourceMappingURL=voa-tab-item.js.map

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

@@ -0,0 +1 @@
+{"file":"voa-tab-item.js","mappings":"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","names":["VoaTabItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-tab-item/voa-tab-item.css?tag=voa-tab-item&encapsulation=shadow","src/components/voa-tab-item/voa-tab-item.tsx"],"sourcesContent":["/* * 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 * * 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-tab-item {\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  cursor: pointer;\r\n  user-select: none;\r\n  /* Gap estrutural para espaçamento entre label e badge */\r\n  gap: 0;\r\n  /* Layout flex para garantir alinhamento correto */\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n}\r\n\r\n.voa-tab-item--disabled {\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.voa-tab-item__label {\r\n  display: inline-block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.voa-tab-item__badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-tab-item__badge-text {\r\n  display: inline-block;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n}","import { Component, Host, h, Prop, Element, Method, Event, EventEmitter } from '@stencil/core';\r\n\r\n/**\r\n * Item individual de tab do Voa Design System.\r\n * * Baseado no design do Figma: https://www.figma.com/design/wDStUEuqpl7Tu1oHpiAml6/Voa-Design-System?node-id=366-1545\r\n * * O componente segue o padrão \"unstyled\" (headless), fornecendo apenas estrutura e lógica.\r\n * Todos os estilos visuais devem ser aplicados externamente via CSS Parts API usando design tokens.\r\n * * @part base - O elemento raiz do item de tab\r\n * @part label - Container do texto do item\r\n * @part badge - Container do badge (quando showBadge=true)\r\n */\r\n@Component({\r\n  tag: 'voa-tab-item',\r\n  styleUrl: 'voa-tab-item.css',\r\n  shadow: true,\r\n  scoped: false, // Permite herdar variáveis CSS do contexto pai\r\n})\r\nexport class VoaTabItem {\r\n  @Element() host: HTMLVoaTabItemElement;\r\n\r\n  /**\r\n   * Estado do item de tab.\r\n   * Mapeia os estados do Figma: Active, Default, Disabled.\r\n   */\r\n  @Prop({ reflect: true }) state: 'active' | 'default' | 'disabled' = 'default';\r\n\r\n  /**\r\n   * Posição do indicador de ativo (borda).\r\n   * Mapeia as posições do Figma: Default (bottom), Top, Right, Left.\r\n   */\r\n  @Prop({ reflect: true }) position: 'default' | 'top' | 'right' | 'left' = 'default';\r\n\r\n  /**\r\n   * Se verdadeiro, exibe um badge no item.\r\n   */\r\n  @Prop({ reflect: true }) showBadge: boolean = false;\r\n\r\n  /**\r\n   * Número a ser exibido no badge (opcional).\r\n   * Se não fornecido e showBadge=true, exibe \"0\".\r\n   */\r\n  @Prop() badgeCount?: number;\r\n\r\n  /**\r\n   * Se verdadeiro, o item estará desabilitado.\r\n   * Alias para state=\"disabled\".\r\n   */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /**\r\n   * Índice do item (gerenciado pelo componente pai voa-tab).\r\n   * Usado internamente para identificação.\r\n   */\r\n  @Prop({ reflect: true, attribute: 'item-index' }) itemIndex?: number;\r\n\r\n  /**\r\n   * Evento emitido quando o tab é clicado.\r\n   * O pai (voa-tab) escuta isso para gerenciar a seleção.\r\n   */\r\n  @Event() tabClick: EventEmitter<void>;\r\n\r\n  /**\r\n   * Handler interno de clique.\r\n   */\r\n  private handleClick = () => {\r\n    if (!this.disabled && this.state !== 'disabled') {\r\n      this.tabClick.emit();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Método para acessibilidade WCAG 2.2 AA.\r\n   * Delega foco ao elemento interno.\r\n   */\r\n  @Method()\r\n  async setFocus(): Promise<void> {\r\n    const base = this.host.shadowRoot?.querySelector('[part=\"base\"]') as HTMLElement;\r\n    if (base) {\r\n      base.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Determina o estado efetivo do componente.\r\n   * Se disabled=true, força state=\"disabled\".\r\n   */\r\n  private getEffectiveState(): 'active' | 'default' | 'disabled' {\r\n    if (this.disabled) {\r\n      return 'disabled';\r\n    }\r\n    return this.state;\r\n  }\r\n\r\n  /**\r\n   * Determina o valor do badge a ser exibido.\r\n   */\r\n  private getBadgeValue(): string {\r\n    if (this.badgeCount !== undefined) {\r\n      return String(this.badgeCount);\r\n    }\r\n    return '0';\r\n  }\r\n\r\n  render() {\r\n    const effectiveState = this.getEffectiveState();\r\n    const isActive = effectiveState === 'active';\r\n    const isDisabled = effectiveState === 'disabled';\r\n\r\n    return (\r\n      <Host\r\n        role=\"tab\"\r\n        aria-selected={isActive ? 'true' : 'false'}\r\n        aria-disabled={isDisabled ? 'true' : undefined}\r\n        tabindex={isDisabled ? -1 : (isActive ? 0 : -1)}\r\n        onClick={this.handleClick}\r\n      >\r\n        <div\r\n          part=\"base\"\r\n          class={{\r\n            'voa-tab-item': true,\r\n            [`voa-tab-item--${effectiveState}`]: true,\r\n            [`voa-tab-item--${this.position}`]: true,\r\n            'voa-tab-item--disabled': isDisabled,\r\n          }}\r\n        >\r\n          <span part=\"label\" class=\"voa-tab-item__label\">\r\n            <slot></slot>\r\n          </span>\r\n          {this.showBadge && (\r\n            <div part=\"badge\" class=\"voa-tab-item__badge\">\r\n              <span class=\"voa-tab-item__badge-text\">{this.getBadgeValue()}</span>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"version":3}

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

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

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

@@ -0,0 +1,156 @@
+import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
+
+const voaTabCss = ":host{display:block;box-sizing:border-box}.tab-container{display:block;width:100%;box-sizing:border-box}.tab-list{display:flex;position:relative;width:100%;box-sizing:border-box}.tab-horizontal .tab-list{flex-direction:row;align-items:flex-end;}.tab-vertical{display:flex;}.tab-vertical .tab-list{flex-direction:column;width:auto;}";
+
+const VoaTab$1 = /*@__PURE__*/ proxyCustomElement(class VoaTab extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.dsTabChange = createEvent(this, "dsTabChange");
+        this.direction = 'horizontal';
+        /**
+         * Internal state for uncontrolled mode.
+         */
+        this.internalIndex = 0;
+        /**
+         * Listens for children being added/removed from the slot.
+         */
+        this.handleSlotChange = () => {
+            this.syncChildren();
+        };
+        this.handleKeyDown = (event) => {
+            const tabs = this.getTabs();
+            if (tabs.length === 0)
+                return;
+            const isVertical = this.direction === 'vertical';
+            const nextKey = isVertical ? 'ArrowDown' : 'ArrowRight';
+            const prevKey = isVertical ? 'ArrowUp' : 'ArrowLeft';
+            let nextIndex = this.internalIndex;
+            if (event.key === nextKey) {
+                event.preventDefault();
+                nextIndex = this.internalIndex + 1;
+                if (nextIndex >= tabs.length)
+                    nextIndex = 0;
+            }
+            else if (event.key === prevKey) {
+                event.preventDefault();
+                nextIndex = this.internalIndex - 1;
+                if (nextIndex < 0)
+                    nextIndex = tabs.length - 1;
+            }
+            else if (event.key === 'Home') {
+                event.preventDefault();
+                nextIndex = 0;
+            }
+            else if (event.key === 'End') {
+                event.preventDefault();
+                nextIndex = tabs.length - 1;
+            }
+            else {
+                return;
+            }
+            // Simple skip for disabled tabs (moves to the one requested, if disabled, does nothing in this simple version)
+            // In production, you'd want a while loop to find the next non-disabled index.
+            const targetTab = tabs[nextIndex];
+            if (targetTab.disabled || targetTab.state === 'disabled') {
+                return;
+            }
+            this.activateTab(nextIndex);
+            tabs[nextIndex].setFocus();
+        };
+    }
+    handleActiveIndexChange(newValue) {
+        if (newValue !== undefined) {
+            this.internalIndex = newValue;
+            this.syncChildren();
+        }
+    }
+    componentDidLoad() {
+        if (this.activeIndex !== undefined) {
+            this.internalIndex = this.activeIndex;
+        }
+        this.syncChildren();
+    }
+    /**
+     * Listens for the child emitting its click event.
+     */
+    handleTabSelected(event) {
+        const target = event.target;
+        const tabs = this.getTabs();
+        const index = tabs.indexOf(target);
+        // Ensure we don't activate disabled tabs (double check)
+        if (index > -1 && !target.disabled && target.state !== 'disabled') {
+            this.activateTab(index);
+        }
+    }
+    getTabs() {
+        return Array.from(this.host.querySelectorAll('voa-tab-item'));
+    }
+    /**
+     * Updates the `state` prop of all children based on current selection.
+     * Handles the 'active' | 'default' | 'disabled' string logic.
+     */
+    syncChildren() {
+        const tabs = this.getTabs();
+        tabs.forEach((tab, index) => {
+            // Never overwrite 'disabled' state
+            if (tab.disabled || tab.state === 'disabled') {
+                return;
+            }
+            // Set active or default
+            if (index === this.internalIndex) {
+                tab.state = 'active';
+            }
+            else {
+                tab.state = 'default';
+            }
+        });
+    }
+    activateTab(index) {
+        this.internalIndex = index;
+        this.syncChildren();
+        this.dsTabChange.emit({ index });
+    }
+    render() {
+        return (h(Host, { key: '6f6c95f8e33913a9f739534fc2d3fdf8b5cc7d29', role: "tablist", "aria-orientation": this.direction, onKeyDown: this.handleKeyDown }, h("div", { key: '4cb4c2937ba9a368ef37b53bc01e15ca0b1867db', part: "base", class: {
+                'tab-container': true,
+                [`tab-${this.direction}`]: true
+            } }, h("div", { key: 'dc98c574d6f450f37c136740541d56e223f0eb1c', part: "list", class: "tab-list" }, h("slot", { key: 'afd443dffc7138cb143f59079c377a09d22b2907', onSlotchange: this.handleSlotChange })))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "activeIndex": ["handleActiveIndexChange"]
+    }; }
+    static get style() { return voaTabCss; }
+}, [257, "voa-tab", {
+        "direction": [513],
+        "activeIndex": [2, "active-index"],
+        "internalIndex": [32]
+    }, [[0, "tabClick", "handleTabSelected"]], {
+        "activeIndex": ["handleActiveIndexChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-tab"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-tab":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VoaTab$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaTab = VoaTab$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaTab, defineCustomElement };
+//# sourceMappingURL=voa-tab.js.map
+
+//# sourceMappingURL=voa-tab.js.map

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

@@ -0,0 +1 @@
+{"file":"voa-tab.js","mappings":"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","names":["VoaTab","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-tab/voa-tab.css?tag=voa-tab&encapsulation=shadow","src/components/voa-tab/voa-tab.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tab-container {\r\n  display: block;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tab-list {\r\n  display: flex;\r\n  position: relative;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* Orientation Modifiers */\r\n.tab-horizontal .tab-list {\r\n  flex-direction: row;\r\n  align-items: flex-end; /* Common alignment for tabs sitting on a line */\r\n}\r\n\r\n.tab-vertical {\r\n  display: flex; /* Container becomes flex in vertical to allow content next to it if needed */\r\n}\r\n\r\n.tab-vertical .tab-list {\r\n  flex-direction: column;\r\n  width: auto; /* Shrink to fit items */\r\n}","import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Watch, Listen } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'voa-tab',\r\n  styleUrl: 'voa-tab.css',\r\n  shadow: true,\r\n  scoped: false, // Permite herdar variáveis CSS do contexto pai\r\n})\r\nexport class VoaTab {\r\n  @Element() host: HTMLVoaTabElement;\r\n\r\n  @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' = 'horizontal';\r\n\r\n  /**\r\n   * Controlled mode active index.\r\n   */\r\n  @Prop() activeIndex: number;\r\n\r\n  /**\r\n   * Event emitted when the active tab changes.\r\n   */\r\n  @Event() dsTabChange: EventEmitter<{ index: number }>;\r\n\r\n  /**\r\n   * Internal state for uncontrolled mode.\r\n   */\r\n  @State() internalIndex: number = 0;\r\n\r\n  @Watch('activeIndex')\r\n  handleActiveIndexChange(newValue: number) {\r\n    if (newValue !== undefined) {\r\n      this.internalIndex = newValue;\r\n      this.syncChildren();\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.activeIndex !== undefined) {\r\n      this.internalIndex = this.activeIndex;\r\n    }\r\n    this.syncChildren();\r\n  }\r\n\r\n  /**\r\n   * Listens for children being added/removed from the slot.\r\n   */\r\n  private handleSlotChange = () => {\r\n    this.syncChildren();\r\n  };\r\n\r\n  /**\r\n   * Listens for the child emitting its click event.\r\n   */\r\n  @Listen('tabClick')\r\n  handleTabSelected(event: CustomEvent) {\r\n    const target = event.target as HTMLVoaTabItemElement;\r\n    const tabs = this.getTabs();\r\n    const index = tabs.indexOf(target);\r\n\r\n    // Ensure we don't activate disabled tabs (double check)\r\n    if (index > -1 && !target.disabled && target.state !== 'disabled') {\r\n      this.activateTab(index);\r\n    }\r\n  }\r\n\r\n  private getTabs() {\r\n    return Array.from(this.host.querySelectorAll('voa-tab-item'));\r\n  }\r\n\r\n  /**\r\n   * Updates the `state` prop of all children based on current selection.\r\n   * Handles the 'active' | 'default' | 'disabled' string logic.\r\n   */\r\n  private syncChildren() {\r\n    const tabs = this.getTabs();\r\n    tabs.forEach((tab, index) => {\r\n      // Never overwrite 'disabled' state\r\n      if (tab.disabled || tab.state === 'disabled') {\r\n        return; \r\n      }\r\n      \r\n      // Set active or default\r\n      if (index === this.internalIndex) {\r\n        tab.state = 'active';\r\n      } else {\r\n        tab.state = 'default';\r\n      }\r\n    });\r\n  }\r\n\r\n  private activateTab(index: number) {\r\n    this.internalIndex = index;\r\n    this.syncChildren();\r\n    this.dsTabChange.emit({ index });\r\n  }\r\n\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    const tabs = this.getTabs();\r\n    if (tabs.length === 0) return;\r\n\r\n    const isVertical = this.direction === 'vertical';\r\n    const nextKey = isVertical ? 'ArrowDown' : 'ArrowRight';\r\n    const prevKey = isVertical ? 'ArrowUp' : 'ArrowLeft';\r\n\r\n    let nextIndex = this.internalIndex;\r\n\r\n    if (event.key === nextKey) {\r\n      event.preventDefault();\r\n      nextIndex = this.internalIndex + 1;\r\n      if (nextIndex >= tabs.length) nextIndex = 0;\r\n    } else if (event.key === prevKey) {\r\n      event.preventDefault();\r\n      nextIndex = this.internalIndex - 1;\r\n      if (nextIndex < 0) nextIndex = tabs.length - 1;\r\n    } else if (event.key === 'Home') {\r\n      event.preventDefault();\r\n      nextIndex = 0;\r\n    } else if (event.key === 'End') {\r\n      event.preventDefault();\r\n      nextIndex = tabs.length - 1;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    // Simple skip for disabled tabs (moves to the one requested, if disabled, does nothing in this simple version)\r\n    // In production, you'd want a while loop to find the next non-disabled index.\r\n    const targetTab = tabs[nextIndex];\r\n    if (targetTab.disabled || targetTab.state === 'disabled') {\r\n       return; \r\n    }\r\n\r\n    this.activateTab(nextIndex);\r\n    tabs[nextIndex].setFocus();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host \r\n        role=\"tablist\" \r\n        aria-orientation={this.direction}\r\n        onKeyDown={this.handleKeyDown}\r\n      >\r\n        <div part=\"base\" class={{\r\n            'tab-container': true,\r\n            [`tab-${this.direction}`]: true\r\n        }}>\r\n          <div part=\"list\" class=\"tab-list\">\r\n            <slot onSlotchange={this.handleSlotChange} />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"version":3}

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

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

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

@@ -0,0 +1,44 @@
+import { p as proxyCustomElement, H, h } from './index.js';
+
+const tableCss = ".table{width:100%;border-collapse:collapse}th,td{padding:10px;border:1px solid #ddd;text-align:left}th{background-color:#f4f4f4}";
+
+const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.data = [];
+        this.columns = [];
+    }
+    render() {
+        return (h("table", { key: '117e9b340eb21a4641a6e2fd5d7a3d93495d97c8', class: "table" }, h("thead", { key: '0ecd63c8eca1906f3091deb4b4cc8317745de98b' }, h("tr", { key: '86416e1bb3f8e3290a79c1f4e6a0e6ef61f98527' }, this.columns.map((column) => (h("th", null, column))))), h("tbody", { key: '0d9a3312dc03d6788c935c9467fff10d6b835bfd' }, this.data.map((row) => (h("tr", null, this.columns.map((column) => (h("td", null, row[column])))))))));
+    }
+    static get style() { return tableCss; }
+}, [257, "voa-table", {
+        "data": [16],
+        "columns": [16]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-table"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-table":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Table);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaTable = Table;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaTable, defineCustomElement };
+//# sourceMappingURL=voa-table.js.map
+
+//# sourceMappingURL=voa-table.js.map

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

@@ -0,0 +1 @@
+{"file":"voa-table.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,kIAAkI;;MCOtI,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;AALlB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAI,CAAA,IAAA,GAAU,EAAE;AAChB,QAAA,IAAO,CAAA,OAAA,GAAa,EAAE;AAwB/B;IAtBC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,OAAO,EAAA,EAClB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACvB,CAAK,CAAA,IAAA,EAAA,IAAA,EAAA,MAAM,CAAM,CAClB,CAAC,CACC,CACC,EACR,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MACjB,CAAA,CAAA,IAAA,EAAA,IAAA,EACG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACvB,CAAK,CAAA,IAAA,EAAA,IAAA,EAAA,GAAG,CAAC,MAAM,CAAC,CAAM,CACvB,CAAC,CACC,CACN,CAAC,CACI,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-table/table.css?tag=voa-table&encapsulation=shadow","src/components/voa-table/table.tsx"],"sourcesContent":[".table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n}\r\n\r\nth,\r\ntd {\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  background-color: #f4f4f4;\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"voa-table\",\r\n  styleUrl: \"table.css\",\r\n  shadow: true,\r\n})\r\nexport class Table {\r\n  @Prop() data: any[] = [];\r\n  @Prop() columns: string[] = [];\r\n\r\n  render() {\r\n    return (\r\n      <table class=\"table\">\r\n        <thead>\r\n          <tr>\r\n            {this.columns.map((column) => (\r\n              <th>{column}</th>\r\n            ))}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {this.data.map((row) => (\r\n            <tr>\r\n              {this.columns.map((column) => (\r\n                <td>{row[column]}</td>\r\n              ))}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

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

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

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

@@ -0,0 +1,73 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const voaTagCss = ":host{display:inline-flex;vertical-align:middle;box-sizing:border-box}.tag-container{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%}.tag-label{display:block;white-space:nowrap;box-sizing:border-box}.tag-icon-start,.tag-icon-end{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;}";
+
+const VoaTag$1 = /*@__PURE__*/ proxyCustomElement(class VoaTag extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * A variante do tag
+         */
+        this.variant = 'plain';
+        /**
+         * Forma do tag
+         */
+        this.shape = 'default';
+        /**
+         * Tamanho do tag
+         */
+        this.size = 'md';
+        /**
+         * Exibe o ícone à esquerda (apenas se variant="icons")
+         */
+        this.iconLeft = false;
+        /**
+         * Exibe o ícone à direita (apenas se variant="icons")
+         */
+        this.iconRight = false;
+    }
+    render() {
+        const isIcons = this.variant === 'icons';
+        return (h(Host, { key: 'eeddc95792bcd34a3ca5a43f9fd16720a961e00d' }, h("div", { key: '755f15c3b5d95a8109c9b523bd0e88cc57ad4550', part: "base", class: {
+                'tag-container': true,
+                [`tag-${this.variant}`]: true,
+                [`tag-${this.shape}`]: true,
+                [`tag-${this.size}`]: true,
+            } }, isIcons && this.iconLeft && (h("span", { key: 'f3eae8eeee463f2dee0445244118e8b575fba004', part: "icon-start", class: "tag-icon-start" }, h("slot", { key: '1fffcd8b8cb4c1f2d111822008e8740f8d78d07c', name: "icon-start" }))), h("span", { key: '5ad2e56b56b922c51a6c404344892cde903c21b7', part: "label", class: "tag-label" }, this.label, h("slot", { key: '069595167c2ba1b42f1a591a772721eeb43e4fa6' })), isIcons && this.iconRight && (h("span", { key: 'adad7eb1e4f8af195c66eb79647f75cf56ebd816', part: "icon-end", class: "tag-icon-end" }, h("slot", { key: '82d3246264e768883ffbb1deea54220e018ffb2e', name: "icon-end" }))))));
+    }
+    get host() { return this; }
+    static get style() { return voaTagCss; }
+}, [257, "voa-tag", {
+        "label": [513],
+        "variant": [513],
+        "shape": [513],
+        "size": [513],
+        "iconLeft": [516, "icon-left"],
+        "iconRight": [516, "icon-right"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["voa-tag"];
+    components.forEach(tagName => { switch (tagName) {
+        case "voa-tag":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VoaTag$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const VoaTag = VoaTag$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VoaTag, defineCustomElement };
+//# sourceMappingURL=voa-tag.js.map
+
+//# sourceMappingURL=voa-tag.js.map

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

@@ -0,0 +1 @@
+{"file":"voa-tag.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+WAA+W;;MCmBpXA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AALnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAaE;;AAEG;AACsB,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;AAE7D;;AAEG;AACsB,QAAA,IAAK,CAAA,KAAA,GAAuB,SAAS;AAE9D;;AAEG;AACsB,QAAA,IAAI,CAAA,IAAA,GAAgB,IAAI;AAEjD;;AAEG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAElD;;AAEG;AACsB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAoCpD;IAlCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO;QAExC,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,CAAC,OAAO,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AAC7B,gBAAA,CAAC,OAAO,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AAC3B,gBAAA,CAAC,OAAO,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;aAC3B,EAAA,EAEA,OAAO,IAAI,IAAI,CAAC,QAAQ,KACvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,gBAAgB,EAAA,EAC5C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,EAAA,CAAG,CACrB,CACR,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAA,EACjC,IAAI,CAAC,KAAK,EACX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEN,OAAO,IAAI,IAAI,CAAC,SAAS,KACxB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,cAAc,EAAA,EACxC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,CAAG,CACnB,CACR,CACG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VoaTag","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/voa-tag/voa-tag.css?tag=voa-tag&encapsulation=shadow","src/components/voa-tag/voa-tag.tsx"],"sourcesContent":["/* UNSTYLED PATTERN: Structural CSS only */\r\n\r\n:host {\r\n  display: inline-flex;\r\n  vertical-align: middle;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tag-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.tag-label {\r\n  display: block;\r\n  white-space: nowrap;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tag-icon-start,\r\n.tag-icon-end {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  line-height: 0; /* Prevents icon height weirdness */\r\n}\r\n","import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n/**\r\n * Tag component para exibir labels categorizadores, status ou metadados.\r\n * Baseado no design do Figma (node-id: 1436-769).\r\n *\r\n * O componente segue o padrão \"headless/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 principal do tag\r\n * @part label - O wrapper do texto\r\n * @part icon-start - Container do ícone à esquerda (slot para variante icons)\r\n * @part icon-end - Container do ícone à direita (slot para variante icons)\r\n */\r\n@Component({\r\n  tag: 'voa-tag',\r\n  styleUrl: 'voa-tag.css',\r\n  shadow: true,\r\n})\r\nexport class VoaTag {\r\n  @Element() host: HTMLElement;\r\n\r\n  /**\r\n   * O texto a ser exibido no tag\r\n   */\r\n  @Prop({ reflect: true }) label?: string;\r\n\r\n  /**\r\n   * A variante do tag\r\n   */\r\n  @Prop({ reflect: true }) variant: 'plain' | 'icons' = 'plain';\r\n\r\n  /**\r\n   * Forma do tag\r\n   */\r\n  @Prop({ reflect: true }) shape: 'default' | 'pill' = 'default';\r\n\r\n  /**\r\n   * Tamanho do tag\r\n   */\r\n  @Prop({ reflect: true }) size: 'sm' | 'md' = 'md';\r\n\r\n  /**\r\n   * Exibe o ícone à esquerda (apenas se variant=\"icons\")\r\n   */\r\n  @Prop({ reflect: true }) iconLeft: boolean = false;\r\n\r\n  /**\r\n   * Exibe o ícone à direita (apenas se variant=\"icons\")\r\n   */\r\n  @Prop({ reflect: true }) iconRight: boolean = false;\r\n\r\n  render() {\r\n    const isIcons = this.variant === 'icons';\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          part=\"base\"\r\n          class={{\r\n            'tag-container': true,\r\n            [`tag-${this.variant}`]: true,\r\n            [`tag-${this.shape}`]: true,\r\n            [`tag-${this.size}`]: true,\r\n          }}\r\n        >\r\n          {isIcons && this.iconLeft && (\r\n            <span part=\"icon-start\" class=\"tag-icon-start\">\r\n              <slot name=\"icon-start\" />\r\n            </span>\r\n          )}\r\n\r\n          <span part=\"label\" class=\"tag-label\">\r\n            {this.label}\r\n            <slot />\r\n          </span>\r\n\r\n          {isIcons && this.iconRight && (\r\n            <span part=\"icon-end\" class=\"tag-icon-end\">\r\n              <slot name=\"icon-end\" />\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/custom-elements/voa-text-area.d.ts

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