voa-ds-core 1.0.3

package/dist/esm/voa-input-addon.entry.js

@@ -0,0 +1,121 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Dh8480Ec.js';
+
+const voaInputAddonCss = ":host{display:inline-flex;box-sizing:border-box}.voa-input-addon__base{display:flex;align-items:center;box-sizing:border-box;height:100%}.voa-input-addon--interactive .voa-input-addon__base{cursor:pointer;user-select:none}.voa-input-addon__content{display:flex;align-items:center;gap:var(--spacing-spacing-xxs, 2px);box-sizing:border-box;width:100%;height:100%}.voa-input-addon__text{display:inline-block;box-sizing:border-box}.voa-input-addon__icon,.voa-input-addon__flag-icon,.voa-input-addon__dropdown-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.voa-input-addon__flag-icon{width:24px;height:24px;border-radius:100px}.voa-input-addon__button-text{display:inline-block;box-sizing:border-box}";
+
+const VoaInputAddon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.dsClick = createEvent(this, "dsClick");
+        /**
+         * Variante do addon
+         */
+        this.variant = 'label';
+        /**
+         * Texto do label/prepend (para variantes label, select)
+         */
+        this.prependContent = 'http://';
+        /**
+         * Código do país (para variante flags)
+         */
+        this.countryCode = 'BR +55';
+        /**
+         * Texto do botão (para variante button)
+         */
+        this.buttonLabel = 'Procurar...';
+        /**
+         * Símbolo da moeda (para variante currency-pre)
+         */
+        this.currency = 'R$';
+        /**
+         * Nome da moeda (para variante currency-post)
+         */
+        this.currencyName = 'Real';
+        /**
+         * Tecla do atalho (para variante shortcut)
+         */
+        this.shortcut = 'S';
+        /**
+         * Plataforma do atalho (para variante shortcut)
+         */
+        this.platform = 'mac';
+        /**
+         * Handler para clique no addon
+         */
+        this.handleClick = () => {
+            this.dsClick.emit();
+        };
+        /**
+         * Handler para navegação por teclado (WCAG 2.2 AA).
+         */
+        this.handleKeyDown = (event) => {
+            switch (event.key) {
+                case 'Enter':
+                case ' ':
+                    event.preventDefault();
+                    this.handleClick();
+                    break;
+            }
+        };
+    }
+    /**
+     * Método para acessibilidade WCAG 2.2 AA.
+     * Delega foco ao elemento interno nativo.
+     */
+    async setFocus() {
+        var _a;
+        const focusable = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[tabindex]');
+        if (focusable) {
+            focusable.focus();
+        }
+    }
+    render() {
+        const isInteractive = ['button', 'select', 'flags', 'currency-post', 'clear'].includes(this.variant);
+        return (h(Host, { key: '7ac67c80a1076b42cc106a7ecfc1c7f707f1ac37', class: {
+                'voa-input-addon': true,
+                [`voa-input-addon--${this.variant}`]: true,
+                'voa-input-addon--interactive': isInteractive,
+            } }, h("div", { key: 'dfe1edba1e90c017b5cc6f0eac6880f714fb4c55', part: "base", class: "voa-input-addon__base", onClick: isInteractive ? this.handleClick : undefined, onKeyDown: isInteractive ? this.handleKeyDown : undefined, role: isInteractive ? 'button' : undefined, tabindex: isInteractive ? 0 : undefined, "aria-label": this.getAriaLabel() }, this.renderContent())));
+    }
+    getAriaLabel() {
+        switch (this.variant) {
+            case 'button':
+                return this.buttonLabel || 'Botão';
+            case 'clear':
+                return 'Limpar campo';
+            case 'select':
+                return `Selecionar ${this.prependContent || 'opção'}`;
+            case 'flags':
+                return `Selecionar país ${this.countryCode || ''}`;
+            case 'currency-post':
+                return `Selecionar moeda ${this.currencyName || ''}`;
+            default:
+                return undefined;
+        }
+    }
+    renderContent() {
+        switch (this.variant) {
+            case 'currency-pre':
+                return (h("div", { part: "content", class: "voa-input-addon__content" }, h("span", { part: "text", class: "voa-input-addon__text" }, this.currency)));
+            case 'select':
+                return (h("div", { part: "content", class: "voa-input-addon__content" }, h("span", { part: "text", class: "voa-input-addon__text" }, this.prependContent), h("span", { part: "dropdown-icon", class: "voa-input-addon__dropdown-icon" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M7 10L12 15L17 10", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+            case 'clear':
+                return (h("div", { part: "content", class: "voa-input-addon__content" }, h("span", { part: "icon", class: "voa-input-addon__icon" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+            case 'flags':
+                return (h("div", { part: "content", class: "voa-input-addon__content" }, h("span", { part: "icon", class: "voa-input-addon__flag-icon" }), h("span", { part: "text", class: "voa-input-addon__text" }, this.countryCode), h("span", { part: "dropdown-icon", class: "voa-input-addon__dropdown-icon" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M7 10L12 15L17 10", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+            case 'button':
+                return (h("div", { part: "content", class: "voa-input-addon__content" }, h("span", { part: "text", class: "voa-input-addon__button-text" }, this.buttonLabel)));
+            case 'currency-post':
+                return (h("div", { part: "content", class: "voa-input-addon__content" }, h("span", { part: "text", class: "voa-input-addon__text" }, this.currencyName), h("span", { part: "dropdown-icon", class: "voa-input-addon__dropdown-icon" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M7 10L12 15L17 10", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+            case 'shortcut':
+                return (h("div", { part: "content", class: "voa-input-addon__content" }, h("voa-keybinding", { shortcut: this.shortcut, platform: this.platform })));
+            case 'label':
+            default:
+                return (h("div", { part: "content", class: "voa-input-addon__content" }, h("span", { part: "text", class: "voa-input-addon__text" }, this.prependContent)));
+        }
+    }
+    get host() { return getElement(this); }
+};
+VoaInputAddon.style = voaInputAddonCss;
+
+export { VoaInputAddon as voa_input_addon };
+//# sourceMappingURL=voa-input-addon.entry.js.map

package/dist/esm/voa-input-addon.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-input-addon.entry.js","sources":["src/components/voa-input-addon/voa-input-addon.css?tag=voa-input-addon&encapsulation=shadow","src/components/voa-input-addon/voa-input-addon.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\r\n:host {\r\n  display: inline-flex;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input-addon__base {\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  height: 100%;\r\n}\r\n\r\n.voa-input-addon--interactive .voa-input-addon__base {\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n\r\n.voa-input-addon__content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-spacing-xxs, 2px);\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.voa-input-addon__text {\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input-addon__icon,\r\n.voa-input-addon__flag-icon,\r\n.voa-input-addon__dropdown-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input-addon__flag-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 100px;\r\n}\r\n\r\n.voa-input-addon__button-text {\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, Method } from '@stencil/core';\r\n\r\n/**\r\n * Componente Input-Addon para elementos auxiliares em inputs.\r\n * \r\n * Baseado no design do Figma: https://www.figma.com/design/wDStUEuqpl7Tu1oHpiAml6/Voa-Design-System?node-id=438-2157\r\n * \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 * \r\n * @part base - O elemento raiz do addon\r\n * @part content - O conteúdo do addon\r\n * @part icon - O ícone (quando aplicável)\r\n * @part text - O texto do addon\r\n * @part dropdown-icon - O ícone de dropdown (quando aplicável)\r\n */\r\n@Component({\r\n  tag: 'voa-input-addon',\r\n  styleUrl: 'voa-input-addon.css',\r\n  shadow: true,\r\n  scoped: false,\r\n})\r\nexport class VoaInputAddon {\r\n  @Element() host: HTMLElement;\r\n\r\n  /**\r\n   * Variante do addon\r\n   */\r\n  @Prop({ reflect: true }) variant: 'label' | 'select' | 'flags' | 'button' | 'clear' | 'shortcut' | 'currency-pre' | 'currency-post' = 'label';\r\n\r\n  /**\r\n   * Texto do label/prepend (para variantes label, select)\r\n   */\r\n  @Prop() prependContent?: string = 'http://';\r\n\r\n  /**\r\n   * Código do país (para variante flags)\r\n   */\r\n  @Prop() countryCode?: string = 'BR +55';\r\n\r\n  /**\r\n   * Texto do botão (para variante button)\r\n   */\r\n  @Prop() buttonLabel?: string = 'Procurar...';\r\n\r\n  /**\r\n   * Símbolo da moeda (para variante currency-pre)\r\n   */\r\n  @Prop() currency?: string = 'R$';\r\n\r\n  /**\r\n   * Nome da moeda (para variante currency-post)\r\n   */\r\n  @Prop() currencyName?: string = 'Real';\r\n\r\n  /**\r\n   * Tecla do atalho (para variante shortcut)\r\n   */\r\n  @Prop() shortcut?: string = 'S';\r\n\r\n  /**\r\n   * Plataforma do atalho (para variante shortcut)\r\n   */\r\n  @Prop() platform?: 'mac' | 'win' = 'mac';\r\n\r\n  /**\r\n   * Evento emitido quando o addon é clicado (para variantes interativas)\r\n   */\r\n  @Event() dsClick: EventEmitter<void>;\r\n\r\n  /**\r\n   * Método para acessibilidade WCAG 2.2 AA.\r\n   * Delega foco ao elemento interno nativo.\r\n   */\r\n  @Method()\r\n  async setFocus(): Promise<void> {\r\n    const focusable = this.host.shadowRoot?.querySelector('[tabindex]') as HTMLElement;\r\n    if (focusable) {\r\n      focusable.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handler para clique no addon\r\n   */\r\n  private handleClick = () => {\r\n    this.dsClick.emit();\r\n  };\r\n\r\n  /**\r\n   * Handler para navegação por teclado (WCAG 2.2 AA).\r\n   */\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    switch (event.key) {\r\n      case 'Enter':\r\n      case ' ':\r\n        event.preventDefault();\r\n        this.handleClick();\r\n        break;\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const isInteractive = ['button', 'select', 'flags', 'currency-post', 'clear'].includes(this.variant);\r\n\r\n    return (\r\n      <Host\r\n        class={{\r\n          'voa-input-addon': true,\r\n          [`voa-input-addon--${this.variant}`]: true,\r\n          'voa-input-addon--interactive': isInteractive,\r\n        }}\r\n      >\r\n        <div\r\n          part=\"base\"\r\n          class=\"voa-input-addon__base\"\r\n          onClick={isInteractive ? this.handleClick : undefined}\r\n          onKeyDown={isInteractive ? this.handleKeyDown : undefined}\r\n          role={isInteractive ? 'button' : undefined}\r\n          tabindex={isInteractive ? 0 : undefined}\r\n          aria-label={this.getAriaLabel()}\r\n        >\r\n          {this.renderContent()}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private getAriaLabel(): string | undefined {\r\n    switch (this.variant) {\r\n      case 'button':\r\n        return this.buttonLabel || 'Botão';\r\n      case 'clear':\r\n        return 'Limpar campo';\r\n      case 'select':\r\n        return `Selecionar ${this.prependContent || 'opção'}`;\r\n      case 'flags':\r\n        return `Selecionar país ${this.countryCode || ''}`;\r\n      case 'currency-post':\r\n        return `Selecionar moeda ${this.currencyName || ''}`;\r\n      default:\r\n        return undefined;\r\n    }\r\n  }\r\n\r\n  private renderContent() {\r\n    switch (this.variant) {\r\n      case 'currency-pre':\r\n        return (\r\n          <div part=\"content\" class=\"voa-input-addon__content\">\r\n            <span part=\"text\" class=\"voa-input-addon__text\">\r\n              {this.currency}\r\n            </span>\r\n          </div>\r\n        );\r\n\r\n      case 'select':\r\n        return (\r\n          <div part=\"content\" class=\"voa-input-addon__content\">\r\n            <span part=\"text\" class=\"voa-input-addon__text\">\r\n              {this.prependContent}\r\n            </span>\r\n            <span part=\"dropdown-icon\" class=\"voa-input-addon__dropdown-icon\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                  d=\"M7 10L12 15L17 10\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        );\r\n\r\n      case 'clear':\r\n        return (\r\n          <div part=\"content\" class=\"voa-input-addon__content\">\r\n            <span part=\"icon\" class=\"voa-input-addon__icon\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                  d=\"M18 6L6 18M6 6L18 18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        );\r\n\r\n      case 'flags':\r\n        return (\r\n          <div part=\"content\" class=\"voa-input-addon__content\">\r\n            <span part=\"icon\" class=\"voa-input-addon__flag-icon\"></span>\r\n            <span part=\"text\" class=\"voa-input-addon__text\">\r\n              {this.countryCode}\r\n            </span>\r\n            <span part=\"dropdown-icon\" class=\"voa-input-addon__dropdown-icon\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                  d=\"M7 10L12 15L17 10\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        );\r\n\r\n      case 'button':\r\n        return (\r\n          <div part=\"content\" class=\"voa-input-addon__content\">\r\n            <span part=\"text\" class=\"voa-input-addon__button-text\">\r\n              {this.buttonLabel}\r\n            </span>\r\n          </div>\r\n        );\r\n\r\n      case 'currency-post':\r\n        return (\r\n          <div part=\"content\" class=\"voa-input-addon__content\">\r\n            <span part=\"text\" class=\"voa-input-addon__text\">\r\n              {this.currencyName}\r\n            </span>\r\n            <span part=\"dropdown-icon\" class=\"voa-input-addon__dropdown-icon\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                  d=\"M7 10L12 15L17 10\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        );\r\n\r\n      case 'shortcut':\r\n        return (\r\n          <div part=\"content\" class=\"voa-input-addon__content\">\r\n            <voa-keybinding shortcut={this.shortcut} platform={this.platform}></voa-keybinding>\r\n          </div>\r\n        );\r\n\r\n      case 'label':\r\n      default:\r\n        return (\r\n          <div part=\"content\" class=\"voa-input-addon__content\">\r\n            <span part=\"text\" class=\"voa-input-addon__text\">\r\n              {this.prependContent}\r\n            </span>\r\n          </div>\r\n        );\r\n    }\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"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"}

package/dist/esm/voa-input.entry.js

@@ -0,0 +1,189 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Dh8480Ec.js';
+
+const voaInputCss = ":host{display:block;box-sizing:border-box}.voa-input__title-row{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.voa-input__label{display:block;box-sizing:border-box}.voa-input__info{display:flex;align-items:center;gap:4px;box-sizing:border-box}.voa-input__info-icon{display:flex;align-items:center;justify-content:center}.voa-input__required-indicator{display:inline;box-sizing:border-box}.voa-input__container{position:relative;display:flex;align-items:center;box-sizing:border-box;overflow:hidden}.voa-input__prefix{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box}.voa-input__suffix{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box}.voa-input__input{flex:1 1 0%;min-width:0;width:100%;border:none;outline:none;background:transparent;box-sizing:border-box;display:block}.voa-input__input:disabled{cursor:not-allowed}.voa-input__input:read-only{cursor:default}.voa-input__helper-text{display:block;box-sizing:border-box}.is-hidden{display:none !important}";
+
+const VoaInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.dsChange = createEvent(this, "dsChange");
+        this.dsInput = createEvent(this, "dsInput");
+        this.dsFocus = createEvent(this, "dsFocus");
+        this.dsBlur = createEvent(this, "dsBlur");
+        /**
+         * Tipo do input (text, password, email, search, tel, etc.)
+         */
+        this.type = 'text';
+        /**
+         * Valor do input
+         */
+        this.value = '';
+        /**
+         * Indica se o campo está em estado de erro
+         */
+        this.error = false;
+        /**
+         * Indica se o campo está em estado de sucesso
+         */
+        this.valid = false;
+        /**
+         * Indica se o campo está em estado de aviso
+         */
+        this.warning = false;
+        /**
+         * Indica se o campo está desabilitado
+         */
+        this.disabled = false;
+        /**
+         * Indica se o campo é somente leitura
+         */
+        this.readonly = false;
+        /**
+         * Indica se o campo é obrigatório
+         */
+        this.required = false;
+        /**
+         * Variante de preenchimento (filled vs unfilled)
+         */
+        this.fill = true;
+        /**
+         * Tamanho do input
+         */
+        this.size = 'md';
+        /**
+         * Mostrar ícone de informação na área de info
+         */
+        this.showInfoIcon = true;
+        /**
+         * Estado interno que controla se o campo está em foco
+         */
+        this.isFocused = false;
+        this.hasPrefix = false;
+        this.hasSuffix = false;
+        this.hasInfo = false;
+        /**
+         * Valor interno do input
+         */
+        this.internalValue = '';
+        /**
+         * ID do input gerado ou fornecido
+         */
+        this.inputIdValue = '';
+        this.checkSlots = () => {
+            this.hasPrefix = !!this.host.querySelector('[slot="prefix"]');
+            this.hasSuffix = !!this.host.querySelector('[slot="suffix"]');
+            this.hasInfo = !!this.host.querySelector('[slot="info"]');
+        };
+        /**
+         * Gerenciador de evento de input
+         */
+        this.handleInput = (event) => {
+            const input = event.target;
+            this.internalValue = input.value;
+            this.dsInput.emit(this.internalValue);
+        };
+        /**
+         * Gerenciador de evento de change
+         */
+        this.handleChange = (event) => {
+            const input = event.target;
+            this.internalValue = input.value;
+            this.dsChange.emit(this.internalValue);
+        };
+        /**
+         * Gerenciador de evento de focus
+         */
+        this.handleFocus = (event) => {
+            this.isFocused = true;
+            this.dsFocus.emit(event);
+        };
+        /**
+         * Gerenciador de evento de blur
+         */
+        this.handleBlur = (event) => {
+            this.isFocused = false;
+            this.dsBlur.emit(event);
+        };
+        /**
+         * Handler para navegação por teclado (WCAG 2.2 AA).
+         */
+        this.handleKeyDown = (event) => {
+            if (this.disabled || this.readonly) {
+                return;
+            }
+        };
+    }
+    valueChanged(newValue) {
+        this.internalValue = newValue;
+    }
+    /**
+     * Gera um ID único se não fornecido
+     */
+    generateId() {
+        if (this.inputId) {
+            return this.inputId;
+        }
+        return `voa-input-${Math.random().toString(36).substr(2, 9)}`;
+    }
+    componentWillLoad() {
+        this.inputIdValue = this.generateId();
+        this.internalValue = this.value || '';
+        this.checkSlots();
+    }
+    /**
+     * Método para acessibilidade WCAG 2.2 AA.
+     * Delega foco ao elemento interno nativo.
+     */
+    async setFocus() {
+        if (this.inputRef) {
+            this.inputRef.focus();
+        }
+    }
+    render() {
+        const helperTextId = `${this.inputIdValue}-helper`;
+        const hasTitleRow = !!this.label || this.hasInfo;
+        return (h(Host, { key: '9baf318083bca98f0da435ecfd1ae2284e5e6ec5', part: "base", class: {
+                'voa-input': true,
+                [`voa-input--${this.size}`]: true,
+                'voa-input--filled': this.fill,
+                'voa-input--unfilled': !this.fill,
+                'voa-input--focused': this.isFocused,
+                'voa-input--error': this.error,
+                'voa-input--valid': this.valid,
+                'voa-input--warning': this.warning,
+                'voa-input--disabled': this.disabled,
+                'voa-input--readonly': this.readonly,
+                'voa-input--has-prefix': this.hasPrefix,
+                'voa-input--has-suffix': this.hasSuffix,
+            }, "data-has-prefix": this.hasPrefix ? 'true' : undefined, "data-has-suffix": this.hasSuffix ? 'true' : undefined }, hasTitleRow && (h("div", { key: '464788fe314df4dfdaf00385915f86b6439d1de8', part: "title-row", class: "voa-input__title-row" }, h("label", { key: '779aea355460f4f7828ade111c129b960c445680', part: "label", htmlFor: this.inputIdValue, class: "voa-input__label" }, h("slot", { key: '835ccf1cabaf17671400ddb0264d8e19eb4131a5', name: "label" }, this.label), this.required && h("span", { key: '94a68589aad1480e4aa060e501cefe9370170d98', class: "voa-input__required-indicator", "aria-label": "obrigat\u00F3rio" }, "*")), h("div", { key: 'faa2e24898dc2e01693dcea85f9df9059816ff28', part: "info", class: {
+                'voa-input__info': true,
+                'is-hidden': !this.hasInfo
+            } }, h("slot", { key: 'b1591a22479125de649bc740c2ac5b7b53302ec6', name: "info", onSlotchange: this.checkSlots }), this.showInfoIcon && this.hasInfo && (h("span", { key: '00efcdb5b762dc7f23545c64bdcb3f94e73c77d8', part: "info-icon", class: "voa-input__info-icon" }, h("svg", { key: '5c637b161ce4576b4ae8b2ea9f0a77afb7501a1b', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab1df7fb0a53d636f28c599a613c9ca542ecea01', d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'dae6a2d122a2aa9183903f42a55edd4558991f16', d: "M8 8V11", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '5ea08a64c5bf2533b4da0cf52c8349c5fa5ee286', d: "M8 5H8.008", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))), h("div", { key: 'ab1fa968a8a531454d15366ded3c8861e3582aa0', part: "container", class: {
+                'voa-input__container': true,
+                'is-focused': this.isFocused,
+                'has-error': this.error,
+                'has-valid': this.valid,
+                'has-warning': this.warning,
+                'is-disabled': this.disabled,
+                'is-readonly': this.readonly,
+            } }, h("div", { key: '1b2372a896de8ccdf5545181884fac5f0d7706e3', part: "prefix", class: {
+                'voa-input__prefix': true,
+                'is-hidden': !this.hasPrefix
+            } }, h("slot", { key: '5f006c160425511074e5533a2b090803c30784d5', name: "prefix", onSlotchange: this.checkSlots })), h("input", { key: '25e5d1c7b598c328e9789214dc054d56529eb743', part: "input", ref: (el) => (this.inputRef = el), id: this.inputIdValue, type: this.type, name: this.name, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, "aria-invalid": this.error ? 'true' : undefined, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: "voa-input__input" }), h("div", { key: '03ffaeafb850bd1e76838cfc23327594671b8cfe', part: "suffix", class: {
+                'voa-input__suffix': true,
+                'is-hidden': !this.hasSuffix
+            } }, h("slot", { key: 'c6f7bcbac1aeaaaf2e2fb7f3a519ffbb8670e334', name: "suffix", onSlotchange: this.checkSlots }))), this.helperText && (h("div", { key: 'e9cb578c42a6d736bb296959099b1bdf92e8bed5', part: "helper-text", id: helperTextId, class: {
+                'voa-input__helper-text': true,
+                'voa-input__helper-text--error': this.error,
+                'voa-input__helper-text--valid': this.valid,
+                'voa-input__helper-text--warning': this.warning,
+            }, role: this.error ? 'alert' : undefined }, h("slot", { key: 'e643e7660af9e03ed3756e93c840e4e1798e72ba', name: "helper-text" }, this.helperText)))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "value": ["valueChanged"]
+    }; }
+};
+VoaInput.style = voaInputCss;
+
+export { VoaInput as voa_input };
+//# sourceMappingURL=voa-input.entry.js.map

package/dist/esm/voa-input.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-input.entry.js","sources":["src/components/voa-input/voa-input.css?tag=voa-input&encapsulation=shadow","src/components/voa-input/voa-input.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\r\n:host {\r\n  display: block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input__title-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input__label {\r\n  display: block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input__info {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input__info-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.voa-input__required-indicator {\r\n  display: inline;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input__container {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n.voa-input__prefix {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input__suffix {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-input__input {\r\n  flex: 1 1 0%;\r\n  min-width: 0;\r\n  width: 100%;\r\n  border: none;\r\n  outline: none;\r\n  background: transparent;\r\n  box-sizing: border-box;\r\n  display: block;\r\n}\r\n\r\n.voa-input__input:disabled {\r\n  cursor: not-allowed;\r\n}\r\n\r\n.voa-input__input:read-only {\r\n  cursor: default;\r\n}\r\n\r\n.voa-input__helper-text {\r\n  display: block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.is-hidden {\r\n  display: none !important;\r\n}\r\n","import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Method, Watch } from '@stencil/core';\r\n\r\n/**\r\n * Componente de input para entrada de dados do Voa Design System.\r\n * \r\n * Baseado no design do Figma, seguindo o padrão \"unstyled\" (headless).\r\n * Todos os estilos visuais devem ser aplicados externamente via CSS Parts API usando design tokens.\r\n * \r\n * @part base - O elemento raiz do componente\r\n * @part title-row - Container do titulo (label + info)\r\n * @part label - O elemento de label\r\n * @part info - Container da informacao adicional\r\n * @part info-icon - O ícone de informação\r\n * @part container - O wrapper do input (border, background)\r\n * @part input - O elemento input nativo\r\n * @part prefix - O wrapper do slot prefix\r\n * @part suffix - O wrapper do slot suffix\r\n * @part helper-text - O elemento de texto auxiliar/erro\r\n */\r\n@Component({\r\n  tag: 'voa-input',\r\n  styleUrl: 'voa-input.css',\r\n  shadow: true,\r\n  scoped: false, // Permite herdar variáveis CSS do contexto pai\r\n})\r\nexport class VoaInput {\r\n  @Element() host: HTMLVoaInputElement;\r\n\r\n  /**\r\n   * ID do elemento input\r\n   */\r\n  @Prop() inputId?: string;\r\n\r\n  /**\r\n   * Tipo do input (text, password, email, search, tel, etc.)\r\n   */\r\n  @Prop() type: string = 'text';\r\n\r\n  /**\r\n   * Nome do elemento input\r\n   */\r\n  @Prop() name?: string;\r\n\r\n  /**\r\n   * Valor do input\r\n   */\r\n  @Prop() value?: string = '';\r\n\r\n  /**\r\n   * Texto de placeholder\r\n   */\r\n  @Prop() placeholder?: string;\r\n\r\n  /**\r\n   * Texto do label\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  /**\r\n   * Texto auxiliar ou mensagem de erro\r\n   */\r\n  @Prop() helperText?: string;\r\n\r\n  /**\r\n   * Indica se o campo está em estado de erro\r\n   */\r\n  @Prop({ reflect: true }) error: boolean = false;\r\n\r\n  /**\r\n   * Indica se o campo está em estado de sucesso\r\n   */\r\n  @Prop({ reflect: true }) valid: boolean = false;\r\n\r\n  /**\r\n   * Indica se o campo está em estado de aviso\r\n   */\r\n  @Prop({ reflect: true }) warning: boolean = false;\r\n\r\n  /**\r\n   * Indica se o campo está desabilitado\r\n   */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /**\r\n   * Indica se o campo é somente leitura\r\n   */\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n\r\n  /**\r\n   * Indica se o campo é obrigatório\r\n   */\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n\r\n  /**\r\n   * Variante de preenchimento (filled vs unfilled)\r\n   */\r\n  @Prop({ reflect: true }) fill: boolean = true;\r\n\r\n  /**\r\n   * Tamanho do input\r\n   */\r\n  @Prop({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\r\n\r\n  /**\r\n   * Mostrar ícone de informação na área de info\r\n   */\r\n  @Prop() showInfoIcon: boolean = true;\r\n\r\n  /**\r\n   * Estado interno que controla se o campo está em foco\r\n   */\r\n  @State() isFocused: boolean = false;\r\n\r\n  @State() hasPrefix: boolean = false;\r\n  @State() hasSuffix: boolean = false;\r\n  @State() hasInfo: boolean = false;\r\n\r\n  /**\r\n   * Valor interno do input\r\n   */\r\n  @State() internalValue: string = '';\r\n\r\n  @Watch('value')\r\n  valueChanged(newValue: string) {\r\n    this.internalValue = newValue;\r\n  }\r\n\r\n  /**\r\n   * Referência ao elemento input nativo\r\n   */\r\n  private inputRef?: HTMLInputElement;\r\n\r\n  /**\r\n   * Evento emitido quando o valor é alterado\r\n   */\r\n  @Event() dsChange: EventEmitter<string>;\r\n\r\n  /**\r\n   * Evento emitido durante a digitação\r\n   */\r\n  @Event() dsInput: EventEmitter<string>;\r\n\r\n  /**\r\n   * Evento emitido quando o campo ganha foco\r\n   */\r\n  @Event() dsFocus: EventEmitter<FocusEvent>;\r\n\r\n  /**\r\n   * Evento emitido quando o campo perde foco\r\n   */\r\n  @Event() dsBlur: EventEmitter<FocusEvent>;\r\n\r\n  /**\r\n   * Gera um ID único se não fornecido\r\n   */\r\n  private generateId(): string {\r\n    if (this.inputId) {\r\n      return this.inputId;\r\n    }\r\n    return `voa-input-${Math.random().toString(36).substr(2, 9)}`;\r\n  }\r\n\r\n  /**\r\n   * ID do input gerado ou fornecido\r\n   */\r\n  private inputIdValue: string = '';\r\n\r\n  componentWillLoad() {\r\n    this.inputIdValue = this.generateId();\r\n    this.internalValue = this.value || '';\r\n    this.checkSlots();\r\n  }\r\n\r\n  private checkSlots = () => {\r\n    this.hasPrefix = !!this.host.querySelector('[slot=\"prefix\"]');\r\n    this.hasSuffix = !!this.host.querySelector('[slot=\"suffix\"]');\r\n    this.hasInfo = !!this.host.querySelector('[slot=\"info\"]');\r\n  };\r\n\r\n  /**\r\n   * Gerenciador de evento de input\r\n   */\r\n  private handleInput = (event: Event) => {\r\n    const input = event.target as HTMLInputElement;\r\n    this.internalValue = input.value;\r\n    this.dsInput.emit(this.internalValue);\r\n  };\r\n\r\n  /**\r\n   * Gerenciador de evento de change\r\n   */\r\n  private handleChange = (event: Event) => {\r\n    const input = event.target as HTMLInputElement;\r\n    this.internalValue = input.value;\r\n    this.dsChange.emit(this.internalValue);\r\n  };\r\n\r\n  /**\r\n   * Gerenciador de evento de focus\r\n   */\r\n  private handleFocus = (event: FocusEvent) => {\r\n    this.isFocused = true;\r\n    this.dsFocus.emit(event);\r\n  };\r\n\r\n  /**\r\n   * Gerenciador de evento de blur\r\n   */\r\n  private handleBlur = (event: FocusEvent) => {\r\n    this.isFocused = false;\r\n    this.dsBlur.emit(event);\r\n  };\r\n\r\n  /**\r\n   * Método para acessibilidade WCAG 2.2 AA.\r\n   * Delega foco ao elemento interno nativo.\r\n   */\r\n  @Method()\r\n  async setFocus(): Promise<void> {\r\n    if (this.inputRef) {\r\n      this.inputRef.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handler para navegação por teclado (WCAG 2.2 AA).\r\n   */\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    if (this.disabled || this.readonly) {\r\n      return;\r\n    }\r\n\r\n    // Permitir navegação normal por teclado\r\n    // Enter e Space já são tratados pelo input nativo\r\n    switch (event.key) {\r\n      case 'Escape':\r\n        // Se o input tiver valor, limpar pode ser útil\r\n        // Mas não implementamos isso por padrão para não quebrar UX\r\n        break;\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const helperTextId = `${this.inputIdValue}-helper`;\r\n    const hasTitleRow = !!this.label || this.hasInfo;\r\n\r\n    return (\r\n      <Host\r\n        part=\"base\"\r\n        class={{\r\n          'voa-input': true,\r\n          [`voa-input--${this.size}`]: true,\r\n          'voa-input--filled': this.fill,\r\n          'voa-input--unfilled': !this.fill,\r\n          'voa-input--focused': this.isFocused,\r\n          'voa-input--error': this.error,\r\n          'voa-input--valid': this.valid,\r\n          'voa-input--warning': this.warning,\r\n          'voa-input--disabled': this.disabled,\r\n          'voa-input--readonly': this.readonly,\r\n          'voa-input--has-prefix': this.hasPrefix,\r\n          'voa-input--has-suffix': this.hasSuffix,\r\n        }}\r\n        data-has-prefix={this.hasPrefix ? 'true' : undefined}\r\n        data-has-suffix={this.hasSuffix ? 'true' : undefined}\r\n      >\r\n        {hasTitleRow && (\r\n          <div part=\"title-row\" class=\"voa-input__title-row\">\r\n            <label part=\"label\" htmlFor={this.inputIdValue} class=\"voa-input__label\">\r\n              <slot name=\"label\">{this.label}</slot>\r\n              {this.required && <span class=\"voa-input__required-indicator\" aria-label=\"obrigatório\">*</span>}\r\n            </label>\r\n            \r\n            <div \r\n              part=\"info\" \r\n              class={{\r\n                'voa-input__info': true,\r\n                'is-hidden': !this.hasInfo\r\n              }}\r\n            >\r\n              <slot name=\"info\" onSlotchange={this.checkSlots}></slot>\r\n              {this.showInfoIcon && this.hasInfo && (\r\n                <span part=\"info-icon\" class=\"voa-input__info-icon\">\r\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    <path d=\"M8 8V11\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    <path d=\"M8 5H8.008\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                  </svg>\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        <div\r\n          part=\"container\"\r\n          class={{\r\n            'voa-input__container': true,\r\n            'is-focused': this.isFocused,\r\n            'has-error': this.error,\r\n            'has-valid': this.valid,\r\n            'has-warning': this.warning,\r\n            'is-disabled': this.disabled,\r\n            'is-readonly': this.readonly,\r\n          }}\r\n        >\r\n          <div \r\n            part=\"prefix\" \r\n            class={{\r\n              'voa-input__prefix': true,\r\n              'is-hidden': !this.hasPrefix\r\n            }}\r\n          >\r\n            <slot name=\"prefix\" onSlotchange={this.checkSlots}></slot>\r\n          </div>\r\n\r\n          <input\r\n            part=\"input\"\r\n            ref={(el) => (this.inputRef = el)}\r\n            id={this.inputIdValue}\r\n            type={this.type}\r\n            name={this.name}\r\n            value={this.internalValue}\r\n            placeholder={this.placeholder}\r\n            disabled={this.disabled}\r\n            readonly={this.readonly}\r\n            required={this.required}\r\n            onInput={this.handleInput}\r\n            onChange={this.handleChange}\r\n            onFocus={this.handleFocus}\r\n            onBlur={this.handleBlur}\r\n            onKeyDown={this.handleKeyDown}\r\n            aria-invalid={this.error ? 'true' : undefined}\r\n            aria-describedby={this.helperText ? helperTextId : undefined}\r\n            aria-disabled={this.disabled ? 'true' : undefined}\r\n            class=\"voa-input__input\"\r\n          />\r\n\r\n          <div \r\n            part=\"suffix\" \r\n            class={{\r\n              'voa-input__suffix': true,\r\n              'is-hidden': !this.hasSuffix\r\n            }}\r\n          >\r\n            <slot name=\"suffix\" onSlotchange={this.checkSlots}></slot>\r\n          </div>\r\n        </div>\r\n\r\n        {this.helperText && (\r\n          <div\r\n            part=\"helper-text\"\r\n            id={helperTextId}\r\n            class={{\r\n              'voa-input__helper-text': true,\r\n              'voa-input__helper-text--error': this.error,\r\n              'voa-input__helper-text--valid': this.valid,\r\n              'voa-input__helper-text--warning': this.warning,\r\n            }}\r\n            role={this.error ? 'alert' : undefined}\r\n          >\r\n            <slot name=\"helper-text\">{this.helperText}</slot>\r\n          </div>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/voa-keybinding.entry.js

@@ -0,0 +1,28 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Dh8480Ec.js';
+
+const voaKeybindingCss = ":host{display:inline-flex;align-items:center;box-sizing:border-box}.voa-keybinding__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.voa-keybinding__text{display:inline-block;box-sizing:border-box}";
+
+const VoaKeybinding = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * A tecla do atalho (ex: "S", "K", "Enter")
+         */
+        this.shortcut = 'S';
+        /**
+         * Plataforma do atalho (mac ou win)
+         */
+        this.platform = 'mac';
+    }
+    render() {
+        return (h(Host, { key: 'bb1998ab8ea77847a5dd9acc92066fba2f6dc0f5', part: "base", class: {
+                'voa-keybinding': true,
+                [`voa-keybinding--${this.platform}`]: true,
+            } }, h("div", { key: 'a352156abf152af21b6ee7f94172d7ca923fc593', part: "key-icon", class: "voa-keybinding__icon" }, this.platform === 'mac' ? (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M12.5 2C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H3.5C2.67157 14 2 13.3284 2 12.5V3.5C2 2.67157 2.67157 2 3.5 2H12.5Z", fill: "currentColor", "fill-opacity": "0.1" }), h("path", { d: "M4 4H12M4 8H12M4 12H8", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }))) : (h("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { x: "0", y: "0", width: "20", height: "10", rx: "2", fill: "currentColor", "fill-opacity": "0.1" }), h("text", { x: "10", y: "7", "text-anchor": "middle", "font-size": "8", fill: "currentColor", "font-weight": "600" }, "Ctrl")))), h("span", { key: 'ec6bd9a8adeb308c7ce704ff96ccee00ff8dc84c', part: "key-text", class: "voa-keybinding__text" }, this.shortcut)));
+    }
+    get host() { return getElement(this); }
+};
+VoaKeybinding.style = voaKeybindingCss;
+
+export { VoaKeybinding as voa_keybinding };
+//# sourceMappingURL=voa-keybinding.entry.js.map

package/dist/esm/voa-keybinding.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-keybinding.entry.js","sources":["src/components/voa-keybinding/voa-keybinding.css?tag=voa-keybinding&encapsulation=shadow","src/components/voa-keybinding/voa-keybinding.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\r\n:host {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-keybinding__icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-keybinding__text {\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\r\n\r\n/**\r\n * Componente Keybinding para exibir atalhos de teclado.\r\n * \r\n * Baseado no design do Figma, usado como subcomponente do input-addon.\r\n * Segue o padrão \"unstyled\" (headless), fornecendo apenas estrutura e lógica.\r\n * \r\n * @part base - O elemento raiz do keybinding\r\n * @part key-icon - O ícone da tecla modificadora (⌘ ou Ctrl)\r\n * @part key-text - O texto da tecla\r\n */\r\n@Component({\r\n  tag: 'voa-keybinding',\r\n  styleUrl: 'voa-keybinding.css',\r\n  shadow: true,\r\n  scoped: false,\r\n})\r\nexport class VoaKeybinding {\r\n  @Element() host: HTMLElement;\r\n\r\n  /**\r\n   * A tecla do atalho (ex: \"S\", \"K\", \"Enter\")\r\n   */\r\n  @Prop() shortcut: string = 'S';\r\n\r\n  /**\r\n   * Plataforma do atalho (mac ou win)\r\n   */\r\n  @Prop() platform: 'mac' | 'win' = 'mac';\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        part=\"base\"\r\n        class={{\r\n          'voa-keybinding': true,\r\n          [`voa-keybinding--${this.platform}`]: true,\r\n        }}\r\n      >\r\n        <div part=\"key-icon\" class=\"voa-keybinding__icon\">\r\n          {this.platform === 'mac' ? (\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path\r\n                d=\"M12.5 2C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H3.5C2.67157 14 2 13.3284 2 12.5V3.5C2 2.67157 2.67157 2 3.5 2H12.5Z\"\r\n                fill=\"currentColor\"\r\n                fill-opacity=\"0.1\"\r\n              />\r\n              <path\r\n                d=\"M4 4H12M4 8H12M4 12H8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.5\"\r\n                stroke-linecap=\"round\"\r\n              />\r\n            </svg>\r\n          ) : (\r\n            <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <rect x=\"0\" y=\"0\" width=\"20\" height=\"10\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.1\" />\r\n              <text x=\"10\" y=\"7\" text-anchor=\"middle\" font-size=\"8\" fill=\"currentColor\" font-weight=\"600\">\r\n                Ctrl\r\n              </text>\r\n            </svg>\r\n          )}\r\n        </div>\r\n        <span part=\"key-text\" class=\"voa-keybinding__text\">\r\n          {this.shortcut}\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,uPAAuP;;MCkBnQ,aAAa,GAAA,MAAA;AAN1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AASE;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAkB,KAAK;AAyCxC;IAvCC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACL,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,CAAC,mBAAmB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;aAC3C,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,sBAAsB,EAAA,EAC9C,IAAI,CAAC,QAAQ,KAAK,KAAK,IACtB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4IAA4I,EAC9I,IAAI,EAAC,cAAc,EACN,cAAA,EAAA,KAAK,EAClB,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,uBAAuB,EACzB,MAAM,EAAC,cAAc,EAAA,cAAA,EACR,KAAK,EAAA,gBAAA,EACH,OAAO,EACtB,CAAA,CACE,KAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAc,cAAA,EAAA,KAAK,EAAG,CAAA,EACzF,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,iBAAa,QAAQ,EAAA,WAAA,EAAW,GAAG,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,KAAK,EAEpF,EAAA,MAAA,CAAA,CACH,CACP,CACG,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,sBAAsB,EAC/C,EAAA,IAAI,CAAC,QAAQ,CACT,CACF;;;;;;;;"}

package/dist/esm/voa-link.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h } from './index-Dh8480Ec.js';
+
+const linkCss = ".link{color:#007bff;text-decoration:none;transition:color 0.2s}.link:hover{color:#0056b3}";
+
+const Link = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.target = "_self";
+    }
+    render() {
+        return (h("a", { key: 'ae23df31beba64a9a94922b395abde5b3a248fa5', class: "link", href: this.href, target: this.target }, h("slot", { key: '5638e97a3145c8ab9239a8946e7a4d944674e155' })));
+    }
+};
+Link.style = linkCss;
+
+export { Link as voa_link };
+//# sourceMappingURL=voa-link.entry.js.map

package/dist/esm/voa-link.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-link.entry.js","sources":["src/components/voa-link/link.css?tag=voa-link&encapsulation=shadow","src/components/voa-link/link.tsx"],"sourcesContent":[".link {\r\n  color: #007bff;\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.link:hover {\r\n  color: #0056b3;\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"voa-link\",\r\n  styleUrl: \"link.css\",\r\n  shadow: true,\r\n})\r\nexport class Link {\r\n  @Prop() href: string;\r\n  @Prop() target: string = \"_self\";\r\n\r\n  render() {\r\n    return (\r\n      <a class=\"link\" href={this.href} target={this.target}>\r\n        <slot></slot>\r\n      </a>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,OAAO,GAAG,2FAA2F;;MCO9F,IAAI,GAAA,MAAA;AALjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AASjC;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EAClD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACX;;;;;;;"}

package/dist/esm/voa-list.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h } from './index-Dh8480Ec.js';
+
+const listCss = ".list{list-style:none;padding:0;margin:0}.list li{padding:10px;border-bottom:1px solid #ddd}.list li:last-child{border-bottom:none}";
+
+const List = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.items = [];
+    }
+    render() {
+        return (h("ul", { key: '0018ac5129fa18fede040669ac7fd144018afcb7', class: "list" }, this.items.map((item) => (h("li", null, item)))));
+    }
+};
+List.style = listCss;
+
+export { List as voa_list };
+//# sourceMappingURL=voa-list.entry.js.map

package/dist/esm/voa-list.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-list.entry.js","sources":["src/components/voa-list/list.css?tag=voa-list&encapsulation=shadow","src/components/voa-list/list.tsx"],"sourcesContent":[".list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.list li {\r\n  padding: 10px;\r\n  border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.list li:last-child {\r\n  border-bottom: none;\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"voa-list\",\r\n  styleUrl: \"list.css\",\r\n  shadow: true,\r\n})\r\nexport class List {\r\n  @Prop() items: string[] = [];\r\n\r\n  render() {\r\n    return (\r\n      <ul class=\"list\">\r\n        {this.items.map((item) => (\r\n          <li>{item}</li>\r\n        ))}\r\n      </ul>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,OAAO,GAAG,qIAAqI;;MCOxI,IAAI,GAAA,MAAA;AALjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAa,EAAE;AAW7B;IATC,MAAM,GAAA;AACJ,QAAA,QACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,IACb,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACnB,CAAA,CAAA,IAAA,EAAA,IAAA,EAAK,IAAI,CAAM,CAChB,CAAC,CACC;;;;;;;"}

package/dist/esm/voa-modal.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index-Dh8480Ec.js';
+
+const modalCss = ".modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1000}.modal.open{display:flex}.overlay{position:absolute;width:100%;height:100%}.content{background-color:white;padding:20px;border-radius:8px;position:relative;z-index:1001}.close{position:absolute;top:10px;right:10px;font-size:1.5rem;background:none;border:none;cursor:pointer}";
+
+const Modal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.open = false;
+        this.isOpen = this.open;
+        this.closeModal = () => {
+            this.isOpen = false;
+        };
+    }
+    render() {
+        return (h("div", { key: 'c0e105af6a694cb130eb9d1144a4c59e20671713', class: `modal ${this.isOpen ? "open" : ""}` }, h("div", { key: 'd0e513097ba4294a890a012346e43fd57d89b822', class: "overlay", onClick: this.closeModal }), h("div", { key: '324eedf9a9b03c21316a57ca468ccd6a78b69cf2', class: "content" }, h("button", { key: 'e631ad6af68a96d6fcd10815694a053f47786450', class: "close", onClick: this.closeModal }, "\u00D7"), h("slot", { key: '12fd5b949f993855dc866904a13c5acc870f215c' }))));
+    }
+};
+Modal.style = modalCss;
+
+export { Modal as voa_modal };
+//# sourceMappingURL=voa-modal.entry.js.map

package/dist/esm/voa-modal.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-modal.entry.js","sources":["src/components/voa-modal/modal.css?tag=voa-modal&encapsulation=shadow","src/components/voa-modal/modal.tsx"],"sourcesContent":[".modal {\r\n  display: none;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n}\r\n\r\n.modal.open {\r\n  display: flex;\r\n}\r\n\r\n.overlay {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.content {\r\n  background-color: white;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  position: relative;\r\n  z-index: 1001;\r\n}\r\n\r\n.close {\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 10px;\r\n  font-size: 1.5rem;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"voa-modal\",\r\n  styleUrl: \"modal.css\",\r\n  shadow: true,\r\n})\r\nexport class Modal {\r\n  @Prop() open: boolean = false;\r\n  @State() isOpen: boolean = this.open;\r\n\r\n  closeModal = () => {\r\n    this.isOpen = false;\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div class={`modal ${this.isOpen ? \"open\" : \"\"}`}>\r\n        <div class=\"overlay\" onClick={this.closeModal}></div>\r\n        <div class=\"content\">\r\n          <button class=\"close\" onClick={this.closeModal}>\r\n            &times;\r\n          </button>\r\n          <slot></slot>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG,sbAAsb;;MCO1b,KAAK,GAAA,MAAA;AALlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACpB,QAAA,IAAA,CAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAEpC,QAAA,IAAU,CAAA,UAAA,GAAG,MAAK;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACrB,SAAC;AAeF;IAbC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAE,CAAA,EAAA,EAC9C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAQ,CAAA,EACrD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAErC,EAAA,QAAA,CAAA,EACT,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;"}

package/dist/esm/voa-option.entry.js

@@ -0,0 +1,83 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Dh8480Ec.js';
+
+const voaOptionCss = ":host{display:inline-block;box-sizing:border-box;contain:content}:host(:focus){outline:none;}.option-container{display:inline-flex;align-items:center;position:relative;box-sizing:border-box;user-select:none;gap:0;width:100%;cursor:pointer}.option-container.option-disabled{cursor:not-allowed;pointer-events:none;opacity:0.5}.option-indicator{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;flex-shrink:0;width:20px;height:20px}.option-indicator-dot{display:block;position:absolute;}.option-label{display:inline-block;box-sizing:border-box;flex:1}";
+
+const VoaOption = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.dsChange = createEvent(this, "dsChange");
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        /**
+         * Internal state for the checked status.
+         * Synced from the checked prop via @Watch.
+         */
+        this.internalChecked = false;
+        /**
+         * If true, this option is selected.
+         */
+        this.checked = false;
+        /**
+         * If true, this option is disabled.
+         */
+        this.disabled = false;
+        this.handleClick = () => {
+            if (this.disabled)
+                return;
+            // Radio logic: Clicking toggles the checked state.
+            // In a radio group, parent should uncheck siblings.
+            // For this isolated component, we toggle and emit the event.
+            this.internalChecked = !this.internalChecked;
+            this.checked = this.internalChecked; // Update the prop so it reflects to attribute
+            this.updateFormInternals();
+            this.dsChange.emit(this.value);
+        };
+        this.handleKeyDown = (ev) => {
+            if (this.disabled)
+                return;
+            if (ev.key === ' ' || ev.key === 'Enter') {
+                ev.preventDefault();
+                this.handleClick();
+            }
+        };
+    }
+    componentWillLoad() {
+        this.internalChecked = this.checked;
+        this.updateFormInternals();
+    }
+    checkedChanged(newValue) {
+        this.internalChecked = newValue;
+        this.updateFormInternals();
+    }
+    /**
+     * Syncs with Native Form API
+     */
+    updateFormInternals() {
+        this.internals.setFormValue(this.internalChecked ? this.value : null);
+        this.internals.ariaChecked = this.internalChecked ? 'true' : 'false';
+        this.internals.ariaDisabled = this.disabled ? 'true' : 'false';
+    }
+    render() {
+        return (h(Host, { key: 'a49a02f2159f3bce112f07df847a4101006795f5', onClick: this.handleClick, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0 }, h("div", { key: '5efdd0734068fe0965061b87021ff2348617c147', part: "base", class: {
+                'option-container': true,
+                'option-disabled': this.disabled,
+                'option-checked': this.internalChecked,
+                'option-no-label': !this.label
+            } }, h("div", { key: '1c2180ab31d85b38cdf053cc190a4294a499439d', part: "indicator", class: "option-indicator" }, h("div", { key: 'f1b60c9e4ecc2d9fd55b3c725dbd9d6eb03b6ed4', part: "indicator-dot", class: "option-indicator-dot" })), this.label && (h("span", { key: 'e9d593927bb1a5eed33e304a5b789e82e6a4558a', part: "label", class: "option-label" }, this.label, h("slot", { key: '19ddb8536fb451c3a0fced8042ac018029b517be' }))))));
+    }
+    static get delegatesFocus() { return true; }
+    static get formAssociated() { return true; }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "checked": ["checkedChanged"]
+    }; }
+};
+VoaOption.style = voaOptionCss;
+
+export { VoaOption as voa_option };
+//# sourceMappingURL=voa-option.entry.js.map