@thibezer/ui-components-kit 2.7.0 → 2.8.1

package/dist/ui-skeleton-BilwGdOm.js

@@ -1,634 +0,0 @@
-var M = Object.defineProperty;
-var I = (o, s, t) => s in o ? M(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
-var r = (o, s, t) => I(o, typeof s != "symbol" ? s + "" : s, t);
-import { L as v } from "./listener-bag-DQgv7OON.js";
-import { d as b, S as _ } from "./ssr-safe-5cWfJP-s.js";
-import { U as $ } from "./ui-bus-CUd99VJi.js";
-const B = ':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-drawer__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--ui-z-drawer, 700) - 1);opacity:0;pointer-events:none;transition:opacity .25s ease}:host([aberto]) .ui-drawer__backdrop,:host([open]) .ui-drawer__backdrop{opacity:1;pointer-events:auto}.ui-drawer__painel{position:fixed;z-index:var(--ui-z-drawer, 700);background-color:var(--ui-cor-fundo-card, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 16px 40px rgba(0, 0, 0, .7));display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility .2s ease;box-sizing:border-box;color:var(--ui-cor-texto, #e1e1e6)}:host(:not([posicao])) .ui-drawer__painel,:host([posicao="direita"]) .ui-drawer__painel,:host([position="right"]) .ui-drawer__painel{top:0;right:0;bottom:0;width:var(--ui-drawer-largura, 480px);max-width:92vw;height:100vh;transform:translate(100%);border-left:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16))}:host([aberto]:not([posicao])) .ui-drawer__painel,:host([open]:not([posicao])) .ui-drawer__painel,:host([aberto][posicao="direita"]) .ui-drawer__painel,:host([open][posicao="direita"]) .ui-drawer__painel,:host([aberto][position="right"]) .ui-drawer__painel,:host([open][position="right"]) .ui-drawer__painel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="esquerda"]) .ui-drawer__painel,:host([position="left"]) .ui-drawer__painel{top:0;left:0;bottom:0;width:var(--ui-drawer-largura, 480px);max-width:92vw;height:100vh;transform:translate(-100%);border-right:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16))}:host([aberto][posicao="esquerda"]) .ui-drawer__painel,:host([open][posicao="esquerda"]) .ui-drawer__painel,:host([aberto][position="left"]) .ui-drawer__painel,:host([open][position="left"]) .ui-drawer__painel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="baixo"]) .ui-drawer__painel,:host([position="bottom"]) .ui-drawer__painel{bottom:0;left:0;right:0;width:100vw;max-height:85vh;transform:translateY(100%);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-top-left-radius:14px;border-top-right-radius:14px}:host([aberto][posicao="baixo"]) .ui-drawer__painel,:host([open][posicao="baixo"]) .ui-drawer__painel,:host([aberto][position="bottom"]) .ui-drawer__painel,:host([open][position="bottom"]) .ui-drawer__painel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="cima"]) .ui-drawer__painel,:host([position="top"]) .ui-drawer__painel{top:0;left:0;right:0;width:100vw;max-height:85vh;transform:translateY(-100%);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-bottom-left-radius:14px;border-bottom-right-radius:14px}:host([aberto][posicao="cima"]) .ui-drawer__painel,:host([open][posicao="cima"]) .ui-drawer__painel,:host([aberto][position="top"]) .ui-drawer__painel,:host([open][position="top"]) .ui-drawer__painel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.ui-drawer__header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));flex-shrink:0}.ui-drawer__titulo-container{display:flex;flex-direction:column;gap:2px}.ui-drawer__titulo{margin:0;font-size:16px;font-weight:600;color:var(--ui-cor-texto, #ffffff)}.ui-drawer__descricao{margin:0;font-size:13px;color:var(--ui-cor-texto-secundario, #888899)}.ui-drawer__close{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);font-size:16px;cursor:pointer;padding:6px;border-radius:6px;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.ui-drawer__close svg,.ui-drawer__close ::slotted(svg){shape-rendering:geometricPrecision}.ui-drawer__close:hover{color:var(--ui-cor-texto, #ffffff);background-color:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-drawer__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-drawer__body{padding:20px;overflow-y:auto;flex:1;box-sizing:border-box}.ui-drawer__footer{padding:14px 20px;border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:flex-end;gap:10px;background-color:var(--ui-cor-fundo-recuado, rgba(0, 0, 0, .15));flex-shrink:0}@starting-style{:host([aberto]:not([posicao])) .ui-drawer__painel,:host([open]:not([posicao])) .ui-drawer__painel,:host([aberto][posicao="direita"]) .ui-drawer__painel,:host([open][posicao="direita"]) .ui-drawer__painel{transform:translate(100%);opacity:0}:host([aberto][posicao="esquerda"]) .ui-drawer__painel,:host([open][posicao="esquerda"]) .ui-drawer__painel{transform:translate(-100%);opacity:0}:host([aberto][posicao="baixo"]) .ui-drawer__painel,:host([open][posicao="baixo"]) .ui-drawer__painel{transform:translateY(100%);opacity:0}:host([aberto]) .ui-drawer__backdrop,:host([open]) .ui-drawer__backdrop{opacity:0}}', k = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), ui-campo-texto, ui-botao, ui-botao-primario, ui-checkbox, ui-switch, ui-lista-flutuante, ui-radio, ui-select, ui-segmented';
-function E(o, s) {
-  let t = Array.from(o.querySelectorAll(k));
-  t = t.filter((a) => {
-    try {
-      return window.getComputedStyle(a).display !== "none";
-    } catch {
-      return !0;
-    }
-  });
-  const i = o.querySelectorAll("slot"), e = [];
-  return i.forEach((a) => {
-    a.assignedElements({ flatten: !0 }).forEach((l) => {
-      l instanceof HTMLElement && (l.matches(k) && e.push(l), e.push(...Array.from(l.querySelectorAll(k))));
-    });
-  }), [...t, ...e].filter((a) => !a.hasAttribute("disabled") && a.getAttribute("aria-hidden") !== "true");
-}
-function O(o) {
-  if (typeof document > "u") return !0;
-  const s = Array.from(
-    document.querySelectorAll("ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]")
-  );
-  return s[s.length - 1] === o;
-}
-function H(o, s, t, i) {
-  if (s.length === 0) {
-    o.preventDefault();
-    return;
-  }
-  const e = s[0], a = s[s.length - 1], n = t.getRootNode(), l = n == null ? void 0 : n.activeElement;
-  o.shiftKey ? (l === e || !t.contains(l) && !i.contains(l)) && (o.preventDefault(), a.focus()) : (l === a || !t.contains(l) && !i.contains(l)) && (o.preventDefault(), e.focus());
-}
-function F() {
-  if (typeof document > "u") return;
-  document.querySelectorAll(
-    "ui-modal[aberto], ui-modal[open], ui-dialog[aberto], ui-dialog[open], ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]"
-  ).length > 0 ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
-}
-class g extends _ {
-  constructor() {
-    super();
-    r(this, "backdropElement");
-    r(this, "painelElement");
-    r(this, "tituloElement");
-    r(this, "descricaoElement");
-    r(this, "closeElement");
-    r(this, "listeners", new v());
-    r(this, "_elementoGatilho", null);
-    r(this, "_focables", []);
-    r(this, "handleSlotChange", () => {
-      this.syncState();
-    });
-    r(this, "handleBackdropClick", (t) => {
-      t.stopPropagation(), this.hasAttribute("estatico") || this.hasAttribute("static") || this.fechar();
-    });
-    r(this, "handleCloseClick", (t) => {
-      t.stopPropagation(), this.fechar();
-    });
-    r(this, "handleKeyDown", (t) => {
-      this.aberto && O(this) && (t.key === "Escape" ? this.hasAttribute("estatico") || this.hasAttribute("static") || (this.fechar(), t.stopImmediatePropagation()) : t.key === "Tab" && (this._focables = E(this.shadowRoot), H(t, this._focables, this, this.shadowRoot)));
-    });
-    const t = this.attachShadow({ mode: "open" });
-    t.innerHTML = `
-      <style>${B}</style>
-      <div class="ui-drawer__backdrop" part="fundo"></div>
-      <aside class="ui-drawer__painel" part="painel" role="dialog" aria-modal="true" tabindex="-1">
-        <div class="ui-drawer__header" part="cabecalho">
-          <div class="ui-drawer__titulo-container">
-            <h3 class="ui-drawer__titulo" part="titulo"></h3>
-            <p class="ui-drawer__descricao" part="descricao" style="display: none;"></p>
-          </div>
-          <button type="button" class="ui-drawer__close" part="fechar" aria-label="Fechar painel lateral" title="Fechar">✕</button>
-        </div>
-        <div class="ui-drawer__body" part="corpo">
-          <slot></slot>
-        </div>
-        <div class="ui-drawer__footer" part="rodape">
-          <slot name="rodape"></slot>
-          <slot name="footer"></slot>
-        </div>
-      </aside>
-    `, this.backdropElement = t.querySelector(".ui-drawer__backdrop"), this.painelElement = t.querySelector(".ui-drawer__painel"), this.tituloElement = t.querySelector(".ui-drawer__titulo"), this.descricaoElement = t.querySelector(".ui-drawer__descricao"), this.closeElement = t.querySelector(".ui-drawer__close");
-  }
-  static get observedAttributes() {
-    return [
-      "aberto",
-      "open",
-      "posicao",
-      "position",
-      "titulo",
-      "title",
-      "descricao",
-      "description",
-      "largura",
-      "width",
-      "estatico",
-      "static"
-    ];
-  }
-  connectedCallback() {
-    this.listeners.cleanup(), this.listeners.add(this.backdropElement, "click", this.handleBackdropClick), this.listeners.add(this.closeElement, "click", this.handleCloseClick), this.listeners.add(window, "keydown", this.handleKeyDown), this.shadowRoot.querySelectorAll("slot").forEach((i) => {
-      this.listeners.add(i, "slotchange", this.handleSlotChange);
-    }), this.syncState();
-  }
-  disconnectedCallback() {
-    this.listeners.cleanup(), g.atualizarScrollLock();
-  }
-  attributeChangedCallback(t, i, e) {
-    (t === "aberto" || t === "open") && e !== null && (document.activeElement && document.activeElement !== document.body && (this._elementoGatilho = document.activeElement), setTimeout(() => {
-      this._focables = E(this.shadowRoot), this._focables.length > 0 ? this._focables[0].focus() : this.painelElement.focus();
-    }, 0)), this.syncState();
-  }
-  get aberto() {
-    return this.hasAttribute("aberto") || this.hasAttribute("open");
-  }
-  set aberto(t) {
-    t ? this.setAttribute("aberto", "") : (this.removeAttribute("aberto"), this.removeAttribute("open")), this.syncState();
-  }
-  get posicao() {
-    const t = (this.getAttribute("posicao") || this.getAttribute("position") || "direita").toLowerCase();
-    return t === "esquerda" || t === "left" ? "esquerda" : t === "baixo" || t === "bottom" ? "baixo" : t === "cima" || t === "top" ? "cima" : "direita";
-  }
-  set posicao(t) {
-    this.setAttribute("posicao", t);
-  }
-  abrir() {
-    this.aberto || (document.activeElement && document.activeElement !== document.body && (this._elementoGatilho = document.activeElement), this.aberto = !0, this.dispatchEvent(
-      new CustomEvent("ui-abrir", {
-        bubbles: !0,
-        composed: !0
-      })
-    ), setTimeout(() => {
-      this._focables = E(this.shadowRoot), this._focables.length > 0 ? this._focables[0].focus() : this.painelElement.focus();
-    }, 0));
-  }
-  fechar() {
-    this.aberto && (this.aberto = !1, this.dispatchEvent(
-      new CustomEvent("ui-fechar", {
-        bubbles: !0,
-        composed: !0
-      })
-    ), this._elementoGatilho && (this._elementoGatilho.focus(), this._elementoGatilho = null));
-  }
-  alternar() {
-    this.aberto ? this.fechar() : this.abrir();
-  }
-  syncState() {
-    var l, c;
-    const t = this.aberto, i = this.getAttribute("titulo") || this.getAttribute("title") || "", e = this.getAttribute("descricao") || this.getAttribute("description") || "", a = this.getAttribute("largura") || this.getAttribute("width"), n = (l = this.shadowRoot) == null ? void 0 : l.querySelector(".ui-drawer__footer");
-    if (this.painelElement.setAttribute("aria-hidden", String(!t)), i ? (this.tituloElement.textContent = i, this.tituloElement.style.display = "block") : this.tituloElement.style.display = "none", e ? (this.descricaoElement.textContent = e, this.descricaoElement.style.display = "block") : this.descricaoElement.style.display = "none", a ? this.style.setProperty("--ui-drawer-largura", isNaN(Number(a)) ? a : `${a}px`) : this.style.removeProperty("--ui-drawer-largura"), n) {
-      const u = Array.from(((c = this.shadowRoot) == null ? void 0 : c.querySelectorAll('slot[name="rodape"], slot[name="footer"]')) || []).some((m) => m.assignedNodes({ flatten: !0 }).some((f) => f.nodeType === Node.ELEMENT_NODE || f.textContent && f.textContent.trim() !== "")) || this.querySelector('[slot="rodape"], [slot="footer"]') !== null;
-      n.style.display = u ? "flex" : "none";
-    }
-    g.atualizarScrollLock();
-  }
-  static atualizarScrollLock() {
-    F();
-  }
-}
-class j extends g {
-}
-class G extends g {
-}
-class U extends g {
-}
-b("ui-drawer", g);
-b("ui-sheet", j);
-b("ui-painel-lateral", G);
-b("ui-gaveta", U);
-const Y = ':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:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 15%,transparent)}.ui-alerta--sucesso{background-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 30%,transparent);color:var(--ui-cor-texto-sucesso, #00E08A)}.ui-alerta--sucesso .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--erro{background-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 30%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta--erro .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--alerta{background-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 30%,transparent);color:var(--ui-cor-texto-alerta, #ffb86c)}.ui-alerta--alerta .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--info{background-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 30%,transparent);color:var(--ui-cor-texto-info, #33b5ff)}.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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 16%,transparent);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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 18%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 30%,transparent)}.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:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 15%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 35%,transparent);color:var(--ui-cor-primaria, #00E08A)}.ui-alerta__botao-acao--primario:hover{background:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 25%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 50%,transparent)}.ui-alerta__botao-acao--destrutivo{background:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 15%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 35%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta__botao-acao--destrutivo:hover{background:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 25%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 50%,transparent)}: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:var(--ui-sombra-lg, 0 10px 30px rgba(0, 0, 0, .3)),0 0 0 1px var(--ui-cor-borda, rgba(255, 255, 255, .1));animation:ui-toast-slide .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ui-toast__banner.ui-alerta--sucesso{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-sucesso, #00E08A) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 40%,transparent)}.ui-toast__banner.ui-alerta--erro{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-erro, #ff5555) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 40%,transparent)}.ui-toast__banner.ui-alerta--alerta{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-alerta, #ffb86c) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 40%,transparent)}.ui-toast__banner.ui-alerta--info{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-info, #33b5ff) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 40%,transparent)}.ui-toast__progresso{position:absolute;bottom:0;left:0;right:0;height:2px;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);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)}}', q = {
-  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 L extends _ {
-  constructor() {
-    super();
-    r(this, "alertaElement");
-    r(this, "iconeElement");
-    r(this, "tituloElement");
-    r(this, "mensagemElement");
-    r(this, "mensagemTextoElement");
-    r(this, "closeElement");
-    r(this, "acoesElement");
-    r(this, "botaoAcaoElement");
-    r(this, "progressoContainer");
-    r(this, "progressoBarra");
-    r(this, "listeners", new v());
-    const t = this.attachShadow({ mode: "open" });
-    t.innerHTML = `
-      <style>${Y}</style>
-      <div class="ui-alerta" part="base" role="alert">
-        <span class="ui-alerta__icone" part="icone"></span>
-        <div class="ui-alerta__conteudo" part="conteudo">
-          <h4 class="ui-alerta__titulo" part="titulo" style="display: none;"></h4>
-          <p class="ui-alerta__mensagem" part="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" part="acao"></button>
-        </div>
-        <button class="ui-alerta__close" part="fechar" type="button" aria-label="Fechar alerta" style="display: none;" title="Fechar">✕</button>
-        <div class="ui-toast__progresso" part="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, i, 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", i = this.getAttribute("titulo") || this.getAttribute("title"), e = this.getAttribute("mensagem"), a = this.hasAttribute("fechavel") || this.hasAttribute("dismissible");
-    this.alertaElement.className = `ui-alerta ui-alerta--${t}`;
-    const n = q[t] || q.info;
-    this.iconeElement.innerHTML = n, i ? (this.tituloElement.textContent = i, 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 = ""), a ? this.closeElement.style.display = "block" : this.closeElement.style.display = "none";
-  }
-}
-b("ui-alerta", L);
-class y extends L {
-  constructor() {
-    super(...arguments);
-    r(this, "timerId", null);
-    r(this, "tempoRestante", 4e3);
-    r(this, "inicioTimestamp", 0);
-    r(this, "isPausado", !1);
-    r(this, "acaoConfig");
-    r(this, "containerRef", null);
-    r(this, "handleAcaoClick", (t) => {
-      var i, e, a;
-      t.stopPropagation(), (i = this.acaoConfig) != null && i.onClick && this.acaoConfig.onClick(t), this.dispatchEvent(
-        new CustomEvent("ui-toast-acao", {
-          detail: {
-            rotulo: (e = this.acaoConfig) == null ? void 0 : e.rotulo,
-            tipo: (a = this.acaoConfig) == null ? void 0 : a.tipo
-          },
-          bubbles: !0,
-          composed: !0
-        })
-      ), this.fechar();
-    });
-    r(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";
-    });
-    r(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 i = t.tipo || "primario";
-    this.botaoAcaoElement.className = `ui-alerta__botao-acao ui-alerta__botao-acao--${i}`;
-  }
-  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", i = parseInt(t, 10);
-    this.tempoRestante = isNaN(i) ? 4e3 : i, 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 i = `ui-toast-container-${t}`;
-    let e = document.getElementById(i);
-    return e || (e = document.createElement("div"), e.id = i, 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 i = 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", i), t.fechavel !== !1 && e.setAttribute("fechavel", ""), t.acao && e.configurarAcao(t.acao), y.obterContainer(i).appendChild(e), e;
-  }
-}
-b("ui-toast", y);
-function X() {
-  $.registrarProvedorToast((o) => {
-    y.notificar(o);
-  });
-}
-X();
-const Q = ":host{display:inline-flex;position:relative;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;--ui-tooltip-texto-distancia: 260px;--ui-tooltip-seta-espaco: 70px}.ui-tooltip__bubble{position:fixed;z-index:var(--ui-z-tooltip, 1200);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;background-color:var(--ui-cor-fundo-elevado, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));box-shadow:var(--ui-sombra-md, 0 4px 16px rgba(0, 0, 0, .5));white-space:normal;max-width:var(--ui-tooltip-texto-distancia, 260px);width:max-content;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;line-height:1.35;box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0}.ui-tooltip__bubble[popover]{margin:0;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));background-color:var(--ui-cor-fundo-elevado, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);padding:6px 10px;overflow:visible;max-width:var(--ui-tooltip-texto-distancia, 260px);width:max-content;white-space:normal}.ui-tooltip__texto{display:inline-block;max-width:100%}.ui-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.ui-tooltip--topo .ui-tooltip__arrow{bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-color:var(--ui-cor-fundo-elevado, #1e1e24) transparent transparent transparent}.ui-tooltip--baixo .ui-tooltip__arrow{top:-5px;left:50%;transform:translate(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--ui-cor-fundo-elevado, #1e1e24) transparent}.ui-tooltip--esquerda .ui-tooltip__arrow{right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--ui-cor-fundo-elevado, #1e1e24)}.ui-tooltip--direita .ui-tooltip__arrow{left:-5px;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--ui-cor-fundo-elevado, #1e1e24) transparent transparent}.ui-tooltip--visivel .ui-tooltip__bubble{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}@starting-style{.ui-tooltip--visivel .ui-tooltip__bubble,.ui-tooltip__bubble:popover-open{opacity:0;transform:scale(.94)}}", x = 8, T = 8, N = {
-  topo: "topo",
-  top: "topo",
-  baixo: "baixo",
-  bottom: "baixo",
-  esquerda: "esquerda",
-  left: "esquerda",
-  direita: "direita",
-  right: "direita"
-};
-function z(o) {
-  const s = (o ?? "").trim().toLowerCase();
-  return Object.prototype.hasOwnProperty.call(N, s) ? N[s] : "topo";
-}
-const p = (o) => Number.isFinite(o) ? o : 0;
-function W(o, s, t, i) {
-  const e = p(s.width), a = p(s.height), n = p(o.left) + p(o.width) / 2, l = p(o.top) + p(o.height) / 2;
-  let c = 0, d = 0;
-  t === "topo" ? (c = p(o.top) - a - x, d = n - e / 2) : t === "baixo" ? (c = p(o.bottom) + x, d = n - e / 2) : t === "esquerda" ? (c = l - a / 2, d = p(o.left) - e - x) : (c = l - a / 2, d = p(o.right) + x);
-  const u = (m, h, f) => Math.max(T, Math.min(m, p(f) - h - T));
-  return {
-    top: Math.round(u(c, a, i.altura)),
-    left: Math.round(u(d, e, i.largura))
-  };
-}
-function P(o) {
-  return o instanceof DOMException && o.name === "InvalidStateError";
-}
-function K(o) {
-  const s = o;
-  if (typeof s.showPopover == "function")
-    try {
-      s.showPopover();
-    } catch (t) {
-      P(t) || console.warn("[ui-tooltip] Não foi possível abrir o balão como popover:", t);
-    }
-}
-function V(o) {
-  const s = o;
-  if (typeof s.hidePopover == "function")
-    try {
-      s.hidePopover();
-    } catch (t) {
-      P(t) || console.warn("[ui-tooltip] Não foi possível fechar o balão como popover:", t);
-    }
-}
-const J = 120;
-class R extends _ {
-  constructor() {
-    super();
-    r(this, "containerElement");
-    r(this, "bubbleElement");
-    /** Ouvintes do host: valem enquanto o elemento está conectado. */
-    r(this, "ouvintesHost", new v());
-    /** Ouvintes globais (documento/janela): valem só enquanto o balão está aberto. */
-    r(this, "ouvintesAberto", new v());
-    r(this, "_timerOcultar", null);
-    r(this, "_quadro", null);
-    /** Gatilho que recebeu `aria-description` deste tooltip (para remover depois). */
-    r(this, "_gatilhoDescrito", null);
-    r(this, "posicionarBubble", () => {
-      if (!this.aberto) return;
-      const t = z(this.getAttribute("posicao") || this.getAttribute("position")), { top: i, left: e } = W(
-        this.getBoundingClientRect(),
-        this.bubbleElement.getBoundingClientRect(),
-        t,
-        { largura: window.innerWidth, altura: window.innerHeight }
-      );
-      this.bubbleElement.style.top = `${i}px`, this.bubbleElement.style.left = `${e}px`;
-    });
-    r(this, "handleMouseEnter", () => {
-      const t = this.lerGatilho();
-      (t === "hover" || t === "passar-mouse") && (this.cancelarOcultar(), this.mostrar());
-    });
-    r(this, "handleMouseLeave", () => {
-      const t = this.lerGatilho();
-      (t === "hover" || t === "passar-mouse") && (this.cancelarOcultar(), this._timerOcultar = setTimeout(() => {
-        this._timerOcultar = null, this.ocultar();
-      }, J));
-    });
-    /**
-     * Escape fecha o tooltip sem mover o foco (WCAG 1.4.13). Ouvido na captura e interrompido,
-     * para que dentro de um modal o primeiro Escape feche só o tooltip.
-     */
-    r(this, "handleEscape", (t) => {
-      t.key !== "Escape" || !this.aberto || (t.stopPropagation(), this.cancelarOcultar(), this.ocultar());
-    });
-    /** O clique do gatilho continua chegando aos ancestrais: o "clicar fora" já ignora cliques dentro do host. */
-    r(this, "handleClick", () => {
-      const t = typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches, i = this.lerGatilho();
-      (i === "clique" || i === "click" || t) && (this.aberto = !this.aberto);
-    });
-    r(this, "handleClickOutside", (t) => {
-      t.composedPath().includes(this) || this.ocultar();
-    });
-    const t = this.attachShadow({ mode: "open" });
-    t.innerHTML = `
-      <style>${Q}</style>
-      <div class="ui-tooltip ui-tooltip--topo">
-        <slot></slot>
-        <div class="ui-tooltip__bubble" part="balao" role="tooltip" popover="manual">
-          <span class="ui-tooltip__texto" part="texto"></span>
-          <slot name="conteudo"></slot>
-          <span class="ui-tooltip__arrow" part="seta"></span>
-        </div>
-      </div>
-    `, this.containerElement = t.querySelector(".ui-tooltip"), this.bubbleElement = t.querySelector(".ui-tooltip__bubble"), t.querySelectorAll("slot").forEach((i) => i.addEventListener("slotchange", () => this.sincronizarDescricao()));
-  }
-  static get observedAttributes() {
-    return [
-      "texto",
-      "text",
-      "posicao",
-      "position",
-      "gatilho",
-      "trigger",
-      "aberto",
-      "open",
-      "disabled"
-    ];
-  }
-  connectedCallback() {
-    this.ouvintesHost.cleanup(), this.ouvintesHost.add(this, "mouseenter", this.handleMouseEnter), this.ouvintesHost.add(this, "mouseleave", this.handleMouseLeave), this.ouvintesHost.add(this, "focusin", this.handleMouseEnter), this.ouvintesHost.add(this, "focusout", this.handleMouseLeave), this.ouvintesHost.add(this, "click", this.handleClick), this.syncState();
-  }
-  disconnectedCallback() {
-    this.ouvintesHost.cleanup(), this.ouvintesAberto.cleanup(), this.cancelarOcultar(), this.cancelarQuadro(), this.removerDescricao(), this.ocultar();
-  }
-  attributeChangedCallback(t, i, e) {
-    this.syncState();
-  }
-  get aberto() {
-    return this.hasAttribute("aberto") || this.hasAttribute("open");
-  }
-  set aberto(t) {
-    t ? this.setAttribute("aberto", "") : (this.removeAttribute("aberto"), this.removeAttribute("open")), this.syncState();
-  }
-  get disabled() {
-    return this.hasAttribute("disabled");
-  }
-  set disabled(t) {
-    t ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"), this.syncState();
-  }
-  mostrar() {
-    this.disabled || (this.aberto = !0);
-  }
-  ocultar() {
-    this.aberto = !1;
-  }
-  lerGatilho() {
-    return this.getAttribute("gatilho") || this.getAttribute("trigger") || "hover";
-  }
-  cancelarQuadro() {
-    this._quadro !== null && (cancelAnimationFrame(this._quadro), this._quadro = null);
-  }
-  syncState() {
-    var n;
-    const t = this.aberto && !this.disabled, i = z(this.getAttribute("posicao") || this.getAttribute("position")), e = this.getAttribute("texto") || this.getAttribute("text") || "", a = (n = this.shadowRoot) == null ? void 0 : n.querySelector(".ui-tooltip__texto");
-    this.containerElement.className = `ui-tooltip ui-tooltip--${i}`, a && (a.textContent = e, a.style.display = e ? "inline" : "none"), this.sincronizarDescricao(), t ? this.abrirBalao() : this.fecharBalao();
-  }
-  abrirBalao() {
-    this.ouvintesAberto.size === 0 && (this.ouvintesAberto.add(document, "click", this.handleClickOutside), this.ouvintesAberto.add(document, "keydown", this.handleEscape, !0), this.ouvintesAberto.add(window, "scroll", this.posicionarBubble, { capture: !0, passive: !0 }), this.ouvintesAberto.add(window, "resize", this.posicionarBubble, { passive: !0 })), K(this.bubbleElement), this.containerElement.classList.add("ui-tooltip--visivel"), this.cancelarQuadro(), this._quadro = requestAnimationFrame(() => {
-      this._quadro = null, this.posicionarBubble();
-    });
-  }
-  fecharBalao() {
-    this.ouvintesAberto.cleanup(), this.cancelarQuadro(), V(this.bubbleElement), this.containerElement.classList.remove("ui-tooltip--visivel");
-  }
-  cancelarOcultar() {
-    this._timerOcultar && (clearTimeout(this._timerOcultar), this._timerOcultar = null);
-  }
-  /**
-   * O balão vive no Shadow DOM, fora do alcance de `aria-describedby` do gatilho (light DOM).
-   * O texto é exposto como `aria-description` no gatilho, sem sobrescrever uma descrição do consumidor.
-   */
-  sincronizarDescricao() {
-    var a;
-    if (!this.isConnected) {
-      this.removerDescricao();
-      return;
-    }
-    const t = Array.from(this.children).find((n) => !n.hasAttribute("slot")), i = (this.getAttribute("texto") || this.getAttribute("text") || ((a = this.querySelector('[slot="conteudo"]')) == null ? void 0 : a.textContent) || "").replace(/\s+/g, " ").trim();
-    this._gatilhoDescrito && this._gatilhoDescrito !== t && this.removerDescricao(), !(!t || this._gatilhoDescrito !== t && (t.hasAttribute("aria-describedby") || t.hasAttribute("aria-description"))) && (i && !this.disabled ? (t.setAttribute("aria-description", i), this._gatilhoDescrito = t) : this.removerDescricao());
-  }
-  removerDescricao() {
-    var t;
-    (t = this._gatilhoDescrito) == null || t.removeAttribute("aria-description"), this._gatilhoDescrito = null;
-  }
-}
-class Z extends R {
-}
-b("ui-tooltip", R);
-b("ui-popover", Z);
-const tt = ":host{display:block;box-sizing:border-box}:host([inline]){display:inline-block}.ui-skeleton{background:var(--ui-cor-fundo-elevado, #1e1e24);background-image:linear-gradient(90deg,#fff0,color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent),#fff0);background-size:200% 100%;background-repeat:no-repeat;border-radius:var(--ui-raio-borda, 6px);position:relative;overflow:hidden;box-sizing:border-box;animation:ui-skeleton-shimmer 1.6s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skeleton--pulso{background-image:none;animation:ui-skeleton-pulse 1.8s ease-in-out infinite}@keyframes ui-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.ui-skeleton--estatico{animation:none;background-image:none}.ui-skeleton--texto{height:1.1em;border-radius:var(--ui-raio-sm, 4px)}.ui-skeleton--circular{border-radius:50%!important;aspect-ratio:1;width:var(--ui-skeleton-largura, 40px);height:var(--ui-skeleton-altura, 40px)}.ui-skeleton--retangular{border-radius:var(--ui-raio-borda, 6px);min-height:20px}.ui-skeleton__linhas{display:flex;flex-direction:column;gap:8px;width:100%}.ui-skeleton__linhas .ui-skeleton{width:100%}.ui-skeleton__linhas .ui-skeleton:last-child:not(:first-child){width:65%}.ui-skeleton--card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--ui-raio-borda, 10px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));background:var(--ui-cor-fundo-card, #18181c);animation:none}.ui-skeleton__card-media{width:100%;height:120px;border-radius:6px}.ui-skeleton__card-header{display:flex;align-items:center;gap:10px}.ui-skeleton__card-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.ui-skeleton__card-title{width:50%;height:16px}@media (prefers-reduced-motion: reduce){.ui-skeleton{animation:none!important;background-image:none!important;opacity:.7}}";
-class D extends _ {
-  constructor() {
-    super();
-    r(this, "rootElement");
-    const t = this.attachShadow({ mode: "open" });
-    t.innerHTML = `
-      <style>${tt}</style>
-      <div class="ui-skeleton-container" role="status" aria-label="Carregando..."></div>
-    `, this.rootElement = t.querySelector(".ui-skeleton-container");
-  }
-  static get observedAttributes() {
-    return [
-      "variante",
-      "variant",
-      "largura",
-      "width",
-      "altura",
-      "height",
-      "raio",
-      "radius",
-      "linhas",
-      "lines",
-      "count",
-      "animado",
-      "animated"
-    ];
-  }
-  connectedCallback() {
-    this.hasAttribute("aria-hidden") || this.setAttribute("aria-hidden", "true"), this.syncState();
-  }
-  attributeChangedCallback(t, i, e) {
-    this.syncState();
-  }
-  get variante() {
-    const t = (this.getAttribute("variante") || this.getAttribute("variant") || "texto").toLowerCase();
-    return t === "circulo" || t === "circular" ? "circular" : t === "retangulo" || t === "retangular" ? "retangular" : t === "card" ? "card" : "texto";
-  }
-  set variante(t) {
-    this.setAttribute("variante", t);
-  }
-  get animado() {
-    const t = (this.getAttribute("animado") || this.getAttribute("animated") || "shimmer").toLowerCase();
-    return t === "pulse" || t === "pulso" ? "pulso" : t === "none" || t === "nenhum" || t === "estatico" ? "nenhum" : "shimmer";
-  }
-  set animado(t) {
-    this.setAttribute("animado", t);
-  }
-  get linhas() {
-    const t = parseInt(this.getAttribute("linhas") || this.getAttribute("lines") || this.getAttribute("count") || "1", 10);
-    return isNaN(t) || t < 1 ? 1 : t;
-  }
-  set linhas(t) {
-    this.setAttribute("linhas", String(t));
-  }
-  syncState() {
-    const t = this.variante, i = this.animado, e = this.getAttribute("largura") || this.getAttribute("width"), a = this.getAttribute("altura") || this.getAttribute("height"), n = this.getAttribute("raio") || this.getAttribute("radius"), l = this.linhas;
-    this.rootElement.innerHTML = "";
-    const c = i === "pulso" ? "ui-skeleton--pulso" : i === "nenhum" ? "ui-skeleton--estatico" : "";
-    if (t === "card") {
-      const u = document.createElement("div");
-      u.className = "ui-skeleton ui-skeleton--card";
-      const m = document.createElement("div");
-      m.className = `ui-skeleton ui-skeleton__card-media ${c}`;
-      const h = document.createElement("div");
-      h.className = "ui-skeleton__card-header";
-      const f = document.createElement("div");
-      f.className = `ui-skeleton ui-skeleton__card-avatar ${c}`;
-      const A = document.createElement("div");
-      A.className = `ui-skeleton ui-skeleton__card-title ${c}`, h.appendChild(f), h.appendChild(A);
-      const w = document.createElement("div");
-      w.className = "ui-skeleton__linhas";
-      for (let C = 0; C < 2; C++) {
-        const S = document.createElement("div");
-        S.className = `ui-skeleton ui-skeleton--texto ${c}`, w.appendChild(S);
-      }
-      u.appendChild(m), u.appendChild(h), u.appendChild(w), this.rootElement.appendChild(u);
-      return;
-    }
-    if (l > 1 && t === "texto") {
-      const u = document.createElement("div");
-      u.className = "ui-skeleton__linhas";
-      for (let m = 0; m < l; m++) {
-        const h = document.createElement("div");
-        h.className = `ui-skeleton ui-skeleton--texto ${c}`, a && (h.style.height = isNaN(Number(a)) ? a : `${a}px`), n && (h.style.borderRadius = isNaN(Number(n)) ? n : `${n}px`), u.appendChild(h);
-      }
-      e && (u.style.width = isNaN(Number(e)) ? e : `${e}px`), this.rootElement.appendChild(u);
-      return;
-    }
-    const d = document.createElement("div");
-    d.className = `ui-skeleton ui-skeleton--${t} ${c}`.trim(), e && (d.style.width = isNaN(Number(e)) ? e : `${e}px`), a && (d.style.height = isNaN(Number(a)) ? a : `${a}px`), n && (d.style.borderRadius = isNaN(Number(n)) ? n : `${n}px`), this.rootElement.appendChild(d);
-  }
-}
-class et extends D {
-}
-b("ui-skeleton", D);
-b("ui-esqueleto", et);
-export {
-  q as I,
-  L as U,
-  g as a,
-  et as b,
-  U as c,
-  G as d,
-  Z as e,
-  j as f,
-  D as g,
-  y as h,
-  R as i,
-  F as j,
-  H as k,
-  O as l,
-  E as o,
-  X as r
-};