@wrrdev/fenix-ui 1.0.0

package/dist/components/tooltip/index.js

@@ -0,0 +1,7 @@
+import { defineFxTooltip } from "./tooltip.js";
+import { FxTooltip } from "./tooltip.js";
+defineFxTooltip();
+export {
+  FxTooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import { FxTooltip, defineFxTooltip } from './tooltip';\n\nexport { FxTooltip };\n\n\ndefineFxTooltip();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'fx-tooltip': FxTooltip;\n  }\n}\n\r\n\r\n"],"names":[],"mappings":";;AAKA,gBAAA;"}

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,14 @@
+import { FxElement } from '../../core/base';
+/**
+ * <fx-tooltip> — Dica flutuante ao passar o mouse/focar no elemento.
+ *
+ * Atributos: content (texto da dica), position (top|bottom|left|right, padrão top).
+ * Slot padrão: elemento que dispara a dica.
+ */
+export declare class FxTooltip extends FxElement {
+    static styles: string;
+    static get observedAttributes(): string[];
+    protected render(): void;
+}
+export declare function defineFxTooltip(): typeof FxTooltip;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,OAAgB,MAAM,SA6DpB;IAEF,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;cAEkB,MAAM,IAAI,IAAI;CAOlC;AAED,wBAAgB,eAAe,IAAI,OAAO,SAAS,CAElD"}

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,86 @@
+import { FxElement } from "../../core/base.js";
+import { css } from "../../core/css.js";
+import { defineElement } from "../../core/define.js";
+const _FxTooltip = class _FxTooltip extends FxElement {
+  static get observedAttributes() {
+    return ["content", "position"];
+  }
+  render() {
+    const content = this.getAttr("content");
+    this.setTemplate(`
+      <slot></slot>
+      <span class="bubble" part="bubble" role="tooltip">${content}</span>
+    `);
+  }
+};
+_FxTooltip.styles = css`
+    :host {
+      position: relative;
+      display: inline-flex;
+      font-family: var(--fx-font-family);
+    }
+    .bubble {
+      position: absolute;
+      background: var(--fx-text-default, #1e293b);
+      color: var(--fx-surface-background, #fff);
+      font-size: calc(var(--fx-font-size, 14px) - 2px);
+      line-height: 1.45;
+      padding: var(--fx-space-xs) var(--fx-space-md);
+      border-radius: var(--fx-radius-sm);
+      box-shadow: var(--fx-shadow-md);
+      width: max-content;
+      min-width: 60px;
+      max-width: var(--fx-tooltip-max-width, 320px);
+      white-space: normal;
+      text-align: center;
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity var(--fx-motion-duration-fast) var(--fx-motion-easing);
+      z-index: var(--fx-z-tooltip, 1050);
+      pointer-events: none;
+    }
+    :host(:hover) .bubble,
+    :host(:focus-within) .bubble {
+      opacity: 1;
+      visibility: visible;
+    }
+    /* position top (padrão) */
+    .bubble { bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); }
+    .bubble::after {
+      content: '';
+      position: absolute;
+      top: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      border: 5px solid transparent;
+      border-top-color: var(--fx-text-default, #1e293b);
+    }
+    /* bottom */
+    :host([position='bottom']) .bubble { bottom: auto; top: calc(100% + 6px); }
+    :host([position='bottom']) .bubble::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: var(--fx-text-default, #1e293b); }
+    /* left */
+    :host([position='left']) .bubble {
+      right: calc(100% + 6px); left: auto; top: 50%; bottom: auto; transform: translateY(-50%);
+    }
+    :host([position='left']) .bubble::after {
+      top: 50%; left: 100%; transform: translateY(-50%);
+      border: 5px solid transparent; border-left-color: var(--fx-text-default, #1e293b);
+    }
+    /* right */
+    :host([position='right']) .bubble {
+      right: auto; left: calc(100% + 6px); top: 50%; bottom: auto; transform: translateY(-50%);
+    }
+    :host([position='right']) .bubble::after {
+      top: 50%; left: auto; right: 100%; transform: translateY(-50%);
+      border: 5px solid transparent; border-right-color: var(--fx-text-default, #1e293b);
+    }
+  `;
+let FxTooltip = _FxTooltip;
+function defineFxTooltip() {
+  return defineElement("fx-tooltip", FxTooltip);
+}
+export {
+  FxTooltip,
+  defineFxTooltip
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.ts"],"sourcesContent":["import { FxElement } from '../../core/base';\nimport { css } from '../../core/css';\nimport { defineElement } from '../../core/define';\n\n/**\n * <fx-tooltip> — Dica flutuante ao passar o mouse/focar no elemento.\n *\n * Atributos: content (texto da dica), position (top|bottom|left|right, padrão top).\n * Slot padrão: elemento que dispara a dica.\n */\nexport class FxTooltip extends FxElement {\n  static override styles = css`\n    :host {\n      position: relative;\n      display: inline-flex;\n      font-family: var(--fx-font-family);\n    }\n    .bubble {\n      position: absolute;\n      background: var(--fx-text-default, #1e293b);\n      color: var(--fx-surface-background, #fff);\n      font-size: calc(var(--fx-font-size, 14px) - 2px);\n      line-height: 1.45;\n      padding: var(--fx-space-xs) var(--fx-space-md);\n      border-radius: var(--fx-radius-sm);\n      box-shadow: var(--fx-shadow-md);\n      width: max-content;\n      min-width: 60px;\n      max-width: var(--fx-tooltip-max-width, 320px);\n      white-space: normal;\n      text-align: center;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity var(--fx-motion-duration-fast) var(--fx-motion-easing);\n      z-index: var(--fx-z-tooltip, 1050);\n      pointer-events: none;\n    }\n    :host(:hover) .bubble,\n    :host(:focus-within) .bubble {\n      opacity: 1;\n      visibility: visible;\n    }\n    /* position top (padrão) */\n    .bubble { bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); }\n    .bubble::after {\n      content: '';\n      position: absolute;\n      top: 100%;\n      left: 50%;\n      transform: translateX(-50%);\n      border: 5px solid transparent;\n      border-top-color: var(--fx-text-default, #1e293b);\n    }\n    /* bottom */\n    :host([position='bottom']) .bubble { bottom: auto; top: calc(100% + 6px); }\n    :host([position='bottom']) .bubble::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: var(--fx-text-default, #1e293b); }\n    /* left */\n    :host([position='left']) .bubble {\n      right: calc(100% + 6px); left: auto; top: 50%; bottom: auto; transform: translateY(-50%);\n    }\n    :host([position='left']) .bubble::after {\n      top: 50%; left: 100%; transform: translateY(-50%);\n      border: 5px solid transparent; border-left-color: var(--fx-text-default, #1e293b);\n    }\n    /* right */\n    :host([position='right']) .bubble {\n      right: auto; left: calc(100% + 6px); top: 50%; bottom: auto; transform: translateY(-50%);\n    }\n    :host([position='right']) .bubble::after {\n      top: 50%; left: auto; right: 100%; transform: translateY(-50%);\n      border: 5px solid transparent; border-right-color: var(--fx-text-default, #1e293b);\n    }\n  `;\n\n  static override get observedAttributes(): string[] {\n    return ['content', 'position'];\n  }\n\n  protected override render(): void {\n    const content = this.getAttr('content');\n    this.setTemplate(`\n      <slot></slot>\n      <span class=\"bubble\" part=\"bubble\" role=\"tooltip\">${content}</span>\n    `);\n  }\n}\n\nexport function defineFxTooltip(): typeof FxTooltip {\n  return defineElement('fx-tooltip', FxTooltip);\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,aAAN,MAAM,mBAAkB,UAAU;AAAA,EAgEvC,WAAoB,qBAA+B;AACjD,WAAO,CAAC,WAAW,UAAU;AAAA,EAC/B;AAAA,EAEmB,SAAe;AAChC,UAAM,UAAU,KAAK,QAAQ,SAAS;AACtC,SAAK,YAAY;AAAA;AAAA,0DAEqC,OAAO;AAAA,KAC5D;AAAA,EACH;AACF;AA1EE,WAAgB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADpB,IAAM,YAAN;AA6EA,SAAS,kBAAoC;AAClD,SAAO,cAAc,cAAc,SAAS;AAC9C;"}

package/dist/core/base.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Infraestrutura base de Web Component do FenixUI.
+ *
+ * Todo componente estende `FxElement`, que:
+ *  - cria o Shadow Root (isolamento de estrutura e CSS);
+ *  - injeta o CSS (tokens via `var(--fx-*)`) + template em cada render;
+ *  - re-renderiza quando atributos observados mudam.
+ */
+export declare abstract class FxElement extends HTMLElement {
+    /** CSS isolado no Shadow DOM. Deve usar apenas `var(--fx-*)`. */
+    static styles: string;
+    static get observedAttributes(): string[];
+    protected readonly root: ShadowRoot;
+    constructor();
+    /** Chamado quando um atributo observado muda. */
+    protected attributeChangedCallback(): void;
+    /** Chamado quando o elemento é anexado ao DOM. */
+    protected connectedCallback(): void;
+    /** Chamado quando o elemento é removido do DOM (limpeza de recursos). */
+    protected disconnectedCallback(): void;
+    protected hasAttr(name: string): boolean;
+    protected getAttr(name: string, fallback?: string): string;
+    protected toggleAttr(name: string, on: boolean): void;
+    /** Injeta `<style>` + template no Shadow DOM. */
+    protected setTemplate(html: string): void;
+    /** Implementado por cada componente. */
+    protected abstract render(): void;
+}
+//# sourceMappingURL=base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/core/base.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,8BAAsB,SAAU,SAAQ,WAAW;IACjD,iEAAiE;IACjE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM;IAE3B,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;;IAOpC,iDAAiD;IACjD,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAI1C,kDAAkD;IAClD,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAInC,yEAAyE;IACzE,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAItC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIxC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAK,GAAG,MAAM;IAItD,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI;IAKrD,iDAAiD;IACjD,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKzC,wCAAwC;IACxC,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,IAAI;CAClC"}

package/dist/core/base.js

@@ -0,0 +1,41 @@
+const _FxElement = class _FxElement extends HTMLElement {
+  static get observedAttributes() {
+    return [];
+  }
+  constructor() {
+    super();
+    this.root = this.attachShadow({ mode: "open" });
+  }
+  /** Chamado quando um atributo observado muda. */
+  attributeChangedCallback() {
+    if (this.isConnected) this.render();
+  }
+  /** Chamado quando o elemento é anexado ao DOM. */
+  connectedCallback() {
+    this.render();
+  }
+  /** Chamado quando o elemento é removido do DOM (limpeza de recursos). */
+  disconnectedCallback() {
+  }
+  hasAttr(name) {
+    return this.hasAttribute(name);
+  }
+  getAttr(name, fallback = "") {
+    return this.getAttribute(name) ?? fallback;
+  }
+  toggleAttr(name, on) {
+    if (on) this.setAttribute(name, "");
+    else this.removeAttribute(name);
+  }
+  /** Injeta `<style>` + template no Shadow DOM. */
+  setTemplate(html) {
+    const styles = this.constructor.styles;
+    this.root.innerHTML = `<style>${styles}</style>${html}`;
+  }
+};
+_FxElement.styles = "";
+let FxElement = _FxElement;
+export {
+  FxElement
+};
+//# sourceMappingURL=base.js.map

package/dist/core/base.js.map

@@ -0,0 +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(): 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,2BAAiC;AACzC,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;"}

package/dist/core/css.d.ts

@@ -0,0 +1,6 @@
+/** Utilitários CSS compartilhados. */
+/** Tagged template que apenas concatena — mantém nomes de classes e tokens legíveis. */
+export declare function css(strings: TemplateStringsArray, ...values: unknown[]): string;
+/** Converte `duration-fast` em `durationFast`. */
+export declare function kebabToCamel(value: string): string;
+//# sourceMappingURL=css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/core/css.ts"],"names":[],"mappings":"AAAA,sCAAsC;AAEtC,wFAAwF;AACxF,wBAAgB,GAAG,CAAC,OAAO,EAAE,oBAAoB,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAE/E;AAED,kDAAkD;AAClD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD"}

package/dist/core/css.js

@@ -0,0 +1,11 @@
+function css(strings, ...values) {
+  return strings.reduce((acc, part, i) => acc + part + (i < values.length ? String(values[i]) : ""), "");
+}
+function kebabToCamel(value) {
+  return value.replace(/-+([a-z])/g, (_, c) => c.toUpperCase());
+}
+export {
+  css,
+  kebabToCamel
+};
+//# sourceMappingURL=css.js.map

package/dist/core/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":["../../src/core/css.ts"],"sourcesContent":["/** Utilitários CSS compartilhados. */\n\n/** Tagged template que apenas concatena — mantém nomes de classes e tokens legíveis. */\nexport function css(strings: TemplateStringsArray, ...values: unknown[]): string {\n  return strings.reduce((acc, part, i) => acc + part + (i < values.length ? String(values[i]) : ''), '');\n}\n\n/** Converte `duration-fast` em `durationFast`. */\nexport function kebabToCamel(value: string): string {\n  return value.replace(/-+([a-z])/g, (_, c: string) => c.toUpperCase());\n}"],"names":[],"mappings":"AAGO,SAAS,IAAI,YAAkC,QAA2B;AAC/E,SAAO,QAAQ,OAAO,CAAC,KAAK,MAAM,MAAM,MAAM,QAAQ,IAAI,OAAO,SAAS,OAAO,OAAO,CAAC,CAAC,IAAI,KAAK,EAAE;AACvG;AAGO,SAAS,aAAa,OAAuB;AAClD,SAAO,MAAM,QAAQ,cAAc,CAAC,GAAG,MAAc,EAAE,aAAa;AACtE;"}

package/dist/core/define.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Registro seguro de Custom Elements.
+ *
+ * Usa `customElements.get()` antes de `define()` para que múltiplos imports
+ * (index + subpath, bundler + CDN) não lancem erro de re-definição.
+ */
+export declare function defineElement<T extends typeof HTMLElement>(tag: string, ctor: T): T;
+//# sourceMappingURL=define.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../src/core/define.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,CAKnF"}

package/dist/core/define.js

@@ -0,0 +1,10 @@
+function defineElement(tag, ctor) {
+  if (typeof customElements !== "undefined" && !customElements.get(tag)) {
+    customElements.define(tag, ctor);
+  }
+  return customElements.get(tag) ?? ctor;
+}
+export {
+  defineElement
+};
+//# sourceMappingURL=define.js.map

package/dist/core/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sources":["../../src/core/define.ts"],"sourcesContent":["/**\n * Registro seguro de Custom Elements.\n *\n * Usa `customElements.get()` antes de `define()` para que múltiplos imports\n * (index + subpath, bundler + CDN) não lancem erro de re-definição.\n */\nexport function defineElement<T extends typeof HTMLElement>(tag: string, ctor: T): T {\n  if (typeof customElements !== 'undefined' && !customElements.get(tag)) {\n    customElements.define(tag, ctor);\n  }\n  return (customElements.get(tag) as T) ?? ctor;\n}"],"names":[],"mappings":"AAMO,SAAS,cAA4C,KAAa,MAAY;AACnF,MAAI,OAAO,mBAAmB,eAAe,CAAC,eAAe,IAAI,GAAG,GAAG;AACrE,mBAAe,OAAO,KAAK,IAAI;AAAA,EACjC;AACA,SAAQ,eAAe,IAAI,GAAG,KAAW;AAC3C;"}

package/dist/core/presets.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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')`.
+ */
+import { type DeepPartial, type FenixTokens } from './tokens';
+export interface FenixPreset {
+    /** Identificador usado em `applyPreset(name)`. */
+    name: string;
+    /** Rótulo amigável para UIs (documentação/seletor). */
+    label: string;
+    /** Override parcial de tokens aplicado sobre o tema base. */
+    tokens: DeepPartial<FenixTokens>;
+}
+export declare const themePresets: {
+    readonly fenix: 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). */
+export declare function listPresets(): FenixPreset[];
+/**
+ * Registra um preset personalizado, tornando-o disponível em `applyPreset`.
+ * Útil para o usuário criar seu próprio tema e reutilizá-lo na aplicação.
+ */
+export declare function defineCustomPreset(name: string, label: string, tokens: DeepPartial<FenixTokens>): FenixPreset;
+/**
+ * Aplica um preset + modo de cor em runtime.
+ * @returns o estado ativo ({ theme }) repassado por `configure`.
+ */
+export declare function applyPreset(presetName: string, mode?: 'light' | 'dark'): {
+    theme: 'light' | 'dark';
+    preset: string;
+};
+//# sourceMappingURL=presets.d.ts.map

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

@@ -0,0 +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;;;;;;;;CAuDf,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"}

package/dist/core/presets.js

@@ -0,0 +1,80 @@
+import { configure } from "./theme.js";
+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)",
+    tokens: {}
+  }),
+  seiya: register({
+    name: "seiya",
+    label: "Seiya",
+    tokens: {
+      color: { primary: "#e11d48", secondary: "#fb7185", info: "#f43f5e", danger: "#be123c" },
+      radius: { sm: "6px", md: "10px", lg: "16px" }
+    }
+  }),
+  shiryu: register({
+    name: "shiryu",
+    label: "Shiryu",
+    tokens: {
+      color: { primary: "#0d9488", secondary: "#2dd4bf", success: "#059669", info: "#14b8a6" },
+      radius: { sm: "4px", md: "8px", lg: "14px" }
+    }
+  }),
+  hyoga: register({
+    name: "hyoga",
+    label: "Hyoga",
+    tokens: {
+      color: { primary: "#0284c7", secondary: "#38bdf8", info: "#06b6d4", danger: "#e11d48" },
+      surface: { surface: "#f0f9ff", "surface-hover": "#e0f2fe" },
+      radius: { sm: "8px", md: "12px", lg: "18px" }
+    }
+  }),
+  shun: register({
+    name: "shun",
+    label: "Shun",
+    tokens: {
+      color: { primary: "#db2777", secondary: "#f472b6", info: "#ec4899", warning: "#c026d3" },
+      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",
+    tokens: {
+      color: { primary: "#b45309", secondary: "#f59e0b", warning: "#eab308", info: "#84cc16" },
+      radius: { sm: "6px", md: "12px", lg: "20px" }
+    }
+  })
+};
+function listPresets() {
+  return [...registry.values()];
+}
+function defineCustomPreset(name, label, tokens) {
+  return register({ name, label, tokens });
+}
+function applyPreset(presetName, mode = "light") {
+  const preset = registry.get(presetName) ?? registry.get("fenix");
+  const state = configure({ theme: mode, tokens: preset.tokens });
+  return { ...state, preset: preset.name };
+}
+export {
+  applyPreset,
+  defineCustomPreset,
+  listPresets,
+  themePresets
+};
+//# sourceMappingURL=presets.js.map

