voa-ds-core 1.0.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-select.entry.esm.js","sources":["src/components/voa-select/voa-select.css?tag=voa-select&encapsulation=shadow","src/components/voa-select/voa-select.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  width: 100%;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-select {\r\n  /* Structural styles only */\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  /* Garantir que dropdowns filhos possam aparecer acima */\r\n  overflow: visible;\r\n}\r\n\r\n/* Header */\r\n.voa-select__header {\r\n  /* Structural styles only */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-select__label {\r\n  /* Structural styles only */\r\n  flex: 1 0 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.voa-select__info {\r\n  /* Structural styles only */\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-select__info-message {\r\n  /* Structural styles only */\r\n  box-sizing: border-box;\r\n  white-space: nowrap;\r\n}\r\n\r\n.voa-select__icon {\r\n  /* Structural styles only */\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/* Input Container */\r\n.voa-select__input {\r\n  /* Structural styles only */\r\n  display: flex;\r\n  position: relative;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  /* Garantir que o dropdown possa ser posicionado relativamente a este container */\r\n  overflow: visible;\r\n}\r\n\r\n.voa-select__input-wrapper {\r\n  /* Structural styles only */\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  width: 100%;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n}\r\n\r\n.voa-select__content {\r\n  /* Structural styles only */\r\n  flex: 1 0 0;\r\n  min-width: 0;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  /* Garantir que o dropdown dentro do voa-select-base possa ser posicionado */\r\n  position: relative;\r\n  overflow: visible;\r\n}\r\n\r\n/* Error Message */\r\n.voa-select__error {\r\n  /* Structural styles only */\r\n  display: block;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* Estados estruturais */\r\n.voa-select__input--disabled {\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n}","import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Method, Watch, Listen } from '@stencil/core';\r\n\r\n/**\r\n * Componente Select principal do Voa Design System, baseado no design do Figma.\r\n * \r\n * Este componente orquestra os subcomponentes voa-select-base e voa-container-multi-select,\r\n * adicionando funcionalidades de label, info, ícone e mensagem de erro.\r\n * \r\n * @part base - O elemento raiz do componente\r\n * @part header - Container do header (label + info)\r\n * @part label - Texto do label\r\n * @part info - Container de informação\r\n * @part input-wrapper - Wrapper do input field\r\n * @part input - Container do input (com borda)\r\n * @part error-message - Mensagem de erro\r\n */\r\n@Component({\r\n  tag: 'voa-select',\r\n  styleUrl: 'voa-select.css',\r\n  shadow: true,\r\n  scoped: false // Permite herdar variáveis CSS do contexto pai\r\n})\r\nexport class VoaSelect {\r\n  @Element() host: HTMLVoaSelectElement;\r\n\r\n  /**\r\n   * Tipo de seleção: 'simple' para seleção única\r\n   * NOTA: 'multi' está temporariamente desabilitado até implementação correta\r\n   */\r\n  @Prop({ reflect: true }) type: 'simple' = 'simple';\r\n\r\n  /**\r\n   * Texto do label exibido acima do input\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  /**\r\n   * Se verdadeiro, o label será exibido\r\n   */\r\n  @Prop() showLabel: boolean = true;\r\n\r\n  /**\r\n   * Se verdadeiro, a informação adicional será exibida\r\n   */\r\n  @Prop() info: boolean = false;\r\n\r\n  /**\r\n   * Mensagem de informação adicional\r\n   */\r\n  @Prop() infoMessage?: string;\r\n\r\n  /**\r\n   * Se verdadeiro, o select terá estado de erro\r\n   */\r\n  @Prop() error: boolean = false;\r\n\r\n  /**\r\n   * Mensagem de erro exibida abaixo do input\r\n   */\r\n  @Prop() errorMessage?: string;\r\n\r\n  /**\r\n   * Texto de placeholder\r\n   */\r\n  @Prop() placeholder: string = 'Placeholder';\r\n\r\n  /**\r\n   * THE TRUTH. Read-only from parent.\r\n   */\r\n  @Prop() value?: string;\r\n\r\n  /**\r\n   * Internal Reality.\r\n   */\r\n  @State() innerValue?: string;\r\n\r\n  /**\r\n   * Lista de opções para seleção\r\n   */\r\n  @Prop() options: Array<{value: string, label: string, disabled?: boolean}> = [];\r\n\r\n  /**\r\n   * Se verdadeiro, o select estará desabilitado\r\n   */\r\n  @Prop() disabled: boolean = false;\r\n\r\n  /**\r\n   * Estado interno para controlar o foco\r\n   */\r\n  @State() isFocused: boolean = false;\r\n\r\n  /**\r\n   * Estado interno calculado (default, selected, focused, filled, disabled)\r\n   */\r\n  @State() private currentState: 'default' | 'selected' | 'focused' | 'filled' | 'disabled' = 'default';\r\n\r\n  /**\r\n   * Evento emitido quando o valor é alterado\r\n   */\r\n  @Event() voaSelectChange: EventEmitter<string>;\r\n\r\n  componentWillLoad() {\r\n    this.innerValue = this.value;\r\n    this.updateState();\r\n  }\r\n\r\n  @Watch('value')\r\n  syncValue(val: string) {\r\n    this.innerValue = val;\r\n    this.updateState();\r\n  }\r\n\r\n  /**\r\n   * Atualiza o estado interno baseado nas props\r\n   */\r\n  @Watch('disabled')\r\n  @Watch('isFocused')\r\n  updateState() {\r\n    if (this.disabled) {\r\n      this.currentState = 'disabled';\r\n    } else if (this.isFocused) {\r\n      this.currentState = 'focused';\r\n    } else if (this.hasValue()) {\r\n      // Se há valor selecionado, é \"filled\" ou \"selected\"\r\n      this.currentState = 'filled';\r\n      if (this.hasSelectedValue()) {\r\n        this.currentState = 'selected';\r\n      }\r\n    } else {\r\n      this.currentState = 'default';\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Verifica se há valor selecionado\r\n   */\r\n  private hasValue(): boolean {\r\n    return !!this.innerValue && this.innerValue !== '';\r\n  }\r\n\r\n  /**\r\n   * Verifica se há valor selecionado (para estado selected)\r\n   */\r\n  private hasSelectedValue(): boolean {\r\n    return this.hasValue();\r\n  }\r\n\r\n  /**\r\n   * Manipula mudança de valor no select-base\r\n   */\r\n  private handleChange = (event: CustomEvent<string>) => {\r\n    this.innerValue = event.detail;\r\n    this.voaSelectChange.emit(event.detail);\r\n  };\r\n\r\n  /**\r\n   * Listen to focus event on the internal button\r\n   */\r\n  @Listen('focus', { capture: true })\r\n  handleFocus() {\r\n    this.isFocused = true;\r\n    this.updateState();\r\n  }\r\n\r\n  /**\r\n   * Listen to blur event on the internal button\r\n   */\r\n  @Listen('blur', { capture: true })\r\n  handleBlur() {\r\n    this.isFocused = false;\r\n    this.updateState();\r\n  }\r\n\r\n  /**\r\n   * Método para delegar foco ao elemento interno do select.\r\n   * Requerido para acessibilidade WCAG 2.2 AA.\r\n   */\r\n  @Method()\r\n  async setFocus(): Promise<void> {\r\n    const selectBase = this.host.shadowRoot?.querySelector('voa-select-base') as any;\r\n    if (selectBase && typeof selectBase.setFocus === 'function') {\r\n      await selectBase.setFocus();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    // Verificar se há slot de ícone (apenas para renderização condicional)\r\n    const iconSlot = this.host.querySelector('[slot=\"icon\"]') || this.host.querySelector('[slot=\"prefix\"]');\r\n\r\n    return (\r\n      <Host\r\n        role=\"group\"\r\n        aria-disabled={this.disabled ? 'true' : undefined}\r\n        data-state={this.currentState}\r\n      >\r\n        <div part=\"base\" class=\"voa-select\">\r\n          {/* Header */}\r\n          {this.showLabel && (\r\n            <div part=\"header\" class=\"voa-select__header\">\r\n              {this.label && (\r\n                <label part=\"label\" class=\"voa-select__label\">\r\n                  {this.label}\r\n                </label>\r\n              )}\r\n              {this.info && (\r\n                <div part=\"info\" class=\"voa-select__info\">\r\n                  {this.infoMessage && (\r\n                    <span class=\"voa-select__info-message\">{this.infoMessage}</span>\r\n                  )}\r\n                  <slot name=\"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 12V8M8 4H8.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n                  </slot>\r\n                </div>\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {/* Input Wrapper */}\r\n          <div \r\n            part=\"input\" \r\n            class={{\r\n              'voa-select__input': true,\r\n              [`voa-select__input--${this.currentState}`]: true,\r\n              'voa-select__input--error': this.error,\r\n              'voa-select__input--disabled': this.disabled\r\n            }}\r\n          >\r\n            <div part=\"input-wrapper\" class=\"voa-select__input-wrapper\">\r\n              {/* Icon Slot */}\r\n              {iconSlot && (\r\n                <div part=\"icon\" class=\"voa-select__icon\">\r\n                  <slot name=\"icon\"></slot>\r\n                  <slot name=\"prefix\"></slot>\r\n                </div>\r\n              )}\r\n\r\n              {/* Select Base */}\r\n              <div part=\"select-content\" class=\"voa-select__content\">\r\n                <voa-select-base\r\n                  options={this.options}\r\n                  value={this.innerValue}\r\n                  placeholder={this.placeholder}\r\n                  disabled={this.disabled}\r\n                  error={this.error}\r\n                  on-voa-change={this.handleChange}\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Error Message */}\r\n          {this.error && this.errorMessage && (\r\n            <div part=\"error-message\" class=\"voa-select__error\">\r\n              {this.errorMessage}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-skeleton.entry.esm.js","sources":["src/components/voa-skeleton/skeleton.css?tag=voa-skeleton","src/components/voa-skeleton/skeleton.tsx"],"sourcesContent":[".skeleton{\r\n    border-radius: 2px;\r\n    display: inline-block;\r\n    line-height: 100%;\r\n    width: 100%;\r\n    background-color: #fff;\r\n    background-size: 1000px 1000px;\r\n    background-image: linear-gradient(\r\n        100deg,\r\n        #e8e8e8 20%,\r\n        #fafafa 50%,\r\n        #e8e8e8 60%\r\n    );\r\n    animation: placeholderShimmer 1.5s linear infinite forwards;\r\n}\r\n\r\n.skeleton--circle{\r\n    border-radius: 50%;\r\n}\r\n\r\n@keyframes placeholderShimmer{\r\n    0%{\r\n        background-position: -500px 0;\r\n    }\r\n    \r\n    100%{\r\n        background-position: 500px 0;\r\n    }\r\n\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"voa-skeleton\",\r\n    styleUrl: \"skeleton.css\",\r\n    shadow: false,\r\n})\r\nexport class Skeleton {\r\n    @Prop() width: string = \"200px\";\r\n    @Prop() height: string = \"100px\";\r\n    @Prop() variant: \"text\" | \"circle\" ;\r\n\r\n    handleClass() {\r\n        const isCircle = this.variant === 'circle';\r\n        return `skeleton ${isCircle ? 'skeleton--circle' : ''}`;;\r\n    }\r\n\r\n    render() {\r\n        return <span class={this.handleClass()} \r\n        style={{ width: this.width, height: this.height}}\r\n        ></span>\r\n    }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,ucAAuc;;MCO9c,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMY,QAAA,IAAK,CAAA,KAAA,GAAW,OAAO;AACvB,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AAanC;IAVG,WAAW,GAAA;AACP,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,QAAQ;QAC1C,OAAO,CAAA,SAAA,EAAY,QAAQ,GAAG,kBAAkB,GAAG,EAAE,CAAA,CAAE;;IAG3D,MAAM,GAAA;AACF,QAAA,OAAO,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC,EAAA,CACxC;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-stepper.entry.esm.js","sources":["src/components/voa-stepper/stepper.css?tag=voa-stepper&encapsulation=shadow","src/components/voa-stepper/stepper.tsx"],"sourcesContent":[".stepper {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.step {\r\n  padding: 10px 20px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n  background-color: #f9f9f9;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n  margin-right: 10px;\r\n}\r\n\r\n.step.active {\r\n  background-color: #007bff;\r\n  color: white;\r\n}\r\n\r\n.step:hover {\r\n  background-color: #eee;\r\n}\r\n","import { Component, Prop, h, State, Event, EventEmitter } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"voa-stepper\",\r\n  styleUrl: \"stepper.css\",\r\n  shadow: true,\r\n})\r\nexport class Stepper {\r\n  @Prop() steps: string[] = [];\r\n  @Prop() currentStep: number = 0;\r\n  @State() activeStep: number = this.currentStep;\r\n  @Event() stepChanged: EventEmitter<number>;\r\n\r\n  goToStep(step: number) {\r\n    this.activeStep = step;\r\n    this.stepChanged.emit(this.activeStep);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"stepper\">\r\n        {this.steps.map((step, index) => (\r\n          <div\r\n            class={`step ${this.activeStep === index ? \"active\" : \"\"}`}\r\n            onClick={() => this.goToStep(index)}\r\n          >\r\n            {step}\r\n          </div>\r\n        ))}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,UAAU,GAAG,0RAA0R;;MCOhS,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAa,EAAE;AACpB,QAAA,IAAW,CAAA,WAAA,GAAW,CAAC;AACtB,QAAA,IAAA,CAAA,UAAU,GAAW,IAAI,CAAC,WAAW;AAsB/C;AAnBC,IAAA,QAAQ,CAAC,IAAY,EAAA;AACnB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;QACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;;IAGxC,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EACjB,EAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC1B,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,UAAU,KAAK,KAAK,GAAG,QAAQ,GAAG,EAAE,CAAA,CAAE,EAC1D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAA,EAElC,IAAI,CACD,CACP,CAAC,CACE;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-switch.entry.esm.js","sources":["src/components/voa-switch/voa-switch.css?tag=voa-switch&encapsulation=shadow","src/components/voa-switch/voa-switch.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 */\r\n\r\n:host {\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  /* Ensures the host has a tangible size if not defined externally */\r\n  contain: content;\r\n}\r\n\r\n.switch-container {\r\n  /* APENAS estilos estruturais */\r\n  display: inline-flex;\r\n  align-items: center;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  user-select: none;\r\n  border: none;\r\n  background: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  gap: 0;\r\n  /* Gap defaults to 0, overridden by external CSS if needed */\r\n}\r\n\r\n.switch-container:disabled,\r\n.switch-container.switch-disabled {\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.switch-container.switch-no-label {\r\n  gap: 0;\r\n}\r\n\r\n.switch-track {\r\n  /* APENAS estilos estruturais */\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  flex-shrink: 0;\r\n  /* CRITICAL: Prevents track from squashing in flex layouts */\r\n\r\n  /* Tamanhos estruturais conforme Figma: 40px x 20px */\r\n  width: 40px;\r\n  height: 20px;\r\n\r\n  overflow: hidden;\r\n  /* Padding interno para posicionar o thumb */\r\n  padding: 2px;\r\n}\r\n\r\n.switch-thumb {\r\n  /* APENAS estilos estruturais */\r\n  display: block;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  flex-shrink: 0;\r\n\r\n  /* RESTORED DIMENSIONS - CRITICAL FOR VISIBILITY */\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.switch-shadow {\r\n  /* APENAS estilos estruturais */\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  /* Shadow será aplicada externamente via CSS custom property */\r\n}\r\n\r\n.switch-label {\r\n  /* APENAS estilos estruturais */\r\n  display: inline-block;\r\n  user-select: none;\r\n  box-sizing: border-box;\r\n}","import { Component, Host, h, Prop, Event, EventEmitter, Element, AttachInternals, State, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'voa-switch',\r\n  styleUrl: 'voa-switch.css',\r\n  shadow: {\r\n    delegatesFocus: true // CRITICAL: Passes focus from Host to the internal button automatically\r\n  },\r\n  formAssociated: true // CRITICAL: Makes this work in <form> tags\r\n})\r\nexport class VoaSwitch {\r\n  @Element() host: HTMLVoaSwitchElement;\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  /**\r\n   * Internal state to handle \"uncontrolled\" usage while keeping props immutable\r\n   */\r\n  @State() internalChecked: boolean = false;\r\n\r\n  @Prop() checked: boolean = false;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() name: string;\r\n  @Prop() value: string = 'on'; // Default value for forms\r\n\r\n  @Event() dsChange: EventEmitter<boolean>;\r\n\r\n  componentWillLoad() {\r\n    this.internalChecked = this.checked;\r\n    this.updateFormValue();\r\n    this.reflectStateToHost();\r\n  }\r\n\r\n  @Watch('checked')\r\n  checkedChanged(newValue: boolean) {\r\n    this.internalChecked = newValue;\r\n    this.updateFormValue();\r\n    this.reflectStateToHost();\r\n  }\r\n\r\n  /**\r\n   * Reflects the current state to the Host element for CSS attribute selectors\r\n   */\r\n  private reflectStateToHost() {\r\n    if (this.internalChecked) {\r\n      this.host.setAttribute('checked', '');\r\n    } else {\r\n      this.host.removeAttribute('checked');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Syncs with the native Form API\r\n   */\r\n  private updateFormValue() {\r\n    try {\r\n      // ElementInternals is only available in real browsers\r\n      // Skip in test environment where it's not supported\r\n      if (this.internals && typeof (this.internals as any).setFormValue === 'function') {\r\n        (this.internals as any).setFormValue(this.internalChecked ? this.value : null);\r\n        \r\n        // Accessibility internals (replaces aria attributes on Host)\r\n        (this.internals as any).ariaChecked = this.internalChecked ? 'true' : 'false';\r\n        (this.internals as any).ariaDisabled = this.disabled ? 'true' : 'false';\r\n      }\r\n    } catch (e) {\r\n      // ElementInternals may not be available in test environment\r\n    }\r\n  }\r\n\r\n  private handleClick = (ev: Event) => {\r\n    ev.preventDefault();\r\n    if (this.disabled) return;\r\n\r\n    // Optimistic UI update for uncontrolled scenarios\r\n    this.internalChecked = !this.internalChecked;\r\n    this.checked = this.internalChecked;\r\n    this.dsChange.emit(this.internalChecked);\r\n    this.updateFormValue();\r\n    this.reflectStateToHost();\r\n  };\r\n\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    if (this.disabled) return;\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n      this.handleClick(event);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    // NOTE: Host no longer has aria-roles, ElementInternals handles that on the custom element itself.\r\n    // The internal button is purely for visual structure and click capturing.\r\n    return (\r\n      <Host>\r\n        <button\r\n          part=\"base\"\r\n          class={{\r\n            'switch-container': true,\r\n            'switch-disabled': this.disabled,\r\n            'switch-checked': this.internalChecked,\r\n            'switch-no-label': !this.showLabel\r\n          }}\r\n          type=\"button\"\r\n          disabled={this.disabled}\r\n          onClick={this.handleClick}\r\n          onKeyDown={this.handleKeyDown}\r\n          // We remove aria-checked here to avoid \"double talk\" with the Host/Internals\r\n          tabIndex={-1} // handled by delegatesFocus on Host\r\n        >\r\n          <div part=\"track\" class=\"switch-track\">\r\n            <div part=\"thumb\" class=\"switch-thumb\" />\r\n            <div part=\"shadow\" class=\"switch-shadow\" />\r\n          </div>\r\n\r\n          {this.showLabel && (\r\n            <span class=\"switch-label\" part=\"label\">\r\n              <slot />\r\n            </span>\r\n          )}\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"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"}

package/dist/voa/voa-tab-item.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-tab-item.entry.esm.js","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}"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,qkBAAqkB;;MCiB9kB,UAAU,GAAA,MAAA;AANvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASE;;;AAGG;AACsB,QAAA,IAAK,CAAA,KAAA,GAAsC,SAAS;AAE7E;;;AAGG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAyC,SAAS;AAEnF;;AAEG;AACsB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAQnD;;;AAGG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAclD;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;YACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,EAAE;AAC/C,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;AAExB,SAAC;AAqEF;AAnEC;;;AAGG;AAEH,IAAA,MAAM,QAAQ,GAAA;;AACZ,QAAA,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,eAAe,CAAgB;QAChF,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,EAAE;;;AAIhB;;;AAGG;IACK,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,OAAO,UAAU;;QAEnB,OAAO,IAAI,CAAC,KAAK;;AAGnB;;AAEG;IACK,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;AACjC,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;;AAEhC,QAAA,OAAO,GAAG;;IAGZ,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE;AAC/C,QAAA,MAAM,QAAQ,GAAG,cAAc,KAAK,QAAQ;AAC5C,QAAA,MAAM,UAAU,GAAG,cAAc,KAAK,UAAU;AAEhD,QAAA,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EACK,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EAC3B,UAAU,GAAG,MAAM,GAAG,SAAS,EAC9C,QAAQ,EAAE,UAAU,GAAG,EAAE,IAAI,QAAQ,GAAG,CAAC,GAAG,EAAE,CAAC,EAC/C,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAEzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACL,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,CAAC,CAAiB,cAAA,EAAA,cAAc,CAAE,CAAA,GAAG,IAAI;AACzC,gBAAA,CAAC,iBAAiB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AACxC,gBAAA,wBAAwB,EAAE,UAAU;AACrC,aAAA,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAA,EAC5C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACN,IAAI,CAAC,SAAS,KACb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAA,EAC3C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,0BAA0B,EAAA,EAAE,IAAI,CAAC,aAAa,EAAE,CAAQ,CAChE,CACP,CACG,CACD;;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-tab.entry.esm.js","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}"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,6UAA6U;;MCQlV,MAAM,GAAA,MAAA;AANnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAS2B,QAAA,IAAS,CAAA,SAAA,GAA8B,YAAY;AAY5E;;AAEG;AACM,QAAA,IAAa,CAAA,aAAA,GAAW,CAAC;AAiBlC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC9B,IAAI,CAAC,YAAY,EAAE;AACrB,SAAC;AAgDO,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,KAAoB,KAAI;AAC/C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;AAC3B,YAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;gBAAE;AAEvB,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;YAChD,MAAM,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY;YACvD,MAAM,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW;AAEpD,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,aAAa;AAElC,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;gBACzB,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,SAAS,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC;AAClC,gBAAA,IAAI,SAAS,IAAI,IAAI,CAAC,MAAM;oBAAE,SAAS,GAAG,CAAC;;AACtC,iBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;gBAChC,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,SAAS,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC;gBAClC,IAAI,SAAS,GAAG,CAAC;AAAE,oBAAA,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;;AACzC,iBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE;gBAC/B,KAAK,CAAC,cAAc,EAAE;gBACtB,SAAS,GAAG,CAAC;;AACR,iBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBAC9B,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;;iBACtB;gBACL;;;;AAKF,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YACjC,IAAI,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,KAAK,KAAK,UAAU,EAAE;gBACvD;;AAGH,YAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;AAC3B,YAAA,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE;AAC5B,SAAC;AAoBF;AA5HC,IAAA,uBAAuB,CAAC,QAAgB,EAAA;AACtC,QAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AAC1B,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;YAC7B,IAAI,CAAC,YAAY,EAAE;;;IAIvB,gBAAgB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;AAClC,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW;;QAEvC,IAAI,CAAC,YAAY,EAAE;;AAUrB;;AAEG;AAEH,IAAA,iBAAiB,CAAC,KAAkB,EAAA;AAClC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA+B;AACpD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;;AAGlC,QAAA,IAAI,KAAK,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,KAAK,UAAU,EAAE;AACjE,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;;IAInB,OAAO,GAAA;AACb,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;;AAG/D;;;AAGG;IACK,YAAY,GAAA;AAClB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;QAC3B,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,KAAI;;YAE1B,IAAI,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,KAAK,KAAK,UAAU,EAAE;gBAC5C;;;AAIF,YAAA,IAAI,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE;AAChC,gBAAA,GAAG,CAAC,KAAK,GAAG,QAAQ;;iBACf;AACL,gBAAA,GAAG,CAAC,KAAK,GAAG,SAAS;;AAEzB,SAAC,CAAC;;AAGI,IAAA,WAAW,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;QAC1B,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;;IA0ClC,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,kBAAA,EACI,IAAI,CAAC,SAAS,EAChC,SAAS,EAAE,IAAI,CAAC,aAAa,EAAA,EAE7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE;AACpB,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,CAAC,OAAO,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG;AAC9B,aAAA,EAAA,EACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,UAAU,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACzC,CACF,CACD;;;;;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-table.entry.esm.js","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"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG,kIAAkI;;MCOtI,KAAK,GAAA,MAAA;AALlB,IAAA,WAAA,CAAA,OAAA,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;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-tag.entry.esm.js","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"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,+WAA+W;;MCmBpX,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,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;;;;;;;;"}

package/dist/voa/voa-text-area.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-text-area.entry.esm.js","sources":["src/components/voa-text-area/voa-text-area.css?tag=voa-text-area&encapsulation=shadow","src/components/voa-text-area/voa-text-area.tsx"],"sourcesContent":["/* UNSTYLED PATTERN: Structural CSS only */\r\n\r\n:host {\r\n  display: block;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.label-wrapper {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.label-text {\r\n  flex: 1;\r\n}\r\n\r\n.textarea-container {\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  /* Needed for border-radius clipping */\r\n  display: flex;\r\n  /* Flex ensures child textarea fills height */\r\n  flex-direction: column;\r\n}\r\n\r\ntextarea {\r\n  flex: 1;\r\n  /* Fills the container */\r\n  width: 100%;\r\n  /* Fills width */\r\n  height: 100%;\r\n  /* Fills height */\r\n  border: none;\r\n  outline: none;\r\n  background: transparent;\r\n  resize: none;\r\n  /* Disable native resize */\r\n  box-sizing: border-box;\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.resize-handle {\r\n  position: absolute;\r\n  bottom: 2px;\r\n  right: 2px;\r\n  width: 12px;\r\n  height: 12px;\r\n  cursor: nwse-resize;\r\n  z-index: 10;\r\n  pointer-events: auto;\r\n}\r\n\r\n.footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  margin-top: 4px;\r\n}\r\n\r\n.character-counter {\r\n  margin-left: auto;\r\n  /* Push to right */\r\n}","import { Component, Prop, State, Event, EventEmitter, Method, Element, h, Host, Watch, AttachInternals } from '@stencil/core';\r\n\r\n/**\r\n * Componente de área de texto para entrada de textos longos\r\n * @part base - The root host element\r\n * @part container - The resizable wrapper\r\n * @part textarea - The native textarea\r\n */\r\n@Component({\r\n  tag: 'voa-text-area',\r\n  styleUrl: 'voa-text-area.css',\r\n  shadow: {\r\n    delegatesFocus: true\r\n  },\r\n  formAssociated: true\r\n})\r\nexport class VoaTextArea {\r\n  @Element() host: HTMLVoaTextAreaElement;\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  @Prop() textareaId?: string;\r\n  @Prop() name?: string;\r\n  @Prop() label?: string;\r\n  @Prop() info?: boolean = false;\r\n  @Prop() infoText?: string = 'Identificador único';\r\n  @Prop() placeholder?: string;\r\n  @Prop() value?: string = '';\r\n  @Prop() maxLength?: number;\r\n  @Prop({ reflect: true }) disabled?: boolean = false;\r\n  @Prop({ reflect: true }) readonly?: boolean = false;\r\n  @Prop() required?: boolean = false;\r\n  @Prop() rows?: number = 4;\r\n  @Prop() cols?: number = 20;\r\n  @Prop() errorMessage?: string;\r\n  @Prop({ reflect: true }) hasError?: boolean = false;\r\n\r\n  @State() internalValue: string = '';\r\n  @State() isFocused: boolean = false;\r\n  @State() characterCount: number = 0;\r\n\r\n  // Stable ID for ARIA\r\n  private uniqueId: string;\r\n  private containerRef?: HTMLDivElement;\r\n\r\n  @Event() voaChange: EventEmitter<string>;\r\n  @Event() voaInput: EventEmitter<string>;\r\n  @Event() voaFocus: EventEmitter<FocusEvent>;\r\n  @Event() voaBlur: EventEmitter<FocusEvent>;\r\n\r\n  componentWillLoad() {\r\n    this.uniqueId = this.textareaId || `voa-textarea-${Math.random().toString(36).substr(2, 9)}`;\r\n    this.internalValue = this.value || '';\r\n    this.characterCount = this.internalValue.length;\r\n    this.updateFormInternals();\r\n  }\r\n\r\n  @Watch('value')\r\n  valueChanged(newValue: string) {\r\n    this.internalValue = newValue || '';\r\n    this.characterCount = this.internalValue.length;\r\n    this.updateFormInternals();\r\n  }\r\n\r\n  private updateFormInternals() {\r\n    this.internals.setFormValue(this.internalValue);\r\n    // Aria-invalid is handled on the element in render, but could be done here too if delegating to host\r\n  }\r\n\r\n  private handleInput = (event: Event) => {\r\n    const textarea = event.target as HTMLTextAreaElement;\r\n    this.internalValue = textarea.value;\r\n    this.characterCount = this.internalValue.length;\r\n\r\n    this.updateFormInternals();\r\n    this.voaInput.emit(this.internalValue);\r\n  };\r\n\r\n  private handleChange = (event: Event) => {\r\n    event.stopPropagation(); // Stop native change, emit ours\r\n    this.voaChange.emit(this.internalValue);\r\n  };\r\n\r\n  private handleFocus = (event: FocusEvent) => {\r\n    this.isFocused = true;\r\n    this.voaFocus.emit(event);\r\n  };\r\n\r\n  private handleBlur = (event: FocusEvent) => {\r\n    this.isFocused = false;\r\n    this.voaBlur.emit(event);\r\n  };\r\n\r\n  @Method()\r\n  async setFocus(): Promise<void> {\r\n    // Delegates focus handles this mostly, but good for imperative usage\r\n    this.host.focus();\r\n  }\r\n\r\n  // --- RESIZE LOGIC FIXED ---\r\n  // We resize the CONTAINER, not the textarea.\r\n  private startResize = (event: MouseEvent) => {\r\n    event.preventDefault();\r\n    if (this.disabled || this.readonly || !this.containerRef) return;\r\n\r\n    const startX = event.clientX;\r\n    const startY = event.clientY;\r\n\r\n    // Get current dimensions of the container\r\n    const startWidth = this.containerRef.offsetWidth;\r\n    const startHeight = this.containerRef.offsetHeight;\r\n\r\n    const doDrag = (e: MouseEvent) => {\r\n      // Apply style to CONTAINER\r\n      // Using requestAnimationFrame for performance is better, but this is simple enough for now\r\n      this.containerRef.style.width = `${Math.max(100, startWidth + e.clientX - startX)}px`;\r\n      this.containerRef.style.height = `${Math.max(60, startHeight + e.clientY - startY)}px`;\r\n    };\r\n\r\n    const stopDrag = () => {\r\n      document.removeEventListener('mousemove', doDrag);\r\n      document.removeEventListener('mouseup', stopDrag);\r\n    };\r\n\r\n    document.addEventListener('mousemove', doDrag);\r\n    document.addEventListener('mouseup', stopDrag);\r\n  };\r\n\r\n  private renderInfoIcon = () => (\r\n    <svg part=\"label-info-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\r\n      <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"></line>\r\n      <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"></line>\r\n    </svg>\r\n  );\r\n\r\n  private renderResizeIcon = () => (\r\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path d=\"M8.05113 0.603577L0.603577 8.05113M8.60358 4.87979L4.8798 8.60356\" stroke=\"#9F9FA8\" stroke-width=\"1.20716\" stroke-linecap=\"round\" />\r\n    </svg>\r\n  );\r\n\r\n  render() {\r\n    return (\r\n      <Host part=\"base\">\r\n        {this.label && (\r\n          <div part=\"label-wrapper\" class=\"label-wrapper\">\r\n            <label part=\"label\" htmlFor={this.uniqueId} class=\"label-text\">\r\n              {this.label}\r\n              {this.required && <span part=\"required-indicator\" class=\"required-indicator\" aria-hidden=\"true\">*</span>}\r\n            </label>\r\n            {this.info && (\r\n              <div part=\"label-info\" class=\"label-info\">\r\n                <span part=\"label-info-text\">{this.infoText}</span>\r\n                {this.renderInfoIcon()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        <div\r\n          part=\"container\"\r\n          ref={el => this.containerRef = el}\r\n          class={{\r\n            'textarea-container': true,\r\n            'is-focused': this.isFocused,\r\n            'has-error': this.hasError,\r\n            'is-disabled': this.disabled,\r\n            'is-readonly': this.readonly\r\n          }}\r\n        >\r\n          <textarea\r\n            part=\"textarea\"\r\n            id={this.uniqueId}\r\n            name={this.name}\r\n            placeholder={this.placeholder}\r\n            value={this.internalValue}\r\n            maxlength={this.maxLength}\r\n            disabled={this.disabled}\r\n            readonly={this.readonly}\r\n            required={this.required}\r\n            rows={this.rows}\r\n            cols={this.cols}\r\n            onInput={this.handleInput}\r\n            onChange={this.handleChange}\r\n            onFocus={this.handleFocus}\r\n            onBlur={this.handleBlur}\r\n            aria-invalid={this.hasError ? 'true' : undefined}\r\n            aria-describedby={this.hasError && this.errorMessage ? `${this.uniqueId}-error` : undefined}\r\n          />\r\n\r\n          {/* Resize Handle - Visual Only, Mouse only for this simple implementation. \r\n              Native resize is disabled via CSS. */}\r\n          {!this.disabled && !this.readonly && (\r\n            <div\r\n              part=\"resize-handle\"\r\n              class=\"resize-handle\"\r\n              onMouseDown={this.startResize}\r\n              role=\"presentation\" // Simplified for now\r\n            >\r\n              {this.renderResizeIcon()}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        <div part=\"footer\" class=\"footer\">\r\n          {this.hasError && this.errorMessage ? (\r\n            <div part=\"error-message\" class=\"error-message\" id={`${this.uniqueId}-error`} role=\"alert\">\r\n              {this.errorMessage}\r\n            </div>\r\n          ) : (<span></span>)}\r\n\r\n          <div part=\"character-counter\" class=\"character-counter\">\r\n            <span>{this.characterCount}</span>\r\n            {this.maxLength && <span>/ {this.maxLength}</span>}\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-timepicker.entry.esm.js","sources":["src/components/voa-timepicker/timepicker.css?tag=voa-timepicker&encapsulation=shadow","src/components/voa-timepicker/timepicker.tsx"],"sourcesContent":[".timepicker {\r\n  padding: 10px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  width: 100%;\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"voa-timepicker\",\r\n  styleUrl: \"timepicker.css\",\r\n  shadow: true,\r\n})\r\nexport class TimePicker {\r\n  @Prop() value: string;\r\n\r\n  render() {\r\n    return <input class=\"timepicker\" type=\"time\" value={this.value} />;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,6FAA6F;;MCOtG,UAAU,GAAA,MAAA;;;;IAGrB,MAAM,GAAA;QACJ,OAAO,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI;;;;;;;"}

package/dist/voa/voa-tooltip-arrow.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa-tooltip-arrow.entry.esm.js","sources":["src/components/voa-tooltip-arrow/voa-tooltip-arrow.css?tag=voa-tooltip-arrow&encapsulation=shadow","src/components/voa-tooltip-arrow/voa-tooltip-arrow.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.voa-tooltip-arrow {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* ============================================\r\n   Bottom arrow (aponta para baixo)\r\n   ============================================ */\r\n.voa-tooltip-arrow--bottom {\r\n  /* Largura automática para centralizar em relação ao body */\r\n  width: auto;\r\n  /* Centralizado via align-items do container pai */\r\n  justify-content: center;\r\n}\r\n\r\n.voa-tooltip-arrow--bottom .voa-tooltip-arrow__triangle {\r\n  position: relative;\r\n  width: 0;\r\n  height: 0;\r\n  border-left: 6px solid transparent;\r\n  border-right: 6px solid transparent;\r\n  border-top: 7px solid var(--arrow-color, currentColor); /* Cor definida externamente via custom property --arrow-color */\r\n}\r\n\r\n/* Borda da seta usando clip-path - triângulo maior posicionado atrás */\r\n.voa-tooltip-arrow--bottom .voa-tooltip-arrow__triangle::before {\r\n  content: '';\r\n  position: absolute;\r\n  /* Triângulo de borda: 1.5px maior em cada direção */\r\n  /* Base: 12px (6px * 2) + 3px (1.5px * 2) = 15px */\r\n  /* Altura: 7px + 3px (1.5px * 2) = 10px */\r\n  width: 15px;\r\n  height: 10px;\r\n  /* Posicionar para que o vértice inferior fique alinhado com o vértice do triângulo principal */\r\n  /* O triângulo principal tem seu vértice em (0, 0) - o ponto onde as bordas se encontram */\r\n  /* O triângulo de borda precisa ter seu vértice no mesmo ponto */\r\n  top: -10px; /* Mover para cima pela altura total, de forma que o vértice inferior fique em (0, 0) */\r\n  left: 50%; /* Centralizar horizontalmente */\r\n  transform: translateX(-50%); /* Ajustar para centralizar - o vértice estará em (50%, 100%) = (50%, 0px relativo ao triângulo principal) */\r\n  /* Criar o triângulo usando clip-path (aponta para baixo) - vértice em 50% 100% */\r\n  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);\r\n  background-color: var(--arrow-border-color, transparent);\r\n  z-index: -1;\r\n  pointer-events: none;\r\n}\r\n\r\n/* ============================================\r\n   Top arrow (aponta para cima)\r\n   ============================================ */\r\n.voa-tooltip-arrow--top {\r\n  /* Largura automática para centralizar em relação ao body */\r\n  width: auto;\r\n  /* Centralizado via align-items do container pai */\r\n  justify-content: center;\r\n}\r\n\r\n.voa-tooltip-arrow--top .voa-tooltip-arrow__triangle {\r\n  position: relative;\r\n  width: 0;\r\n  height: 0;\r\n  border-left: 6px solid transparent;\r\n  border-right: 6px solid transparent;\r\n  border-bottom: 7px solid var(--arrow-color, currentColor); /* Cor definida externamente via custom property --arrow-color */\r\n}\r\n\r\n/* Borda da seta usando clip-path em um quadrado (aponta para cima) */\r\n.voa-tooltip-arrow--top .voa-tooltip-arrow__triangle::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: calc(6px * 2 + 1.5px * 2); /* 15px - base do triângulo + borda */\r\n  height: calc(7px + 1.5px * 2); /* 10px - altura do triângulo + borda */\r\n  bottom: -10px; /* Mover para baixo pela altura total */\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  /* Criar o triângulo usando clip-path (aponta para cima) */\r\n  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\r\n  background-color: var(--arrow-border-color, transparent);\r\n  z-index: -1;\r\n  pointer-events: none;\r\n}\r\n\r\n/* ============================================\r\n   Left arrow (aponta para esquerda)\r\n   ============================================ */\r\n.voa-tooltip-arrow--left {\r\n  /* Altura automática para centralizar em relação ao body */\r\n  height: auto;\r\n  /* Centralizado via align-items do container pai */\r\n  align-items: center;\r\n}\r\n\r\n.voa-tooltip-arrow--left .voa-tooltip-arrow__triangle {\r\n  position: relative;\r\n  width: 0;\r\n  height: 0;\r\n  border-top: 5.5px solid transparent;\r\n  border-bottom: 5.5px solid transparent;\r\n  border-right: 7px solid var(--arrow-color, currentColor); /* Cor definida externamente via custom property --arrow-color */\r\n}\r\n\r\n/* Borda da seta usando clip-path em um quadrado (aponta para esquerda) */\r\n.voa-tooltip-arrow--left .voa-tooltip-arrow__triangle::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: calc(7px + 1.5px * 2); /* 10px - largura do triângulo + borda */\r\n  height: calc(5.5px * 2 + 1.5px * 2); /* 15px - altura do triângulo + borda */\r\n  top: 50%;\r\n  right: -10px; /* Mover para direita pela largura total */\r\n  transform: translateY(-50%);\r\n  /* Criar o triângulo usando clip-path (aponta para esquerda) */\r\n  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\r\n  background-color: var(--arrow-border-color, transparent);\r\n  z-index: -1;\r\n  pointer-events: none;\r\n}\r\n\r\n/* ============================================\r\n   Right arrow (aponta para direita)\r\n   ============================================ */\r\n.voa-tooltip-arrow--right {\r\n  /* Altura automática para centralizar em relação ao body */\r\n  height: auto;\r\n  /* Centralizado via align-items do container pai */\r\n  align-items: center;\r\n}\r\n\r\n.voa-tooltip-arrow--right .voa-tooltip-arrow__triangle {\r\n  position: relative;\r\n  width: 0;\r\n  height: 0;\r\n  border-top: 5.5px solid transparent;\r\n  border-bottom: 5.5px solid transparent;\r\n  border-left: 7px solid var(--arrow-color, currentColor); /* Cor definida externamente via custom property --arrow-color */\r\n}\r\n\r\n/* Borda da seta usando clip-path em um quadrado (aponta para direita) */\r\n.voa-tooltip-arrow--right .voa-tooltip-arrow__triangle::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: calc(7px + 1.5px * 2); /* 10px - largura do triângulo + borda */\r\n  height: calc(5.5px * 2 + 1.5px * 2); /* 15px - altura do triângulo + borda */\r\n  top: 50%;\r\n  left: -10px; /* Mover para esquerda pela largura total */\r\n  transform: translateY(-50%);\r\n  /* Criar o triângulo usando clip-path (aponta para direita) */\r\n  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\r\n  background-color: var(--arrow-border-color, transparent);\r\n  z-index: -1;\r\n  pointer-events: none;\r\n}\r\n\r\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\r\n\r\n/**\r\n * Subcomponente de seta (arrow) para o VoaTooltip.\r\n * Cria uma seta triangular apontando na direção especificada.\r\n * \r\n * A seta é implementada usando CSS border trick para criar um triângulo,\r\n * permitindo colorização dinâmica via CSS variables.\r\n * \r\n * @part base - O elemento raiz da seta\r\n * @part triangle - O triângulo visual da seta\r\n */\r\n@Component({\r\n  tag: 'voa-tooltip-arrow',\r\n  styleUrl: 'voa-tooltip-arrow.css',\r\n  shadow: true,\r\n  scoped: false, // Permite herdar variáveis CSS do contexto pai\r\n})\r\nexport class VoaTooltipArrow {\r\n  @Element() host: HTMLVoaTooltipArrowElement;\r\n\r\n  /**\r\n   * Posição da seta.\r\n   * Determina em qual direção a seta aponta.\r\n   */\r\n  @Prop({ reflect: true }) position: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\r\n\r\n  /**\r\n   * Tema de cor da seta.\r\n   * A cor da seta será mapeada via CSS variables baseadas no tema.\r\n   */\r\n  @Prop({ reflect: true }) theme: 'default' | 'spot' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'lime' | 'orange' = 'default';\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div\r\n          part=\"base\"\r\n          class={{\r\n            'voa-tooltip-arrow': true,\r\n            [`voa-tooltip-arrow--${this.position}`]: true,\r\n          }}\r\n        >\r\n          <div part=\"triangle\" class=\"voa-tooltip-arrow__triangle\"></div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,w9EAAw9E;;MCkBt+E,eAAe,GAAA,MAAA;AAN5B,IAAA,WAAA,CAAA,OAAA,EAAA;;AASE;;;AAGG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAwC,QAAQ;AAEjF;;;AAGG;AACsB,QAAA,IAAK,CAAA,KAAA,GAA+G,SAAS;AAiBvJ;IAfC,MAAM,GAAA;QACJ,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,mBAAmB,EAAE,IAAI;AACzB,gBAAA,CAAC,sBAAsB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;aAC9C,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,6BAA6B,EAAO,CAAA,CAC3D,CACD;;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-tooltip.entry.esm.js","sources":["src/components/voa-tooltip/voa-tooltip.css?tag=voa-tooltip&encapsulation=shadow","src/components/voa-tooltip/voa-tooltip.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-block;\r\n  position: relative;\r\n}\r\n\r\n.voa-tooltip {\r\n  display: inline-flex;\r\n  position: absolute;\r\n  z-index: 1000;\r\n  white-space: nowrap;\r\n  /* Animation: initial hidden state */\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  /* Smooth transition for opacity and transform */\r\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\r\n}\r\n\r\n.voa-tooltip--visible {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n}\r\n\r\n/* ============================================\r\n   Layout baseado na posição\r\n   ============================================ */\r\n\r\n/* Bottom: body com arrow embaixo */\r\n.voa-tooltip--bottom {\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(4px);\r\n  margin-top: 10px;\r\n}\r\n\r\n.voa-tooltip--bottom.voa-tooltip--visible {\r\n  transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n/* Top: body com arrow em cima */\r\n.voa-tooltip--top {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(-4px);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.voa-tooltip--top.voa-tooltip--visible {\r\n  transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n/* Left: body com arrow à esquerda */\r\n.voa-tooltip--left {\r\n  right: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(-4px);\r\n  margin-right: 10px;\r\n}\r\n\r\n.voa-tooltip--left.voa-tooltip--visible {\r\n  transform: translateY(-50%) translateX(0);\r\n}\r\n\r\n/* Right: body com arrow à direita */\r\n.voa-tooltip--right {\r\n  left: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(4px);\r\n  margin-left: 10px;\r\n}\r\n\r\n.voa-tooltip--right.voa-tooltip--visible {\r\n  transform: translateY(-50%) translateX(0);\r\n}\r\n\r\n/* ============================================\r\n   Body (container do conteúdo)\r\n   ============================================ */\r\n\r\n.voa-tooltip__body {\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  flex-shrink: 0;\r\n  /* Mantém largura natural para que a arrow seja centralizada em relação a ele */\r\n  width: fit-content;\r\n  /* O body e seus filhos ficam naturalmente acima dos pseudo-elementos ::before e ::after */\r\n  /* A borda do body sobrepõe a parte superior da arrow através do posicionamento */\r\n  /* Variáveis CSS para controlar o triângulo (baseado no artigo CSS-Tricks) */\r\n  --triangle-base: 12px;\r\n  /* 6px * 2 - para bottom/top arrows */\r\n  --triangle-height: 7px;\r\n  /* para bottom/top arrows */\r\n  --triangle-base-horizontal: 7px;\r\n  /* para left/right arrows */\r\n  --triangle-height-horizontal: 11px;\r\n  /* 5.5px * 2 - para left/right arrows */\r\n  --triangle-position: 50%;\r\n  /* Posição horizontal/vertical do triângulo */\r\n}\r\n\r\n/* ============================================\r\n   Arrow Triangle (criado via pseudo-elemento ::after)\r\n   Baseado no método clip-path do CSS-Tricks\r\n   ============================================ */\r\n\r\n/* Bottom arrow (aponta para cima - em direção ao elemento trigger) */\r\n.voa-tooltip--bottom .voa-tooltip__body::after {\r\n  content: '';\r\n  position: absolute;\r\n  /* Posicionar acima do body para apontar para o trigger */\r\n  top: calc(-1 * var(--triangle-height, 7px));\r\n  left: var(--triangle-position, 50%);\r\n  transform: translateX(-50%);\r\n  width: var(--triangle-base, 12px);\r\n  height: var(--triangle-height, 7px);\r\n  /* Criar triângulo usando clip-path (aponta para cima) - vértice em 50% 0% */\r\n  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\r\n  /* Background será definido externamente via CSS custom property */\r\n  background-color: var(--arrow-color, currentColor);\r\n  z-index: 0;\r\n  /* Atrás do body, mas acima do border-triangle */\r\n  pointer-events: none;\r\n}\r\n\r\n/* Top arrow (aponta para baixo - em direção ao elemento trigger) */\r\n.voa-tooltip--top .voa-tooltip__body::after {\r\n  content: '';\r\n  position: absolute;\r\n  /* Posicionar abaixo do body para apontar para o trigger */\r\n  bottom: calc(-1 * var(--triangle-height, 7px) + 1.5px);\r\n  left: var(--triangle-position, 50%);\r\n  transform: translateX(-50%);\r\n  width: var(--triangle-base, 12px);\r\n  height: var(--triangle-height, 7px);\r\n  /* Criar triângulo usando clip-path (aponta para baixo) - vértice em 50% 100% */\r\n  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);\r\n  background-color: var(--arrow-color, currentColor);\r\n  z-index: 0;\r\n  /* Atrás do body, mas acima do border-triangle */\r\n  pointer-events: none;\r\n}\r\n\r\n/* Left arrow (aponta para direita - em direção ao elemento trigger) */\r\n.voa-tooltip--left .voa-tooltip__body::after {\r\n  content: '';\r\n  position: absolute;\r\n  /* Posicionar à direita do body para apontar para o trigger */\r\n  right: calc(-1 * var(--triangle-base-horizontal, 7px));\r\n  top: var(--triangle-position, 50%);\r\n  transform: translateY(-50%);\r\n  width: var(--triangle-base-horizontal, 7px);\r\n  height: var(--triangle-height-horizontal, 11px);\r\n  /* Criar triângulo usando clip-path (aponta para direita) - vértice em 100% 50% */\r\n  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\r\n  background-color: var(--arrow-color, currentColor);\r\n  z-index: 0;\r\n  /* Atrás do body, mas acima do border-triangle */\r\n  pointer-events: none;\r\n}\r\n\r\n/* Right arrow (aponta para esquerda - em direção ao elemento trigger) */\r\n.voa-tooltip--right .voa-tooltip__body::after {\r\n  content: '';\r\n  position: absolute;\r\n  /* Posicionar à esquerda do body para apontar para o trigger */\r\n  left: calc(-1 * var(--triangle-base-horizontal, 7px));\r\n  top: var(--triangle-position, 50%);\r\n  transform: translateY(-50%);\r\n  width: var(--triangle-base-horizontal, 7px);\r\n  height: var(--triangle-height-horizontal, 11px);\r\n  /* Criar triângulo usando clip-path (aponta para esquerda) - vértice em 0% 50% */\r\n  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\r\n  background-color: var(--arrow-color, currentColor);\r\n  z-index: 0;\r\n  /* Atrás do body, mas acima do border-triangle */\r\n  pointer-events: none;\r\n}\r\n\r\n/* ============================================\r\n   Border Triangle (criado via pseudo-elemento ::before)\r\n   Triângulo maior posicionado atrás para criar o efeito de borda\r\n   ============================================ */\r\n\r\n/* Bottom arrow border (aponta para cima - em direção ao elemento trigger) */\r\n.voa-tooltip--bottom .voa-tooltip__body::before {\r\n  content: '';\r\n  position: absolute;\r\n  /* Posicionar acima do body para criar borda do triângulo que aponta para cima */\r\n  top: calc(-1 * var(--triangle-height, 7px) - 1.5px);\r\n  left: var(--triangle-position, 50%);\r\n  transform: translateX(-50%);\r\n  /* Tamanho maior para criar a borda: +3px de largura (1.5px cada lado), +3px de altura */\r\n  width: calc(var(--triangle-base, 12px) + 3px);\r\n  height: calc(var(--triangle-height, 7px) + 3px);\r\n  /* Triângulo maior - aponta para cima */\r\n  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\r\n  background-color: var(--arrow-border-color, transparent);\r\n  z-index: -1;\r\n  /* Mais atrás - atrás do triângulo principal e do body */\r\n  pointer-events: none;\r\n}\r\n\r\n/* Top arrow border (aponta para baixo - em direção ao elemento trigger) */\r\n.voa-tooltip--top .voa-tooltip__body::before {\r\n  content: '';\r\n  position: absolute;\r\n  /* Posicionar abaixo do body para criar borda do triângulo que aponta para baixo */\r\n  bottom: calc(-1 * var(--triangle-height, 7px) + 1.5px - 1.5px);\r\n  left: var(--triangle-position, 50%);\r\n  transform: translateX(-50%);\r\n  width: calc(var(--triangle-base, 12px) + 3px);\r\n  height: calc(var(--triangle-height, 7px) + 1.5px);\r\n  /* Triângulo maior - aponta para baixo */\r\n  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);\r\n  background-color: var(--arrow-border-color, transparent);\r\n  z-index: -1;\r\n  /* Mais atrás - atrás do triângulo principal e do body */\r\n  pointer-events: none;\r\n}\r\n\r\n/* Left arrow border (aponta para direita - em direção ao elemento trigger) */\r\n.voa-tooltip--left .voa-tooltip__body::before {\r\n  content: '';\r\n  position: absolute;\r\n  /* Posicionar à direita do body para criar borda do triângulo que aponta para direita */\r\n  right: calc(-1 * var(--triangle-base-horizontal, 7px) - 1.5px);\r\n  top: var(--triangle-position, 50%);\r\n  transform: translateY(-50%);\r\n  width: calc(var(--triangle-base-horizontal, 7px) + 3px);\r\n  height: calc(var(--triangle-height-horizontal, 11px) + 3px);\r\n  /* Triângulo maior - aponta para direita */\r\n  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\r\n  background-color: var(--arrow-border-color, transparent);\r\n  z-index: -1;\r\n  /* Mais atrás - atrás do triângulo principal e do body */\r\n  pointer-events: none;\r\n}\r\n\r\n/* Right arrow border (aponta para esquerda - em direção ao elemento trigger) */\r\n.voa-tooltip--right .voa-tooltip__body::before {\r\n  content: '';\r\n  position: absolute;\r\n  /* Posicionar à esquerda do body para criar borda do triângulo que aponta para esquerda */\r\n  left: calc(-1 * var(--triangle-base-horizontal, 7px) - 1.5px);\r\n  top: var(--triangle-position, 50%);\r\n  transform: translateY(-50%);\r\n  width: calc(var(--triangle-base-horizontal, 7px) + 3px);\r\n  height: calc(var(--triangle-height-horizontal, 11px) + 3px);\r\n  /* Triângulo maior - aponta para esquerda */\r\n  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\r\n  background-color: var(--arrow-border-color, transparent);\r\n  z-index: -1;\r\n  /* Mais atrás - atrás do triângulo principal e do body */\r\n  pointer-events: none;\r\n}\r\n\r\n/* ============================================\r\n   Icon Slot\r\n   ============================================ */\r\n\r\n.voa-tooltip__icon-slot {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* ============================================\r\n   Content (texto)\r\n   ============================================ */\r\n\r\n.voa-tooltip__content {\r\n  display: flex;\r\n  flex-shrink: 0;\r\n  text-align: center;\r\n}","import { Component, Host, h, Prop, Element, Method, State } from '@stencil/core';\r\n\r\n/**\r\n * Tooltip component do Voa Design System, baseado no design do Figma.\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 tooltip\r\n * @part body - Container do conteúdo (background, border, padding). O triângulo é criado via pseudo-elementos ::before e ::after\r\n * @part icon-slot - Container do ícone opcional\r\n * @part content - Container do texto\r\n * \r\n * @example\r\n * <voa-tooltip position=\"top\" theme=\"spot\" text=\"Hello World\">\r\n *   <span slot=\"icon\">⚠️</span>\r\n * </voa-tooltip>\r\n */\r\n@Component({\r\n  tag: 'voa-tooltip',\r\n  styleUrl: 'voa-tooltip.css',\r\n  shadow: true,\r\n  scoped: false,\r\n})\r\nexport class VoaTooltip {\r\n  @Element() host: HTMLVoaTooltipElement;\r\n\r\n  @State() isVisible: boolean = false;\r\n\r\n  /**\r\n   * Posição da seta do tooltip.\r\n   * Mapeia as posições do Figma: top, bottom, left, right.\r\n   */\r\n  @Prop({ reflect: true }) position: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\r\n\r\n  /**\r\n   * Tema de cor do tooltip.\r\n   * Mapeia os temas do Figma: default, spot, pink, grape, violet, indigo, blue, cyan, teal, lime, orange.\r\n   */\r\n  @Prop({ reflect: true }) theme: 'default' | 'spot' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'lime' | 'orange' = 'default';\r\n\r\n  /**\r\n   * Se verdadeiro, exibe o slot de ícone.\r\n   * Baseado na prop `icon` do design do Figma.\r\n   */\r\n  @Prop({ reflect: true }) icon: boolean = true;\r\n\r\n  /**\r\n   * Texto do tooltip.\r\n   * Pode ser fornecido via prop ou via slot padrão.\r\n   */\r\n  @Prop() text: string = 'Body text';\r\n\r\n  /**\r\n   * Rótulo ARIA para acessibilidade.\r\n   * Usado para descrever o tooltip para leitores de tela.\r\n   */\r\n  @Prop() ariaLabel: string;\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 content = this.host.shadowRoot?.querySelector('[part=\"content\"]') as HTMLElement;\r\n    if (content) {\r\n      content.focus();\r\n    }\r\n  }\r\n\r\n  private showTooltip = () => {\r\n    this.isVisible = true;\r\n  };\r\n\r\n  private hideTooltip = () => {\r\n    this.isVisible = false;\r\n  };\r\n\r\n  componentDidLoad() {\r\n    // Get the slot element from shadow DOM\r\n    const slot = this.host.shadowRoot?.querySelector('slot') as HTMLSlotElement;\r\n    if (slot) {\r\n      // Get all slotted elements\r\n      const slottedElements = slot.assignedElements({ flatten: true });\r\n      \r\n      // Attach event listeners to each slotted element\r\n      slottedElements.forEach((element) => {\r\n        element.addEventListener('mouseenter', this.showTooltip);\r\n        element.addEventListener('mouseleave', this.hideTooltip);\r\n        element.addEventListener('focusin', this.showTooltip);\r\n        element.addEventListener('focusout', this.hideTooltip);\r\n      });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        role=\"tooltip\"\r\n        aria-label={this.ariaLabel || this.text}\r\n        onMouseOver={this.showTooltip}\r\n        onMouseOut={this.hideTooltip}\r\n        onFocusin={this.showTooltip}\r\n        onFocusout={this.hideTooltip}\r\n      >\r\n        <slot></slot>\r\n\r\n        <div\r\n          part=\"base\"\r\n          class={{\r\n            'voa-tooltip': true,\r\n            [`voa-tooltip--${this.position}`]: true,\r\n            [`voa-tooltip--${this.theme}`]: true,\r\n            'voa-tooltip--visible': this.isVisible,\r\n          }}\r\n          aria-hidden={!this.isVisible ? 'true' : 'false'}\r\n        >\r\n          <div\r\n            part=\"body\"\r\n            class=\"voa-tooltip__body\"\r\n          >\r\n            {this.icon && (\r\n              <div\r\n                part=\"icon-slot\"\r\n                class=\"voa-tooltip__icon-slot\"\r\n              >\r\n                <slot name=\"icon\"></slot>\r\n              </div>\r\n            )}\r\n            <div\r\n              part=\"content\"\r\n              class=\"voa-tooltip__content\"\r\n            >\r\n              {this.text}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"voa-upload.entry.esm.js","sources":["src/components/voa-upload/upload.css?tag=voa-upload&encapsulation=shadow","src/components/voa-upload/upload.tsx"],"sourcesContent":[".upload {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.file-input {\r\n  width: 0.1px;\r\n  height: 0.1px;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n\r\n.upload-label {\r\n  display: inline-block;\r\n  padding: 10px 20px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n  background-color: #007bff;\r\n  color: white;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-label:hover {\r\n  background-color: #0056b3;\r\n}\r\n","import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"voa-upload\",\r\n  styleUrl: \"upload.css\",\r\n  shadow: true,\r\n})\r\nexport class Upload {\r\n  render() {\r\n    return (\r\n      <div class=\"upload\">\r\n        <input type=\"file\" id=\"file-upload\" class=\"file-input\" />\r\n        <label htmlFor=\"file-upload\" class=\"upload-label\">\r\n          Choose File\r\n        </label>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,4WAA4W;;MCOjX,MAAM,GAAA,MAAA;;;;IACjB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,EAAE,EAAC,aAAa,EAAC,KAAK,EAAC,YAAY,EAAG,CAAA,EACzD,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAA,EAAA,aAAA,CAEzC,CACJ;;;;;;;"}

package/dist/voa/voa.css

@@ -0,0 +1 @@
+:root{--palette-gray-gray-9:#212529;--palette-gray-gray-8:#343a40;--palette-gray-gray-7:#495057;--palette-gray-gray-6:#868e96;--palette-gray-gray-5:#adb5bd;--palette-gray-gray-4:#ced4da;--palette-gray-gray-3:#dee2e6;--palette-gray-gray-2:#e9ecef;--palette-gray-gray-1:#f1f3f5;--palette-gray-gray-0:#f8f9fa;--palette-blue-blue-9:#1864ab;--palette-blue-blue-8:#1971c2;--palette-blue-blue-7:#1c7ed6;--palette-blue-blue-6:#228be6;--palette-blue-blue-5:#339af0;--palette-blue-blue-4:#4dabf7;--palette-blue-blue-3:#74c0fc;--palette-blue-blue-2:#a5d8ff;--palette-blue-blue-1:#d0ebff;--palette-blue-blue-0:#e7f5ff;--palette-red-red-9:#c92a2a;--palette-red-red-8:#e03131;--palette-red-red-7:#f03e3e;--palette-red-red-6:#fa5252;--palette-red-red-5:#ff6b6b;--palette-red-red-4:#ff8787;--palette-red-red-3:#ffa8a8;--palette-red-red-2:#ffc9c9;--palette-red-red-1:#ffe3e3;--palette-red-red-0:#fff5f5;--palette-pink-pink-9:#a61e4d;--palette-pink-pink-8:#c2255c;--palette-pink-pink-7:#d6336c;--palette-pink-pink-6:#e64980;--palette-pink-pink-5:#f06595;--palette-pink-pink-4:#f783ac;--palette-pink-pink-3:#faa2c1;--palette-pink-pink-2:#fcc2d7;--palette-pink-pink-1:#ffdeeb;--palette-pink-pink-0:#fff0f6;--palette-grape-grape-9:#862e9c;--palette-grape-grape-8:#9c36b5;--palette-grape-grape-7:#ae3ec9;--palette-grape-grape-6:#be4bdb;--palette-grape-grape-5:#cc5de8;--palette-grape-grape-4:#da77f2;--palette-grape-grape-3:#e599f7;--palette-grape-grape-2:#eebefa;--palette-grape-grape-1:#f3d9fa;--palette-grape-grape-0:#f8f0fc;--palette-violet-violet-9:#5f3dc4;--palette-violet-violet-8:#6741d9;--palette-violet-violet-7:#7048e8;--palette-violet-violet-6:#7950f2;--palette-violet-violet-5:#845ef7;--palette-violet-violet-4:#9775fa;--palette-violet-violet-3:#b197fc;--palette-violet-violet-2:#d0bfff;--palette-violet-violet-1:#e5dbff;--palette-violet-violet-0:#f3f0ff;--palette-indigo-indigo-9:#364fc7;--palette-indigo-indigo-8:#3b5bdb;--palette-indigo-indigo-7:#4263eb;--palette-indigo-indigo-6:#4c6ef5;--palette-indigo-indigo-5:#5c7cfa;--palette-indigo-indigo-4:#748ffc;--palette-indigo-indigo-3:#91a7ff;--palette-indigo-indigo-2:#bac8ff;--palette-indigo-indigo-1:#dbe4ff;--palette-indigo-indigo-0:#edf2ff;--palette-cyan-cyan-9:#0b7285;--palette-cyan-cyan-8:#0c8599;--palette-cyan-cyan-7:#1098ad;--palette-cyan-cyan-6:#15aabf;--palette-cyan-cyan-5:#22b8cf;--palette-cyan-cyan-4:#3bc9db;--palette-cyan-cyan-3:#66d9e8;--palette-cyan-cyan-2:#99e9f2;--palette-cyan-cyan-1:#c5f6fa;--palette-cyan-cyan-0:#e3fafc;--palette-teal-teal-9:#087f5b;--palette-teal-teal-8:#099268;--palette-teal-teal-7:#0ca678;--palette-teal-teal-6:#12b886;--palette-teal-teal-5:#20c997;--palette-teal-teal-4:#38d9a9;--palette-teal-teal-3:#63e6be;--palette-teal-teal-2:#96f2d7;--palette-teal-teal-1:#c3fae8;--palette-teal-teal-0:#e6fcf5;--palette-green-green-9:#2b8a3e;--palette-green-green-8:#2f9e44;--palette-green-green-7:#37b24d;--palette-green-green-6:#40c057;--palette-green-green-5:#51cf66;--palette-green-green-4:#69db7c;--palette-green-green-3:#8ce99a;--palette-green-green-2:#b2f2bb;--palette-green-green-1:#d3f9d8;--palette-green-green-0:#ebfbee;--palette-lime-lime-9:#5c940d;--palette-lime-lime-8:#66a80f;--palette-lime-lime-7:#74b816;--palette-lime-lime-6:#82c91e;--palette-lime-lime-5:#94d82d;--palette-lime-lime-4:#a9e34b;--palette-lime-lime-3:#c0eb75;--palette-lime-lime-2:#d8f5a2;--palette-lime-lime-1:#e9fac8;--palette-lime-lime-0:#f4fce3;--palette-yellow-yellow-9:#e67700;--palette-yellow-yellow-8:#f08c00;--palette-yellow-yellow-7:#f59f00;--palette-yellow-yellow-6:#fab005;--palette-yellow-yellow-5:#fcc419;--palette-yellow-yellow-4:#ffd43b;--palette-yellow-yellow-3:#ffe066;--palette-yellow-yellow-2:#ffec99;--palette-yellow-yellow-1:#fff3bf;--palette-yellow-yellow-0:#fff9db;--palette-orange-orange-9:#d9480f;--palette-orange-orange-8:#e8590c;--palette-orange-orange-7:#f76707;--palette-orange-orange-6:#fd7e14;--palette-orange-orange-5:#ff922b;--palette-orange-orange-4:#ffa94d;--palette-orange-orange-3:#ffc078;--palette-orange-orange-2:#ffd8a8;--palette-orange-orange-1:#ffe8cc;--palette-orange-orange-0:#fff4e6;--structure-colors-bg-base:#ffffff;--structure-colors-bg-container:var(--palette-gray-gray-1);--structure-colors-bg-elevated:var(--palette-gray-gray-3);--structure-colors-bg-layout:var(--palette-gray-gray-0);--structure-colors-bg-spot:#000000;--structure-colors-bg-mask:#000000;--structure-colors-fill-15:#18181b;--structure-colors-fill-secondary:#18181b;--structure-colors-fill-terciary:#18181b;--structure-colors-fill-quaternary:#18181b;--structure-colors-border-color:var(--palette-gray-gray-5);--structure-colors-border-color-secondary:var(--palette-gray-gray-3);--text-primary:#0b1215;--text-secondary:var(--palette-gray-gray-7);--text-disabled:#0b1215;--text-hover:var(--brand-base);--text-placeholder:#9f9fa8;--text-on-primary:#f1f1f1;--semantic-colors-success:#109e7c;--semantic-colors-danger:#e51937;--semantic-colors-warning:#ff9900;--semantic-colors-info:#4aafe4;--brand-base:var(--colors-light-primary-light);--brand-hover:var(--colors-light-primary-light-500);--brand-active:var(--colors-light-primary-light-200);--brand-base-50:var(--colors-light-primary-light-opacity-50);--brand-base-25:var(--colors-light-primary-light-opacity-25);--brand-base-15:var(--colors-light-primary-light-opacity-15);--brand-secondary:var(--colors-light-secondary-light);--brand-secondary-50:var(--colors-light-secondary-light-opacity-50);--brand-secondary-25:var(--colors-light-secondary-light-opacity-25);--brand-secondary-15:var(--colors-light-secondary-light-opacity-15);--spacing-spacing-xs:0.25rem;--spacing-spacing-sm:0.5rem;--spacing-spacing-md:1rem;--spacing-spacing-lg:1.5rem;--spacing-spacing-xl:2rem;--spacing-spacing-xxl:3rem;--spacing-spacing-xxxl:3.5rem;--spacing-spacing-xxs:0.125rem;--spacing-spacing-rg:0.75rem;--radius-no:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-round:64rem;--type-scale-1:4rem;--type-scale-2:2.5rem;--type-scale-3:2rem;--type-scale-4:1.5rem;--type-scale-5:1.25rem;--type-scale-6:1rem;--type-scale-7:0.875rem;--type-scale-8:0.75rem;--type-scale-9:0.6875rem;--type-scale-10:0.625rem;--font-family-sans:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-serif:'Merriweather', 'Georgia', serif;--font-family-mono:'Fira Mono', 'Menlo', 'Monaco', 'Consolas', monospace;--colors-light-primary-light:#0064cb;--colors-light-primary-light-100:#00b8ff;--colors-light-primary-light-200:#008fff;--colors-light-primary-light-400:#0071c8;--colors-light-primary-light-500:#00398d;--colors-light-primary-light-opacity-50:#0064cb;--colors-light-primary-light-opacity-25:#0064cb;--colors-light-primary-light-opacity-15:#0064cb;--colors-light-secondary-light:#00e5ce;--colors-light-secondary-light-100:#b5eee3;--colors-light-secondary-light-200:#7dead8;--colors-light-secondary-light-400:#49bcab;--colors-light-secondary-light-500:#01af9d;--colors-light-secondary-light-opacity-50:#00e5ce;--colors-light-secondary-light-opacity-25:#00e5ce;--colors-light-secondary-light-opacity-15:#00e5ce;--colors-light-neutral:#ffffff;--color:#ffffff;--branding-coi-colors-light-primary-light-opacity-50:#0064cb80;--branding-coi-colors-light-primary-light-opacity-25:#0064cb40;--branding-coi-colors-light-primary-light:#0064cb;--branding-coi-colors-light-primary-light-opacity-15:#0064cb26;--branding-coi-colors-light-primary-light-100:#00b8ff;--branding-coi-colors-light-primary-light-200:#008fff;--branding-coi-colors-light-primary-light-400:#0071c8;--branding-coi-colors-light-primary-light-500:#00398d;--branding-coi-colors-light-secondary-light:#00e5ce;--branding-coi-colors-light-secondary-light-opacity-50:#00e5ce80;--branding-coi-colors-light-secondary-light-opacity-25:#00e5ce40;--branding-coi-colors-light-secondary-light-opacity-15:#00e5ce26;--branding-coi-colors-light-secondary-light-100:#b5eee3;--branding-coi-colors-light-secondary-light-200:#7dead8;--branding-coi-colors-light-secondary-light-400:#49bcab;--branding-coi-colors-light-secondary-light-500:#01af9d;--branding-coi-colors-light-neutral:#ffffff;--branding-coi-type-family-sans:Lato;--branding-coi-type-family-serif:String value;--branding-coi-type-family-mono:Roboto Mono;--branding-coi-color:#ffffff;--structure-large-spacing-xxs:2px;--structure-large-spacing-xs:4px;--structure-large-spacing-sm:8px;--structure-large-spacing-rg:12px;--structure-large-spacing-md:16px;--structure-large-spacing-lg:24px;--structure-large-spacing-xl:32px;--structure-large-spacing-xxl:48px;--structure-large-spacing-xxxl:56px;--structure-large-radius-xxs:2px;--structure-large-radius-xs:4px;--structure-large-radius-sm:8px;--structure-large-radius-md:12px;--structure-large-radius-lg:16px;--structure-large-radius-xl:24px;--structure-large-radius-xxl:32px;--structure-large-radius-round:1024px;--structure-slim-spacing-xxs:3px;--structure-slim-spacing-xs:6px;--structure-slim-spacing-sm:7px;--structure-slim-spacing-rg:9px;--structure-slim-spacing-md:10px;--structure-slim-spacing-lg:14px;--structure-slim-spacing-xl:20px;--structure-slim-spacing-xxl:40px;--structure-slim-spacing-xxxl:64px;--structure-slim-radius-xxs:2px;--structure-slim-radius-xs:4px;--structure-slim-radius-sm:8px;--structure-slim-radius-md:12px;--structure-slim-radius-lg:16px;--structure-slim-radius-xl:24px;--structure-slim-radius-xxl:32px;--structure-slim-radius-round:1024px;--typography-base-family-sans:"Lato", sans-serif;--typography-base-body-sm-regular-size:14px;--typography-base-body-sm-regular-weight:400;--typography-base-body-sm-regular-line-height:16px;--typography-base-body-sm-bold-weight:600;--typography-base-legal-bold-size:10px;--typography-base-legal-bold-weight:600;--typography-base-legal-bold-line-height:16px;--typography-base-type-scale-1:64px;--typography-base-type-scale-2:40px;--typography-base-type-scale-3:32px;--typography-base-type-scale-4:24px;--typography-base-type-scale-5:20px;--typography-base-type-scale-6:16px;--typography-base-type-scale-7:14px;--typography-base-type-scale-8:12px;--typography-base-type-scale-9:11px;--typography-base-type-scale-10:10px;--system-mode-1-loading:1;--system-mode-1-progressbar-width:var(--structure-large-spacing-sm);--system-mode-1-string:Padrão;--colors-structure-fill-secondary:#18181b0f;--colors-structure-fill-terciary:#18181b0a;--colors-structure-fill-quaternary:#18181b05;--colors-structure-border-color:var(--palette-gray-gray-5);--colors-structure-border-color-secondary:var(--palette-gray-gray-3);--colors-structure-bg-base:#ffffff;--colors-structure-bg-base-disabled:#ffffff40;--colors-structure-bg-container:var(--palette-gray-gray-1);--colors-structure-bg-elevated:var(--palette-gray-gray-3);--colors-structure-bg-layout:var(--palette-gray-gray-0);--colors-structure-bg-spot:#000000d9;--colors-structure-bg-mask:#00000073;--colors-structure-fill-15:#18181b26;--colors-structure-fill-50:#18181b80;--colors-semantic-success:#109e7c;--colors-semantic-danger:#e51937;--colors-semantic-warning:#ff9900;--colors-semantic-info:#4aafe4;--semantic-colors-success:#109e7c;--semantic-colors-danger:#e51937;--semantic-colors-success-light:#b2f2bb;--semantic-colors-danger-light:#ffc9c9;--badge-status-success-color:var(--semantic-colors-success);--badge-status-success-bg:var(--semantic-colors-success-light);--badge-status-error-color:var(--semantic-colors-danger);--badge-status-error-bg:var(--semantic-colors-danger-light);--radio-colors-neutral:#ffffff;--radio-colors-fill-secondary:#18181b0f;--radio-colors-primary-light-200:#008fff;--radio-colors-primary-light-400:#0071c8;--radio-colors-fill-25:#18181b40;--radio-colors-bg-base-disabled:#ffffff40;--radio-colors-bg-base:#ffffff;--radio-colors-primary-light-opacity-25:#0064cb40;--radio-colors-primary-light-opacity-15:#0064cb26;--radio-colors-secondary-light-400:#49bcab;--radio-colors-bg-elevated:#dee2e6;--radio-text-disabled:#0b121540;--radio-colors-secondary-light-100:#b5eee3;--radio-brand-secondary-50:#00e5ce80}[data-theme="dark"]{--palette-gray-gray-9:#212529;--palette-gray-gray-8:#343a40;--palette-gray-gray-7:#495057;--palette-gray-gray-6:#868e96;--palette-gray-gray-5:#adb5bd;--palette-gray-gray-4:#ffffff;--palette-gray-gray-3:#dee2e6;--palette-gray-gray-2:#e9ecef;--palette-gray-gray-1:#f1f3f5;--palette-gray-gray-0:#f8f9fa;--palette-blue-blue-9:#1864ab;--palette-blue-blue-8:#1971c2;--palette-blue-blue-7:#1c7ed6;--palette-blue-blue-6:#228be6;--palette-blue-blue-5:#339af0;--palette-blue-blue-4:#4dabf7;--palette-blue-blue-3:#74c0fc;--palette-blue-blue-2:#a5d8ff;--palette-blue-blue-1:#d0ebff;--palette-blue-blue-0:#e7f5ff;--palette-red-red-9:#c92a2a;--palette-red-red-8:#e03131;--palette-red-red-7:#f03e3e;--palette-red-red-6:#fa5252;--palette-red-red-5:#ff6b6b;--palette-red-red-4:#ff8787;--palette-red-red-3:#ffa8a8;--palette-red-red-2:#ffc9c9;--palette-red-red-1:#ffe3e3;--palette-red-red-0:#fff5f5;--palette-pink-pink-9:#a61e4d;--palette-pink-pink-8:#c2255c;--palette-pink-pink-7:#d6336c;--palette-pink-pink-6:#e64980;--palette-pink-pink-5:#f06595;--palette-pink-pink-4:#f783ac;--palette-pink-pink-3:#faa2c1;--palette-pink-pink-2:#fcc2d7;--palette-pink-pink-1:#ffdeeb;--palette-pink-pink-0:#fff0f6;--palette-grape-grape-9:#862e9c;--palette-grape-grape-8:#9c36b5;--palette-grape-grape-7:#ae3ec9;--palette-grape-grape-6:#be4bdb;--palette-grape-grape-5:#cc5de8;--palette-grape-grape-4:#da77f2;--palette-grape-grape-3:#e599f7;--palette-grape-grape-2:#eebefa;--palette-grape-grape-1:#f3d9fa;--palette-grape-grape-0:#f8f0fc;--palette-violet-violet-9:#5f3dc4;--palette-violet-violet-8:#6741d9;--palette-violet-violet-7:#7048e8;--palette-violet-violet-6:#7950f2;--palette-violet-violet-5:#845ef7;--palette-violet-violet-4:#9775fa;--palette-violet-violet-3:#b197fc;--palette-violet-violet-2:#d0bfff;--palette-violet-violet-1:#e5dbff;--palette-violet-violet-0:#f3f0ff;--palette-indigo-indigo-9:#364fc7;--palette-indigo-indigo-8:#3b5bdb;--palette-indigo-indigo-7:#4263eb;--palette-indigo-indigo-6:#4c6ef5;--palette-indigo-indigo-5:#5c7cfa;--palette-indigo-indigo-4:#748ffc;--palette-indigo-indigo-3:#91a7ff;--palette-indigo-indigo-2:#bac8ff;--palette-indigo-indigo-1:#dbe4ff;--palette-indigo-indigo-0:#edf2ff;--palette-cyan-cyan-9:#0b7285;--palette-cyan-cyan-8:#0c8599;--palette-cyan-cyan-7:#1098ad;--palette-cyan-cyan-6:#15aabf;--palette-cyan-cyan-5:#22b8cf;--palette-cyan-cyan-4:#3bc9db;--palette-cyan-cyan-3:#66d9e8;--palette-cyan-cyan-2:#99e9f2;--palette-cyan-cyan-1:#c5f6fa;--palette-cyan-cyan-0:#e3fafc;--palette-teal-teal-9:#087f5b;--palette-teal-teal-8:#099268;--palette-teal-teal-7:#0ca678;--palette-teal-teal-6:#12b886;--palette-teal-teal-5:#20c997;--palette-teal-teal-4:#38d9a9;--palette-teal-teal-3:#63e6be;--palette-teal-teal-2:#96f2d7;--palette-teal-teal-1:#c3fae8;--palette-teal-teal-0:#e6fcf5;--palette-green-green-9:#2b8a3e;--palette-green-green-8:#2f9e44;--palette-green-green-7:#37b24d;--palette-green-green-6:#40c057;--palette-green-green-5:#51cf66;--palette-green-green-4:#69db7c;--palette-green-green-3:#8ce99a;--palette-green-green-2:#b2f2bb;--palette-green-green-1:#d3f9d8;--palette-green-green-0:#ebfbee;--palette-lime-lime-9:#5c940d;--palette-lime-lime-8:#66a80f;--palette-lime-lime-7:#74b816;--palette-lime-lime-6:#82c91e;--palette-lime-lime-5:#94d82d;--palette-lime-lime-4:#a9e34b;--palette-lime-lime-3:#c0eb75;--palette-lime-lime-2:#d8f5a2;--palette-lime-lime-1:#e9fac8;--palette-lime-lime-0:#f4fce3;--palette-yellow-yellow-9:#e67700;--palette-yellow-yellow-8:#f08c00;--palette-yellow-yellow-7:#f59f00;--palette-yellow-yellow-6:#fab005;--palette-yellow-yellow-5:#fcc419;--palette-yellow-yellow-4:#ffd43b;--palette-yellow-yellow-3:#ffe066;--palette-yellow-yellow-2:#ffec99;--palette-yellow-yellow-1:#fff3bf;--palette-yellow-yellow-0:#fff9db;--palette-orange-orange-9:#d9480f;--palette-orange-orange-8:#e8590c;--palette-orange-orange-7:#f76707;--palette-orange-orange-6:#fd7e14;--palette-orange-orange-5:#ff922b;--palette-orange-orange-4:#ffa94d;--palette-orange-orange-3:#ffc078;--palette-orange-orange-2:#ffd8a8;--palette-orange-orange-1:#ffe8cc;--palette-orange-orange-0:#fff4e6;--structure-colors-bg-base:#1b1e21;--structure-colors-bg-container:var(--palette-gray-gray-9);--structure-colors-bg-elevated:var(--palette-gray-gray-8);--structure-colors-bg-layout:#09090b;--structure-colors-bg-spot:#50505d;--structure-colors-bg-mask:#00000073;--structure-colors-fill-15:#f8f9fa26;--structure-colors-fill-secondary:#ffffff;--structure-colors-fill-terciary:#ffffff;--structure-colors-fill-quaternary:#ffffff;--structure-colors-border-color:#50505d;--structure-colors-border-color-secondary:#ffffff;--text-primary:#ffffff;--text-secondary:var(--palette-gray-gray-4);--text-disabled:#ffffff;--text-hover:var(--brand-base);--text-placeholder:var(--palette-gray-gray-7);--text-on-primary:var(--palette-gray-gray-8);--semantic-colors-success:#44a15e;--semantic-colors-danger:#ee3f59;--semantic-colors-warning:#ffd058;--semantic-colors-info:#3f70cf;--brand-base:var(--colors-dark-primary-dark);--brand-hover:var(--colors-dark-primary-dark-500);--brand-active:var(--colors-dark-primary-dark-100);--brand-base-50:var(--colors-dark-primary-dark-opacity-50);--brand-base-25:var(--colors-dark-primary-dark-opacity-25);--brand-base-15:var(--colors-dark-primary-dark-opacity-15);--brand-secondary:var(--colors-dark-secondary-dark);--brand-secondary-50:var(--colors-dark-secondary-dark-opacity-50);--brand-secondary-25:var(--colors-dark-secondary-dark-opacity-25);--brand-secondary-15:var(--colors-dark-secondary-dark-opacity-15);--spacing-spacing-xs:0.25rem;--spacing-spacing-sm:0.5rem;--spacing-spacing-md:1rem;--spacing-spacing-lg:1.5rem;--spacing-spacing-xl:2rem;--spacing-spacing-xxl:3rem;--spacing-spacing-xxxl:3.5rem;--spacing-spacing-xxs:0.125rem;--spacing-spacing-rg:0.75rem;--radius-no:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-round:64rem;--type-scale-1:4rem;--type-scale-2:2.5rem;--type-scale-3:2rem;--type-scale-4:1.5rem;--type-scale-5:1.25rem;--type-scale-6:1rem;--type-scale-7:0.875rem;--type-scale-8:0.75rem;--type-scale-9:0.6875rem;--type-scale-10:0.625rem;--font-family-sans:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-serif:'Merriweather', 'Georgia', serif;--font-family-mono:'Fira Mono', 'Menlo', 'Monaco', 'Consolas', monospace;--colors-dark-primary-dark:#00e5ce;--colors-dark-primary-dark-100:#b5eee3;--colors-dark-primary-dark-200:#7dead8;--colors-dark-primary-dark-400:#49bcab;--colors-dark-primary-dark-500:#01af9d;--colors-dark-primary-dark-opacity-50:#00e5ce80;--colors-dark-primary-dark-opacity-25:#00e5ce40;--colors-dark-primary-dark-opacity-15:#00e5ce26;--colors-dark-secondary-dark:#0064cb;--colors-dark-secondary-dark-100:#00b8ff;--colors-dark-secondary-dark-200:#008fff;--colors-dark-secondary-dark-400:#0071c8;--colors-dark-secondary-dark-500:#00398d;--colors-dark-secondary-dark-opacity-50:#0064cb80;--colors-dark-secondary-dark-opacity-25:#0064cb40;--colors-dark-secondary-dark-opacity-15:#0064cb26;--colors-dark-neutral:#dfdfdf;--branding-coi-colors-dark-primary-dark:#00e5ce;--branding-coi-colors-dark-primary-dark-opacity-50:#00e5ce80;--branding-coi-colors-dark-primary-dark-opacity-25:#00e5ce40;--branding-coi-colors-dark-primary-dark-opacity-15:#00e5ce26;--branding-coi-colors-dark-primary-dark-100:#b5eee3;--branding-coi-colors-dark-primary-dark-200:#7dead8;--branding-coi-colors-dark-primary-dark-400:#49bcab;--branding-coi-colors-dark-primary-dark-500:#01af9d;--branding-coi-colors-dark-secondary-dark:#0064cb;--branding-coi-colors-dark-secondary-dark-opacity-50:#0064cb80;--branding-coi-colors-dark-secondary-dark-opacity-25:#0064cb40;--branding-coi-colors-dark-secondary-dark-opacity-15:#0064cb26;--branding-coi-colors-dark-secondary-dark-100:#00b8ff;--branding-coi-colors-dark-secondary-dark-200:#008fff;--branding-coi-colors-dark-secondary-dark-400:#0071c8;--branding-coi-colors-dark-secondary-dark-500:#00398d;--branding-coi-colors-dark-neutral:#dfdfdf;--branding-coi-type-family-sans:Lato;--branding-coi-type-family-serif:String value;--branding-coi-type-family-mono:Roboto Mono;--branding-coi-color:#ffffff;--structure-large-spacing-xxs:2px;--structure-large-spacing-xs:4px;--structure-large-spacing-sm:8px;--structure-large-spacing-rg:12px;--structure-large-spacing-md:16px;--structure-large-spacing-lg:24px;--structure-large-spacing-xl:32px;--structure-large-spacing-xxl:48px;--structure-large-spacing-xxxl:56px;--structure-large-radius-xxs:2px;--structure-large-radius-xs:4px;--structure-large-radius-sm:8px;--structure-large-radius-md:12px;--structure-large-radius-lg:16px;--structure-large-radius-xl:24px;--structure-large-radius-xxl:32px;--structure-large-radius-round:1024px;--structure-slim-spacing-xxs:3px;--structure-slim-spacing-xs:6px;--structure-slim-spacing-sm:7px;--structure-slim-spacing-rg:9px;--structure-slim-spacing-md:10px;--structure-slim-spacing-lg:14px;--structure-slim-spacing-xl:20px;--structure-slim-spacing-xxl:40px;--structure-slim-spacing-xxxl:64px;--structure-slim-radius-xxs:2px;--structure-slim-radius-xs:4px;--structure-slim-radius-sm:8px;--structure-slim-radius-md:12px;--structure-slim-radius-lg:16px;--structure-slim-radius-xl:24px;--structure-slim-radius-xxl:32px;--structure-slim-radius-round:1024px;--system-mode-2-loading:1;--system-mode-2-progressbar-width:var(--structure-large-spacing-sm);--system-mode-2-string:Dark;--colors-structure-fill-secondary:#ffffff;--colors-structure-fill-terciary:#ffffff;--colors-structure-fill-quaternary:#ffffff;--colors-structure-border-color:#50505d;--colors-structure-border-color-secondary:#ffffff;--colors-structure-bg-base:#1b1e21;--colors-structure-bg-base-disabled:#1b1e2140;--colors-structure-bg-container:var(--palette-gray-gray-9);--colors-structure-bg-elevated:var(--palette-gray-gray-8);--colors-structure-bg-layout:#09090b;--colors-structure-bg-spot:#50505d;--colors-structure-bg-mask:#00000073;--colors-structure-fill-15:#f8f9fa26;--colors-structure-fill-50:#f8f9fa80;--colors-semantic-success:#44a15e;--colors-semantic-danger:#ee3f59;--colors-semantic-warning:#ffd058;--colors-semantic-info:#3f70cf;--semantic-colors-success:#44a15e;--semantic-colors-danger:#ee3f59;--semantic-colors-success-light:#69db7c;--semantic-colors-danger-light:#ff8787;--badge-status-success-color:var(--semantic-colors-success);--badge-status-success-bg:var(--semantic-colors-success-light);--badge-status-error-color:var(--semantic-colors-danger);--badge-status-error-bg:var(--semantic-colors-danger-light)}:root{--voa-text-primary:#0b1215;--voa-text-secondary:#495057;--voa-font-family-sans:'Lato', sans-serif;--voa-bg-base:#ffffff;--voa-bg-container:#f1f3f5;--voa-border-color:#adb5bd;--voa-spacing-xs:4px;--voa-spacing-sm:8px;--voa-spacing-md:16px;--voa-spacing-lg:24px;--voa-spacing-xl:32px;--voa-radius-sm:4px;--voa-radius-md:8px;--voa-radius-lg:16px;--radius-no:0px;--radius-xxs:2px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-xxl:32px;--radius-round:1024px;--voa-palette-gray-6:#868e96;--voa-palette-red-2:#ffc9c9;--voa-palette-red-4:#ff8787;--voa-palette-red-5:#ff6b6b;--voa-palette-red-6:#fa5252;--voa-palette-red-9:#c92a2a;--voa-palette-yellow-1:#fff3bf;--voa-palette-yellow-2:#ffec99;--voa-palette-yellow-4:#ffd43b;--voa-palette-yellow-9:#e67700;--voa-palette-blue-2:#a5d8ff;--voa-palette-blue-3:#74c0fc;--voa-palette-blue-4:#4dabf7;--voa-palette-blue-9:#1864ab;--voa-palette-green-2:#b2f2bb;--voa-palette-green-3:#8ce99a;--voa-palette-green-4:#69db7c;--voa-palette-teal-5:#20c997;--voa-semantic-color-success:#109e7c;--voa-alert-color-success-bg:var(--voa-palette-green-2, #b2f2bb);--voa-alert-color-success-text:var(--voa-semantic-color-success, #109e7c);--voa-alert-color-success-border:var(--voa-semantic-color-success, #109e7c);--voa-alert-color-warning-bg:var(--voa-palette-yellow-1, #fff3bf);--voa-alert-color-warning-text:var(--voa-palette-yellow-9, #e67700);--voa-alert-color-warning-border:var(--voa-palette-yellow-4, #ffd43b);--voa-alert-color-error-bg:var(--voa-palette-red-2, #ffc9c9);--voa-alert-color-error-text:var(--voa-palette-red-9, #c92a2a);--voa-alert-color-error-border:var(--voa-palette-red-5, #ff6b6b);--voa-alert-color-info-bg:var(--voa-palette-blue-2, #a5d8ff);--voa-alert-color-info-text:var(--voa-palette-blue-9, #1864ab);--voa-alert-color-info-border:var(--voa-palette-blue-4, #4dabf7);--voa-alert-padding:var(--voa-spacing-md, 16px);--voa-alert-border-radius:var(--voa-radius-sm, 4px);--voa-alert-border-width:1px;--voa-alert-font-size:1rem;--voa-alert-line-height:1.5;--voa-shadow-fab:0px 0px 0px 0px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px 0px rgba(0,0,0,0.10), 1px 1px 1px 0px 0px rgba(0,0,0,0.09), 2px 2px 2px 0px 0px rgba(0,0,0,0.05), 4px 3px 2px 0px 0px rgba(0,0,0,0.01), 6px 5px 2px 0px 0px rgba(0,0,0,0.00);--voa-shadow-inside-element:0px 1px 0.5px 0.05px 0.05px rgba(24,24,24,0.05);--voa-shadow-surface:0px 8px 16px 0px 0px rgba(255,255,255,0.02), 0px 4px 4px 0px 0px rgba(0,0,0,0.25), 0px 2.5px 0px 0px 0px rgba(255,255,255,0.05) inset, 0px 4px 4px 0px 0px rgba(0,0,0,0.25);--voa-shadow-today:0px 0px 16px 2px 2px rgba(28,126,214,0.15) inset;--voa-shadow-avatar:0px 4px 4px 0px 0px rgba(0,0,0,0.25);--voa-shadow-input:0px 3px 6px 0px 0px rgba(0,0,0,0.10);--voa-shadow-option:0px 8px 16px 0px 0px rgba(255,255,255,0.02), 0px 4px 4px 0px 0px rgba(0,0,0,0.25), 0px 4px 4px 0px 0px rgba(0,0,0,0.25), 0px 4px 4px 0px 0px rgba(0,0,0,0.25);--voa-shadow-switch:0px 2px 4px 0px 0px rgba(24,24,24,0.25) inset;--voa-shadow-input-active:0px 0px 8px 2px 2px rgba(0,100,203,0.50) inset, 0px 4px 4px 0px 0px rgba(0,0,0,0.25)}:root{--palette-gray-gray-9:#212529;--palette-gray-gray-8:#343a40;--palette-gray-gray-7:#495057;--palette-gray-gray-6:#868e96;--palette-gray-gray-5:#adb5bd;--palette-gray-gray-4:#ced4da;--palette-gray-gray-3:#dee2e6;--palette-gray-gray-2:#e9ecef;--palette-gray-gray-1:#f1f3f5;--palette-gray-gray-0:#f8f9fa;--palette-blue-blue-9:#1864ab;--palette-blue-blue-8:#1971c2;--palette-blue-blue-7:#1c7ed6;--palette-blue-blue-6:#228be6;--palette-blue-blue-5:#339af0;--palette-blue-blue-4:#4dabf7;--palette-blue-blue-3:#74c0fc;--palette-blue-blue-2:#a5d8ff;--palette-blue-blue-1:#d0ebff;--palette-blue-blue-0:#e7f5ff;--palette-red-red-9:#c92a2a;--palette-red-red-8:#e03131;--palette-red-red-7:#f03e3e;--palette-red-red-6:#fa5252;--palette-red-red-5:#ff6b6b;--palette-red-red-4:#ff8787;--palette-red-red-3:#ffa8a8;--palette-red-red-2:#ffc9c9;--palette-red-red-1:#ffe3e3;--palette-red-red-0:#fff5f5;--palette-pink-pink-9:#a61e4d;--palette-pink-pink-8:#c2255c;--palette-pink-pink-7:#d6336c;--palette-pink-pink-6:#e64980;--palette-pink-pink-5:#f06595;--palette-pink-pink-4:#f783ac;--palette-pink-pink-3:#faa2c1;--palette-pink-pink-2:#fcc2d7;--palette-pink-pink-1:#ffdeeb;--palette-pink-pink-0:#fff0f6;--palette-grape-grape-9:#862e9c;--palette-grape-grape-8:#9c36b5;--palette-grape-grape-7:#ae3ec9;--palette-grape-grape-6:#be4bdb;--palette-grape-grape-5:#cc5de8;--palette-grape-grape-4:#da77f2;--palette-grape-grape-3:#e599f7;--palette-grape-grape-2:#eebefa;--palette-grape-grape-1:#f3d9fa;--palette-grape-grape-0:#f8f0fc;--palette-violet-violet-9:#5f3dc4;--palette-violet-violet-8:#6741d9;--palette-violet-violet-7:#7048e8;--palette-violet-violet-6:#7950f2;--palette-violet-violet-5:#845ef7;--palette-violet-violet-4:#9775fa;--palette-violet-violet-3:#b197fc;--palette-violet-violet-2:#d0bfff;--palette-violet-violet-1:#e5dbff;--palette-violet-violet-0:#f3f0ff;--palette-indigo-indigo-9:#364fc7;--palette-indigo-indigo-8:#3b5bdb;--palette-indigo-indigo-7:#4263eb;--palette-indigo-indigo-6:#4c6ef5;--palette-indigo-indigo-5:#5c7cfa;--palette-indigo-indigo-4:#748ffc;--palette-indigo-indigo-3:#91a7ff;--palette-indigo-indigo-2:#bac8ff;--palette-indigo-indigo-1:#dbe4ff;--palette-indigo-indigo-0:#edf2ff;--palette-cyan-cyan-9:#0b7285;--palette-cyan-cyan-8:#0c8599;--palette-cyan-cyan-7:#1098ad;--palette-cyan-cyan-6:#15aabf;--palette-cyan-cyan-5:#22b8cf;--palette-cyan-cyan-4:#3bc9db;--palette-cyan-cyan-3:#66d9e8;--palette-cyan-cyan-2:#99e9f2;--palette-cyan-cyan-1:#c5f6fa;--palette-cyan-cyan-0:#e3fafc;--palette-teal-teal-9:#087f5b;--palette-teal-teal-8:#099268;--palette-teal-teal-7:#0ca678;--palette-teal-teal-6:#12b886;--palette-teal-teal-5:#20c997;--palette-teal-teal-4:#38d9a9;--palette-teal-teal-3:#63e6be;--palette-teal-teal-2:#96f2d7;--palette-teal-teal-1:#c3fae8;--palette-teal-teal-0:#e6fcf5;--palette-green-green-9:#2b8a3e;--palette-green-green-8:#2f9e44;--palette-green-green-7:#37b24d;--palette-green-green-6:#40c057;--palette-green-green-5:#51cf66;--palette-green-green-4:#69db7c;--palette-green-green-3:#8ce99a;--palette-green-green-2:#b2f2bb;--palette-green-green-1:#d3f9d8;--palette-green-green-0:#ebfbee;--palette-lime-lime-9:#5c940d;--palette-lime-lime-8:#66a80f;--palette-lime-lime-7:#74b816;--palette-lime-lime-6:#82c91e;--palette-lime-lime-5:#94d82d;--palette-lime-lime-4:#a9e34b;--palette-lime-lime-3:#c0eb75;--palette-lime-lime-2:#d8f5a2;--palette-lime-lime-1:#e9fac8;--palette-lime-lime-0:#f4fce3;--palette-yellow-yellow-9:#e67700;--palette-yellow-yellow-8:#f08c00;--palette-yellow-yellow-7:#f59f00;--palette-yellow-yellow-6:#fab005;--palette-yellow-yellow-5:#fcc419;--palette-yellow-yellow-4:#ffd43b;--palette-yellow-yellow-3:#ffe066;--palette-yellow-yellow-2:#ffec99;--palette-yellow-yellow-1:#fff3bf;--palette-yellow-yellow-0:#fff9db;--palette-orange-orange-9:#d9480f;--palette-orange-orange-8:#e8590c;--palette-orange-orange-7:#f76707;--palette-orange-orange-6:#fd7e14;--palette-orange-orange-5:#ff922b;--palette-orange-orange-4:#ffa94d;--palette-orange-orange-3:#ffc078;--palette-orange-orange-2:#ffd8a8;--palette-orange-orange-1:#ffe8cc;--palette-orange-orange-0:#fff4e6;--structure-colors-bg-base:#ffffff;--structure-colors-bg-base-disabled:var(--palette-gray-gray-1);--structure-colors-bg-container:var(--palette-gray-gray-1);--structure-colors-bg-elevated:var(--palette-gray-gray-3);--structure-colors-bg-layout:var(--palette-gray-gray-0);--structure-colors-bg-spot:#000000;--structure-colors-bg-mask:#000000;--structure-colors-fill-15:#18181b;--structure-colors-fill-secondary:#18181b;--structure-colors-fill-terciary:#18181b;--structure-colors-fill-quaternary:#18181b;--structure-colors-border-color:var(--palette-gray-gray-5);--structure-colors-border-color-secondary:var(--palette-gray-gray-3);--text-primary:#0b1215;--text-secondary:var(--palette-gray-gray-7);--text-disabled:#0b1215;--text-hover:var(--brand-base);--text-placeholder:#9f9fa8;--text-on-primary:#f1f1f1;--semantic-colors-success:#109e7c;--semantic-colors-danger:#e51937;--semantic-colors-warning:#ff9900;--semantic-colors-info:#4aafe4;--brand-base:var(--colors-light-primary-light);--brand-hover:var(--colors-light-primary-light-500);--brand-active:var(--colors-light-primary-light-200);--brand-base-50:var(--colors-light-primary-light-opacity-50);--brand-base-25:var(--colors-light-primary-light-opacity-25);--brand-base-15:var(--colors-light-primary-light-opacity-15);--brand-secondary:var(--colors-light-secondary-light);--brand-secondary-50:var(--colors-light-secondary-light-opacity-50);--brand-secondary-25:var(--colors-light-secondary-light-opacity-25);--brand-secondary-15:var(--colors-light-secondary-light-opacity-15);--spacing-spacing-xs:0.25rem;--spacing-spacing-sm:0.5rem;--spacing-spacing-md:1rem;--spacing-spacing-lg:1.5rem;--spacing-spacing-xl:2rem;--spacing-spacing-xxl:3rem;--spacing-spacing-xxxl:3.5rem;--spacing-spacing-xxs:0.125rem;--spacing-spacing-rg:0.75rem;--radius-no:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-round:64rem;--type-scale-1:4rem;--type-scale-2:2.5rem;--type-scale-3:2rem;--type-scale-4:1.5rem;--type-scale-5:1.25rem;--type-scale-6:1rem;--type-scale-7:0.875rem;--type-scale-8:0.75rem;--type-scale-9:0.6875rem;--type-scale-10:0.625rem;--font-family-sans:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-serif:'Merriweather', 'Georgia', serif;--font-family-mono:'Fira Mono', 'Menlo', 'Monaco', 'Consolas', monospace;--colors-light-primary-light:#0064cb;--colors-light-primary-light-100:#00b8ff;--colors-light-primary-light-200:#008fff;--colors-light-primary-light-400:#0071c8;--colors-light-primary-light-500:#00398d;--colors-light-primary-light-opacity-50:#0064cb;--colors-light-primary-light-opacity-25:#0064cb;--colors-light-primary-light-opacity-15:#0064cb;--colors-light-secondary-light:#00e5ce;--colors-light-secondary-light-100:#b5eee3;--colors-light-secondary-light-200:#7dead8;--colors-light-secondary-light-400:#49bcab;--colors-light-secondary-light-500:#01af9d;--colors-light-secondary-light-opacity-50:#00e5ce;--colors-light-secondary-light-opacity-25:#00e5ce;--colors-light-secondary-light-opacity-15:#00e5ce;--colors-light-neutral:#ffffff;--color:#ffffff;--branding-coi-colors-light-primary-light-opacity-50:#0064cb80;--branding-coi-colors-light-primary-light-opacity-25:#0064cb40;--branding-coi-colors-light-primary-light:#0064cb;--branding-coi-colors-light-primary-light-opacity-15:#0064cb26;--branding-coi-colors-light-primary-light-100:#00b8ff;--branding-coi-colors-light-primary-light-200:#008fff;--branding-coi-colors-light-primary-light-400:#0071c8;--branding-coi-colors-light-primary-light-500:#00398d;--branding-coi-colors-light-secondary-light:#00e5ce;--branding-coi-colors-light-secondary-light-opacity-50:#00e5ce80;--branding-coi-colors-light-secondary-light-opacity-25:#00e5ce40;--branding-coi-colors-light-secondary-light-opacity-15:#00e5ce26;--branding-coi-colors-light-secondary-light-100:#b5eee3;--branding-coi-colors-light-secondary-light-200:#7dead8;--branding-coi-colors-light-secondary-light-400:#49bcab;--branding-coi-colors-light-secondary-light-500:#01af9d;--branding-coi-colors-light-neutral:#ffffff;--branding-coi-type-family-sans:Lato;--branding-coi-type-family-serif:String value;--branding-coi-type-family-mono:Roboto Mono;--branding-coi-color:#ffffff;--structure-large-spacing-xxs:2px;--structure-large-spacing-xs:4px;--structure-large-spacing-sm:8px;--structure-large-spacing-rg:12px;--structure-large-spacing-md:16px;--structure-large-spacing-lg:24px;--structure-large-spacing-xl:32px;--structure-large-spacing-xxl:48px;--structure-large-spacing-xxxl:56px;--structure-large-radius-xxs:2px;--structure-large-radius-xs:4px;--structure-large-radius-sm:8px;--structure-large-radius-md:12px;--structure-large-radius-lg:16px;--structure-large-radius-xl:24px;--structure-large-radius-xxl:32px;--structure-large-radius-round:1024px;--structure-slim-spacing-xxs:3px;--structure-slim-spacing-xs:6px;--structure-slim-spacing-sm:7px;--structure-slim-spacing-rg:9px;--structure-slim-spacing-md:10px;--structure-slim-spacing-lg:14px;--structure-slim-spacing-xl:20px;--structure-slim-spacing-xxl:40px;--structure-slim-spacing-xxxl:64px;--structure-slim-radius-xxs:2px;--structure-slim-radius-xs:4px;--structure-slim-radius-sm:8px;--structure-slim-radius-md:12px;--structure-slim-radius-lg:16px;--structure-slim-radius-xl:24px;--structure-slim-radius-xxl:32px;--structure-slim-radius-round:1024px;--typography-base-family-sans:"Lato", sans-serif;--typography-base-body-sm-regular-size:14px;--typography-base-body-sm-regular-weight:400;--typography-base-body-sm-regular-line-height:16px;--typography-base-body-sm-bold-weight:600;--typography-base-legal-bold-size:10px;--typography-base-legal-bold-weight:600;--typography-base-legal-bold-line-height:16px;--typography-base-type-scale-1:64px;--typography-base-type-scale-2:40px;--typography-base-type-scale-3:32px;--typography-base-type-scale-4:24px;--typography-base-type-scale-5:20px;--typography-base-type-scale-6:16px;--typography-base-type-scale-7:14px;--typography-base-type-scale-8:12px;--typography-base-type-scale-9:11px;--typography-base-type-scale-10:10px;--system-mode-1-loading:1;--system-mode-1-progressbar-width:var(--structure-large-spacing-sm);--system-mode-1-string:Padrão;--colors-structure-fill-secondary:#18181b0f;--colors-structure-fill-terciary:#18181b0a;--colors-structure-fill-quaternary:#18181b05;--colors-structure-border-color:var(--palette-gray-gray-5);--colors-structure-border-color-secondary:var(--palette-gray-gray-3);--colors-structure-bg-base:#ffffff;--colors-structure-bg-base-disabled:#ffffff40;--colors-structure-bg-container:var(--palette-gray-gray-1);--colors-structure-bg-elevated:var(--palette-gray-gray-3);--colors-structure-bg-layout:var(--palette-gray-gray-0);--colors-structure-bg-spot:#000000d9;--colors-structure-bg-mask:#00000073;--colors-structure-fill-15:#18181b26;--colors-structure-fill-50:#18181b80;--colors-semantic-success:#109e7c;--colors-semantic-danger:#e51937;--colors-semantic-warning:#ff9900;--colors-semantic-info:#4aafe4;--semantic-colors-success:#109e7c;--semantic-colors-danger:#e51937;--semantic-colors-success-light:#b2f2bb;--semantic-colors-danger-light:#ffc9c9;--badge-status-success-color:var(--semantic-colors-success);--badge-status-success-bg:var(--semantic-colors-success-light);--badge-status-error-color:var(--semantic-colors-danger);--badge-status-error-bg:var(--semantic-colors-danger-light);--voa-text-primary:#0b1215;--voa-text-secondary:#495057;--voa-font-family-sans:'Lato', sans-serif;--voa-bg-base:#ffffff;--voa-bg-container:#f1f3f5;--voa-border-color:#adb5bd;--voa-spacing-xs:4px;--voa-spacing-sm:8px;--voa-spacing-md:16px;--voa-spacing-lg:24px;--voa-spacing-xl:32px;--voa-radius-sm:4px;--voa-radius-md:8px;--voa-radius-lg:16px;--voa-palette-gray-6:#868e96;--voa-palette-red-2:#ffc9c9;--voa-palette-red-4:#ff8787;--voa-palette-red-5:#ff6b6b;--voa-palette-red-6:#fa5252;--voa-palette-red-9:#c92a2a;--voa-palette-yellow-1:#fff3bf;--voa-palette-yellow-2:#ffec99;--voa-palette-yellow-4:#ffd43b;--voa-palette-yellow-9:#e67700;--voa-palette-blue-2:#a5d8ff;--voa-palette-blue-3:#74c0fc;--voa-palette-blue-4:#4dabf7;--voa-palette-blue-9:#1864ab;--voa-palette-green-2:#b2f2bb;--voa-palette-green-3:#8ce99a;--voa-palette-green-4:#69db7c;--voa-palette-teal-5:#20c997;--voa-semantic-color-success:#109e7c;--voa-alert-color-success-bg:var(--voa-palette-green-2, #b2f2bb);--voa-alert-color-success-text:var(--voa-semantic-color-success, #109e7c);--voa-alert-color-success-border:var(--voa-semantic-color-success, #109e7c);--voa-alert-color-warning-bg:var(--voa-palette-yellow-1, #fff3bf);--voa-alert-color-warning-text:var(--voa-palette-yellow-9, #e67700);--voa-alert-color-warning-border:var(--voa-palette-yellow-4, #ffd43b);--voa-alert-color-error-bg:var(--voa-palette-red-2, #ffc9c9);--voa-alert-color-error-text:var(--voa-palette-red-9, #c92a2a);--voa-alert-color-error-border:var(--voa-palette-red-5, #ff6b6b);--voa-alert-color-info-bg:var(--voa-palette-blue-2, #a5d8ff);--voa-alert-color-info-text:var(--voa-palette-blue-9, #1864ab);--voa-alert-color-info-border:var(--voa-palette-blue-4, #4dabf7);--voa-alert-padding:var(--voa-spacing-md, 16px);--voa-alert-border-radius:var(--voa-radius-sm, 4px);--voa-alert-border-width:1px;--voa-alert-font-size:1rem;--voa-alert-line-height:1.5;--voa-shadow-fab:0px 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px 0px rgba(0, 0, 0, 0.10), 1px 1px 1px 0px 0px rgba(0, 0, 0, 0.09), 2px 2px 2px 0px 0px rgba(0, 0, 0, 0.05), 4px 3px 2px 0px 0px rgba(0, 0, 0, 0.01), 6px 5px 2px 0px 0px rgba(0, 0, 0, 0.00);--voa-shadow-inside-element:0px 1px 0.5px 0.05px 0.05px rgba(24, 24, 24, 0.05);--voa-shadow-surface:0px 8px 16px 0px 0px rgba(255, 255, 255, 0.02), 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25), 0px 2.5px 0px 0px 0px rgba(255, 255, 255, 0.05) inset, 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25);--voa-shadow-today:0px 0px 16px 2px 2px rgba(28, 126, 214, 0.15) inset;--voa-shadow-avatar:0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25);--voa-shadow-input:0px 3px 6px 0px 0px rgba(0, 0, 0, 0.10);--voa-shadow-option:0px 8px 16px 0px 0px rgba(255, 255, 255, 0.02), 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25);--voa-shadow-switch:0px 2px 4px 0px 0px rgba(24, 24, 24, 0.25) inset;--voa-shadow-input-active:0px 0px 8px 2px 2px rgba(0, 100, 203, 0.50) inset, 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25);--colors-structure-fill-25:#18181b40;--colors-light-primary-light-opacity-25:#0064cb40;--colors-light-primary-light-opacity-15:#0064cb26;--text-disabled-with-opacity:#0b121540;--input-active-inner-shadow:inset 0px 0px 8px 2px rgba(0, 100, 203, 0.5);--input-active-drop-shadow:0px 4px 4px rgba(24, 24, 27, 0.15);--input-focus-border-color:var(--brand-base, #0064cb);--border-width-thin:1px;--border-width-medium:1.125px;--border-width-thick:1.5px;--opacity-disabled:0.6;--opacity-20:0.2;--opacity-25:0.25;--opacity-40:0.4;--shadow-focus-primary:inset 0px 0px 8px 2px rgba(0, 100, 203, 0.5);--shadow-focus-secondary:inset 0px 0px 8px 2px rgba(0, 229, 206, 0.5);--shadow-outline-secondary:0 0 0 4px rgba(0, 229, 206, 0.5);--shadow-outline-primary:0 0 0 4px rgba(0, 100, 203, 0.1);--avatar-font-size-xs:8px;--avatar-font-size-sm:12px;--avatar-font-size-md:16px;--avatar-font-size-lg:24px;--avatar-font-size-xl:28px;--radio-indicator-size:20px;--switch-track-width:40px;--switch-track-height:20px;--switch-thumb-size:16px;--input-addon-height:46px;--checkbox-indicator-size:20px;--option-indicator-dot-size:8px;--shadow-switch-inset:inset 0px 2px 4px 0px rgba(24, 24, 24, 0.25);--shadow-radio-checked-inset:inset 0 2px 0 0 rgba(255, 255, 255, 0.25);--line-height-body-sm:16px;--line-height-body-md:24px;--line-height-body-lg:32px}[data-theme="dark"]{--palette-gray-gray-9:#212529;--palette-gray-gray-8:#343a40;--palette-gray-gray-7:#495057;--palette-gray-gray-6:#868e96;--palette-gray-gray-5:#adb5bd;--palette-gray-gray-4:#ffffff;--palette-gray-gray-3:#dee2e6;--palette-gray-gray-2:#e9ecef;--palette-gray-gray-1:#f1f3f5;--palette-gray-gray-0:#f8f9fa;--palette-blue-blue-9:#1864ab;--palette-blue-blue-8:#1971c2;--palette-blue-blue-7:#1c7ed6;--palette-blue-blue-6:#228be6;--palette-blue-blue-5:#339af0;--palette-blue-blue-4:#4dabf7;--palette-blue-blue-3:#74c0fc;--palette-blue-blue-2:#a5d8ff;--palette-blue-blue-1:#d0ebff;--palette-blue-blue-0:#e7f5ff;--palette-red-red-9:#c92a2a;--palette-red-red-8:#e03131;--palette-red-red-7:#f03e3e;--palette-red-red-6:#fa5252;--palette-red-red-5:#ff6b6b;--palette-red-red-4:#ff8787;--palette-red-red-3:#ffa8a8;--palette-red-red-2:#ffc9c9;--palette-red-red-1:#ffe3e3;--palette-red-red-0:#fff5f5;--palette-pink-pink-9:#a61e4d;--palette-pink-pink-8:#c2255c;--palette-pink-pink-7:#d6336c;--palette-pink-pink-6:#e64980;--palette-pink-pink-5:#f06595;--palette-pink-pink-4:#f783ac;--palette-pink-pink-3:#faa2c1;--palette-pink-pink-2:#fcc2d7;--palette-pink-pink-1:#ffdeeb;--palette-pink-pink-0:#fff0f6;--palette-grape-grape-9:#862e9c;--palette-grape-grape-8:#9c36b5;--palette-grape-grape-7:#ae3ec9;--palette-grape-grape-6:#be4bdb;--palette-grape-grape-5:#cc5de8;--palette-grape-grape-4:#da77f2;--palette-grape-grape-3:#e599f7;--palette-grape-grape-2:#eebefa;--palette-grape-grape-1:#f3d9fa;--palette-grape-grape-0:#f8f0fc;--palette-violet-violet-9:#5f3dc4;--palette-violet-violet-8:#6741d9;--palette-violet-violet-7:#7048e8;--palette-violet-violet-6:#7950f2;--palette-violet-violet-5:#845ef7;--palette-violet-violet-4:#9775fa;--palette-violet-violet-3:#b197fc;--palette-violet-violet-2:#d0bfff;--palette-violet-violet-1:#e5dbff;--palette-violet-violet-0:#f3f0ff;--palette-indigo-indigo-9:#364fc7;--palette-indigo-indigo-8:#3b5bdb;--palette-indigo-indigo-7:#4263eb;--palette-indigo-indigo-6:#4c6ef5;--palette-indigo-indigo-5:#5c7cfa;--palette-indigo-indigo-4:#748ffc;--palette-indigo-indigo-3:#91a7ff;--palette-indigo-indigo-2:#bac8ff;--palette-indigo-indigo-1:#dbe4ff;--palette-indigo-indigo-0:#edf2ff;--palette-cyan-cyan-9:#0b7285;--palette-cyan-cyan-8:#0c8599;--palette-cyan-cyan-7:#1098ad;--palette-cyan-cyan-6:#15aabf;--palette-cyan-cyan-5:#22b8cf;--palette-cyan-cyan-4:#3bc9db;--palette-cyan-cyan-3:#66d9e8;--palette-cyan-cyan-2:#99e9f2;--palette-cyan-cyan-1:#c5f6fa;--palette-cyan-cyan-0:#e3fafc;--palette-teal-teal-9:#087f5b;--palette-teal-teal-8:#099268;--palette-teal-teal-7:#0ca678;--palette-teal-teal-6:#12b886;--palette-teal-teal-5:#20c997;--palette-teal-teal-4:#38d9a9;--palette-teal-teal-3:#63e6be;--palette-teal-teal-2:#96f2d7;--palette-teal-teal-1:#c3fae8;--palette-teal-teal-0:#e6fcf5;--palette-green-green-9:#2b8a3e;--palette-green-green-8:#2f9e44;--palette-green-green-7:#37b24d;--palette-green-green-6:#40c057;--palette-green-green-5:#51cf66;--palette-green-green-4:#69db7c;--palette-green-green-3:#8ce99a;--palette-green-green-2:#b2f2bb;--palette-green-green-1:#d3f9d8;--palette-green-green-0:#ebfbee;--palette-lime-lime-9:#5c940d;--palette-lime-lime-8:#66a80f;--palette-lime-lime-7:#74b816;--palette-lime-lime-6:#82c91e;--palette-lime-lime-5:#94d82d;--palette-lime-lime-4:#a9e34b;--palette-lime-lime-3:#c0eb75;--palette-lime-lime-2:#d8f5a2;--palette-lime-lime-1:#e9fac8;--palette-lime-lime-0:#f4fce3;--palette-yellow-yellow-9:#e67700;--palette-yellow-yellow-8:#f08c00;--palette-yellow-yellow-7:#f59f00;--palette-yellow-yellow-6:#fab005;--palette-yellow-yellow-5:#fcc419;--palette-yellow-yellow-4:#ffd43b;--palette-yellow-yellow-3:#ffe066;--palette-yellow-yellow-2:#ffec99;--palette-yellow-yellow-1:#fff3bf;--palette-yellow-yellow-0:#fff9db;--palette-orange-orange-9:#d9480f;--palette-orange-orange-8:#e8590c;--palette-orange-orange-7:#f76707;--palette-orange-orange-6:#fd7e14;--palette-orange-orange-5:#ff922b;--palette-orange-orange-4:#ffa94d;--palette-orange-orange-3:#ffc078;--palette-orange-orange-2:#ffd8a8;--palette-orange-orange-1:#ffe8cc;--palette-orange-orange-0:#fff4e6;--structure-colors-bg-base:#1b1e21;--structure-colors-bg-container:var(--palette-gray-gray-9);--structure-colors-bg-elevated:var(--palette-gray-gray-8);--structure-colors-bg-layout:#09090b;--structure-colors-bg-spot:#50505d;--structure-colors-bg-mask:#00000073;--structure-colors-fill-15:#f8f9fa26;--structure-colors-fill-secondary:#ffffff;--structure-colors-fill-terciary:#ffffff;--structure-colors-fill-quaternary:#ffffff;--structure-colors-border-color:#50505d;--structure-colors-border-color-secondary:#ffffff;--text-primary:#ffffff;--text-secondary:var(--palette-gray-gray-4);--text-disabled:#ffffff;--text-hover:var(--brand-base);--text-placeholder:var(--palette-gray-gray-7);--text-on-primary:var(--palette-gray-gray-8);--semantic-colors-success:#44a15e;--semantic-colors-danger:#ee3f59;--semantic-colors-warning:#ffd058;--semantic-colors-info:#3f70cf;--brand-base:var(--colors-dark-primary-dark);--brand-hover:var(--colors-dark-primary-dark-500);--brand-active:var(--colors-dark-primary-dark-100);--brand-base-50:var(--colors-dark-primary-dark-opacity-50);--brand-base-25:var(--colors-dark-primary-dark-opacity-25);--brand-base-15:var(--colors-dark-primary-dark-opacity-15);--brand-secondary:var(--colors-dark-secondary-dark);--brand-secondary-50:var(--colors-dark-secondary-dark-opacity-50);--brand-secondary-25:var(--colors-dark-secondary-dark-opacity-25);--brand-secondary-15:var(--colors-dark-secondary-dark-opacity-15);--spacing-spacing-xs:0.25rem;--spacing-spacing-sm:0.5rem;--spacing-spacing-md:1rem;--spacing-spacing-lg:1.5rem;--spacing-spacing-xl:2rem;--spacing-spacing-xxl:3rem;--spacing-spacing-xxxl:3.5rem;--spacing-spacing-xxs:0.125rem;--spacing-spacing-rg:0.75rem;--radius-no:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-round:64rem;--type-scale-1:4rem;--type-scale-2:2.5rem;--type-scale-3:2rem;--type-scale-4:1.5rem;--type-scale-5:1.25rem;--type-scale-6:1rem;--type-scale-7:0.875rem;--type-scale-8:0.75rem;--type-scale-9:0.6875rem;--type-scale-10:0.625rem;--font-family-sans:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-serif:'Merriweather', 'Georgia', serif;--font-family-mono:'Fira Mono', 'Menlo', 'Monaco', 'Consolas', monospace;--colors-dark-primary-dark:#00e5ce;--colors-dark-primary-dark-100:#b5eee3;--colors-dark-primary-dark-200:#7dead8;--colors-dark-primary-dark-400:#49bcab;--colors-dark-primary-dark-500:#01af9d;--colors-dark-primary-dark-opacity-50:#00e5ce80;--colors-dark-primary-dark-opacity-25:#00e5ce40;--colors-dark-primary-dark-opacity-15:#00e5ce26;--colors-dark-secondary-dark:#0064cb;--colors-dark-secondary-dark-100:#00b8ff;--colors-dark-secondary-dark-200:#008fff;--colors-dark-secondary-dark-400:#0071c8;--colors-dark-secondary-dark-500:#00398d;--colors-dark-secondary-dark-opacity-50:#0064cb80;--colors-dark-secondary-dark-opacity-25:#0064cb40;--colors-dark-secondary-dark-opacity-15:#0064cb26;--colors-dark-neutral:#dfdfdf;--branding-coi-colors-dark-primary-dark:#00e5ce;--branding-coi-colors-dark-primary-dark-opacity-50:#00e5ce80;--branding-coi-colors-dark-primary-dark-opacity-25:#00e5ce40;--branding-coi-colors-dark-primary-dark-opacity-15:#00e5ce26;--branding-coi-colors-dark-primary-dark-100:#b5eee3;--branding-coi-colors-dark-primary-dark-200:#7dead8;--branding-coi-colors-dark-primary-dark-400:#49bcab;--branding-coi-colors-dark-primary-dark-500:#01af9d;--branding-coi-colors-dark-secondary-dark:#0064cb;--branding-coi-colors-dark-secondary-dark-opacity-50:#0064cb80;--branding-coi-colors-dark-secondary-dark-opacity-25:#0064cb40;--branding-coi-colors-dark-secondary-dark-opacity-15:#0064cb26;--branding-coi-colors-dark-secondary-dark-100:#00b8ff;--branding-coi-colors-dark-secondary-dark-200:#008fff;--branding-coi-colors-dark-secondary-dark-400:#0071c8;--branding-coi-colors-dark-secondary-dark-500:#00398d;--branding-coi-colors-dark-neutral:#dfdfdf;--branding-coi-type-family-sans:Lato;--branding-coi-type-family-serif:String value;--branding-coi-type-family-mono:Roboto Mono;--branding-coi-color:#ffffff;--structure-large-spacing-xxs:2px;--structure-large-spacing-xs:4px;--structure-large-spacing-sm:8px;--structure-large-spacing-rg:12px;--structure-large-spacing-md:16px;--structure-large-spacing-lg:24px;--structure-large-spacing-xl:32px;--structure-large-spacing-xxl:48px;--structure-large-spacing-xxxl:56px;--structure-large-radius-xxs:2px;--structure-large-radius-xs:4px;--structure-large-radius-sm:8px;--structure-large-radius-md:12px;--structure-large-radius-lg:16px;--structure-large-radius-xl:24px;--structure-large-radius-xxl:32px;--structure-large-radius-round:1024px;--structure-slim-spacing-xxs:3px;--structure-slim-spacing-xs:6px;--structure-slim-spacing-sm:7px;--structure-slim-spacing-rg:9px;--structure-slim-spacing-md:10px;--structure-slim-spacing-lg:14px;--structure-slim-spacing-xl:20px;--structure-slim-spacing-xxl:40px;--structure-slim-spacing-xxxl:64px;--structure-slim-radius-xxs:2px;--structure-slim-radius-xs:4px;--structure-slim-radius-sm:8px;--structure-slim-radius-md:12px;--structure-slim-radius-lg:16px;--structure-slim-radius-xl:24px;--structure-slim-radius-xxl:32px;--structure-slim-radius-round:1024px;--system-mode-2-loading:1;--system-mode-2-progressbar-width:var(--structure-large-spacing-sm);--system-mode-2-string:Dark;--colors-structure-fill-secondary:#ffffff;--colors-structure-fill-terciary:#ffffff;--colors-structure-fill-quaternary:#ffffff;--colors-structure-border-color:#50505d;--colors-structure-border-color-secondary:#ffffff;--colors-structure-bg-base:#1b1e21;--colors-structure-bg-base-disabled:#1b1e2140;--colors-structure-bg-container:var(--palette-gray-gray-9);--colors-structure-bg-elevated:var(--palette-gray-gray-8);--colors-structure-bg-layout:#09090b;--colors-structure-bg-spot:#50505d;--colors-structure-bg-mask:#00000073;--colors-structure-fill-15:#f8f9fa26;--colors-structure-fill-50:#f8f9fa80;--colors-semantic-success:#44a15e;--colors-semantic-danger:#ee3f59;--colors-semantic-warning:#ffd058;--colors-semantic-info:#3f70cf;--semantic-colors-success:#44a15e;--semantic-colors-danger:#ee3f59;--semantic-colors-success-light:#69db7c;--semantic-colors-danger-light:#ff8787;--badge-status-success-color:var(--semantic-colors-success);--badge-status-success-bg:var(--semantic-colors-success-light);--badge-status-error-color:var(--semantic-colors-danger);--badge-status-error-bg:var(--semantic-colors-danger-light);--input-active-inner-shadow:inset 0px 0px 8px 2px rgba(0, 229, 206, 0.5);--input-active-drop-shadow:0px 4px 4px rgba(24, 24, 27, 0.15);--input-focus-border-color:var(--brand-base, #00e5ce);--border-width-thin:1px;--border-width-medium:1.125px;--border-width-thick:1.5px;--opacity-disabled:0.6;--opacity-20:0.2;--opacity-25:0.25;--opacity-40:0.4;--shadow-focus-primary:inset 0px 0px 8px 2px rgba(0, 100, 203, 0.5);--shadow-focus-secondary:inset 0px 0px 8px 2px rgba(0, 229, 206, 0.5);--shadow-outline-secondary:0 0 0 4px rgba(0, 229, 206, 0.5);--shadow-outline-primary:0 0 0 4px rgba(0, 100, 203, 0.1);--avatar-font-size-xs:8px;--avatar-font-size-sm:12px;--avatar-font-size-md:16px;--avatar-font-size-lg:24px;--avatar-font-size-xl:28px;--radio-indicator-size:20px;--switch-track-width:40px;--switch-track-height:20px;--switch-thumb-size:16px;--input-addon-height:46px;--checkbox-indicator-size:20px;--shadow-switch-inset:inset 0px 2px 4px 0px rgba(24, 24, 24, 0.25);--shadow-radio-checked-inset:inset 0 2px 0 0 rgba(255, 255, 255, 0.25);--line-height-body-sm:16px;--line-height-body-md:24px;--line-height-body-lg:32px;--option-indicator-dot-size:8px}

package/dist/voa/voa.esm.js

@@ -0,0 +1,2 @@
+import{p as e,g as a,b as t}from"./p-Dh8480Ec.js";export{s as setNonce}from"./p-Dh8480Ec.js";var o=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};o().then((async e=>{await a();return t([["p-8ba8f569",[[257,"voa-alert",{variant:[513],type:[513],closable:[4],closeButtonLabel:[1,"close-button-label"],alertTitle:[1,"alert-title"],description:[1],showButtons:[4,"show-buttons"],primaryButtonText:[1,"primary-button-text"],secondaryButtonText:[1,"secondary-button-text"],setFocus:[64]}]]],["p-01b6b7f5",[[257,"voa-container-multi-select",{items:[16],disabled:[4],placeholder:[1],selectedItems:[32]}]]],["p-c3867e8e",[[257,"voa-input-addon",{variant:[513],prependContent:[1,"prepend-content"],countryCode:[1,"country-code"],buttonLabel:[1,"button-label"],currency:[1],currencyName:[1,"currency-name"],shortcut:[1],platform:[1],setFocus:[64]}]]],["p-61ff0737",[[257,"voa-pagination",{currentPage:[2,"current-page"],totalPages:[2,"total-pages"],siblingCount:[2,"sibling-count"],internalPage:[32]},null,{currentPage:["handlePageChange"]}]]],["p-3830cf95",[[257,"voa-select",{type:[513],label:[1],showLabel:[4,"show-label"],info:[4],infoMessage:[1,"info-message"],error:[4],errorMessage:[1,"error-message"],placeholder:[1],value:[1],options:[16],disabled:[4],innerValue:[32],isFocused:[32],currentState:[32],setFocus:[64]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"]],{value:["syncValue"],disabled:["updateState"],isFocused:["updateState"]}]]],["p-17dfc5c3",[[257,"voa-accordion",{open:[516],size:[513],divider:[516],isExpanded:[32],setFocus:[64]},null,{open:["watchOpenHandler"]}]]],["p-d5d426cc",[[257,"voa-avatar",{type:[1],size:[1],initials:[1],src:[1],alt:[1],setFocus:[64]}]]],["p-dce8719e",[[257,"voa-breadcrumbs",{type:[513]}]]],["p-ba6839f4",[[257,"voa-breadcrumbs-divider",{icon:[513]}]]],["p-cc7ec720",[[257,"voa-breadcrumbs-item",{href:[1],target:[1],active:[516]}]]],["p-8e20a0ce",[[257,"voa-card"]]],["p-3a2ad02b",[[337,"voa-checkbox",{state:[513],disabled:[516],showLabel:[4,"show-label"],name:[1],value:[1],internalState:[32]},null,{state:["stateChanged"],internalState:["internalStateChanged"]}]]],["p-b7133c1f",[[257,"voa-datepicker",{value:[1],selectedDate:[32]}]]],["p-5e5cadf6",[[257,"voa-drawer",{open:[4],isOpen:[32]}]]],["p-4fdf73ab",[[257,"voa-dropdown",{options:[16],isOpen:[32],selected:[32]}]]],["p-f5c3d298",[[257,"voa-input",{inputId:[1,"input-id"],type:[1],name:[1],value:[1],placeholder:[1],label:[1],helperText:[1,"helper-text"],error:[516],valid:[516],warning:[516],disabled:[516],readonly:[516],required:[516],fill:[516],size:[513],showInfoIcon:[4,"show-info-icon"],isFocused:[32],hasPrefix:[32],hasSuffix:[32],hasInfo:[32],internalValue:[32],setFocus:[64]},null,{value:["valueChanged"]}]]],["p-fd7aa1e3",[[257,"voa-link",{href:[1],target:[1]}]]],["p-6216d4ee",[[257,"voa-list",{items:[16]}]]],["p-de0944ab",[[257,"voa-modal",{open:[4],isOpen:[32]}]]],["p-c1481257",[[337,"voa-option",{checked:[516],disabled:[516],label:[1],name:[1],value:[1],internalChecked:[32]},null,{checked:["checkedChanged"]}]]],["p-decd2e4d",[[257,"voa-progress",{value:[2]}]]],["p-0470367c",[[257,"voa-radio",{checked:[516],disabled:[516],name:[1],value:[1],setFocus:[64]}]]],["p-788024a5",[[256,"voa-skeleton",{width:[1],height:[1],variant:[1]}]]],["p-77a4cdda",[[257,"voa-stepper",{steps:[16],currentStep:[2,"current-step"],activeStep:[32]}]]],["p-9409e8a0",[[337,"voa-switch",{checked:[4],disabled:[4],showLabel:[4,"show-label"],name:[1],value:[1],internalChecked:[32]},null,{checked:["checkedChanged"]}]]],["p-f432a015",[[257,"voa-tab",{direction:[513],activeIndex:[2,"active-index"],internalIndex:[32]},[[0,"tabClick","handleTabSelected"]],{activeIndex:["handleActiveIndexChange"]}]]],["p-6dbe9bf2",[[257,"voa-tab-item",{state:[513],position:[513],showBadge:[516,"show-badge"],badgeCount:[2,"badge-count"],disabled:[516],itemIndex:[514,"item-index"],setFocus:[64]}]]],["p-52c0c7b6",[[257,"voa-table",{data:[16],columns:[16]}]]],["p-c9b7e0e5",[[257,"voa-tag",{label:[513],variant:[513],shape:[513],size:[513],iconLeft:[516,"icon-left"],iconRight:[516,"icon-right"]}]]],["p-c1226e48",[[337,"voa-text-area",{textareaId:[1,"textarea-id"],name:[1],label:[1],info:[4],infoText:[1,"info-text"],placeholder:[1],value:[1],maxLength:[2,"max-length"],disabled:[516],readonly:[516],required:[4],rows:[2],cols:[2],errorMessage:[1,"error-message"],hasError:[516,"has-error"],internalValue:[32],isFocused:[32],characterCount:[32],setFocus:[64]},null,{value:["valueChanged"]}]]],["p-a9d14872",[[257,"voa-timepicker",{value:[1]}]]],["p-8e0271ec",[[257,"voa-tooltip",{position:[513],theme:[513],icon:[516],text:[1],ariaLabel:[1,"aria-label"],isVisible:[32],setFocus:[64]}]]],["p-b36a6198",[[257,"voa-tooltip-arrow",{position:[513],theme:[513]}]]],["p-f28e13b2",[[257,"voa-upload"]]],["p-e56f72ee",[[257,"voa-badge",{label:[513],count:[2],icon:[513],variant:[1],shape:[513],size:[1],setFocus:[64]}]]],["p-faec36a5",[[257,"voa-button",{variant:[513],size:[513],disabled:[516],loading:[516],label:[1],ariaLabel:[1,"aria-label"],type:[1],setFocus:[64]}]]],["p-19e64a8c",[[257,"voa-keybinding",{shortcut:[1],platform:[1]}]]],["p-41fce5ed",[[257,"voa-pagination-item",{type:[513],active:[516],disabled:[516]}]]],["p-b305463b",[[257,"voa-select-base",{options:[16],placeholder:[1],disabled:[516],error:[516],value:[1],innerValue:[32],isOpen:[32],activeIndex:[32],setFocus:[64]},[[8,"click","handleOutsideClick"]],{value:["syncValue"]}]]]],e)}));
+//# sourceMappingURL=voa.esm.js.map

package/dist/voa/voa.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voa.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "voa-ds-core",
+  "version": "1.0.4",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "style": "dist/voa/voa.css",
+  "files": [
+    "dist/"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./styles": "./dist/voa/voa.css",
+    "./tokens": "./dist/tokens/global.css"
+  },
+  "scripts": {
+    "build": "stencil build --prod --docs && node convert-markdown-to-mdx.js",
+    "dev": "stencil build --watch --serve"
+  },
+  "dependencies": {
+    "@stencil/core": "^4.0.0"
+  }
+}