@thibezer/ui-components-kit 1.0.0

package/dist/ui-toast-CQBqvUm3.cjs

@@ -0,0 +1,20 @@
+"use strict";var h=Object.defineProperty;var f=(r,o,e)=>o in r?h(r,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[o]=e;var i=(r,o,e)=>f(r,typeof o!="symbol"?o+"":o,e);const m=require("./listener-bag-D5omxZ9h.cjs"),c=require("./ssr-safe-CiHD1adl.cjs"),p=':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-alerta{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--ui-raio-borda, 8px);border:1px solid transparent;background-color:var(--ui-cor-fundo-elevado, #1a1a1e);color:var(--ui-cor-texto, #e1e1e6);box-sizing:border-box;position:relative;transition:opacity .2s ease,transform .2s ease;line-height:1.4}.ui-alerta__icone{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;line-height:1}.ui-alerta__icone svg,.ui-alerta__icone ::slotted(svg),.ui-alerta__icone ::slotted(ui-icone){shape-rendering:geometricPrecision}.ui-alerta__conteudo{flex:1}.ui-alerta__titulo{font-size:14px;font-weight:600;margin:0 0 2px;line-height:1.2}.ui-alerta__mensagem{font-size:13px;margin:0;opacity:.9}.ui-alerta__close{background:transparent;border:none;color:currentColor;opacity:.7;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;flex-shrink:0;margin-top:-2px;margin-right:-4px;transition:opacity .15s ease,background-color .15s ease}.ui-alerta__close:hover{opacity:1;background-color:#ffffff26}.ui-alerta--sucesso{background-color:#00e08a1f;border-color:#00e08a4d;color:var(--ui-cor-texto-sucesso, #00E08A)}.ui-alerta--sucesso .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--erro{background-color:#ff55551f;border-color:#ff55554d;color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta--erro .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--alerta{background-color:#ffb86c1f;border-color:#ffb86c4d;color:var(--ui-cor-texto-alerta, #ffb86c)}.ui-alerta--alerta .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--info{background-color:#00aaff1f;border-color:#00aaff4d;color:#0af}.ui-alerta--info .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta__acoes{display:flex;align-items:center;flex-shrink:0;margin-left:4px}.ui-alerta__botao-acao{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:inherit;font-family:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:5px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.ui-alerta__botao-acao:hover{background:#ffffff2e;border-color:#ffffff4d}.ui-alerta__botao-acao:active{transform:scale(.96)}.ui-alerta__botao-acao: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-alerta__botao-acao--primario{background:#00e08a26;border-color:#00e08a59;color:var(--ui-cor-primaria, #00E08A)}.ui-alerta__botao-acao--primario:hover{background:#00e08a40;border-color:#00e08a80}.ui-alerta__botao-acao--destrutivo{background:#ff444426;border-color:#ff444459;color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta__botao-acao--destrutivo:hover{background:#ff444440;border-color:#ff444480}:host(ui-toast){display:block;width:100%;box-sizing:border-box;pointer-events:auto;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}.ui-toast__banner{box-shadow:0 10px 32px #000000a6,0 0 0 1px #ffffff14;animation:ui-toast-slide .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.ui-toast__progresso{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff14;overflow:hidden}.ui-toast__progresso-barra{width:100%;height:100%;background:currentColor;opacity:.7;transform-origin:left;animation:ui-toast-timer linear forwards}:host(ui-toast:hover) .ui-toast__progresso-barra,:host(ui-toast:focus-within) .ui-toast__progresso-barra{animation-play-state:paused}@keyframes ui-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ui-toast-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@starting-style{:host(ui-toast){opacity:0;transform:translateY(12px) scale(.96)}}',l={sucesso:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>',erro:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',alerta:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',info:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>'};class u extends c.SafeHTMLElement{constructor(){super();i(this,"alertaElement");i(this,"iconeElement");i(this,"tituloElement");i(this,"mensagemElement");i(this,"mensagemTextoElement");i(this,"closeElement");i(this,"acoesElement");i(this,"botaoAcaoElement");i(this,"progressoContainer");i(this,"progressoBarra");i(this,"listeners",new m.ListenerBag);const e=this.attachShadow({mode:"open"});e.innerHTML=`
+      <style>${p}</style>
+      <div class="ui-alerta" role="alert">
+        <span class="ui-alerta__icone"></span>
+        <div class="ui-alerta__conteudo">
+          <h4 class="ui-alerta__titulo" style="display: none;"></h4>
+          <p class="ui-alerta__mensagem">
+            <span class="ui-alerta__mensagem-texto" style="display: none;"></span>
+            <slot></slot>
+          </p>
+        </div>
+        <div class="ui-alerta__acoes" style="display: none;">
+          <button type="button" class="ui-alerta__botao-acao"></button>
+        </div>
+        <button class="ui-alerta__close" type="button" aria-label="Fechar alerta" style="display: none;" title="Fechar">✕</button>
+        <div class="ui-toast__progresso" style="display: none;">
+          <div class="ui-toast__progresso-barra"></div>
+        </div>
+      </div>
+    `,this.alertaElement=e.querySelector(".ui-alerta"),this.iconeElement=e.querySelector(".ui-alerta__icone"),this.tituloElement=e.querySelector(".ui-alerta__titulo"),this.mensagemElement=e.querySelector(".ui-alerta__mensagem"),this.mensagemTextoElement=e.querySelector(".ui-alerta__mensagem-texto"),this.closeElement=e.querySelector(".ui-alerta__close"),this.acoesElement=e.querySelector(".ui-alerta__acoes"),this.botaoAcaoElement=e.querySelector(".ui-alerta__botao-acao"),this.progressoContainer=e.querySelector(".ui-toast__progresso"),this.progressoBarra=e.querySelector(".ui-toast__progresso-barra")}static get observedAttributes(){return["tipo","variante","variant","titulo","title","mensagem","fechavel","dismissible"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.closeElement,"click",()=>this.fechar()),this.syncState()}disconnectedCallback(){this.listeners.cleanup()}attributeChangedCallback(e,a,t){this.syncState()}fechar(){this.dispatchEvent(new CustomEvent("ui-fechar",{bubbles:!0,composed:!0})),this.remove()}syncState(){const e=this.getAttribute("tipo")||this.getAttribute("variante")||this.getAttribute("variant")||"info",a=this.getAttribute("titulo")||this.getAttribute("title"),t=this.getAttribute("mensagem"),s=this.hasAttribute("fechavel")||this.hasAttribute("dismissible");this.alertaElement.className=`ui-alerta ui-alerta--${e}`;const d=l[e]||l.info;this.iconeElement.innerHTML=d,a?(this.tituloElement.textContent=a,this.tituloElement.style.display="block"):(this.tituloElement.style.display="none",this.tituloElement.textContent=""),t?(this.mensagemTextoElement.textContent=t,this.mensagemTextoElement.style.display="inline"):(this.mensagemTextoElement.style.display="none",this.mensagemTextoElement.textContent=""),s?this.closeElement.style.display="block":this.closeElement.style.display="none"}}c.definirCustomElement("ui-alerta",u);class n extends u{constructor(){super(...arguments);i(this,"timerId",null);i(this,"tempoRestante",4e3);i(this,"inicioTimestamp",0);i(this,"isPausado",!1);i(this,"acaoConfig");i(this,"containerRef",null);i(this,"handleAcaoClick",e=>{var a,t,s;e.stopPropagation(),(a=this.acaoConfig)!=null&&a.onClick&&this.acaoConfig.onClick(e),this.dispatchEvent(new CustomEvent("ui-toast-acao",{detail:{rotulo:(t=this.acaoConfig)==null?void 0:t.rotulo,tipo:(s=this.acaoConfig)==null?void 0:s.tipo},bubbles:!0,composed:!0})),this.fechar()});i(this,"pausarTimer",()=>{if(this.isPausado||this.tempoRestante<=0)return;this.isPausado=!0,this.timerId&&(clearTimeout(this.timerId),this.timerId=null);const e=Date.now()-this.inicioTimestamp;this.tempoRestante=Math.max(0,this.tempoRestante-e),this.progressoBarra.style.animationPlayState="paused"});i(this,"retomarTimer",()=>{!this.isPausado||this.tempoRestante<=0||(this.isPausado=!1,this.progressoBarra.style.animationPlayState="running",this.iniciarTimer(Math.max(this.tempoRestante,300)))})}configurarAcao(e){this.acaoConfig=e,this.botaoAcaoElement.textContent=e.rotulo,this.acoesElement.style.display="flex";const a=e.tipo||"primario";this.botaoAcaoElement.className=`ui-alerta__botao-acao ui-alerta__botao-acao--${a}`}connectedCallback(){super.connectedCallback(),this.containerRef=this.parentElement,this.alertaElement.classList.add("ui-toast__banner"),this.acaoConfig&&this.listeners.add(this.botaoAcaoElement,"click",this.handleAcaoClick);const e=this.getAttribute("duracao")||this.getAttribute("duration")||"4000",a=parseInt(e,10);this.tempoRestante=isNaN(a)?4e3:a,this.tempoRestante>0?(this.progressoContainer.style.display="block",this.progressoBarra.style.animationDuration=`${this.tempoRestante}ms`,this.getAttribute("pausar-no-hover")!=="false"&&(this.listeners.add(this,"mouseenter",this.pausarTimer),this.listeners.add(this,"mouseleave",this.retomarTimer),this.listeners.add(this,"focusin",this.pausarTimer),this.listeners.add(this,"focusout",this.retomarTimer)),this.iniciarTimer(this.tempoRestante)):this.progressoContainer.style.display="none"}fechar(){const e=this.parentElement||this.containerRef;super.fechar(),e&&e.id.startsWith("ui-toast-container-")&&e.children.length===0&&e.remove()}disconnectedCallback(){super.disconnectedCallback(),this.timerId&&(clearTimeout(this.timerId),this.timerId=null),this.containerRef&&this.containerRef.id.startsWith("ui-toast-container-")&&this.containerRef.children.length===0&&(this.containerRef.remove(),this.containerRef=null)}iniciarTimer(e){this.timerId&&clearTimeout(this.timerId),this.inicioTimestamp=Date.now(),this.timerId=setTimeout(()=>{this.fechar()},e)}static obterContainer(e){const a=`ui-toast-container-${e}`;let t=document.getElementById(a);return t||(t=document.createElement("div"),t.id=a,t.style.position="fixed",t.style.setProperty("z-index","var(--ui-z-toast, 1100)"),t.style.display="flex",t.style.gap="10px",t.style.maxWidth="400px",t.style.width="calc(100vw - 32px)",t.style.pointerEvents="none",t.style.boxSizing="border-box",t.style.transition="all 0.2s ease",e==="top-right"?(t.style.top="20px",t.style.right="20px",t.style.flexDirection="column"):e==="top-left"?(t.style.top="20px",t.style.left="20px",t.style.flexDirection="column"):e==="bottom-left"?(t.style.bottom="20px",t.style.left="20px",t.style.flexDirection="column-reverse"):e==="top-center"?(t.style.top="20px",t.style.left="50%",t.style.transform="translateX(-50%)",t.style.flexDirection="column"):e==="bottom-center"?(t.style.bottom="20px",t.style.left="50%",t.style.transform="translateX(-50%)",t.style.flexDirection="column-reverse"):(t.style.bottom="20px",t.style.right="20px",t.style.flexDirection="column-reverse"),document.body.appendChild(t)),t}static notificar(e){if(typeof document>"u")return null;const a=e.posicao||"bottom-right",t=document.createElement("ui-toast");return e.tipo&&t.setAttribute("tipo",e.tipo),e.titulo&&t.setAttribute("titulo",e.titulo),e.mensagem&&t.setAttribute("mensagem",e.mensagem),e.duracao!==void 0&&t.setAttribute("duracao",String(e.duracao)),e.pausarNoHover===!1&&t.setAttribute("pausar-no-hover","false"),t.setAttribute("posicao",a),e.fechavel!==!1&&t.setAttribute("fechavel",""),e.acao&&t.configurarAcao(e.acao),n.obterContainer(a).appendChild(t),t}}c.definirCustomElement("ui-toast",n);exports.ICONES_ALERTA=l;exports.UIAlerta=u;exports.UIToast=n;

package/dist/ui-toast-CwUmiqyG.js

@@ -0,0 +1,156 @@
+var h = Object.defineProperty;
+var m = (r, o, t) => o in r ? h(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var i = (r, o, t) => m(r, typeof o != "symbol" ? o + "" : o, t);
+import { L as f } from "./listener-bag-DQgv7OON.js";
+import { d as c, S as p } from "./ssr-safe-5cWfJP-s.js";
+const b = ':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-alerta{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--ui-raio-borda, 8px);border:1px solid transparent;background-color:var(--ui-cor-fundo-elevado, #1a1a1e);color:var(--ui-cor-texto, #e1e1e6);box-sizing:border-box;position:relative;transition:opacity .2s ease,transform .2s ease;line-height:1.4}.ui-alerta__icone{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;line-height:1}.ui-alerta__icone svg,.ui-alerta__icone ::slotted(svg),.ui-alerta__icone ::slotted(ui-icone){shape-rendering:geometricPrecision}.ui-alerta__conteudo{flex:1}.ui-alerta__titulo{font-size:14px;font-weight:600;margin:0 0 2px;line-height:1.2}.ui-alerta__mensagem{font-size:13px;margin:0;opacity:.9}.ui-alerta__close{background:transparent;border:none;color:currentColor;opacity:.7;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;flex-shrink:0;margin-top:-2px;margin-right:-4px;transition:opacity .15s ease,background-color .15s ease}.ui-alerta__close:hover{opacity:1;background-color:#ffffff26}.ui-alerta--sucesso{background-color:#00e08a1f;border-color:#00e08a4d;color:var(--ui-cor-texto-sucesso, #00E08A)}.ui-alerta--sucesso .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--erro{background-color:#ff55551f;border-color:#ff55554d;color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta--erro .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--alerta{background-color:#ffb86c1f;border-color:#ffb86c4d;color:var(--ui-cor-texto-alerta, #ffb86c)}.ui-alerta--alerta .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--info{background-color:#00aaff1f;border-color:#00aaff4d;color:#0af}.ui-alerta--info .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta__acoes{display:flex;align-items:center;flex-shrink:0;margin-left:4px}.ui-alerta__botao-acao{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:inherit;font-family:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:5px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.ui-alerta__botao-acao:hover{background:#ffffff2e;border-color:#ffffff4d}.ui-alerta__botao-acao:active{transform:scale(.96)}.ui-alerta__botao-acao: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-alerta__botao-acao--primario{background:#00e08a26;border-color:#00e08a59;color:var(--ui-cor-primaria, #00E08A)}.ui-alerta__botao-acao--primario:hover{background:#00e08a40;border-color:#00e08a80}.ui-alerta__botao-acao--destrutivo{background:#ff444426;border-color:#ff444459;color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta__botao-acao--destrutivo:hover{background:#ff444440;border-color:#ff444480}:host(ui-toast){display:block;width:100%;box-sizing:border-box;pointer-events:auto;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}.ui-toast__banner{box-shadow:0 10px 32px #000000a6,0 0 0 1px #ffffff14;animation:ui-toast-slide .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.ui-toast__progresso{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff14;overflow:hidden}.ui-toast__progresso-barra{width:100%;height:100%;background:currentColor;opacity:.7;transform-origin:left;animation:ui-toast-timer linear forwards}:host(ui-toast:hover) .ui-toast__progresso-barra,:host(ui-toast:focus-within) .ui-toast__progresso-barra{animation-play-state:paused}@keyframes ui-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ui-toast-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@starting-style{:host(ui-toast){opacity:0;transform:translateY(12px) scale(.96)}}', l = {
+  sucesso: '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>',
+  erro: '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',
+  alerta: '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',
+  info: '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>'
+};
+class u extends p {
+  constructor() {
+    super();
+    i(this, "alertaElement");
+    i(this, "iconeElement");
+    i(this, "tituloElement");
+    i(this, "mensagemElement");
+    i(this, "mensagemTextoElement");
+    i(this, "closeElement");
+    i(this, "acoesElement");
+    i(this, "botaoAcaoElement");
+    i(this, "progressoContainer");
+    i(this, "progressoBarra");
+    i(this, "listeners", new f());
+    const t = this.attachShadow({ mode: "open" });
+    t.innerHTML = `
+      <style>${b}</style>
+      <div class="ui-alerta" role="alert">
+        <span class="ui-alerta__icone"></span>
+        <div class="ui-alerta__conteudo">
+          <h4 class="ui-alerta__titulo" style="display: none;"></h4>
+          <p class="ui-alerta__mensagem">
+            <span class="ui-alerta__mensagem-texto" style="display: none;"></span>
+            <slot></slot>
+          </p>
+        </div>
+        <div class="ui-alerta__acoes" style="display: none;">
+          <button type="button" class="ui-alerta__botao-acao"></button>
+        </div>
+        <button class="ui-alerta__close" type="button" aria-label="Fechar alerta" style="display: none;" title="Fechar">✕</button>
+        <div class="ui-toast__progresso" style="display: none;">
+          <div class="ui-toast__progresso-barra"></div>
+        </div>
+      </div>
+    `, this.alertaElement = t.querySelector(".ui-alerta"), this.iconeElement = t.querySelector(".ui-alerta__icone"), this.tituloElement = t.querySelector(".ui-alerta__titulo"), this.mensagemElement = t.querySelector(".ui-alerta__mensagem"), this.mensagemTextoElement = t.querySelector(".ui-alerta__mensagem-texto"), this.closeElement = t.querySelector(".ui-alerta__close"), this.acoesElement = t.querySelector(".ui-alerta__acoes"), this.botaoAcaoElement = t.querySelector(".ui-alerta__botao-acao"), this.progressoContainer = t.querySelector(".ui-toast__progresso"), this.progressoBarra = t.querySelector(".ui-toast__progresso-barra");
+  }
+  static get observedAttributes() {
+    return [
+      "tipo",
+      "variante",
+      "variant",
+      "titulo",
+      "title",
+      "mensagem",
+      "fechavel",
+      "dismissible"
+    ];
+  }
+  connectedCallback() {
+    this.listeners.cleanup(), this.listeners.add(this.closeElement, "click", () => this.fechar()), this.syncState();
+  }
+  disconnectedCallback() {
+    this.listeners.cleanup();
+  }
+  attributeChangedCallback(t, a, e) {
+    this.syncState();
+  }
+  fechar() {
+    this.dispatchEvent(
+      new CustomEvent("ui-fechar", {
+        bubbles: !0,
+        composed: !0
+      })
+    ), this.remove();
+  }
+  syncState() {
+    const t = this.getAttribute("tipo") || this.getAttribute("variante") || this.getAttribute("variant") || "info", a = this.getAttribute("titulo") || this.getAttribute("title"), e = this.getAttribute("mensagem"), s = this.hasAttribute("fechavel") || this.hasAttribute("dismissible");
+    this.alertaElement.className = `ui-alerta ui-alerta--${t}`;
+    const d = l[t] || l.info;
+    this.iconeElement.innerHTML = d, a ? (this.tituloElement.textContent = a, this.tituloElement.style.display = "block") : (this.tituloElement.style.display = "none", this.tituloElement.textContent = ""), e ? (this.mensagemTextoElement.textContent = e, this.mensagemTextoElement.style.display = "inline") : (this.mensagemTextoElement.style.display = "none", this.mensagemTextoElement.textContent = ""), s ? this.closeElement.style.display = "block" : this.closeElement.style.display = "none";
+  }
+}
+c("ui-alerta", u);
+class n extends u {
+  constructor() {
+    super(...arguments);
+    i(this, "timerId", null);
+    i(this, "tempoRestante", 4e3);
+    i(this, "inicioTimestamp", 0);
+    i(this, "isPausado", !1);
+    i(this, "acaoConfig");
+    i(this, "containerRef", null);
+    i(this, "handleAcaoClick", (t) => {
+      var a, e, s;
+      t.stopPropagation(), (a = this.acaoConfig) != null && a.onClick && this.acaoConfig.onClick(t), this.dispatchEvent(
+        new CustomEvent("ui-toast-acao", {
+          detail: {
+            rotulo: (e = this.acaoConfig) == null ? void 0 : e.rotulo,
+            tipo: (s = this.acaoConfig) == null ? void 0 : s.tipo
+          },
+          bubbles: !0,
+          composed: !0
+        })
+      ), this.fechar();
+    });
+    i(this, "pausarTimer", () => {
+      if (this.isPausado || this.tempoRestante <= 0) return;
+      this.isPausado = !0, this.timerId && (clearTimeout(this.timerId), this.timerId = null);
+      const t = Date.now() - this.inicioTimestamp;
+      this.tempoRestante = Math.max(0, this.tempoRestante - t), this.progressoBarra.style.animationPlayState = "paused";
+    });
+    i(this, "retomarTimer", () => {
+      !this.isPausado || this.tempoRestante <= 0 || (this.isPausado = !1, this.progressoBarra.style.animationPlayState = "running", this.iniciarTimer(Math.max(this.tempoRestante, 300)));
+    });
+  }
+  configurarAcao(t) {
+    this.acaoConfig = t, this.botaoAcaoElement.textContent = t.rotulo, this.acoesElement.style.display = "flex";
+    const a = t.tipo || "primario";
+    this.botaoAcaoElement.className = `ui-alerta__botao-acao ui-alerta__botao-acao--${a}`;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.containerRef = this.parentElement, this.alertaElement.classList.add("ui-toast__banner"), this.acaoConfig && this.listeners.add(this.botaoAcaoElement, "click", this.handleAcaoClick);
+    const t = this.getAttribute("duracao") || this.getAttribute("duration") || "4000", a = parseInt(t, 10);
+    this.tempoRestante = isNaN(a) ? 4e3 : a, this.tempoRestante > 0 ? (this.progressoContainer.style.display = "block", this.progressoBarra.style.animationDuration = `${this.tempoRestante}ms`, this.getAttribute("pausar-no-hover") !== "false" && (this.listeners.add(this, "mouseenter", this.pausarTimer), this.listeners.add(this, "mouseleave", this.retomarTimer), this.listeners.add(this, "focusin", this.pausarTimer), this.listeners.add(this, "focusout", this.retomarTimer)), this.iniciarTimer(this.tempoRestante)) : this.progressoContainer.style.display = "none";
+  }
+  fechar() {
+    const t = this.parentElement || this.containerRef;
+    super.fechar(), t && t.id.startsWith("ui-toast-container-") && t.children.length === 0 && t.remove();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.timerId && (clearTimeout(this.timerId), this.timerId = null), this.containerRef && this.containerRef.id.startsWith("ui-toast-container-") && this.containerRef.children.length === 0 && (this.containerRef.remove(), this.containerRef = null);
+  }
+  iniciarTimer(t) {
+    this.timerId && clearTimeout(this.timerId), this.inicioTimestamp = Date.now(), this.timerId = setTimeout(() => {
+      this.fechar();
+    }, t);
+  }
+  static obterContainer(t) {
+    const a = `ui-toast-container-${t}`;
+    let e = document.getElementById(a);
+    return e || (e = document.createElement("div"), e.id = a, e.style.position = "fixed", e.style.setProperty("z-index", "var(--ui-z-toast, 1100)"), e.style.display = "flex", e.style.gap = "10px", e.style.maxWidth = "400px", e.style.width = "calc(100vw - 32px)", e.style.pointerEvents = "none", e.style.boxSizing = "border-box", e.style.transition = "all 0.2s ease", t === "top-right" ? (e.style.top = "20px", e.style.right = "20px", e.style.flexDirection = "column") : t === "top-left" ? (e.style.top = "20px", e.style.left = "20px", e.style.flexDirection = "column") : t === "bottom-left" ? (e.style.bottom = "20px", e.style.left = "20px", e.style.flexDirection = "column-reverse") : t === "top-center" ? (e.style.top = "20px", e.style.left = "50%", e.style.transform = "translateX(-50%)", e.style.flexDirection = "column") : t === "bottom-center" ? (e.style.bottom = "20px", e.style.left = "50%", e.style.transform = "translateX(-50%)", e.style.flexDirection = "column-reverse") : (e.style.bottom = "20px", e.style.right = "20px", e.style.flexDirection = "column-reverse"), document.body.appendChild(e)), e;
+  }
+  // Utilitário estático para disparo imperativo de Toasts de qualquer lugar no código
+  static notificar(t) {
+    if (typeof document > "u") return null;
+    const a = t.posicao || "bottom-right", e = document.createElement("ui-toast");
+    return t.tipo && e.setAttribute("tipo", t.tipo), t.titulo && e.setAttribute("titulo", t.titulo), t.mensagem && e.setAttribute("mensagem", t.mensagem), t.duracao !== void 0 && e.setAttribute("duracao", String(t.duracao)), t.pausarNoHover === !1 && e.setAttribute("pausar-no-hover", "false"), e.setAttribute("posicao", a), t.fechavel !== !1 && e.setAttribute("fechavel", ""), t.acao && e.configurarAcao(t.acao), n.obterContainer(a).appendChild(e), e;
+  }
+}
+c("ui-toast", n);
+export {
+  l as I,
+  u as U,
+  n as a
+};

package/dist/zero-js-triggers-DdESy0tk.js

@@ -0,0 +1,205 @@
+var w = Object.defineProperty;
+var v = (f, e, t) => e in f ? w(f, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[e] = t;
+var g = (f, e, t) => v(f, typeof e != "symbol" ? e + "" : e, t);
+import { a as A } from "./ui-toast-CwUmiqyG.js";
+class E {
+  constructor() {
+    g(this, "listeners", /* @__PURE__ */ new Map());
+  }
+  on(e, t) {
+    return this.listeners.has(e) || this.listeners.set(e, /* @__PURE__ */ new Set()), this.listeners.get(e).add(t), () => this.off(e, t);
+  }
+  once(e, t) {
+    const r = (n) => {
+      this.off(e, r), t(n);
+    };
+    this.on(e, r);
+  }
+  off(e, t) {
+    const r = this.listeners.get(e);
+    r && (r.delete(t), r.size === 0 && this.listeners.delete(e));
+  }
+  emit(e, t) {
+    const r = this.listeners.get(e);
+    r && r.forEach((n) => {
+      try {
+        n(t);
+      } catch (c) {
+        console.error(`[UIBus] Erro ao executar ouvinte do evento "${e}":`, c);
+      }
+    }), typeof window < "u" && window.dispatchEvent(
+      new CustomEvent(`uibus:${e}`, {
+        detail: t,
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  /* ====================================================
+     Métodos de Atalho e Ações de Alta Produtividade
+     ==================================================== */
+  /**
+   * Abre um modal pelo seu ID no documento.
+   */
+  abrirModal(e) {
+    if (typeof document > "u") return !1;
+    const t = document.getElementById(e);
+    return t && typeof t.abrir == "function" ? (t.abrir(), this.emit("modal:aberto", { id: e }), !0) : t ? (t.setAttribute("aberto", ""), this.emit("modal:aberto", { id: e }), !0) : (console.warn(`[UIBus] Modal com ID "${e}" não encontrado no DOM.`), !1);
+  }
+  /**
+   * Fecha um modal pelo seu ID ou todos os modais abertos se nenhum ID for passado.
+   */
+  fecharModal(e) {
+    if (typeof document > "u") return !1;
+    if (e) {
+      const t = document.getElementById(e);
+      return t && typeof t.fechar == "function" ? (t.fechar(), this.emit("modal:fechado", { id: e }), !0) : t ? (t.removeAttribute("aberto"), t.removeAttribute("open"), this.emit("modal:fechado", { id: e }), !0) : !1;
+    } else
+      return document.querySelectorAll(
+        "ui-modal[aberto], ui-modal[open], ui-dialog[aberto], ui-dialog[open]"
+      ).forEach((r) => {
+        typeof r.fechar == "function" ? r.fechar() : (r.removeAttribute("aberto"), r.removeAttribute("open"));
+      }), this.emit("modal:fechado-todos"), !0;
+  }
+  /**
+   * Abre um painel lateral (drawer / sheet) pelo seu ID no documento.
+   */
+  abrirDrawer(e) {
+    if (typeof document > "u") return !1;
+    const t = document.getElementById(e);
+    return t && typeof t.abrir == "function" ? (t.abrir(), this.emit("drawer:aberto", { id: e }), !0) : t ? (t.setAttribute("aberto", ""), this.emit("drawer:aberto", { id: e }), !0) : (console.warn(`[UIBus] Drawer com ID "${e}" não encontrado no DOM.`), !1);
+  }
+  /**
+   * Fecha um painel lateral (drawer / sheet) pelo seu ID ou todos se nenhum for passado.
+   */
+  fecharDrawer(e) {
+    if (typeof document > "u") return !1;
+    if (e) {
+      const t = document.getElementById(e);
+      return t && typeof t.fechar == "function" ? (t.fechar(), this.emit("drawer:fechado", { id: e }), !0) : t ? (t.removeAttribute("aberto"), t.removeAttribute("open"), this.emit("drawer:fechado", { id: e }), !0) : !1;
+    } else
+      return document.querySelectorAll(
+        "ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]"
+      ).forEach((r) => {
+        typeof r.fechar == "function" ? r.fechar() : (r.removeAttribute("aberto"), r.removeAttribute("open"));
+      }), this.emit("drawer:fechado-todos"), !0;
+  }
+  /**
+   * Dispara uma notificação toast flutuante inteligente.
+   */
+  notificar(e) {
+    typeof e == "string" ? A.notificar({ mensagem: e, tipo: "info" }) : A.notificar(e);
+  }
+  /**
+   * Copia um texto para a área de transferência do usuário e exibe feedback opcional.
+   */
+  async copiar(e, t) {
+    if (typeof navigator > "u" || !navigator.clipboard)
+      return !1;
+    try {
+      return await navigator.clipboard.writeText(e), t !== void 0 && this.notificar({
+        tipo: "sucesso",
+        mensagem: t || "Copiado para a área de transferência!"
+      }), this.emit("clipboard:copiado", { texto: e }), !0;
+    } catch (r) {
+      return console.error("[UIBus] Falha ao copiar texto:", r), this.notificar({
+        tipo: "erro",
+        mensagem: "Não foi possível copiar o texto."
+      }), !1;
+    }
+  }
+  /**
+   * Altera a densidade visual global do kit (compacta, normal ou relaxada).
+   */
+  definirDensidade(e) {
+    let t = 34;
+    typeof e == "number" ? t = Math.max(15, e) : e === "compacta" ? t = 26 : e === "relaxada" ? t = 42 : t = 34, !(typeof document > "u") && (document.documentElement.style.setProperty("--ui-altura-minima", `${t}px`), document.documentElement.style.setProperty("--ui-campo-altura", `${t}px`), document.documentElement.setAttribute("data-ui-densidade", typeof e == "string" ? e : "custom"), this.emit("densidade:alterada", { densidade: e, alturaPx: t }));
+  }
+  /**
+   * Alterna ou define o tema visual global.
+   */
+  definirTema(e) {
+    if (typeof document > "u") return e || "escuro";
+    const t = document.documentElement;
+    let r = t.getAttribute("data-tema");
+    r || (r = t.classList.contains("dark") ? "escuro" : t.classList.contains("light") ? "claro" : "escuro");
+    const n = e || (r === "escuro" ? "claro" : "escuro");
+    return t.setAttribute("data-tema", n), n === "escuro" ? (t.classList.add("dark"), t.classList.remove("light")) : (t.classList.remove("dark"), t.classList.add("light")), this.emit("tema:alterado", { tema: n }), n;
+  }
+}
+const s = new E();
+let y = !1;
+function B() {
+  y || typeof document > "u" || (y = !0, document.addEventListener("click", (f) => {
+    const e = f.composedPath ? f.composedPath() : [f.target], t = "[target-modal], [modal-alvo], [dismiss-modal], [fechar-modal], [target-drawer], [drawer-alvo], [dismiss-drawer], [fechar-drawer], [toast-sucesso], [toast-erro], [toast-alerta], [toast-info], [copiar-texto], [alternar-tema], [definir-densidade], [limpar-form]";
+    let r = null;
+    for (const a of e)
+      if (a instanceof HTMLElement && a.matches(t)) {
+        r = a;
+        break;
+      }
+    if (!r) return;
+    const n = r.getAttribute("target-modal") || r.getAttribute("modal-alvo");
+    if (n && s.abrirModal(n), r.hasAttribute("dismiss-modal") || r.hasAttribute("fechar-modal")) {
+      const a = r.getAttribute("dismiss-modal") || r.getAttribute("fechar-modal");
+      if (a && a !== "")
+        s.fecharModal(a);
+      else {
+        let i = null;
+        for (const o of e)
+          if (o instanceof HTMLElement && (o.matches("ui-modal, ui-dialog") || o.tagName === "UI-MODAL" || o.tagName === "UI-DIALOG")) {
+            i = o;
+            break;
+          }
+        i && (typeof i.fechar == "function" ? i.fechar() : (i.removeAttribute("aberto"), i.removeAttribute("open")));
+      }
+    }
+    const c = r.getAttribute("target-drawer") || r.getAttribute("drawer-alvo");
+    if (c && s.abrirDrawer(c), r.hasAttribute("dismiss-drawer") || r.hasAttribute("fechar-drawer")) {
+      const a = r.getAttribute("dismiss-drawer") || r.getAttribute("fechar-drawer");
+      if (a && a !== "")
+        s.fecharDrawer(a);
+      else {
+        let i = null;
+        for (const o of e)
+          if (o instanceof HTMLElement && (o.matches("ui-drawer, ui-sheet, ui-painel-lateral, ui-gaveta") || o.tagName.startsWith("UI-DRAWER") || o.tagName.startsWith("UI-SHEET"))) {
+            i = o;
+            break;
+          }
+        i && (typeof i.fechar == "function" ? i.fechar() : (i.removeAttribute("aberto"), i.removeAttribute("open")));
+      }
+    }
+    const l = r.getAttribute("toast-sucesso");
+    l && s.notificar({ tipo: "sucesso", mensagem: l });
+    const m = r.getAttribute("toast-erro");
+    m && s.notificar({ tipo: "erro", mensagem: m });
+    const d = r.getAttribute("toast-alerta");
+    d && s.notificar({ tipo: "alerta", mensagem: d });
+    const h = r.getAttribute("toast-info");
+    h && s.notificar({ tipo: "info", mensagem: h });
+    const u = r.getAttribute("copiar-texto");
+    if (u !== null) {
+      let a = u;
+      if (u.startsWith("#") || u.startsWith(".") || u.match(/^[a-zA-Z0-9_-]+$/))
+        try {
+          let o = null;
+          u.startsWith("#") || u.startsWith(".") ? o = document.querySelector(u) : o = document.getElementById(u) || document.querySelector(`#${u}`), o && (a = o.value !== void 0 && o.value !== null ? o.value : o.textContent || "");
+        } catch {
+        }
+      const i = r.getAttribute("copiar-mensagem") || "Copiado com sucesso!";
+      s.copiar(a, i);
+    }
+    r.hasAttribute("alternar-tema") && s.definirTema();
+    const p = r.getAttribute("definir-densidade");
+    p && s.definirDensidade(p);
+    const b = r.getAttribute("limpar-form");
+    if (b) {
+      const a = document.getElementById(b);
+      a && typeof a.reset == "function" && (a.reset(), s.notificar({ tipo: "info", mensagem: "Formulário limpo." }));
+    }
+  }));
+}
+export {
+  s as U,
+  B as i
+};

package/dist/zero-js-triggers-QGD7FOTv.cjs

@@ -0,0 +1 @@
+"use strict";var w=Object.defineProperty;var v=(u,e,t)=>e in u?w(u,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[e]=t;var g=(u,e,t)=>v(u,typeof e!="symbol"?e+"":e,t);const A=require("./ui-toast-CQBqvUm3.cjs");class E{constructor(){g(this,"listeners",new Map)}on(e,t){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t),()=>this.off(e,t)}once(e,t){const r=n=>{this.off(e,r),t(n)};this.on(e,r)}off(e,t){const r=this.listeners.get(e);r&&(r.delete(t),r.size===0&&this.listeners.delete(e))}emit(e,t){const r=this.listeners.get(e);r&&r.forEach(n=>{try{n(t)}catch(f){console.error(`[UIBus] Erro ao executar ouvinte do evento "${e}":`,f)}}),typeof window<"u"&&window.dispatchEvent(new CustomEvent(`uibus:${e}`,{detail:t,bubbles:!0,composed:!0}))}abrirModal(e){if(typeof document>"u")return!1;const t=document.getElementById(e);return t&&typeof t.abrir=="function"?(t.abrir(),this.emit("modal:aberto",{id:e}),!0):t?(t.setAttribute("aberto",""),this.emit("modal:aberto",{id:e}),!0):(console.warn(`[UIBus] Modal com ID "${e}" não encontrado no DOM.`),!1)}fecharModal(e){if(typeof document>"u")return!1;if(e){const t=document.getElementById(e);return t&&typeof t.fechar=="function"?(t.fechar(),this.emit("modal:fechado",{id:e}),!0):t?(t.removeAttribute("aberto"),t.removeAttribute("open"),this.emit("modal:fechado",{id:e}),!0):!1}else return document.querySelectorAll("ui-modal[aberto], ui-modal[open], ui-dialog[aberto], ui-dialog[open]").forEach(r=>{typeof r.fechar=="function"?r.fechar():(r.removeAttribute("aberto"),r.removeAttribute("open"))}),this.emit("modal:fechado-todos"),!0}abrirDrawer(e){if(typeof document>"u")return!1;const t=document.getElementById(e);return t&&typeof t.abrir=="function"?(t.abrir(),this.emit("drawer:aberto",{id:e}),!0):t?(t.setAttribute("aberto",""),this.emit("drawer:aberto",{id:e}),!0):(console.warn(`[UIBus] Drawer com ID "${e}" não encontrado no DOM.`),!1)}fecharDrawer(e){if(typeof document>"u")return!1;if(e){const t=document.getElementById(e);return t&&typeof t.fechar=="function"?(t.fechar(),this.emit("drawer:fechado",{id:e}),!0):t?(t.removeAttribute("aberto"),t.removeAttribute("open"),this.emit("drawer:fechado",{id:e}),!0):!1}else return document.querySelectorAll("ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]").forEach(r=>{typeof r.fechar=="function"?r.fechar():(r.removeAttribute("aberto"),r.removeAttribute("open"))}),this.emit("drawer:fechado-todos"),!0}notificar(e){typeof e=="string"?A.UIToast.notificar({mensagem:e,tipo:"info"}):A.UIToast.notificar(e)}async copiar(e,t){if(typeof navigator>"u"||!navigator.clipboard)return!1;try{return await navigator.clipboard.writeText(e),t!==void 0&&this.notificar({tipo:"sucesso",mensagem:t||"Copiado para a área de transferência!"}),this.emit("clipboard:copiado",{texto:e}),!0}catch(r){return console.error("[UIBus] Falha ao copiar texto:",r),this.notificar({tipo:"erro",mensagem:"Não foi possível copiar o texto."}),!1}}definirDensidade(e){let t=34;typeof e=="number"?t=Math.max(15,e):e==="compacta"?t=26:e==="relaxada"?t=42:t=34,!(typeof document>"u")&&(document.documentElement.style.setProperty("--ui-altura-minima",`${t}px`),document.documentElement.style.setProperty("--ui-campo-altura",`${t}px`),document.documentElement.setAttribute("data-ui-densidade",typeof e=="string"?e:"custom"),this.emit("densidade:alterada",{densidade:e,alturaPx:t}))}definirTema(e){if(typeof document>"u")return e||"escuro";const t=document.documentElement;let r=t.getAttribute("data-tema");r||(r=t.classList.contains("dark")?"escuro":t.classList.contains("light")?"claro":"escuro");const n=e||(r==="escuro"?"claro":"escuro");return t.setAttribute("data-tema",n),n==="escuro"?(t.classList.add("dark"),t.classList.remove("light")):(t.classList.remove("dark"),t.classList.add("light")),this.emit("tema:alterado",{tema:n}),n}}const s=new E;let y=!1;function I(){y||typeof document>"u"||(y=!0,document.addEventListener("click",u=>{const e=u.composedPath?u.composedPath():[u.target],t="[target-modal], [modal-alvo], [dismiss-modal], [fechar-modal], [target-drawer], [drawer-alvo], [dismiss-drawer], [fechar-drawer], [toast-sucesso], [toast-erro], [toast-alerta], [toast-info], [copiar-texto], [alternar-tema], [definir-densidade], [limpar-form]";let r=null;for(const a of e)if(a instanceof HTMLElement&&a.matches(t)){r=a;break}if(!r)return;const n=r.getAttribute("target-modal")||r.getAttribute("modal-alvo");if(n&&s.abrirModal(n),r.hasAttribute("dismiss-modal")||r.hasAttribute("fechar-modal")){const a=r.getAttribute("dismiss-modal")||r.getAttribute("fechar-modal");if(a&&a!=="")s.fecharModal(a);else{let i=null;for(const o of e)if(o instanceof HTMLElement&&(o.matches("ui-modal, ui-dialog")||o.tagName==="UI-MODAL"||o.tagName==="UI-DIALOG")){i=o;break}i&&(typeof i.fechar=="function"?i.fechar():(i.removeAttribute("aberto"),i.removeAttribute("open")))}}const f=r.getAttribute("target-drawer")||r.getAttribute("drawer-alvo");if(f&&s.abrirDrawer(f),r.hasAttribute("dismiss-drawer")||r.hasAttribute("fechar-drawer")){const a=r.getAttribute("dismiss-drawer")||r.getAttribute("fechar-drawer");if(a&&a!=="")s.fecharDrawer(a);else{let i=null;for(const o of e)if(o instanceof HTMLElement&&(o.matches("ui-drawer, ui-sheet, ui-painel-lateral, ui-gaveta")||o.tagName.startsWith("UI-DRAWER")||o.tagName.startsWith("UI-SHEET"))){i=o;break}i&&(typeof i.fechar=="function"?i.fechar():(i.removeAttribute("aberto"),i.removeAttribute("open")))}}const l=r.getAttribute("toast-sucesso");l&&s.notificar({tipo:"sucesso",mensagem:l});const m=r.getAttribute("toast-erro");m&&s.notificar({tipo:"erro",mensagem:m});const d=r.getAttribute("toast-alerta");d&&s.notificar({tipo:"alerta",mensagem:d});const h=r.getAttribute("toast-info");h&&s.notificar({tipo:"info",mensagem:h});const c=r.getAttribute("copiar-texto");if(c!==null){let a=c;if(c.startsWith("#")||c.startsWith(".")||c.match(/^[a-zA-Z0-9_-]+$/))try{let o=null;c.startsWith("#")||c.startsWith(".")?o=document.querySelector(c):o=document.getElementById(c)||document.querySelector(`#${c}`),o&&(a=o.value!==void 0&&o.value!==null?o.value:o.textContent||"")}catch{}const i=r.getAttribute("copiar-mensagem")||"Copiado com sucesso!";s.copiar(a,i)}r.hasAttribute("alternar-tema")&&s.definirTema();const p=r.getAttribute("definir-densidade");p&&s.definirDensidade(p);const b=r.getAttribute("limpar-form");if(b){const a=document.getElementById(b);a&&typeof a.reset=="function"&&(a.reset(),s.notificar({tipo:"info",mensagem:"Formulário limpo."}))}}))}exports.UIBus=s;exports.initZeroJSTriggers=I;

package/package.json

@@ -0,0 +1,149 @@
+{
+  "name": "@thibezer/ui-components-kit",
+  "version": "1.0.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"
+  ],
+  "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"
+  ],
+  "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"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "preview": "vite preview",
+    "prepublishOnly": "npm test && npm run build"
+  },
+  "peerDependencies": {
+    "leaflet": "^1.9.4"
+  },
+  "peerDependenciesMeta": {
+    "leaflet": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/leaflet": "^1.9.22",
+    "@vitest/coverage-v8": "^4.1.10",
+    "element-internals-polyfill": "^3.0.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"
+  }
+}