@wrrdev/fenix-ui 1.1.13 → 1.1.14

package/dist/core/base.js

@@ -4,7 +4,9 @@ const _FxElement = class _FxElement extends HTMLElement {
   }
   constructor() {
     super();
-    this.root = this.attachShadow({ mode: "open" });
+    this.root = this.attachShadow(
+      this.constructor.shadowOptions
+    );
   }
   /** Chamado quando um atributo observado muda. */
   attributeChangedCallback(_name, _oldValue, _newValue) {
@@ -34,6 +36,7 @@ const _FxElement = class _FxElement extends HTMLElement {
   }
 };
 _FxElement.styles = "";
+_FxElement.shadowOptions = { mode: "open" };
 let FxElement = _FxElement;
 export {
   FxElement

package/dist/core/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../src/core/base.ts"],"sourcesContent":["/**\n * Infraestrutura base de Web Component do FenixUI.\n *\n * Todo componente estende `FxElement`, que:\n *  - cria o Shadow Root (isolamento de estrutura e CSS);\n *  - injeta o CSS (tokens via `var(--fx-*)`) + template em cada render;\n *  - re-renderiza quando atributos observados mudam.\n */\n\nexport abstract class FxElement extends HTMLElement {\n  /** CSS isolado no Shadow DOM. Deve usar apenas `var(--fx-*)`. */\n  static styles: string = '';\n\n  static get observedAttributes(): string[] {\n    return [];\n  }\n\n  protected readonly root: ShadowRoot;\n\n  constructor() {\n    super();\n    this.root = this.attachShadow({ mode: 'open' });\n  }\n\n  /** Chamado quando um atributo observado muda. */\n  protected attributeChangedCallback(_name: string, _oldValue: string | null, _newValue: string | null): void {\n    if (this.isConnected) this.render();\n  }\n\n  /** Chamado quando o elemento é anexado ao DOM. */\n  protected connectedCallback(): void {\n    this.render();\n  }\n\n  /** Chamado quando o elemento é removido do DOM (limpeza de recursos). */\n  protected disconnectedCallback(): void {\n    /* noop — sobrescreva para limpar observers/listeners. */\n  }\n\n  protected hasAttr(name: string): boolean {\n    return this.hasAttribute(name);\n  }\n\n  protected getAttr(name: string, fallback = ''): string {\n    return this.getAttribute(name) ?? fallback;\n  }\n\n  protected toggleAttr(name: string, on: boolean): void {\n    if (on) this.setAttribute(name, '');\n    else this.removeAttribute(name);\n  }\n\n  /** Injeta `<style>` + template no Shadow DOM. */\n  protected setTemplate(html: string): void {\n    const styles = (this.constructor as typeof FxElement).styles;\n    this.root.innerHTML = `<style>${styles}</style>${html}`;\n  }\n\n  /** Implementado por cada componente. */\n  protected abstract render(): void;\n}"],"names":[],"mappings":"AASO,MAAe,aAAf,MAAe,mBAAkB,YAAY;AAAA,EAIlD,WAAW,qBAA+B;AACxC,WAAO,CAAA;AAAA,EACT;AAAA,EAIA,cAAc;AACZ,UAAA;AACA,SAAK,OAAO,KAAK,aAAa,EAAE,MAAM,QAAQ;AAAA,EAChD;AAAA;AAAA,EAGU,yBAAyB,OAAe,WAA0B,WAAgC;AAC1G,QAAI,KAAK,YAAa,MAAK,OAAA;AAAA,EAC7B;AAAA;AAAA,EAGU,oBAA0B;AAClC,SAAK,OAAA;AAAA,EACP;AAAA;AAAA,EAGU,uBAA6B;AAAA,EAEvC;AAAA,EAEU,QAAQ,MAAuB;AACvC,WAAO,KAAK,aAAa,IAAI;AAAA,EAC/B;AAAA,EAEU,QAAQ,MAAc,WAAW,IAAY;AACrD,WAAO,KAAK,aAAa,IAAI,KAAK;AAAA,EACpC;AAAA,EAEU,WAAW,MAAc,IAAmB;AACpD,QAAI,GAAI,MAAK,aAAa,MAAM,EAAE;AAAA,QAC7B,MAAK,gBAAgB,IAAI;AAAA,EAChC;AAAA;AAAA,EAGU,YAAY,MAAoB;AACxC,UAAM,SAAU,KAAK,YAAiC;AACtD,SAAK,KAAK,YAAY,UAAU,MAAM,WAAW,IAAI;AAAA,EACvD;AAIF;AAjDE,WAAO,SAAiB;AAFnB,IAAe,YAAf;"}
+{"version":3,"file":"base.js","sources":["../../src/core/base.ts"],"sourcesContent":["/**\n * Infraestrutura base de Web Component do FenixUI.\n *\n * Todo componente estende `FxElement`, que:\n *  - cria o Shadow Root (isolamento de estrutura e CSS);\n *  - injeta o CSS (tokens via `var(--fx-*)`) + template em cada render;\n *  - re-renderiza quando atributos observados mudam.\n */\n\nexport abstract class FxElement extends HTMLElement {\n  /** CSS isolado no Shadow DOM. Deve usar apenas `var(--fx-*)`. */\n  static styles: string = '';\n\n  static get observedAttributes(): string[] {\n    return [];\n  }\n\n  /**\n   * Opções do `attachShadow` — sobrescreva por componente quando precisar.\n   * `delegatesFocus` (usado pelos componentes de formulário, via FxFormElement)\n   * faz `focus()`, `autofocus` e o clique em `<label for>` atingirem o\n   * controle interno do Shadow DOM, e não só o host.\n   */\n  static shadowOptions: ShadowRootInit = { mode: 'open' };\n\n  protected readonly root: ShadowRoot;\n\n  constructor() {\n    super();\n    this.root = this.attachShadow(\n      (this.constructor as typeof FxElement).shadowOptions,\n    );\n  }\n\n  /** Chamado quando um atributo observado muda. */\n  protected attributeChangedCallback(_name: string, _oldValue: string | null, _newValue: string | null): void {\n    if (this.isConnected) this.render();\n  }\n\n  /** Chamado quando o elemento é anexado ao DOM. */\n  protected connectedCallback(): void {\n    this.render();\n  }\n\n  /** Chamado quando o elemento é removido do DOM (limpeza de recursos). */\n  protected disconnectedCallback(): void {\n    /* noop — sobrescreva para limpar observers/listeners. */\n  }\n\n  protected hasAttr(name: string): boolean {\n    return this.hasAttribute(name);\n  }\n\n  protected getAttr(name: string, fallback = ''): string {\n    return this.getAttribute(name) ?? fallback;\n  }\n\n  protected toggleAttr(name: string, on: boolean): void {\n    if (on) this.setAttribute(name, '');\n    else this.removeAttribute(name);\n  }\n\n  /** Injeta `<style>` + template no Shadow DOM. */\n  protected setTemplate(html: string): void {\n    const styles = (this.constructor as typeof FxElement).styles;\n    this.root.innerHTML = `<style>${styles}</style>${html}`;\n  }\n\n  /** Implementado por cada componente. */\n  protected abstract render(): void;\n}"],"names":[],"mappings":"AASO,MAAe,aAAf,MAAe,mBAAkB,YAAY;AAAA,EAIlD,WAAW,qBAA+B;AACxC,WAAO,CAAA;AAAA,EACT;AAAA,EAYA,cAAc;AACZ,UAAA;AACA,SAAK,OAAO,KAAK;AAAA,MACd,KAAK,YAAiC;AAAA,IAAA;AAAA,EAE3C;AAAA;AAAA,EAGU,yBAAyB,OAAe,WAA0B,WAAgC;AAC1G,QAAI,KAAK,YAAa,MAAK,OAAA;AAAA,EAC7B;AAAA;AAAA,EAGU,oBAA0B;AAClC,SAAK,OAAA;AAAA,EACP;AAAA;AAAA,EAGU,uBAA6B;AAAA,EAEvC;AAAA,EAEU,QAAQ,MAAuB;AACvC,WAAO,KAAK,aAAa,IAAI;AAAA,EAC/B;AAAA,EAEU,QAAQ,MAAc,WAAW,IAAY;AACrD,WAAO,KAAK,aAAa,IAAI,KAAK;AAAA,EACpC;AAAA,EAEU,WAAW,MAAc,IAAmB;AACpD,QAAI,GAAI,MAAK,aAAa,MAAM,EAAE;AAAA,QAC7B,MAAK,gBAAgB,IAAI;AAAA,EAChC;AAAA;AAAA,EAGU,YAAY,MAAoB;AACxC,UAAM,SAAU,KAAK,YAAiC;AACtD,SAAK,KAAK,YAAY,UAAU,MAAM,WAAW,IAAI;AAAA,EACvD;AAIF;AA3DE,WAAO,SAAiB;AAYxB,WAAO,gBAAgC,EAAE,MAAM,OAAA;AAd1C,IAAe,YAAf;"}

package/dist/core/form-element.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Base dos componentes de formulário — Form-Associated Custom Element.
+ *
+ * Por que ela existe: um `<input>` interno do Shadow DOM **não se associa** ao
+ * `<form>` do light DOM (a associação por árvore não cruza a fronteira do
+ * shadow). Sem `formAssociated: true` + `ElementInternals`, o componente fica
+ * invisível para o form: `new FormData(form)` não o inclui, Enter não submete,
+ * `form.elements`/validação/`reset` não o enxergam e `<label for>` não o foca.
+ *
+ * O que esta base entrega:
+ *  - `static formAssociated = true` → o HOST vira campo do form (entra em
+ *    `form.elements`, `FormData`, `checkValidity`, `reset`, e é labelable);
+ *  - `delegatesFocus: true` → `focus()`, `autofocus` e clique em
+ *    `<label for="idDoHost">` focam o controle interno;
+ *  - `updateFormValue()` → publica `name`/`value` no form via `internals`;
+ *  - `formDisabledCallback` → `<fieldset disabled>` desabilita o controle;
+ *  - `formResetCallback` → `form.reset()` restaura o valor inicial;
+ *  - getters nativos: `name`, `form`, `type`, `validity`, `labels`,
+ *    `checkValidity()`, `reportValidity()`.
+ */
+import { FxElement } from './base';
+export declare abstract class FxFormElement extends FxElement {
+    /** Participa de <form> como campo nativo (FormData, reset, validação, label). */
+    static formAssociated: boolean;
+    /** focus()/autofocus/<label for> atingem o controle interno do Shadow DOM. */
+    static shadowOptions: ShadowRootInit;
+    protected readonly internals: ElementInternals | null;
+    /** Valor do atributo `value` quando o componente entrou no form (reset). */
+    protected _initialValue: string;
+    private _initialCaptured;
+    private _autofocused;
+    constructor();
+    /** Nome do campo no FormData (atributo `name`, como no nativo). */
+    get name(): string;
+    /** Form ao qual o componente está associado (null se fora de um form). */
+    get form(): HTMLFormElement | null;
+    get type(): string;
+    get willValidate(): boolean;
+    get validity(): ValidityState | null;
+    get validationMessage(): string;
+    get labels(): NodeList;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    protected connectedCallback(): void;
+    /**
+     * Foca o controle interno: primeiro o HOST (com `delegatesFocus` o browser
+     * repassa ao controle interno) e, se nada for focado (ex.: ambientes sem
+     * delegatesFocus, como jsdom nos testes), o primeiro focável do shadow.
+     */
+    private focusInnerControl;
+    /**
+     * Valor publicado no FormData. Sobrescreva quando o valor NÃO é o atributo
+     * `value` (checkbox/switch enviariam `value || 'on'` quando marcados,
+     * seleção múltipla enviaria várias entradas, fileupload enviaria arquivos).
+     */
+    protected getFormValue(): string | FormData | null;
+    /**
+     * Sincroniza o campo interno, publica name/value no form (ElementInternals)
+     * e emite `input` (v-model do Vue) + `valueChange` ([(value)] do Angular).
+     *
+     * Chame quando o valor mudar — junto do evento semântico (`change`,
+     * `select`, ...) que o componente já dispara. `detail` opcional complementa
+     * o payload (ex.: { start, end } do fx-datepicker).
+     */
+    protected emitValueEvents(detail?: Record<string, unknown>): void;
+    /** Sincroniza name/value com o form (ElementInternals). */
+    protected updateFormValue(): void;
+    /**
+     * <form disabled>/<fieldset disabled>: espelha no atributo `disabled`
+     * observado — o re-render desabilita o controle interno.
+     */
+    formDisabledCallback(disabled: boolean): void;
+    /** form.reset(): restaura o valor inicial e sincroniza o campo interno. */
+    formResetCallback(): void;
+    /**
+     * Hook: empurra o valor atual do atributo `value` para o controle interno
+     * SEM re-renderizar (componentes com campo nativo interno sobrescrevem).
+     */
+    protected syncInternalControl(): void;
+}
+//# sourceMappingURL=form-element.d.ts.map

package/dist/core/form-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-element.d.ts","sourceRoot":"","sources":["../../src/core/form-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,8BAAsB,aAAc,SAAQ,SAAS;IACnD,iFAAiF;IACjF,MAAM,CAAC,cAAc,UAAQ;IAC7B,8EAA8E;IAC9E,OAAgB,aAAa,EAAE,cAAc,CAG3C;IAEF,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACtD,4EAA4E;IAC5E,SAAS,CAAC,aAAa,SAAM;IAC7B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,YAAY,CAAS;;IAU7B,mEAAmE;IACnE,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,0EAA0E;IAC1E,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAIjC;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,IAAI,QAAQ,IAAI,aAAa,GAAG,IAAI,CAEnC;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,IAAI,MAAM,IAAI,QAAQ,CAErB;IAED,aAAa,IAAI,OAAO;IAIxB,cAAc,IAAI,OAAO;cAIN,iBAAiB,IAAI,IAAI;IAkB5C;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;;;OAIG;IACH,SAAS,CAAC,YAAY,IAAI,MAAM,GAAG,QAAQ,GAAG,IAAI;IAIlD;;;;;;;OAOG;IACH,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAgBjE,2DAA2D;IAC3D,SAAS,CAAC,eAAe,IAAI,IAAI;IAKjC;;;OAGG;IACH,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAK7C,2EAA2E;IAC3E,iBAAiB,IAAI,IAAI;IAMzB;;;OAGG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI;CAGtC"}

package/dist/core/form-element.js

@@ -0,0 +1,129 @@
+import { FxElement } from "./base.js";
+const _FxFormElement = class _FxFormElement extends FxElement {
+  constructor() {
+    super();
+    this._initialValue = "";
+    this._initialCaptured = false;
+    this._autofocused = false;
+    this.internals = typeof this.attachInternals === "function" ? this.attachInternals() : null;
+  }
+  /** Nome do campo no FormData (atributo `name`, como no nativo). */
+  get name() {
+    return this.getAttribute("name") ?? "";
+  }
+  /** Form ao qual o componente está associado (null se fora de um form). */
+  get form() {
+    return this.internals?.form ?? this.closest("form");
+  }
+  get type() {
+    return this.localName;
+  }
+  get willValidate() {
+    return this.internals?.willValidate ?? false;
+  }
+  get validity() {
+    return this.internals?.validity ?? null;
+  }
+  get validationMessage() {
+    return this.internals?.validationMessage ?? "";
+  }
+  get labels() {
+    return this.internals?.labels ?? this.childNodes;
+  }
+  checkValidity() {
+    return this.internals?.checkValidity?.() ?? true;
+  }
+  reportValidity() {
+    return this.internals?.reportValidity?.() ?? true;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this._initialCaptured) {
+      this._initialCaptured = true;
+      this._initialValue = this.getAttr("value");
+    }
+    this.updateFormValue();
+    if (!this._autofocused && this.hasAttr("autofocus")) {
+      this._autofocused = true;
+      queueMicrotask(() => {
+        if (this.isConnected && this.hasAttr("autofocus")) this.focusInnerControl();
+      });
+    }
+  }
+  /**
+   * Foca o controle interno: primeiro o HOST (com `delegatesFocus` o browser
+   * repassa ao controle interno) e, se nada for focado (ex.: ambientes sem
+   * delegatesFocus, como jsdom nos testes), o primeiro focável do shadow.
+   */
+  focusInnerControl() {
+    this.focus();
+    if (!this.root.activeElement) {
+      const first = this.root.querySelector(
+        'input, textarea, button, select, [tabindex]:not([tabindex="-1"])'
+      );
+      first?.focus();
+    }
+  }
+  /**
+   * Valor publicado no FormData. Sobrescreva quando o valor NÃO é o atributo
+   * `value` (checkbox/switch enviariam `value || 'on'` quando marcados,
+   * seleção múltipla enviaria várias entradas, fileupload enviaria arquivos).
+   */
+  getFormValue() {
+    return this.getAttr("value") || null;
+  }
+  /**
+   * Sincroniza o campo interno, publica name/value no form (ElementInternals)
+   * e emite `input` (v-model do Vue) + `valueChange` ([(value)] do Angular).
+   *
+   * Chame quando o valor mudar — junto do evento semântico (`change`,
+   * `select`, ...) que o componente já dispara. `detail` opcional complementa
+   * o payload (ex.: { start, end } do fx-datepicker).
+   */
+  emitValueEvents(detail) {
+    const value = this.getAttr("value");
+    this.syncInternalControl();
+    this.updateFormValue();
+    const payload = { value, ...detail };
+    for (const type of ["input", "valueChange"]) {
+      this.dispatchEvent(
+        new CustomEvent(type, { bubbles: true, composed: true, detail: payload })
+      );
+    }
+  }
+  /** Sincroniza name/value com o form (ElementInternals). */
+  updateFormValue() {
+    if (!this.internals || typeof this.internals.setFormValue !== "function") return;
+    this.internals.setFormValue(this.getFormValue());
+  }
+  /**
+   * <form disabled>/<fieldset disabled>: espelha no atributo `disabled`
+   * observado — o re-render desabilita o controle interno.
+   */
+  formDisabledCallback(disabled) {
+    if (disabled) this.setAttribute("disabled", "");
+    else this.removeAttribute("disabled");
+  }
+  /** form.reset(): restaura o valor inicial e sincroniza o campo interno. */
+  formResetCallback() {
+    this.setAttribute("value", this._initialValue);
+    this.syncInternalControl();
+    this.updateFormValue();
+  }
+  /**
+   * Hook: empurra o valor atual do atributo `value` para o controle interno
+   * SEM re-renderizar (componentes com campo nativo interno sobrescrevem).
+   */
+  syncInternalControl() {
+  }
+};
+_FxFormElement.formAssociated = true;
+_FxFormElement.shadowOptions = {
+  mode: "open",
+  delegatesFocus: true
+};
+let FxFormElement = _FxFormElement;
+export {
+  FxFormElement
+};
+//# sourceMappingURL=form-element.js.map

