@thibezer/ui-components-kit 2.1.0 → 2.2.1

package/dist/tipos-vue.d.ts

@@ -142,7 +142,7 @@ type PropsVueUiBotaoPrimario = {
 
 /**
  * `<ui-camadas>`
- * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-redimensionando-altura, ui-redimensionar-altura
+ * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-redimensionando-altura, ui-redimensionar-altura
  */
 type PropsVueUiCamadas = {
   titulo?: UICamadas['titulo'];
@@ -183,6 +183,8 @@ type PropsVueUiCamadas = {
   onUiCamadaCor?: (evento: CustomEvent) => void;
   onUiCamadaEnquadrar?: (evento: CustomEvent) => void;
   onUiCamadaExcluida?: (evento: CustomEvent) => void;
+  onUiCamadaGrupoAdicionar?: (evento: CustomEvent) => void;
+  onUiCamadaMoverHierarquia?: (evento: CustomEvent) => void;
   onUiCamadaOpacidade?: (evento: CustomEvent) => void;
   onUiCamadaRenomeada?: (evento: CustomEvent) => void;
   onUiCamadaSelecionada?: (evento: CustomEvent) => void;
@@ -492,7 +494,7 @@ type PropsVueUiKpi = {
 
 /**
  * `<ui-layer-panel>`
- * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-redimensionando-altura, ui-redimensionar-altura
+ * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-redimensionando-altura, ui-redimensionar-altura
  */
 type PropsVueUiLayerPanel = {
   titulo?: UILayerPanel['titulo'];
@@ -533,6 +535,8 @@ type PropsVueUiLayerPanel = {
   onUiCamadaCor?: (evento: CustomEvent) => void;
   onUiCamadaEnquadrar?: (evento: CustomEvent) => void;
   onUiCamadaExcluida?: (evento: CustomEvent) => void;
+  onUiCamadaGrupoAdicionar?: (evento: CustomEvent) => void;
+  onUiCamadaMoverHierarquia?: (evento: CustomEvent) => void;
   onUiCamadaOpacidade?: (evento: CustomEvent) => void;
   onUiCamadaRenomeada?: (evento: CustomEvent) => void;
   onUiCamadaSelecionada?: (evento: CustomEvent) => void;
@@ -666,7 +670,7 @@ type PropsVueUiModal = {
 
 /**
  * `<ui-painel-camadas>`
- * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-redimensionando-altura, ui-redimensionar-altura
+ * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-redimensionando-altura, ui-redimensionar-altura
  */
 type PropsVueUiPainelCamadas = {
   titulo?: UIPainelCamadas['titulo'];
@@ -707,6 +711,8 @@ type PropsVueUiPainelCamadas = {
   onUiCamadaCor?: (evento: CustomEvent) => void;
   onUiCamadaEnquadrar?: (evento: CustomEvent) => void;
   onUiCamadaExcluida?: (evento: CustomEvent) => void;
+  onUiCamadaGrupoAdicionar?: (evento: CustomEvent) => void;
+  onUiCamadaMoverHierarquia?: (evento: CustomEvent) => void;
   onUiCamadaOpacidade?: (evento: CustomEvent) => void;
   onUiCamadaRenomeada?: (evento: CustomEvent) => void;
   onUiCamadaSelecionada?: (evento: CustomEvent) => void;

package/dist/{ui-botao-psS1juof.cjs → ui-botao-BOOnP8ds.cjs}

@@ -1,4 +1,4 @@
-"use strict";var m=Object.defineProperty;var g=(l,s,t)=>s in l?m(l,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[s]=t;var n=(l,s,t)=>g(l,typeof s!="symbol"?s+"":s,t);const f=require("./listener-bag-D5omxZ9h.cjs"),d=require("./ssr-safe-CiHD1adl.cjs"),v=require("./form-submissao-DxKO5MHI.cjs"),x=':host{display:inline-block;width:100%;box-sizing:border-box}:host([inline]){width:auto;height:auto}.ui-botao-primario{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-espaco-sm, 6px);width:100%;height:var(--ui-campo-altura, 100%);min-height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));box-sizing:border-box;padding:0 12px;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:clamp(11px,.85rem,13px);font-weight:600;line-height:1;transition:background-color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ui-botao-primario:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-botao-primario--has-icon-start{padding-left:8px!important;padding-right:12px!important}.ui-botao-primario--has-icon-end{padding-left:12px!important;padding-right:8px!important}::slotted(svg),::slotted(ui-icone){display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;flex-shrink:0!important;line-height:1!important;width:14px!important;height:14px!important;box-sizing:content-box;shape-rendering:geometricPrecision}::slotted(span),::slotted(label),::slotted(p){display:inline-flex;align-items:center;line-height:1}::slotted(div){display:inline-flex;align-items:center;justify-content:center;line-height:1;height:100%}.ui-botao-primario,.ui-botao-primario--primary,.ui-botao-primario--primario{background:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-texto-sobre-primaria, #000000);border-color:transparent}.ui-botao-primario--primary:hover:not(:disabled),.ui-botao-primario--primario:hover:not(:disabled),.ui-botao-primario:hover:not(:disabled){filter:brightness(1.1)}.ui-botao-primario--destaque{background:var(--ui-cor-destaque, var(--ui-cor-primaria, #00E08A));color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-botao-primario--secondary,.ui-botao-primario--secundario{background:var(--ui-cor-botao-secundario-fundo, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);border-color:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-botao-primario--secondary:hover:not(:disabled),.ui-botao-primario--secundario:hover:not(:disabled){background:var(--ui-cor-botao-secundario-hover, #2a2a34);border-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 24%,transparent)}.ui-botao-primario--ghost,.ui-botao-primario--terciario{background:transparent;color:var(--ui-cor-texto, #e1e1e6);border-color:transparent}.ui-botao-primario--ghost:hover:not(:disabled),.ui-botao-primario--terciario:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-botao-primario--destructive,.ui-botao-primario--destrutivo,.ui-botao-primario--erro{background:var(--ui-cor-botao-destrutivo-fundo, #ff4444);color:var(--ui-cor-botao-destrutivo-texto, #ffffff);border-color:transparent}.ui-botao-primario--destructive:hover:not(:disabled),.ui-botao-primario--destrutivo:hover:not(:disabled),.ui-botao-primario--erro:hover:not(:disabled){background:var(--ui-cor-botao-destrutivo-hover, #e03333)}.ui-botao-primario--outline,.ui-botao-primario--borda{background:transparent;color:var(--ui-cor-primaria, #00E08A);border-color:var(--ui-cor-primaria, #00E08A)}.ui-botao-primario--outline:hover:not(:disabled),.ui-botao-primario--borda:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);border-color:var(--ui-cor-primaria, #00E08A);filter:brightness(1.08)}.ui-botao-primario--icon-only,.ui-botao-primario--icone{padding:0;width:var(--ui-campo-altura, var(--ui-altura-minima, 15px));min-width:var(--ui-campo-altura, var(--ui-altura-minima, 15px));height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));aspect-ratio:1;border-radius:var(--ui-raio-borda, 6px)}.ui-botao-primario--hover{filter:brightness(1.15)!important}.ui-botao-primario:active:not(:disabled),.ui-botao-primario--active{transform:scale(.97)!important;filter:brightness(.9)!important}.ui-botao-primario:disabled,.ui-botao-primario--disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important}.ui-botao-primario--carregando,.ui-botao-primario--loading{cursor:wait;opacity:.85;pointer-events:none}.ui-botao-primario__spinner{width:14px;height:14px;animation:ui-spin .75s linear infinite;flex-shrink:0;shape-rendering:geometricPrecision}@keyframes ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){:host(:not([inline])) .ui-botao-primario{min-height:max(var(--ui-campo-altura, 38px),38px);font-size:14px;padding:0 14px}}',b=["aria-label","aria-description","aria-pressed","aria-expanded","aria-haspopup"];class u extends d.SafeHTMLElement{constructor(){super();n(this,"button");n(this,"spinnerContainer");n(this,"slotElement");n(this,"opticalState",null);n(this,"listeners",new f.ListenerBag);n(this,"internals");n(this,"_formDisabled",!1);n(this,"handleSlotChange",()=>{this.sanitizeAndBalanceContent(),this.syncState()});n(this,"handleClick",t=>{if(this.disabled||this.carregando){t.preventDefault(),t.stopPropagation();return}this.dispatchEvent(new CustomEvent("ui-click",{detail:{originalEvent:t},bubbles:!0,composed:!0}));const e=this.form;e&&(this.hasAttribute("tipo-reset")||this.getAttribute("type")==="reset"?e.reset():(this.hasAttribute("tipo-submit")||this.getAttribute("type")==="submit")&&v.submeterFormulario(e,this.getAttribute("name"),this.getAttribute("value")))});this.internals=typeof this.attachInternals=="function"?this.attachInternals():null;const t=this.attachShadow({mode:"open",delegatesFocus:!0});t.innerHTML=`
+"use strict";var m=Object.defineProperty;var g=(l,s,t)=>s in l?m(l,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[s]=t;var n=(l,s,t)=>g(l,typeof s!="symbol"?s+"":s,t);const f=require("./listener-bag-D5omxZ9h.cjs"),d=require("./ssr-safe-CiHD1adl.cjs"),v=require("./form-submissao-DxKO5MHI.cjs"),x=':host{display:inline-block;width:100%;box-sizing:border-box}:host([inline]){width:auto;height:auto}.ui-botao-primario{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-espaco-sm, 6px);width:100%;height:var(--ui-campo-altura, 100%);min-height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));box-sizing:border-box;padding:0 12px;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:clamp(11px,.85rem,13px);font-weight:600;line-height:1;transition:background-color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ui-botao-primario:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-botao-primario--has-icon-start{padding-left:8px!important;padding-right:12px!important}.ui-botao-primario--has-icon-end{padding-left:12px!important;padding-right:8px!important}::slotted(svg),::slotted(ui-icone){display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;flex-shrink:0!important;line-height:1!important;width:14px!important;height:14px!important;box-sizing:content-box;shape-rendering:geometricPrecision}::slotted(span),::slotted(label),::slotted(p){display:inline-flex;align-items:center;line-height:1;transform:translateY(-.5px)}::slotted(div){display:inline-flex;align-items:center;justify-content:center;line-height:1;height:100%}.ui-botao-primario,.ui-botao-primario--primary,.ui-botao-primario--primario{background:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-texto-sobre-primaria, #000000);border-color:transparent}.ui-botao-primario--primary:hover:not(:disabled),.ui-botao-primario--primario:hover:not(:disabled),.ui-botao-primario:hover:not(:disabled){filter:brightness(1.1)}.ui-botao-primario--destaque{background:var(--ui-cor-destaque, var(--ui-cor-primaria, #00E08A));color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-botao-primario--secondary,.ui-botao-primario--secundario{background:var(--ui-cor-botao-secundario-fundo, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);border-color:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-botao-primario--secondary:hover:not(:disabled),.ui-botao-primario--secundario:hover:not(:disabled){background:var(--ui-cor-botao-secundario-hover, #2a2a34);border-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 24%,transparent)}.ui-botao-primario--ghost,.ui-botao-primario--terciario{background:transparent;color:var(--ui-cor-texto, #e1e1e6);border-color:transparent}.ui-botao-primario--ghost:hover:not(:disabled),.ui-botao-primario--terciario:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-botao-primario--destructive,.ui-botao-primario--destrutivo,.ui-botao-primario--erro{background:var(--ui-cor-botao-destrutivo-fundo, #ff4444);color:var(--ui-cor-botao-destrutivo-texto, #ffffff);border-color:transparent}.ui-botao-primario--destructive:hover:not(:disabled),.ui-botao-primario--destrutivo:hover:not(:disabled),.ui-botao-primario--erro:hover:not(:disabled){background:var(--ui-cor-botao-destrutivo-hover, #e03333)}.ui-botao-primario--outline,.ui-botao-primario--borda{background:transparent;color:var(--ui-cor-primaria, #00E08A);border-color:var(--ui-cor-primaria, #00E08A)}.ui-botao-primario--outline:hover:not(:disabled),.ui-botao-primario--borda:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);border-color:var(--ui-cor-primaria, #00E08A);filter:brightness(1.08)}.ui-botao-primario--icon-only,.ui-botao-primario--icone{padding:0;width:var(--ui-campo-altura, var(--ui-altura-minima, 15px));min-width:var(--ui-campo-altura, var(--ui-altura-minima, 15px));height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));aspect-ratio:1;border-radius:var(--ui-raio-borda, 6px)}.ui-botao-primario--hover{filter:brightness(1.15)!important}.ui-botao-primario:active:not(:disabled),.ui-botao-primario--active{transform:scale(.97)!important;filter:brightness(.9)!important}.ui-botao-primario:disabled,.ui-botao-primario--disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important}.ui-botao-primario--carregando,.ui-botao-primario--loading{cursor:wait;opacity:.85;pointer-events:none}.ui-botao-primario__spinner{width:14px;height:14px;animation:ui-spin .75s linear infinite;flex-shrink:0;shape-rendering:geometricPrecision}@keyframes ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){:host(:not([inline])) .ui-botao-primario{min-height:max(var(--ui-campo-altura, 38px),38px);font-size:14px;padding:0 14px}}',b=["aria-label","aria-description","aria-pressed","aria-expanded","aria-haspopup"];class u extends d.SafeHTMLElement{constructor(){super();n(this,"button");n(this,"spinnerContainer");n(this,"slotElement");n(this,"opticalState",null);n(this,"listeners",new f.ListenerBag);n(this,"internals");n(this,"_formDisabled",!1);n(this,"handleSlotChange",()=>{this.sanitizeAndBalanceContent(),this.syncState()});n(this,"handleClick",t=>{if(this.disabled||this.carregando){t.preventDefault(),t.stopPropagation();return}this.dispatchEvent(new CustomEvent("ui-click",{detail:{originalEvent:t},bubbles:!0,composed:!0}));const e=this.form;e&&(this.hasAttribute("tipo-reset")||this.getAttribute("type")==="reset"?e.reset():(this.hasAttribute("tipo-submit")||this.getAttribute("type")==="submit")&&v.submeterFormulario(e,this.getAttribute("name"),this.getAttribute("value")))});this.internals=typeof this.attachInternals=="function"?this.attachInternals():null;const t=this.attachShadow({mode:"open",delegatesFocus:!0});t.innerHTML=`
       <style>${x}</style>
       <button class="ui-botao-primario" part="base" type="button">
         <span class="ui-botao-primario__spinner-container" part="spinner" style="display: none;">

package/dist/{ui-botao-OGJV6Vfk.js → ui-botao-DfqSivHl.js}

@@ -4,7 +4,7 @@ var n = (l, s, t) => m(l, typeof s != "symbol" ? s + "" : s, t);
 import { L as g } from "./listener-bag-DQgv7OON.js";
 import { d as b, S as f } from "./ssr-safe-5cWfJP-s.js";
 import { s as v } from "./form-submissao-C-SPRKgT.js";
-const x = ':host{display:inline-block;width:100%;box-sizing:border-box}:host([inline]){width:auto;height:auto}.ui-botao-primario{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-espaco-sm, 6px);width:100%;height:var(--ui-campo-altura, 100%);min-height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));box-sizing:border-box;padding:0 12px;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:clamp(11px,.85rem,13px);font-weight:600;line-height:1;transition:background-color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ui-botao-primario:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-botao-primario--has-icon-start{padding-left:8px!important;padding-right:12px!important}.ui-botao-primario--has-icon-end{padding-left:12px!important;padding-right:8px!important}::slotted(svg),::slotted(ui-icone){display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;flex-shrink:0!important;line-height:1!important;width:14px!important;height:14px!important;box-sizing:content-box;shape-rendering:geometricPrecision}::slotted(span),::slotted(label),::slotted(p){display:inline-flex;align-items:center;line-height:1}::slotted(div){display:inline-flex;align-items:center;justify-content:center;line-height:1;height:100%}.ui-botao-primario,.ui-botao-primario--primary,.ui-botao-primario--primario{background:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-texto-sobre-primaria, #000000);border-color:transparent}.ui-botao-primario--primary:hover:not(:disabled),.ui-botao-primario--primario:hover:not(:disabled),.ui-botao-primario:hover:not(:disabled){filter:brightness(1.1)}.ui-botao-primario--destaque{background:var(--ui-cor-destaque, var(--ui-cor-primaria, #00E08A));color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-botao-primario--secondary,.ui-botao-primario--secundario{background:var(--ui-cor-botao-secundario-fundo, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);border-color:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-botao-primario--secondary:hover:not(:disabled),.ui-botao-primario--secundario:hover:not(:disabled){background:var(--ui-cor-botao-secundario-hover, #2a2a34);border-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 24%,transparent)}.ui-botao-primario--ghost,.ui-botao-primario--terciario{background:transparent;color:var(--ui-cor-texto, #e1e1e6);border-color:transparent}.ui-botao-primario--ghost:hover:not(:disabled),.ui-botao-primario--terciario:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-botao-primario--destructive,.ui-botao-primario--destrutivo,.ui-botao-primario--erro{background:var(--ui-cor-botao-destrutivo-fundo, #ff4444);color:var(--ui-cor-botao-destrutivo-texto, #ffffff);border-color:transparent}.ui-botao-primario--destructive:hover:not(:disabled),.ui-botao-primario--destrutivo:hover:not(:disabled),.ui-botao-primario--erro:hover:not(:disabled){background:var(--ui-cor-botao-destrutivo-hover, #e03333)}.ui-botao-primario--outline,.ui-botao-primario--borda{background:transparent;color:var(--ui-cor-primaria, #00E08A);border-color:var(--ui-cor-primaria, #00E08A)}.ui-botao-primario--outline:hover:not(:disabled),.ui-botao-primario--borda:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);border-color:var(--ui-cor-primaria, #00E08A);filter:brightness(1.08)}.ui-botao-primario--icon-only,.ui-botao-primario--icone{padding:0;width:var(--ui-campo-altura, var(--ui-altura-minima, 15px));min-width:var(--ui-campo-altura, var(--ui-altura-minima, 15px));height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));aspect-ratio:1;border-radius:var(--ui-raio-borda, 6px)}.ui-botao-primario--hover{filter:brightness(1.15)!important}.ui-botao-primario:active:not(:disabled),.ui-botao-primario--active{transform:scale(.97)!important;filter:brightness(.9)!important}.ui-botao-primario:disabled,.ui-botao-primario--disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important}.ui-botao-primario--carregando,.ui-botao-primario--loading{cursor:wait;opacity:.85;pointer-events:none}.ui-botao-primario__spinner{width:14px;height:14px;animation:ui-spin .75s linear infinite;flex-shrink:0;shape-rendering:geometricPrecision}@keyframes ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){:host(:not([inline])) .ui-botao-primario{min-height:max(var(--ui-campo-altura, 38px),38px);font-size:14px;padding:0 14px}}', p = ["aria-label", "aria-description", "aria-pressed", "aria-expanded", "aria-haspopup"];
+const x = ':host{display:inline-block;width:100%;box-sizing:border-box}:host([inline]){width:auto;height:auto}.ui-botao-primario{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-espaco-sm, 6px);width:100%;height:var(--ui-campo-altura, 100%);min-height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));box-sizing:border-box;padding:0 12px;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:clamp(11px,.85rem,13px);font-weight:600;line-height:1;transition:background-color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ui-botao-primario:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-botao-primario--has-icon-start{padding-left:8px!important;padding-right:12px!important}.ui-botao-primario--has-icon-end{padding-left:12px!important;padding-right:8px!important}::slotted(svg),::slotted(ui-icone){display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;flex-shrink:0!important;line-height:1!important;width:14px!important;height:14px!important;box-sizing:content-box;shape-rendering:geometricPrecision}::slotted(span),::slotted(label),::slotted(p){display:inline-flex;align-items:center;line-height:1;transform:translateY(-.5px)}::slotted(div){display:inline-flex;align-items:center;justify-content:center;line-height:1;height:100%}.ui-botao-primario,.ui-botao-primario--primary,.ui-botao-primario--primario{background:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-texto-sobre-primaria, #000000);border-color:transparent}.ui-botao-primario--primary:hover:not(:disabled),.ui-botao-primario--primario:hover:not(:disabled),.ui-botao-primario:hover:not(:disabled){filter:brightness(1.1)}.ui-botao-primario--destaque{background:var(--ui-cor-destaque, var(--ui-cor-primaria, #00E08A));color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-botao-primario--secondary,.ui-botao-primario--secundario{background:var(--ui-cor-botao-secundario-fundo, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);border-color:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-botao-primario--secondary:hover:not(:disabled),.ui-botao-primario--secundario:hover:not(:disabled){background:var(--ui-cor-botao-secundario-hover, #2a2a34);border-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 24%,transparent)}.ui-botao-primario--ghost,.ui-botao-primario--terciario{background:transparent;color:var(--ui-cor-texto, #e1e1e6);border-color:transparent}.ui-botao-primario--ghost:hover:not(:disabled),.ui-botao-primario--terciario:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-botao-primario--destructive,.ui-botao-primario--destrutivo,.ui-botao-primario--erro{background:var(--ui-cor-botao-destrutivo-fundo, #ff4444);color:var(--ui-cor-botao-destrutivo-texto, #ffffff);border-color:transparent}.ui-botao-primario--destructive:hover:not(:disabled),.ui-botao-primario--destrutivo:hover:not(:disabled),.ui-botao-primario--erro:hover:not(:disabled){background:var(--ui-cor-botao-destrutivo-hover, #e03333)}.ui-botao-primario--outline,.ui-botao-primario--borda{background:transparent;color:var(--ui-cor-primaria, #00E08A);border-color:var(--ui-cor-primaria, #00E08A)}.ui-botao-primario--outline:hover:not(:disabled),.ui-botao-primario--borda:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);border-color:var(--ui-cor-primaria, #00E08A);filter:brightness(1.08)}.ui-botao-primario--icon-only,.ui-botao-primario--icone{padding:0;width:var(--ui-campo-altura, var(--ui-altura-minima, 15px));min-width:var(--ui-campo-altura, var(--ui-altura-minima, 15px));height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));aspect-ratio:1;border-radius:var(--ui-raio-borda, 6px)}.ui-botao-primario--hover{filter:brightness(1.15)!important}.ui-botao-primario:active:not(:disabled),.ui-botao-primario--active{transform:scale(.97)!important;filter:brightness(.9)!important}.ui-botao-primario:disabled,.ui-botao-primario--disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important}.ui-botao-primario--carregando,.ui-botao-primario--loading{cursor:wait;opacity:.85;pointer-events:none}.ui-botao-primario__spinner{width:14px;height:14px;animation:ui-spin .75s linear infinite;flex-shrink:0;shape-rendering:geometricPrecision}@keyframes ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){:host(:not([inline])) .ui-botao-primario{min-height:max(var(--ui-campo-altura, 38px),38px);font-size:14px;padding:0 14px}}', p = ["aria-label", "aria-description", "aria-pressed", "aria-expanded", "aria-haspopup"];
 class u extends f {
   constructor() {
     super();

package/package.json

@@ -1,169 +1,169 @@
-{
-  "name": "@thibezer/ui-components-kit",
-  "version": "2.1.0",
-  "description": "Web Components nativos (W3C Custom Elements + Shadow DOM) para interfaces densas de GIS, CAD e formulários, sem dependência de framework.",
-  "keywords": [
-    "web-components",
-    "custom-elements",
-    "shadow-dom",
-    "ui-kit",
-    "design-system",
-    "gis",
-    "cad",
-    "leaflet",
-    "form-associated",
-    "custom-elements-manifest",
-    "react",
-    "vue"
-  ],
-  "author": "thibezer",
-  "license": "MIT",
-  "homepage": "https://github.com/thibezer/Componentes-UI#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/thibezer/Componentes-UI.git"
-  },
-  "bugs": {
-    "url": "https://github.com/thibezer/Componentes-UI/issues"
-  },
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "style": "./dist/ui-kit.css",
-  "files": [
-    "dist",
-    "CHANGELOG.md"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./camadas": {
-      "types": "./dist/camadas.d.ts",
-      "import": "./dist/camadas.js",
-      "require": "./dist/camadas.cjs"
-    },
-    "./forms": {
-      "types": "./dist/forms.d.ts",
-      "import": "./dist/forms.js",
-      "require": "./dist/forms.cjs"
-    },
-    "./feedback": {
-      "types": "./dist/feedback.d.ts",
-      "import": "./dist/feedback.js",
-      "require": "./dist/feedback.cjs"
-    },
-    "./tabela": {
-      "types": "./dist/tabela.d.ts",
-      "import": "./dist/tabela.js",
-      "require": "./dist/tabela.cjs"
-    },
-    "./style.css": "./dist/ui-kit.css",
-    "./ui-kit.css": "./dist/ui-kit.css",
-    "./register": {
-      "types": "./dist/register.d.ts",
-      "import": "./dist/register.js",
-      "require": "./dist/register.cjs"
-    },
-    "./core": {
-      "types": "./dist/core/index.d.ts",
-      "import": "./dist/core.js",
-      "require": "./dist/core.cjs"
-    },
-    "./data": {
-      "types": "./dist/data.d.ts",
-      "import": "./dist/data.js",
-      "require": "./dist/data.cjs"
-    },
-    "./tools": {
-      "types": "./dist/tools.d.ts",
-      "import": "./dist/tools.js",
-      "require": "./dist/tools.cjs"
-    },
-    "./mapa": {
-      "types": "./dist/mapa.d.ts",
-      "import": "./dist/mapa.js",
-      "require": "./dist/mapa.cjs"
-    },
-    "./canvas": {
-      "types": "./dist/canvas.d.ts",
-      "import": "./dist/canvas.js",
-      "require": "./dist/canvas.cjs"
-    },
-    "./botao": {
-      "types": "./dist/botao.d.ts",
-      "import": "./dist/botao.js",
-      "require": "./dist/botao.cjs"
-    },
-    "./campo-texto": {
-      "types": "./dist/campo-texto.d.ts",
-      "import": "./dist/campo-texto.js",
-      "require": "./dist/campo-texto.cjs"
-    },
-    "./modal": {
-      "types": "./dist/modal.d.ts",
-      "import": "./dist/modal.js",
-      "require": "./dist/modal.cjs"
-    },
-    "./card": {
-      "types": "./dist/card.d.ts",
-      "import": "./dist/card.js",
-      "require": "./dist/card.cjs"
-    },
-    "./seletor-mapa-base": {
-      "types": "./dist/seletor-mapa-base.d.ts",
-      "import": "./dist/seletor-mapa-base.js",
-      "require": "./dist/seletor-mapa-base.cjs"
-    },
-    "./custom-elements.json": "./dist/custom-elements.json",
-    "./tipos-react": {
-      "types": "./dist/tipos-react.d.ts"
-    },
-    "./tipos-vue": {
-      "types": "./dist/tipos-vue.d.ts"
-    },
-    "./tipos-elementos": {
-      "types": "./dist/tipos-elementos.d.ts"
-    },
-    "./package.json": "./package.json"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build && npm run manifesto",
-    "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
-    "preview": "vite preview",
-    "prepublishOnly": "npm test && npm run build && npm run test:tipos",
-    "manifesto": "cem analyze --config custom-elements-manifest.config.mjs",
-    "test:tipos": "tsc -p tests/tipos/tsconfig.json"
-  },
-  "peerDependencies": {
-    "leaflet": "^1.9.4"
-  },
-  "peerDependenciesMeta": {
-    "leaflet": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@types/leaflet": "^1.9.22",
-    "@types/react": "^19.3.0",
-    "@vitest/coverage-v8": "^4.1.10",
-    "element-internals-polyfill": "^3.0.2",
-    "esbuild": "0.28.2",
-    "happy-dom": "20.11.1",
-    "leaflet": "^1.9.4",
-    "typescript": "^5.0.0",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^5.0.3",
-    "vitest": "^4.1.10"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "customElements": "dist/custom-elements.json"
-}
+{
+  "name": "@thibezer/ui-components-kit",
+  "version": "2.2.1",
+  "description": "Web Components nativos (W3C Custom Elements + Shadow DOM) para interfaces densas de GIS, CAD e formulários, sem dependência de framework.",
+  "keywords": [
+    "web-components",
+    "custom-elements",
+    "shadow-dom",
+    "ui-kit",
+    "design-system",
+    "gis",
+    "cad",
+    "leaflet",
+    "form-associated",
+    "custom-elements-manifest",
+    "react",
+    "vue"
+  ],
+  "author": "thibezer",
+  "license": "MIT",
+  "homepage": "https://github.com/thibezer/Componentes-UI#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thibezer/Componentes-UI.git"
+  },
+  "bugs": {
+    "url": "https://github.com/thibezer/Componentes-UI/issues"
+  },
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/ui-kit.css",
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./camadas": {
+      "types": "./dist/camadas.d.ts",
+      "import": "./dist/camadas.js",
+      "require": "./dist/camadas.cjs"
+    },
+    "./forms": {
+      "types": "./dist/forms.d.ts",
+      "import": "./dist/forms.js",
+      "require": "./dist/forms.cjs"
+    },
+    "./feedback": {
+      "types": "./dist/feedback.d.ts",
+      "import": "./dist/feedback.js",
+      "require": "./dist/feedback.cjs"
+    },
+    "./tabela": {
+      "types": "./dist/tabela.d.ts",
+      "import": "./dist/tabela.js",
+      "require": "./dist/tabela.cjs"
+    },
+    "./style.css": "./dist/ui-kit.css",
+    "./ui-kit.css": "./dist/ui-kit.css",
+    "./register": {
+      "types": "./dist/register.d.ts",
+      "import": "./dist/register.js",
+      "require": "./dist/register.cjs"
+    },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core.js",
+      "require": "./dist/core.cjs"
+    },
+    "./data": {
+      "types": "./dist/data.d.ts",
+      "import": "./dist/data.js",
+      "require": "./dist/data.cjs"
+    },
+    "./tools": {
+      "types": "./dist/tools.d.ts",
+      "import": "./dist/tools.js",
+      "require": "./dist/tools.cjs"
+    },
+    "./mapa": {
+      "types": "./dist/mapa.d.ts",
+      "import": "./dist/mapa.js",
+      "require": "./dist/mapa.cjs"
+    },
+    "./canvas": {
+      "types": "./dist/canvas.d.ts",
+      "import": "./dist/canvas.js",
+      "require": "./dist/canvas.cjs"
+    },
+    "./botao": {
+      "types": "./dist/botao.d.ts",
+      "import": "./dist/botao.js",
+      "require": "./dist/botao.cjs"
+    },
+    "./campo-texto": {
+      "types": "./dist/campo-texto.d.ts",
+      "import": "./dist/campo-texto.js",
+      "require": "./dist/campo-texto.cjs"
+    },
+    "./modal": {
+      "types": "./dist/modal.d.ts",
+      "import": "./dist/modal.js",
+      "require": "./dist/modal.cjs"
+    },
+    "./card": {
+      "types": "./dist/card.d.ts",
+      "import": "./dist/card.js",
+      "require": "./dist/card.cjs"
+    },
+    "./seletor-mapa-base": {
+      "types": "./dist/seletor-mapa-base.d.ts",
+      "import": "./dist/seletor-mapa-base.js",
+      "require": "./dist/seletor-mapa-base.cjs"
+    },
+    "./custom-elements.json": "./dist/custom-elements.json",
+    "./tipos-react": {
+      "types": "./dist/tipos-react.d.ts"
+    },
+    "./tipos-vue": {
+      "types": "./dist/tipos-vue.d.ts"
+    },
+    "./tipos-elementos": {
+      "types": "./dist/tipos-elementos.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build && npm run manifesto",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "preview": "vite preview",
+    "prepublishOnly": "npm test && npm run build && npm run test:tipos",
+    "manifesto": "cem analyze --config custom-elements-manifest.config.mjs",
+    "test:tipos": "tsc -p tests/tipos/tsconfig.json"
+  },
+  "peerDependencies": {
+    "leaflet": "^1.9.4"
+  },
+  "peerDependenciesMeta": {
+    "leaflet": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "@types/leaflet": "^1.9.22",
+    "@types/react": "^19.3.0",
+    "@vitest/coverage-v8": "^4.1.10",
+    "element-internals-polyfill": "^3.0.2",
+    "esbuild": "0.28.2",
+    "happy-dom": "20.11.1",
+    "leaflet": "^1.9.4",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.10"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "customElements": "dist/custom-elements.json"
+}