package/dist/core/presets.js.map

@@ -0,0 +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  fenix: register({\n    name: 'fenix',\n    label: 'Fenix (padrão)',\n    tokens: {},\n  }),\n  seiya: register({\n    name: 'seiya',\n    label: 'Seiya',\n    tokens: {\n      color: { primary: '#e11d48', secondary: '#fb7185', info: '#f43f5e', danger: '#be123c' },\n      radius: { sm: '6px', md: '10px', lg: '16px' },\n    },\n  }),\n  shiryu: register({\n    name: 'shiryu',\n    label: 'Shiryu',\n    tokens: {\n      color: { primary: '#0d9488', secondary: '#2dd4bf', success: '#059669', info: '#14b8a6' },\n      radius: { sm: '4px', md: '8px', lg: '14px' },\n    },\n  }),\n  hyoga: register({\n    name: 'hyoga',\n    label: 'Hyoga',\n    tokens: {\n      color: { primary: '#0284c7', secondary: '#38bdf8', info: '#06b6d4', danger: '#e11d48' },\n      surface: { surface: '#f0f9ff', 'surface-hover': '#e0f2fe' },\n      radius: { sm: '8px', md: '12px', lg: '18px' },\n    },\n  }),\n  shun: register({\n    name: 'shun',\n    label: 'Shun',\n    tokens: {\n      color: { primary: '#db2777', secondary: '#f472b6', info: '#ec4899', warning: '#c026d3' },\n      radius: { sm: '10px', md: '14px', lg: '20px' },\n    },\n  }),\n  ikki: register({\n    name: 'ikki',\n    label: 'Ikki',\n    tokens: {\n      color: { primary: '#ea580c', secondary: '#fb923c', danger: '#dc2626', warning: '#f59e0b' },\n      radius: { sm: '2px', md: '4px', lg: '6px' },\n    },\n  }),\n  aiolia: register({\n    name: 'aiolia',\n    label: 'Aiolia',\n    tokens: {\n      color: { primary: '#b45309', secondary: '#f59e0b', warning: '#eab308', info: '#84cc16' },\n      radius: { sm: '6px', md: '12px', lg: '20px' },\n    },\n  }),\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":";AAmBA,MAAM,+BAAe,IAAA;AAErB,SAAS,SAAS,QAAkC;AAClD,WAAS,IAAI,OAAO,MAAM,MAAM;AAChC,SAAO;AACT;AAMO,MAAM,eAAe;AAAA,EAC1B,OAAO,SAAS;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ,CAAA;AAAA,EAAC,CACV;AAAA,EACD,OAAO,SAAS;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO,EAAE,SAAS,WAAW,WAAW,WAAW,MAAM,WAAW,QAAQ,UAAA;AAAA,MAC5E,QAAQ,EAAE,IAAI,OAAO,IAAI,QAAQ,IAAI,OAAA;AAAA,IAAO;AAAA,EAC9C,CACD;AAAA,EACD,QAAQ,SAAS;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO,EAAE,SAAS,WAAW,WAAW,WAAW,SAAS,WAAW,MAAM,UAAA;AAAA,MAC7E,QAAQ,EAAE,IAAI,OAAO,IAAI,OAAO,IAAI,OAAA;AAAA,IAAO;AAAA,EAC7C,CACD;AAAA,EACD,OAAO,SAAS;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO,EAAE,SAAS,WAAW,WAAW,WAAW,MAAM,WAAW,QAAQ,UAAA;AAAA,MAC5E,SAAS,EAAE,SAAS,WAAW,iBAAiB,UAAA;AAAA,MAChD,QAAQ,EAAE,IAAI,OAAO,IAAI,QAAQ,IAAI,OAAA;AAAA,IAAO;AAAA,EAC9C,CACD;AAAA,EACD,MAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO,EAAE,SAAS,WAAW,WAAW,WAAW,MAAM,WAAW,SAAS,UAAA;AAAA,MAC7E,QAAQ,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAA;AAAA,IAAO;AAAA,EAC/C,CACD;AAAA,EACD,MAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO,EAAE,SAAS,WAAW,WAAW,WAAW,QAAQ,WAAW,SAAS,UAAA;AAAA,MAC/E,QAAQ,EAAE,IAAI,OAAO,IAAI,OAAO,IAAI,MAAA;AAAA,IAAM;AAAA,EAC5C,CACD;AAAA,EACD,QAAQ,SAAS;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO,EAAE,SAAS,WAAW,WAAW,WAAW,SAAS,WAAW,MAAM,UAAA;AAAA,MAC7E,QAAQ,EAAE,IAAI,OAAO,IAAI,QAAQ,IAAI,OAAA;AAAA,IAAO;AAAA,EAC9C,CACD;AACH;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;AAC7C,QAAM,SAAS,SAAS,IAAI,UAAU,KAAK,SAAS,IAAI,OAAO;AAC/D,QAAM,QAAQ,UAAU,EAAE,OAAO,MAAM,QAAQ,OAAO,QAAQ;AAC9D,SAAO,EAAE,GAAG,OAAO,QAAQ,OAAO,KAAA;AACpC;"}