package/dist/core/form-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-element.js","sources":["../../src/core/form-element.ts"],"sourcesContent":["/**\n * Base dos componentes de formulário — Form-Associated Custom Element.\n *\n * Por que ela existe: um `<input>` interno do Shadow DOM **não se associa** ao\n * `<form>` do light DOM (a associação por árvore não cruza a fronteira do\n * shadow). Sem `formAssociated: true` + `ElementInternals`, o componente fica\n * invisível para o form: `new FormData(form)` não o inclui, Enter não submete,\n * `form.elements`/validação/`reset` não o enxergam e `<label for>` não o foca.\n *\n * O que esta base entrega:\n *  - `static formAssociated = true` → o HOST vira campo do form (entra em\n *    `form.elements`, `FormData`, `checkValidity`, `reset`, e é labelable);\n *  - `delegatesFocus: true` → `focus()`, `autofocus` e clique em\n *    `<label for=\"idDoHost\">` focam o controle interno;\n *  - `updateFormValue()` → publica `name`/`value` no form via `internals`;\n *  - `formDisabledCallback` → `<fieldset disabled>` desabilita o controle;\n *  - `formResetCallback` → `form.reset()` restaura o valor inicial;\n *  - getters nativos: `name`, `form`, `type`, `validity`, `labels`,\n *    `checkValidity()`, `reportValidity()`.\n */\n\nimport { FxElement } from './base';\n\nexport abstract class FxFormElement extends FxElement {\n  /** Participa de <form> como campo nativo (FormData, reset, validação, label). */\n  static formAssociated = true;\n  /** focus()/autofocus/<label for> atingem o controle interno do Shadow DOM. */\n  static override shadowOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  };\n\n  protected readonly internals: ElementInternals | null;\n  /** Valor do atributo `value` quando o componente entrou no form (reset). */\n  protected _initialValue = '';\n  private _initialCaptured = false;\n  private _autofocused = false;\n\n  constructor() {\n    super();\n    // Ambientes sem ElementInternals (ex.: jsdom nos testes) funcionam sem a\n    // integração nativa de form — tudo aqui é defensivo.\n    this.internals =\n      typeof this.attachInternals === 'function' ? this.attachInternals() : null;\n  }\n\n  /** Nome do campo no FormData (atributo `name`, como no nativo). */\n  get name(): string {\n    return this.getAttribute('name') ?? '';\n  }\n\n  /** Form ao qual o componente está associado (null se fora de um form). */\n  get form(): HTMLFormElement | null {\n    return (\n      this.internals?.form ?? (this.closest('form') as HTMLFormElement | null)\n    );\n  }\n\n  get type(): string {\n    return this.localName;\n  }\n\n  get willValidate(): boolean {\n    return this.internals?.willValidate ?? false;\n  }\n\n  get validity(): ValidityState | null {\n    return this.internals?.validity ?? null;\n  }\n\n  get validationMessage(): string {\n    return this.internals?.validationMessage ?? '';\n  }\n\n  get labels(): NodeList {\n    return this.internals?.labels ?? this.childNodes;\n  }\n\n  checkValidity(): boolean {\n    return this.internals?.checkValidity?.() ?? true;\n  }\n\n  reportValidity(): boolean {\n    return this.internals?.reportValidity?.() ?? true;\n  }\n\n  protected override connectedCallback(): void {\n    super.connectedCallback(); // render inicial\n    if (!this._initialCaptured) {\n      this._initialCaptured = true;\n      this._initialValue = this.getAttr('value');\n    }\n    this.updateFormValue();\n    // autofocus: nem todo browser foca form-associated custom elements (em\n    // especial dentro de shadow DOM do app consumidor) — garante aqui. O\n    // delegatesFocus leva o foco ao controle interno.\n    if (!this._autofocused && this.hasAttr('autofocus')) {\n      this._autofocused = true;\n      queueMicrotask(() => {\n        if (this.isConnected && this.hasAttr('autofocus')) this.focusInnerControl();\n      });\n    }\n  }\n\n  /**\n   * Foca o controle interno: primeiro o HOST (com `delegatesFocus` o browser\n   * repassa ao controle interno) e, se nada for focado (ex.: ambientes sem\n   * delegatesFocus, como jsdom nos testes), o primeiro focável do shadow.\n   */\n  private focusInnerControl(): void {\n    this.focus();\n    if (!this.root.activeElement) {\n      const first = this.root.querySelector<HTMLElement>(\n        'input, textarea, button, select, [tabindex]:not([tabindex=\"-1\"])',\n      );\n      first?.focus();\n    }\n  }\n\n  /**\n   * Valor publicado no FormData. Sobrescreva quando o valor NÃO é o atributo\n   * `value` (checkbox/switch enviariam `value || 'on'` quando marcados,\n   * seleção múltipla enviaria várias entradas, fileupload enviaria arquivos).\n   */\n  protected getFormValue(): string | FormData | null {\n    return this.getAttr('value') || null;\n  }\n\n  /**\n   * Sincroniza o campo interno, publica name/value no form (ElementInternals)\n   * e emite `input` (v-model do Vue) + `valueChange` ([(value)] do Angular).\n   *\n   * Chame quando o valor mudar — junto do evento semântico (`change`,\n   * `select`, ...) que o componente já dispara. `detail` opcional complementa\n   * o payload (ex.: { start, end } do fx-datepicker).\n   */\n  protected emitValueEvents(detail?: Record<string, unknown>): void {\n    const value = this.getAttr('value');\n\n    // Empurra o valor para o controle interno SEM re-renderizar (hook —\n    // componentes com máscara/campo customizado sobrescrevem).\n    this.syncInternalControl();\n    this.updateFormValue();\n\n    const payload = { value, ...detail };\n    for (const type of ['input', 'valueChange'] as const) {\n      this.dispatchEvent(\n        new CustomEvent(type, { bubbles: true, composed: true, detail: payload }),\n      );\n    }\n  }\n\n  /** Sincroniza name/value com o form (ElementInternals). */\n  protected updateFormValue(): void {\n    if (!this.internals || typeof this.internals.setFormValue !== 'function') return;\n    this.internals.setFormValue(this.getFormValue());\n  }\n\n  /**\n   * <form disabled>/<fieldset disabled>: espelha no atributo `disabled`\n   * observado — o re-render desabilita o controle interno.\n   */\n  formDisabledCallback(disabled: boolean): void {\n    if (disabled) this.setAttribute('disabled', '');\n    else this.removeAttribute('disabled');\n  }\n\n  /** form.reset(): restaura o valor inicial e sincroniza o campo interno. */\n  formResetCallback(): void {\n    this.setAttribute('value', this._initialValue);\n    this.syncInternalControl();\n    this.updateFormValue();\n  }\n\n  /**\n   * Hook: empurra o valor atual do atributo `value` para o controle interno\n   * SEM re-renderizar (componentes com campo nativo interno sobrescrevem).\n   */\n  protected syncInternalControl(): void {\n    /* opcional */\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/core/presets.d.ts

@@ -2,9 +2,15 @@
  * Presets de tema prontos para uso.
  *
  * Cada preset é um override parcial profundo sobre os tokens base.
- * Combina com o modo claro/escuro: `applyPreset('seiya', 'dark')`.
+ * Combina com o modo claro/escuro: `applyPreset('ikki', 'dark')`.
+ *
+ * `ikki` é o preset **padrão**: usa a identidade base (paleta indigo do tema
+ * claro/escuro) e apenas desliga o anel de foco. Os demais presets trazem
+ * paletas/raios próprios.
  */
 import { type DeepPartial, type FenixTokens } from './tokens';
+/** Nome do preset padrão (fallback de `applyPreset` e boot da documentação). */
+export declare const DEFAULT_PRESET = "ikki";
 export interface FenixPreset {
     /** Identificador usado em `applyPreset(name)`. */
     name: string;
@@ -14,12 +20,11 @@ export interface FenixPreset {
     tokens: DeepPartial<FenixTokens>;
 }
 export declare const themePresets: {
-    readonly fenix: FenixPreset;
+    readonly ikki: FenixPreset;
     readonly seiya: FenixPreset;
     readonly shiryu: FenixPreset;
     readonly hyoga: FenixPreset;
     readonly shun: FenixPreset;
-    readonly ikki: FenixPreset;
     readonly aiolia: FenixPreset;
 };
 /** Lista todos os presets registrados (inclui os customizados). */

package/dist/core/presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/core/presets.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,WAAW,WAAW;IAC1B,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CAClC;AAaD,eAAO,MAAM,YAAY;;;;;;;;CA8Ff,CAAC;AAEX,mEAAmE;AACnE,wBAAgB,WAAW,IAAI,WAAW,EAAE,CAE3C;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,GAC/B,WAAW,CAEb;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,MAAM,EAClB,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B;IAAE,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAI7C"}
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/core/presets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE9D,gFAAgF;AAChF,eAAO,MAAM,cAAc,SAAS,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CAClC;AAaD,eAAO,MAAM,YAAY;;;;;;;CAiFf,CAAC;AAEX,mEAAmE;AACnE,wBAAgB,WAAW,IAAI,WAAW,EAAE,CAE3C;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,GAC/B,WAAW,CAEb;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,MAAM,EAClB,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B;IAAE,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAK7C"}

package/dist/core/presets.js

@@ -1,13 +1,14 @@
 import { configure } from "./theme.js";
+const DEFAULT_PRESET = "ikki";
 const registry = /* @__PURE__ */ new Map();
 function register(preset) {
   registry.set(preset.name, preset);
   return preset;
 }
 const themePresets = {
-  fenix: register({
-    name: "fenix",
-    label: "Fenix (padrão)",
+  ikki: register({
+    name: "ikki",
+    label: "Ikki (padrão)",
     tokens: { effect: { "focus-ring": "none" } }
   }),
   seiya: register({
@@ -69,19 +70,6 @@ const themePresets = {
       radius: { sm: "10px", md: "14px", lg: "20px" }
     }
   }),
-  ikki: register({
-    name: "ikki",
-    label: "Ikki",
-    tokens: {
-      color: {
-        primary: "#ea580c",
-        secondary: "#fb923c",
-        danger: "#dc2626",
-        warning: "#f59e0b"
-      },
-      radius: { sm: "2px", md: "4px", lg: "6px" }
-    }
-  }),
   aiolia: register({
     name: "aiolia",
     label: "Aiolia",
@@ -106,11 +94,12 @@ function defineCustomPreset(name, label, tokens) {
   return register({ name, label, tokens });
 }
 function applyPreset(presetName, mode = "light") {
-  const preset = registry.get(presetName) ?? registry.get("fenix");
+  const preset = registry.get(presetName) ?? registry.get(DEFAULT_PRESET);
   const state = configure({ theme: mode, tokens: preset.tokens });
   return { ...state, preset: preset.name };
 }
 export {
+  DEFAULT_PRESET,
   applyPreset,
   defineCustomPreset,
   listPresets,

package/dist/core/presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"presets.js","sources":["../../src/core/presets.ts"],"sourcesContent":["/**\n * Presets de tema prontos para uso.\n *\n * Cada preset é um override parcial profundo sobre os tokens base.\n * Combina com o modo claro/escuro: `applyPreset('seiya', 'dark')`.\n */\n\nimport { configure } from './theme';\nimport { type DeepPartial, type FenixTokens } from './tokens';\n\nexport interface FenixPreset {\n  /** Identificador usado em `applyPreset(name)`. */\n  name: string;\n  /** Rótulo amigável para UIs (documentação/seletor). */\n  label: string;\n  /** Override parcial de tokens aplicado sobre o tema base. */\n  tokens: DeepPartial<FenixTokens>;\n}\n\nconst registry = new Map<string, FenixPreset>();\n\nfunction register(preset: FenixPreset): FenixPreset {\n  registry.set(preset.name, preset);\n  return preset;\n}\n\n/* ------------------------------------------------------------------ */\n/* Cavaleiros do Zodíaco ✨                                            */\n/* ------------------------------------------------------------------ */\n\nexport const themePresets = {\n\tfenix: register({\n\t\tname: \"fenix\",\n\t\tlabel: \"Fenix (padrão)\",\n\t\ttokens: { effect: { \"focus-ring\": \"none\" } },\n\t}),\n\tseiya: register({\n\t\tname: \"seiya\",\n\t\tlabel: \"Seiya\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#e11d48\",\n\t\t\t\tsecondary: \"#fb7185\",\n\t\t\t\tinfo: \"#f43f5e\",\n\t\t\t\tdanger: \"#be123c\",\n\t\t\t},\n\t\t\tradius: { sm: \"6px\", md: \"10px\", lg: \"16px\" },\n\t\t\teffect: {\n\t\t\t\t\"focus-ring\": \"none\",\n\t\t\t},\n\t\t},\n\t}),\n\tshiryu: register({\n\t\tname: \"shiryu\",\n\t\tlabel: \"Shiryu\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#0d9488\",\n\t\t\t\tsecondary: \"#2dd4bf\",\n\t\t\t\tsuccess: \"#059669\",\n\t\t\t\tinfo: \"#14b8a6\",\n\t\t\t},\n\t\t\tradius: { sm: \"4px\", md: \"8px\", lg: \"14px\" },\n\t\t\teffect: {\n\t\t\t\t\"focus-ring\": \"none\",\n\t\t\t},\n\t\t},\n\t}),\n\thyoga: register({\n\t\tname: \"hyoga\",\n\t\tlabel: \"Hyoga\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#0284c7\",\n\t\t\t\tsecondary: \"#38bdf8\",\n\t\t\t\tinfo: \"#06b6d4\",\n\t\t\t\tdanger: \"#e11d48\",\n\t\t\t},\n\t\t\tsurface: { surface: \"#f0f9ff\", \"surface-hover\": \"#e0f2fe\" },\n\t\t\tradius: { sm: \"8px\", md: \"12px\", lg: \"18px\" },\n\t\t},\n\t}),\n\tshun: register({\n\t\tname: \"shun\",\n\t\tlabel: \"Shun\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#db2777\",\n\t\t\t\tsecondary: \"#f472b6\",\n\t\t\t\tinfo: \"#ec4899\",\n\t\t\t\twarning: \"#c026d3\",\n\t\t\t},\n\t\t\tradius: { sm: \"10px\", md: \"14px\", lg: \"20px\" },\n\t\t},\n\t}),\n\tikki: register({\n\t\tname: \"ikki\",\n\t\tlabel: \"Ikki\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#ea580c\",\n\t\t\t\tsecondary: \"#fb923c\",\n\t\t\t\tdanger: \"#dc2626\",\n\t\t\t\twarning: \"#f59e0b\",\n\t\t\t},\n\t\t\tradius: { sm: \"2px\", md: \"4px\", lg: \"6px\" },\n\t\t},\n\t}),\n\taiolia: register({\n\t\tname: \"aiolia\",\n\t\tlabel: \"Aiolia\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#b45309\",\n\t\t\t\tsecondary: \"#f59e0b\",\n\t\t\t\twarning: \"#eab308\",\n\t\t\t\tinfo: \"#84cc16\",\n\t\t\t},\n\t\t\tradius: { sm: \"6px\", md: \"12px\", lg: \"20px\" },\n\t\t\teffect: {\n\t\t\t\t\"focus-ring\": \"none\",\n\t\t\t},\n\t\t},\n\t}),\n} as const;\n\n/** Lista todos os presets registrados (inclui os customizados). */\nexport function listPresets(): FenixPreset[] {\n  return [...registry.values()];\n}\n\n/**\n * Registra um preset personalizado, tornando-o disponível em `applyPreset`.\n * Útil para o usuário criar seu próprio tema e reutilizá-lo na aplicação.\n */\nexport function defineCustomPreset(\n  name: string,\n  label: string,\n  tokens: DeepPartial<FenixTokens>,\n): FenixPreset {\n  return register({ name, label, tokens });\n}\n\n/**\n * Aplica um preset + modo de cor em runtime.\n * @returns o estado ativo ({ theme }) repassado por `configure`.\n */\nexport function applyPreset(\n  presetName: string,\n  mode: 'light' | 'dark' = 'light',\n): { theme: 'light' | 'dark'; preset: string } {\n  const preset = registry.get(presetName) ?? registry.get('fenix')!;\n  const state = configure({ theme: mode, tokens: preset.tokens });\n  return { ...state, preset: preset.name };\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"presets.js","sources":["../../src/core/presets.ts"],"sourcesContent":["/**\n * Presets de tema prontos para uso.\n *\n * Cada preset é um override parcial profundo sobre os tokens base.\n * Combina com o modo claro/escuro: `applyPreset('ikki', 'dark')`.\n *\n * `ikki` é o preset **padrão**: usa a identidade base (paleta indigo do tema\n * claro/escuro) e apenas desliga o anel de foco. Os demais presets trazem\n * paletas/raios próprios.\n */\n\nimport { configure } from './theme';\nimport { type DeepPartial, type FenixTokens } from './tokens';\n\n/** Nome do preset padrão (fallback de `applyPreset` e boot da documentação). */\nexport const DEFAULT_PRESET = 'ikki';\n\nexport interface FenixPreset {\n  /** Identificador usado em `applyPreset(name)`. */\n  name: string;\n  /** Rótulo amigável para UIs (documentação/seletor). */\n  label: string;\n  /** Override parcial de tokens aplicado sobre o tema base. */\n  tokens: DeepPartial<FenixTokens>;\n}\n\nconst registry = new Map<string, FenixPreset>();\n\nfunction register(preset: FenixPreset): FenixPreset {\n  registry.set(preset.name, preset);\n  return preset;\n}\n\n/* ------------------------------------------------------------------ */\n/* Cavaleiros do Zodíaco ✨                                            */\n/* ------------------------------------------------------------------ */\n\nexport const themePresets = {\n\tikki: register({\n\t\tname: \"ikki\",\n\t\tlabel: \"Ikki (padrão)\",\n\t\ttokens: { effect: { \"focus-ring\": \"none\" } },\n\t}),\n\tseiya: register({\n\t\tname: \"seiya\",\n\t\tlabel: \"Seiya\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#e11d48\",\n\t\t\t\tsecondary: \"#fb7185\",\n\t\t\t\tinfo: \"#f43f5e\",\n\t\t\t\tdanger: \"#be123c\",\n\t\t\t},\n\t\t\tradius: { sm: \"6px\", md: \"10px\", lg: \"16px\" },\n\t\t\teffect: {\n\t\t\t\t\"focus-ring\": \"none\",\n\t\t\t},\n\t\t},\n\t}),\n\tshiryu: register({\n\t\tname: \"shiryu\",\n\t\tlabel: \"Shiryu\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#0d9488\",\n\t\t\t\tsecondary: \"#2dd4bf\",\n\t\t\t\tsuccess: \"#059669\",\n\t\t\t\tinfo: \"#14b8a6\",\n\t\t\t},\n\t\t\tradius: { sm: \"4px\", md: \"8px\", lg: \"14px\" },\n\t\t\teffect: {\n\t\t\t\t\"focus-ring\": \"none\",\n\t\t\t},\n\t\t},\n\t}),\n\thyoga: register({\n\t\tname: \"hyoga\",\n\t\tlabel: \"Hyoga\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#0284c7\",\n\t\t\t\tsecondary: \"#38bdf8\",\n\t\t\t\tinfo: \"#06b6d4\",\n\t\t\t\tdanger: \"#e11d48\",\n\t\t\t},\n\t\t\tsurface: { surface: \"#f0f9ff\", \"surface-hover\": \"#e0f2fe\" },\n\t\t\tradius: { sm: \"8px\", md: \"12px\", lg: \"18px\" },\n\t\t},\n\t}),\n\tshun: register({\n\t\tname: \"shun\",\n\t\tlabel: \"Shun\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#db2777\",\n\t\t\t\tsecondary: \"#f472b6\",\n\t\t\t\tinfo: \"#ec4899\",\n\t\t\t\twarning: \"#c026d3\",\n\t\t\t},\n\t\t\tradius: { sm: \"10px\", md: \"14px\", lg: \"20px\" },\n\t\t},\n\t}),\n\taiolia: register({\n\t\tname: \"aiolia\",\n\t\tlabel: \"Aiolia\",\n\t\ttokens: {\n\t\t\tcolor: {\n\t\t\t\tprimary: \"#b45309\",\n\t\t\t\tsecondary: \"#f59e0b\",\n\t\t\t\twarning: \"#eab308\",\n\t\t\t\tinfo: \"#84cc16\",\n\t\t\t},\n\t\t\tradius: { sm: \"6px\", md: \"12px\", lg: \"20px\" },\n\t\t\teffect: {\n\t\t\t\t\"focus-ring\": \"none\",\n\t\t\t},\n\t\t},\n\t}),\n} as const;\n\n/** Lista todos os presets registrados (inclui os customizados). */\nexport function listPresets(): FenixPreset[] {\n  return [...registry.values()];\n}\n\n/**\n * Registra um preset personalizado, tornando-o disponível em `applyPreset`.\n * Útil para o usuário criar seu próprio tema e reutilizá-lo na aplicação.\n */\nexport function defineCustomPreset(\n  name: string,\n  label: string,\n  tokens: DeepPartial<FenixTokens>,\n): FenixPreset {\n  return register({ name, label, tokens });\n}\n\n/**\n * Aplica um preset + modo de cor em runtime.\n * @returns o estado ativo ({ theme }) repassado por `configure`.\n */\nexport function applyPreset(\n  presetName: string,\n  mode: 'light' | 'dark' = 'light',\n): { theme: 'light' | 'dark'; preset: string } {\n  // Preset desconhecido (ou o antigo nome \"fenix\") cai no padrão atual.\n  const preset = registry.get(presetName) ?? registry.get(DEFAULT_PRESET)!;\n  const state = configure({ theme: mode, tokens: preset.tokens });\n  return { ...state, preset: preset.name };\n}"],"names":[],"mappings":";AAeO,MAAM,iBAAiB;AAW9B,MAAM,+BAAe,IAAA;AAErB,SAAS,SAAS,QAAkC;AAClD,WAAS,IAAI,OAAO,MAAM,MAAM;AAChC,SAAO;AACT;AAMO,MAAM,eAAe;AAAA,EAC3B,MAAM,SAAS;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ,EAAE,QAAQ,EAAE,cAAc,SAAO;AAAA,EAAE,CAC3C;AAAA,EACD,OAAO,SAAS;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACP,OAAO;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,MAET,QAAQ,EAAE,IAAI,OAAO,IAAI,QAAQ,IAAI,OAAA;AAAA,MACrC,QAAQ;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,IACf;AAAA,EACD,CACA;AAAA,EACD,QAAQ,SAAS;AAAA,IAChB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACP,OAAO;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEP,QAAQ,EAAE,IAAI,OAAO,IAAI,OAAO,IAAI,OAAA;AAAA,MACpC,QAAQ;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,IACf;AAAA,EACD,CACA;AAAA,EACD,OAAO,SAAS;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACP,OAAO;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,MAET,SAAS,EAAE,SAAS,WAAW,iBAAiB,UAAA;AAAA,MAChD,QAAQ,EAAE,IAAI,OAAO,IAAI,QAAQ,IAAI,OAAA;AAAA,IAAO;AAAA,EAC7C,CACA;AAAA,EACD,MAAM,SAAS;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACP,OAAO;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEV,QAAQ,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAA;AAAA,IAAO;AAAA,EAC9C,CACA;AAAA,EACD,QAAQ,SAAS;AAAA,IAChB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACP,OAAO;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEP,QAAQ,EAAE,IAAI,OAAO,IAAI,QAAQ,IAAI,OAAA;AAAA,MACrC,QAAQ;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,IACf;AAAA,EACD,CACA;AACF;AAGO,SAAS,cAA6B;AAC3C,SAAO,CAAC,GAAG,SAAS,QAAQ;AAC9B;AAMO,SAAS,mBACd,MACA,OACA,QACa;AACb,SAAO,SAAS,EAAE,MAAM,OAAO,QAAQ;AACzC;AAMO,SAAS,YACd,YACA,OAAyB,SACoB;AAE7C,QAAM,SAAS,SAAS,IAAI,UAAU,KAAK,SAAS,IAAI,cAAc;AACtE,QAAM,QAAQ,UAAU,EAAE,OAAO,MAAM,QAAQ,OAAO,QAAQ;AAC9D,SAAO,EAAE,GAAG,OAAO,QAAQ,OAAO,KAAA;AACpC;"}

package/dist/core/types.d.ts

@@ -28,6 +28,10 @@ export interface FxElementProps {
     full?: boolean;
     /** Texto/label do controle. */
     label?: string;
+    /** Nome do campo no FormData quando dentro de um <form>. */
+    name?: string;
+    /** Foca o controle interno ao entrar na tela (componentes de formulário). */
+    autofocus?: boolean;
     /** Texto de apoio/placeholder. */
     placeholder?: string;
     /** Valor do controle (string ou número). */

package/dist/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,6BAA6B;AAC7B,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvC,oEAAoE;AACpE,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExC;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,4DAA4D;IAC5D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,6BAA6B;AAC7B,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvC,oEAAoE;AACpE,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExC;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,4DAA4D;IAC5D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

package/dist/docs/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/docs/app.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EAAiB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAY5B,OAAO,EAAa,aAAa,EAAE,MAAM,WAAW,CAAC;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAC;AAkEzB,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C;AA6pED,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,IAAI,CAAgB,CAAC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/docs/app.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EAAiB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAY5B,OAAO,EAAa,aAAa,EAAgB,MAAM,WAAW,CAAC;AAInE,OAAO,EAAE,aAAa,EAAE,CAAC;AAkEzB,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C;AA6xED,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,IAAI,CAAgB,CAAC"}

package/dist/docs/componentes/autocomplete.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/autocomplete.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,eAAe,EAAE,YAiG7B,CAAC"}
+{"version":3,"file":"autocomplete.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/autocomplete.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,eAAe,EAAE,YAuG7B,CAAC"}

package/dist/docs/componentes/checkbox.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/checkbox.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAwDzB,CAAC"}
+{"version":3,"file":"checkbox.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/checkbox.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YA8DzB,CAAC"}

package/dist/docs/componentes/datepicker.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/datepicker.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,aAAa,EAAE,YAgK3B,CAAC"}
+{"version":3,"file":"datepicker.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/datepicker.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,aAAa,EAAE,YAsK3B,CAAC"}

package/dist/docs/componentes/fileupload.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fileupload.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/fileupload.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,aAAa,EAAE,YAmE3B,CAAC"}
+{"version":3,"file":"fileupload.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/fileupload.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,aAAa,EAAE,YAoE3B,CAAC"}

package/dist/docs/componentes/input.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/input.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,QAAQ,EAAE,YAmNtB,CAAC"}
+{"version":3,"file":"input.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/input.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,QAAQ,EAAE,YA+NtB,CAAC"}

package/dist/docs/componentes/knob.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"knob.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/knob.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,YAiKrB,CAAC"}
+{"version":3,"file":"knob.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/knob.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,YAuKrB,CAAC"}

package/dist/docs/componentes/multiselect.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/multiselect.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,cAAc,EAAE,YAoI5B,CAAC"}
+{"version":3,"file":"multiselect.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/multiselect.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,cAAc,EAAE,YA0I5B,CAAC"}

package/dist/docs/componentes/rating.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rating.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/rating.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,SAAS,EAAE,YA6BvB,CAAC"}
+{"version":3,"file":"rating.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/rating.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,SAAS,EAAE,YA8BvB,CAAC"}

package/dist/docs/componentes/select.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/select.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,SAAS,EAAE,YA8JvB,CAAC"}
+{"version":3,"file":"select.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/select.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,SAAS,EAAE,YAoKvB,CAAC"}

package/dist/docs/componentes/slider.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/slider.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,SAAS,EAAE,YAqCvB,CAAC"}
+{"version":3,"file":"slider.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/slider.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,SAAS,EAAE,YAsCvB,CAAC"}

package/dist/docs/componentes/switch.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/switch.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,SAAS,EAAE,YA+CvB,CAAC"}
+{"version":3,"file":"switch.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/switch.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,SAAS,EAAE,YA2DvB,CAAC"}

package/dist/docs/componentes/textarea.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/textarea.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YA2FzB,CAAC"}
+{"version":3,"file":"textarea.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/textarea.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAuGzB,CAAC"}

package/dist/docs/componentes/toast.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/toast.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ,EAAE,YAsHtB,CAAC"}
+{"version":3,"file":"toast.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/toast.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ,EAAE,YAkJtB,CAAC"}

package/dist/docs/componentes/toggle-button-group.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-group.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/toggle-button-group.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,oBAAoB,EAAE,YA0BlC,CAAC"}
+{"version":3,"file":"toggle-button-group.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/toggle-button-group.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,oBAAoB,EAAE,YA2BlC,CAAC"}

package/dist/docs/frameworks.d.ts

@@ -0,0 +1,75 @@
+export type FrameworkId = 'html' | 'vue' | 'react' | 'angular' | 'svelte';
+export declare const FRAMEWORKS: {
+    id: FrameworkId;
+    label: string;
+}[];
+export declare const FRAMEWORK_STORAGE_KEY = "fenix:doc:framework-tab";
+export interface ParsedAttr {
+    name: string;
+    /** `true` = booleano presente sem valor (`disabled`, `clearable`…). */
+    value: string | true;
+    /** Aspas originais — JSON com `"` precisa continuar em aspas simples. */
+    quote?: '"' | "'";
+}
+/** Parse de atributos: aceita `name="x"`, `name='x'` e booleanos. */
+export declare function parseAttrs(src: string): ParsedAttr[];
+/** Extrai tag raiz + inner do 1º `<fx-*>` do HTML. */
+export declare function splitTag(html: string): {
+    tag: string;
+    attrs: ParsedAttr[];
+    inner: string;
+} | null;
+export interface TagToken {
+    tag: string;
+    attrs: string;
+    selfClose: boolean;
+    close: boolean;
+    /** Índice do `<` no HTML original. */
+    start: number;
+    /** Índice logo após o `>`. */
+    end: number;
+}
+/**
+ * Scanner linear de tags (sem regex com backtracking).
+ *
+ * Atributos com JSON (`data='[{"a":1}]'`) quebravam o regex por causa das
+ * aspas aninhadas — o custo explodia e a página travava.
+ */
+export declare function scanTags(html: string): TagToken[];
+/** Imports dos subpaths dos componentes presentes no fragmento. */
+export declare function importsForHtml(html: string, imports?: string[]): string[];
+/**
+ * Gera as 5 versões de um FRAGMENTO HTML (um ou vários componentes) — é o
+ * caminho usado pelos modelos de formulário e pelos casos de uso da Home.
+ */
+export declare function buildFragmentSnippets(opts: {
+    html: string;
+    imports?: string[];
+    /** Inclui handler de clique nos `fx-button` (playground). */
+    withClick?: boolean;
+}): Record<FrameworkId, string>;
+/** Compat: playground (um componente, já formatado). */
+export declare function buildSnippets(opts: {
+    tag: string;
+    imports: string[];
+    prettyHtml: string;
+    rawHtml: string;
+    events?: {
+        name: string;
+    }[];
+}): Record<FrameworkId, string>;
+/** Compat: cards de caso de uso. */
+export declare function buildSnippetsForHtml(opts: {
+    tag: string;
+    imports: string[];
+    html: string;
+    events?: {
+        name: string;
+    }[];
+}): Record<FrameworkId, string>;
+/** Bloco de abas (contrato: `.fw-tabs > button[data-fw]` + `.fw-pane[data-pane]`). */
+export declare function frameworkTabsHtml(snippets: Record<FrameworkId, string>, active?: FrameworkId): string;
+export declare function readSavedFramework(): FrameworkId;
+/** Troca de abas + persistência em localStorage (mesmo padrão da sidebar). */
+export declare function wireFrameworkTabs(root: ParentNode): void;
+//# sourceMappingURL=frameworks.d.ts.map

package/dist/docs/frameworks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frameworks.d.ts","sourceRoot":"","sources":["../../src/docs/frameworks.ts"],"names":[],"mappings":"AAgBA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1E,eAAO,MAAM,UAAU,EAAE;IAAE,EAAE,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAM1D,CAAC;AAEF,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAE/D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,yEAAyE;IACzE,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,EAAE,CAYpD;AA4DD,sDAAsD;AACtD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAUjG;AAyHD,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CAwCjD;AAoCD,mEAAmE;AACnE,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAQzE;AA6GD;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAqB9B;AAED,wDAAwD;AACxD,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7B,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAE9B;AAED,oCAAoC;AACpC,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7B,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAE9B;AAMD,sFAAsF;AACtF,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,GAAE,WAAoB,GAAG,MAAM,CAqB7G;AAED,wBAAgB,kBAAkB,IAAI,WAAW,CAQhD;AAED,8EAA8E;AAC9E,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CA+CxD"}

package/dist/docs/ui/code.d.ts

@@ -4,6 +4,10 @@
  * light/dark automaticamente. O texto fora dos tokens passa por `esc`.
  */
 export declare function highlightCode(code: string): string;
+/** Realce com cache + teto de tamanho (mantém o texto idêntico). */
+export declare function highlightCached(code: string): string;
+/** Liga os botões "Copiar" de todos os blocos dentro de `root` (idempotente). */
+export declare function wireCodeCopy(root: ParentNode): void;
 /**
  * Bloco de código completo (contrato de DOM usado pelos testes):
  * `.code-block > .code-head > .copy-btn` + `pre > code`.

package/dist/docs/ui/code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/docs/ui/code.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuBlD;AAuCD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO9C"}
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/docs/ui/code.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA0BlD;AAyED,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQpD;AAED,iFAAiF;AACjF,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAYnD;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO9C"}