package/dist/core/theme.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Motor de Tema e API global do FenixUI.
+ *
+ * Aplica os Design Tokens como CSS Custom Properties (`--fx-*`) no elemento
+ * raiz. Como custom properties atravessam o Shadow DOM, TODOS os componentes
+ * passam a reagir ao novo tema em runtime, sem recompilar.
+ */
+import { type FenixTokens, type DeepPartial } from './tokens';
+export declare const VERSION = "0.1.0";
+export type ThemeName = 'light' | 'dark';
+/** Mescla tokens por grupo, permitindo override parcial (ex.: só `color.primary`). */
+export declare function deepMerge<T>(base: T, override: DeepPartial<T> | null): T;
+/** Achatamento de tokens em pares `--fx-{grupo}-{chave}` -> valor. */
+export declare function tokenCssVars(tokens: FenixTokens): Record<string, string>;
+/** Aplica tokens no DOM (padrão: `:root`). Emite evento para notificar a aplicação. */
+export declare function applyTokens(themeName: ThemeName, overrides: DeepPartial<FenixTokens> | null, target?: HTMLElement): void;
+export interface ConfigureOptions {
+    theme?: ThemeName;
+    tokens?: DeepPartial<FenixTokens>;
+}
+/** Configura a biblioteca: tema e/ou tokens. Retorna o estado ativo. */
+export declare function configure(options?: ConfigureOptions, target?: HTMLElement): {
+    theme: ThemeName;
+};
+/** Troca o tema para claro/escuro em runtime. */
+export declare function theme(name: ThemeName): {
+    theme: ThemeName;
+};
+/** Define tokens customizados (override parcial profundo). */
+export declare function setTokens(tokens: DeepPartial<FenixTokens>): {
+    theme: ThemeName;
+};
+/** Volta ao tema claro padrão sem overrides. */
+export declare function resetTheme(): {
+    theme: ThemeName;
+};
+/** Namespace público (uso via ESM ou via global `FenixUI` no bundle CDN). */
+export declare const FenixUI: {
+    version: string;
+    configure: typeof configure;
+    theme: typeof theme;
+    setTokens: typeof setTokens;
+    resetTheme: typeof resetTheme;
+    tokenCssVars: typeof tokenCssVars;
+    deepMerge: typeof deepMerge;
+};
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/core/theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA6B,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAGzF,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AASzC,sFAAsF;AACtF,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAYxE;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQxE;AAED,uFAAuF;AACvF,wBAAgB,WAAW,CACzB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,EAC1C,MAAM,GAAE,WAAsC,GAC7C,IAAI,CAUN;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACnC;AAED,wEAAwE;AACxE,wBAAgB,SAAS,CACvB,OAAO,GAAE,gBAAqB,EAC9B,MAAM,GAAE,WAAsC,GAC7C;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,CAKtB;AAED,iDAAiD;AACjD,wBAAgB,KAAK,CAAC,IAAI,EAAE,SAAS,GAAG;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,CAE3D;AAED,8DAA8D;AAC9D,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,CAEhF;AAED,gDAAgD;AAChD,wBAAgB,UAAU,IAAI;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,CAIjD;AAED,6EAA6E;AAC7E,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC"}

package/dist/core/theme.js

@@ -0,0 +1,76 @@
+import { darkTokens, defaultTokens } from "./tokens.js";
+const PREFIX = "--fx";
+const VERSION = "0.1.0";
+let activeTheme = "light";
+let activeOverrides = null;
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function deepMerge(base, override) {
+  if (!override) return base;
+  const out = { ...base };
+  for (const key of Object.keys(override)) {
+    const baseValue = base[key];
+    const overrideValue = override[key];
+    out[key] = isPlainObject(baseValue) && isPlainObject(overrideValue) ? deepMerge(baseValue, overrideValue) : overrideValue;
+  }
+  return out;
+}
+function tokenCssVars(tokens) {
+  const out = {};
+  for (const [group, values] of Object.entries(tokens)) {
+    for (const [key, value] of Object.entries(values)) {
+      out[`${PREFIX}-${group}-${key}`] = String(value);
+    }
+  }
+  return out;
+}
+function applyTokens(themeName, overrides, target = document.documentElement) {
+  const base = themeName === "dark" ? darkTokens : defaultTokens;
+  const finalTokens = deepMerge(base, overrides);
+  const vars = tokenCssVars(finalTokens);
+  for (const [name, value] of Object.entries(vars)) {
+    target.style.setProperty(name, value);
+  }
+  if (typeof window !== "undefined") {
+    window.dispatchEvent(new CustomEvent("fenix:theme", { detail: { theme: themeName, tokens: finalTokens } }));
+  }
+}
+function configure(options = {}, target = document.documentElement) {
+  if (options.theme) activeTheme = options.theme;
+  if (options.tokens) activeOverrides = options.tokens;
+  applyTokens(activeTheme, activeOverrides, target);
+  return { theme: activeTheme };
+}
+function theme(name) {
+  return configure({ theme: name });
+}
+function setTokens(tokens) {
+  return configure({ tokens });
+}
+function resetTheme() {
+  activeTheme = "light";
+  activeOverrides = null;
+  return configure({ theme: "light" });
+}
+const FenixUI = {
+  version: VERSION,
+  configure,
+  theme,
+  setTokens,
+  resetTheme,
+  tokenCssVars,
+  deepMerge
+};
+export {
+  FenixUI,
+  VERSION,
+  applyTokens,
+  configure,
+  deepMerge,
+  resetTheme,
+  setTokens,
+  theme,
+  tokenCssVars
+};
+//# sourceMappingURL=theme.js.map

package/dist/core/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sources":["../../src/core/theme.ts"],"sourcesContent":["/**\n * Motor de Tema e API global do FenixUI.\n *\n * Aplica os Design Tokens como CSS Custom Properties (`--fx-*`) no elemento\n * raiz. Como custom properties atravessam o Shadow DOM, TODOS os componentes\n * passam a reagir ao novo tema em runtime, sem recompilar.\n */\n\nimport { defaultTokens, darkTokens, type FenixTokens, type DeepPartial } from './tokens';\n\nconst PREFIX = '--fx';\nexport const VERSION = '0.1.0';\n\nexport type ThemeName = 'light' | 'dark';\n\nlet activeTheme: ThemeName = 'light';\nlet activeOverrides: DeepPartial<FenixTokens> | null = null;\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/** Mescla tokens por grupo, permitindo override parcial (ex.: só `color.primary`). */\nexport function deepMerge<T>(base: T, override: DeepPartial<T> | null): T {\n  if (!override) return base;\n  const out: Record<string, unknown> = { ...(base as Record<string, unknown>) };\n  for (const key of Object.keys(override)) {\n    const baseValue = (base as Record<string, unknown>)[key];\n    const overrideValue = (override as Record<string, unknown>)[key];\n    out[key] =\n      isPlainObject(baseValue) && isPlainObject(overrideValue)\n        ? deepMerge(baseValue, overrideValue)\n        : (overrideValue as unknown);\n  }\n  return out as T;\n}\n\n/** Achatamento de tokens em pares `--fx-{grupo}-{chave}` -> valor. */\nexport function tokenCssVars(tokens: FenixTokens): Record<string, string> {\n  const out: Record<string, string> = {};\n  for (const [group, values] of Object.entries(tokens)) {\n    for (const [key, value] of Object.entries(values)) {\n      out[`${PREFIX}-${group}-${key}`] = String(value);\n    }\n  }\n  return out;\n}\n\n/** Aplica tokens no DOM (padrão: `:root`). Emite evento para notificar a aplicação. */\nexport function applyTokens(\n  themeName: ThemeName,\n  overrides: DeepPartial<FenixTokens> | null,\n  target: HTMLElement = document.documentElement,\n): void {\n  const base = themeName === 'dark' ? darkTokens : defaultTokens;\n  const finalTokens = deepMerge(base, overrides);\n  const vars = tokenCssVars(finalTokens);\n  for (const [name, value] of Object.entries(vars)) {\n    target.style.setProperty(name, value);\n  }\n  if (typeof window !== 'undefined') {\n    window.dispatchEvent(new CustomEvent('fenix:theme', { detail: { theme: themeName, tokens: finalTokens } }));\n  }\n}\n\nexport interface ConfigureOptions {\n  theme?: ThemeName;\n  tokens?: DeepPartial<FenixTokens>;\n}\n\n/** Configura a biblioteca: tema e/ou tokens. Retorna o estado ativo. */\nexport function configure(\n  options: ConfigureOptions = {},\n  target: HTMLElement = document.documentElement,\n): { theme: ThemeName } {\n  if (options.theme) activeTheme = options.theme;\n  if (options.tokens) activeOverrides = options.tokens;\n  applyTokens(activeTheme, activeOverrides, target);\n  return { theme: activeTheme };\n}\n\n/** Troca o tema para claro/escuro em runtime. */\nexport function theme(name: ThemeName): { theme: ThemeName } {\n  return configure({ theme: name });\n}\n\n/** Define tokens customizados (override parcial profundo). */\nexport function setTokens(tokens: DeepPartial<FenixTokens>): { theme: ThemeName } {\n  return configure({ tokens });\n}\n\n/** Volta ao tema claro padrão sem overrides. */\nexport function resetTheme(): { theme: ThemeName } {\n  activeTheme = 'light';\n  activeOverrides = null;\n  return configure({ theme: 'light' });\n}\n\n/** Namespace público (uso via ESM ou via global `FenixUI` no bundle CDN). */\nexport const FenixUI = {\n  version: VERSION,\n  configure,\n  theme,\n  setTokens,\n  resetTheme,\n  tokenCssVars,\n  deepMerge,\n};"],"names":[],"mappings":";AAUA,MAAM,SAAS;AACR,MAAM,UAAU;AAIvB,IAAI,cAAyB;AAC7B,IAAI,kBAAmD;AAEvD,SAAS,cAAc,OAAkD;AACvE,SAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAGO,SAAS,UAAa,MAAS,UAAoC;AACxE,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,MAA+B,EAAE,GAAI,KAAA;AAC3C,aAAW,OAAO,OAAO,KAAK,QAAQ,GAAG;AACvC,UAAM,YAAa,KAAiC,GAAG;AACvD,UAAM,gBAAiB,SAAqC,GAAG;AAC/D,QAAI,GAAG,IACL,cAAc,SAAS,KAAK,cAAc,aAAa,IACnD,UAAU,WAAW,aAAa,IACjC;AAAA,EACT;AACA,SAAO;AACT;AAGO,SAAS,aAAa,QAA6C;AACxE,QAAM,MAA8B,CAAA;AACpC,aAAW,CAAC,OAAO,MAAM,KAAK,OAAO,QAAQ,MAAM,GAAG;AACpD,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACjD,UAAI,GAAG,MAAM,IAAI,KAAK,IAAI,GAAG,EAAE,IAAI,OAAO,KAAK;AAAA,IACjD;AAAA,EACF;AACA,SAAO;AACT;AAGO,SAAS,YACd,WACA,WACA,SAAsB,SAAS,iBACzB;AACN,QAAM,OAAO,cAAc,SAAS,aAAa;AACjD,QAAM,cAAc,UAAU,MAAM,SAAS;AAC7C,QAAM,OAAO,aAAa,WAAW;AACrC,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,IAAI,GAAG;AAChD,WAAO,MAAM,YAAY,MAAM,KAAK;AAAA,EACtC;AACA,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,cAAc,IAAI,YAAY,eAAe,EAAE,QAAQ,EAAE,OAAO,WAAW,QAAQ,YAAA,EAAY,CAAG,CAAC;AAAA,EAC5G;AACF;AAQO,SAAS,UACd,UAA4B,CAAA,GAC5B,SAAsB,SAAS,iBACT;AACtB,MAAI,QAAQ,MAAO,eAAc,QAAQ;AACzC,MAAI,QAAQ,OAAQ,mBAAkB,QAAQ;AAC9C,cAAY,aAAa,iBAAiB,MAAM;AAChD,SAAO,EAAE,OAAO,YAAA;AAClB;AAGO,SAAS,MAAM,MAAuC;AAC3D,SAAO,UAAU,EAAE,OAAO,MAAM;AAClC;AAGO,SAAS,UAAU,QAAwD;AAChF,SAAO,UAAU,EAAE,QAAQ;AAC7B;AAGO,SAAS,aAAmC;AACjD,gBAAc;AACd,oBAAkB;AAClB,SAAO,UAAU,EAAE,OAAO,SAAS;AACrC;AAGO,MAAM,UAAU;AAAA,EACrB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/core/tokens.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Design Tokens — camada de personalização do FenixUI.
+ *
+ * Os componentes consomem apenas `var(--fx-*)`, nunca valores fixos.
+ * Isso atravessa o Shadow DOM via CSS Custom Properties e permite
+ * trocar o tema em runtime sem recompilar a biblioteca.
+ */
+export interface FenixTokens {
+    /** Cores semânticas */ color: Record<'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info', string>;
+    /** Superfícies */ surface: Record<'background' | 'surface' | 'surface-hover', string>;
+    /** Texto */ text: Record<'default' | 'muted' | 'disabled', string>;
+    /** Bordas */ border: Record<'default' | 'hover', string>;
+    /** Tipografia */ font: Record<'family' | 'size' | 'weight' | 'line-height', string>;
+    /** Espaçamento */ space: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>;
+    /** Radius */ radius: Record<'none' | 'sm' | 'md' | 'lg' | 'full', string>;
+    /** Altura dos controles (button, input, select, switch…). Personalizável por preset. */
+    size: Record<'sm' | 'md' | 'lg', string>;
+    /** Sombras */ shadow: Record<'sm' | 'md' | 'lg', string>;
+    /** Motion */ motion: Record<'duration-fast' | 'duration-normal' | 'easing', string>;
+    /** Efeitos visuais configuráveis (ripple, anel de foco dos campos). */
+    effect: {
+        ripple: string;
+        'focus-ring': string;
+    };
+    /** Z-index */ z: Record<'base' | 'dropdown' | 'modal' | 'toast', string>;
+}
+/** Tema claro (padrão). */
+export declare const lightTokens: FenixTokens;
+/** Tema escuro — os componentes reagem automaticamente às variáveis CSS. */
+export declare const darkTokens: FenixTokens;
+export declare const defaultTokens: FenixTokens;
+/** Override parcial e profundo — permite customizar apenas alguns tokens por vez. */
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+//# sourceMappingURL=tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/core/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,WAAW;IAC1B,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IACnH,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,GAAG,SAAS,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC;IACvF,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,GAAG,OAAO,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;IACpE,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC;IAC1D,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC;IACrF,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3E,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3E,wFAAwF;IACxF,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IACzC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,GAAG,iBAAiB,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;IACrF,uEAAuE;IACvE,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC;CAC3E;AAED,2BAA2B;AAC3B,eAAO,MAAM,WAAW,EAAE,WAiDzB,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,UAAU,EAAE,WAyBxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAAyB,CAAC;AAEtD,qFAAqF;AACrF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC"}