@wrrdev/fenix-ui 1.0.17 → 1.1.0

package/dist/components/toggle-button-group/toggle-button-group.js

@@ -0,0 +1,103 @@
+import { FxElement } from "../../core/base.js";
+import { css } from "../../core/css.js";
+import { defineElement } from "../../core/define.js";
+import { esc } from "../../core/sanitize.js";
+const _FxToggleButtonGroup = class _FxToggleButtonGroup extends FxElement {
+  static get observedAttributes() {
+    return ["multiple", "size"];
+  }
+  get value() {
+    const raw = this.getAttr("value");
+    return raw ? raw.split(",").map((s) => s.trim()).filter(Boolean) : [];
+  }
+  set value(v) {
+    this.setAttribute("value", v.join(","));
+  }
+  get multiple() {
+    return this.hasAttr("multiple");
+  }
+  get options() {
+    return Array.from(this.children).filter((el) => el.matches('[slot="option"]')).map((el) => el);
+  }
+  render() {
+    const opts = this.options;
+    const selected = this.value;
+    const html = opts.map((o, i) => {
+      const val = o.getAttribute("value") ?? "";
+      const active = selected.includes(val);
+      return `<button type="button" class="option ${active ? "active" : ""}" part="option" data-v="${esc(val)}" aria-pressed="${active}">${esc(o.textContent?.trim() || `Opción ${i + 1}`)}</button>`;
+    }).join("");
+    this.setTemplate(`
+      <div class="options" part="options" role="group" aria-label="Toggle buttons">
+        ${html}
+      </div>
+    `);
+    this._bindOptions();
+  }
+  _bindOptions() {
+    Array.from(this.root.querySelectorAll(".option") || []).forEach((opt) => {
+      opt.addEventListener("click", () => this._toggle(opt));
+      opt.addEventListener("keydown", (e) => {
+        const ev = e;
+        if (ev.key === "Enter" || ev.key === " ") {
+          ev.preventDefault();
+          this._toggle(opt);
+        }
+      });
+    });
+  }
+  _toggle(opt) {
+    const val = opt.dataset.v ?? "";
+    let current = this.value;
+    if (this.multiple) {
+      if (current.includes(val)) current = current.filter((v) => v !== val);
+      else current.push(val);
+    } else {
+      current = current.includes(val) ? [] : [val];
+    }
+    this.value = current;
+    this.root.querySelectorAll(".option").forEach((o) => {
+      const on = current.includes(o.dataset.v ?? "");
+      o.classList.toggle("active", on);
+      o.setAttribute("aria-pressed", String(on));
+    });
+    this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true, detail: { value: current } }));
+  }
+};
+_FxToggleButtonGroup.styles = css`
+    :host { display: inline-flex; font-family: var(--fx-font-family); font-size: var(--fx-font-size); gap: var(--fx-space-xs); }
+    .option {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: var(--fx-space-xs);
+      min-height: var(--fx-size-md);
+      padding: var(--fx-space-sm) var(--fx-space-lg);
+      font-weight: var(--fx-font-weight);
+      color: var(--fx-text-default);
+      background: var(--fx-surface-background);
+      border: 1px solid var(--fx-border-default);
+      border-radius: var(--fx-radius-md);
+      cursor: pointer;
+      user-select: none;
+      transition: background var(--fx-motion-duration-fast) var(--fx-motion-easing), border-color var(--fx-motion-duration-fast) var(--fx-motion-easing), color var(--fx-motion-duration-fast) var(--fx-motion-easing);
+    }
+    :host([size='sm']) .option { min-height: var(--fx-size-sm); padding: var(--fx-space-xs) var(--fx-space-md); font-size: calc(var(--fx-font-size) - 2px); }
+    :host([size='lg']) .option { min-height: var(--fx-size-lg); padding: var(--fx-space-md) var(--fx-space-xl); font-size: calc(var(--fx-font-size) + 2px); }
+    .option:hover { border-color: var(--fx-color-primary); }
+    .option.active {
+      background: var(--fx-color-primary);
+      border-color: var(--fx-color-primary);
+      color: #fff;
+    }
+    .option.active:hover { filter: brightness(0.92); }
+  `;
+let FxToggleButtonGroup = _FxToggleButtonGroup;
+function defineFxToggleButtonGroup() {
+  return defineElement("fx-toggle-button-group", FxToggleButtonGroup);
+}
+export {
+  FxToggleButtonGroup,
+  defineFxToggleButtonGroup
+};
+//# sourceMappingURL=toggle-button-group.js.map

package/dist/components/toggle-button-group/toggle-button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group.js","sources":["../../../src/components/toggle-button-group/toggle-button-group.ts"],"sourcesContent":["import { FxElement } from '../../core/base';\nimport { css } from '../../core/css';\nimport { defineElement } from '../../core/define';\nimport { esc } from '../../core/sanitize';\n\n/**\n * <fx-toggle-button-group> — Grupo de botones de selección múltiple o única.\n *\n * Atributos: multiple (permite varios seleccionados), value (lista), size.\n * Slots `option`: cada botón con [slot=\"option\" value=\"...\"].\n * Evento (composed): `change` (detail: { value: string[] }).\n */\nexport class FxToggleButtonGroup extends FxElement {\n  static override styles = css`\n    :host { display: inline-flex; font-family: var(--fx-font-family); font-size: var(--fx-font-size); gap: var(--fx-space-xs); }\n    .option {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--fx-space-xs);\n      min-height: var(--fx-size-md);\n      padding: var(--fx-space-sm) var(--fx-space-lg);\n      font-weight: var(--fx-font-weight);\n      color: var(--fx-text-default);\n      background: var(--fx-surface-background);\n      border: 1px solid var(--fx-border-default);\n      border-radius: var(--fx-radius-md);\n      cursor: pointer;\n      user-select: none;\n      transition: background var(--fx-motion-duration-fast) var(--fx-motion-easing), border-color var(--fx-motion-duration-fast) var(--fx-motion-easing), color var(--fx-motion-duration-fast) var(--fx-motion-easing);\n    }\n    :host([size='sm']) .option { min-height: var(--fx-size-sm); padding: var(--fx-space-xs) var(--fx-space-md); font-size: calc(var(--fx-font-size) - 2px); }\n    :host([size='lg']) .option { min-height: var(--fx-size-lg); padding: var(--fx-space-md) var(--fx-space-xl); font-size: calc(var(--fx-font-size) + 2px); }\n    .option:hover { border-color: var(--fx-color-primary); }\n    .option.active {\n      background: var(--fx-color-primary);\n      border-color: var(--fx-color-primary);\n      color: #fff;\n    }\n    .option.active:hover { filter: brightness(0.92); }\n  `;\n\n  static override get observedAttributes(): string[] {\n    return ['multiple', 'size'];\n  }\n\n  get value(): string[] {\n    const raw = this.getAttr('value');\n    return raw ? raw.split(',').map((s) => s.trim()).filter(Boolean) : [];\n  }\n  set value(v: string[]) { this.setAttribute('value', v.join(',')); }\n\n  get multiple(): boolean { return this.hasAttr('multiple'); }\n\n  get options(): HTMLElement[] {\n    return Array.from(this.children).filter((el) => el.matches('[slot=\"option\"]')).map((el) => el as HTMLElement);\n  }\n\n  protected override render(): void {\n    const opts = this.options;\n    const selected = this.value;\n\n    const html = opts\n      .map((o, i) => {\n        const val = o.getAttribute('value') ?? '';\n        const active = selected.includes(val);\n        return `<button type=\"button\" class=\"option ${active ? 'active' : ''}\" part=\"option\" data-v=\"${esc(val)}\" aria-pressed=\"${active}\">${esc(o.textContent?.trim() || `Opción ${i + 1}`)}</button>`;\n      })\n      .join('');\n\n    this.setTemplate(`\n      <div class=\"options\" part=\"options\" role=\"group\" aria-label=\"Toggle buttons\">\n        ${html}\n      </div>\n    `);\n\n    this._bindOptions();\n  }\n\n  private _bindOptions(): void {\n    Array.from(this.root.querySelectorAll<HTMLElement>('.option') || []).forEach((opt) => {\n      opt.addEventListener('click', () => this._toggle(opt));\n      opt.addEventListener('keydown', (e) => {\n        const ev = e as KeyboardEvent;\n        if (ev.key === 'Enter' || ev.key === ' ') {\n          ev.preventDefault();\n          this._toggle(opt);\n        }\n      });\n    });\n  }\n\n  private _toggle(opt: HTMLElement): void {\n    const val = opt.dataset.v ?? '';\n    let current = this.value;\n\n    if (this.multiple) {\n      if (current.includes(val)) current = current.filter((v) => v !== val);\n      else current.push(val);\n    } else {\n      current = current.includes(val) ? [] : [val];\n    }\n\n    this.value = current;\n    this.root.querySelectorAll<HTMLElement>('.option').forEach((o) => {\n      const on = current.includes(o.dataset.v ?? '');\n      o.classList.toggle('active', on);\n      o.setAttribute('aria-pressed', String(on));\n    });\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { value: current } }));\n  }\n}\n\nexport function defineFxToggleButtonGroup(): typeof FxToggleButtonGroup {\n  return defineElement('fx-toggle-button-group', FxToggleButtonGroup);\n}"],"names":[],"mappings":";;;;AAYO,MAAM,uBAAN,MAAM,6BAA4B,UAAU;AAAA,EA8BjD,WAAoB,qBAA+B;AACjD,WAAO,CAAC,YAAY,MAAM;AAAA,EAC5B;AAAA,EAEA,IAAI,QAAkB;AACpB,UAAM,MAAM,KAAK,QAAQ,OAAO;AAChC,WAAO,MAAM,IAAI,MAAM,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,OAAO,IAAI,CAAA;AAAA,EACrE;AAAA,EACA,IAAI,MAAM,GAAa;AAAE,SAAK,aAAa,SAAS,EAAE,KAAK,GAAG,CAAC;AAAA,EAAG;AAAA,EAElE,IAAI,WAAoB;AAAE,WAAO,KAAK,QAAQ,UAAU;AAAA,EAAG;AAAA,EAE3D,IAAI,UAAyB;AAC3B,WAAO,MAAM,KAAK,KAAK,QAAQ,EAAE,OAAO,CAAC,OAAO,GAAG,QAAQ,iBAAiB,CAAC,EAAE,IAAI,CAAC,OAAO,EAAiB;AAAA,EAC9G;AAAA,EAEmB,SAAe;AAChC,UAAM,OAAO,KAAK;AAClB,UAAM,WAAW,KAAK;AAEtB,UAAM,OAAO,KACV,IAAI,CAAC,GAAG,MAAM;AACb,YAAM,MAAM,EAAE,aAAa,OAAO,KAAK;AACvC,YAAM,SAAS,SAAS,SAAS,GAAG;AACpC,aAAO,uCAAuC,SAAS,WAAW,EAAE,2BAA2B,IAAI,GAAG,CAAC,mBAAmB,MAAM,KAAK,IAAI,EAAE,aAAa,UAAU,UAAU,IAAI,CAAC,EAAE,CAAC;AAAA,IACtL,CAAC,EACA,KAAK,EAAE;AAEV,SAAK,YAAY;AAAA;AAAA,UAEX,IAAI;AAAA;AAAA,KAET;AAED,SAAK,aAAA;AAAA,EACP;AAAA,EAEQ,eAAqB;AAC3B,UAAM,KAAK,KAAK,KAAK,iBAA8B,SAAS,KAAK,EAAE,EAAE,QAAQ,CAAC,QAAQ;AACpF,UAAI,iBAAiB,SAAS,MAAM,KAAK,QAAQ,GAAG,CAAC;AACrD,UAAI,iBAAiB,WAAW,CAAC,MAAM;AACrC,cAAM,KAAK;AACX,YAAI,GAAG,QAAQ,WAAW,GAAG,QAAQ,KAAK;AACxC,aAAG,eAAA;AACH,eAAK,QAAQ,GAAG;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEQ,QAAQ,KAAwB;AACtC,UAAM,MAAM,IAAI,QAAQ,KAAK;AAC7B,QAAI,UAAU,KAAK;AAEnB,QAAI,KAAK,UAAU;AACjB,UAAI,QAAQ,SAAS,GAAG,EAAG,WAAU,QAAQ,OAAO,CAAC,MAAM,MAAM,GAAG;AAAA,UAC/D,SAAQ,KAAK,GAAG;AAAA,IACvB,OAAO;AACL,gBAAU,QAAQ,SAAS,GAAG,IAAI,CAAA,IAAK,CAAC,GAAG;AAAA,IAC7C;AAEA,SAAK,QAAQ;AACb,SAAK,KAAK,iBAA8B,SAAS,EAAE,QAAQ,CAAC,MAAM;AAChE,YAAM,KAAK,QAAQ,SAAS,EAAE,QAAQ,KAAK,EAAE;AAC7C,QAAE,UAAU,OAAO,UAAU,EAAE;AAC/B,QAAE,aAAa,gBAAgB,OAAO,EAAE,CAAC;AAAA,IAC3C,CAAC;AACD,SAAK,cAAc,IAAI,YAAY,UAAU,EAAE,SAAS,MAAM,UAAU,MAAM,QAAQ,EAAE,OAAO,QAAA,EAAQ,CAAG,CAAC;AAAA,EAC7G;AACF;AAlGE,qBAAgB,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;AADpB,IAAM,sBAAN;AAqGA,SAAS,4BAAwD;AACtE,SAAO,cAAc,0BAA0B,mBAAmB;AACpE;"}

package/dist/components/tree/index.d.ts

@@ -0,0 +1,8 @@
+import { FxTree } from './tree';
+export { FxTree };
+declare global {
+    interface HTMLElementTagNameMap {
+        'fx-tree': FxTree;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAgB,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,CAAC;AAIlB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/tree/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/tree/index.ts"],"sourcesContent":["import { FxTree, defineFxTree } from './tree';\n\nexport { FxTree };\n\ndefineFxTree();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'fx-tree': FxTree;\n  }\n}"],"names":[],"mappings":";;AAIA,aAAA;"}

package/dist/components/tree/tree.d.ts

@@ -0,0 +1,34 @@
+import { FxElement } from '../../core/base';
+/**
+ * <fx-tree> — Árvore hierárquica com expandir/recolher e seleção.
+ *
+ * Dados via atributo `data` (JSON):
+ *   [{ label: 'Item', icon: '📁', children: [{ label: 'Filho' }] }]
+ *
+ * Atributos: data (JSON), expand-all (expande tudo), size (sm|md|lg).
+ * Eventos (composed): `select` (detail: { node }).
+ */
+interface TreeNode {
+    label: string;
+    icon?: string;
+    children?: TreeNode[];
+}
+export declare class FxTree extends FxElement {
+    static styles: string;
+    static get observedAttributes(): string[];
+    private _expanded;
+    private _selected;
+    protected render(): void;
+    private _path;
+    private _renderNodes;
+    get data(): TreeNode[];
+    set data(v: TreeNode[]);
+    private _bind;
+    private _toggle;
+    private _findNode;
+    /** Expande ou recolhe todos os nós. */
+    setAllExpanded(open: boolean): void;
+}
+export declare function defineFxTree(): typeof FxTree;
+export {};
+//# sourceMappingURL=tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/components/tree/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAK5C;;;;;;;;GAQG;AACH,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,qBAAa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,SA0CpB;IAEF,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAED,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,SAAS,CAAuB;cAErB,MAAM,IAAI,IAAI;IAKjC,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,YAAY;IAiBpB,IAAI,IAAI,IAAI,QAAQ,EAAE,CAOrB;IACD,IAAI,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAmD;IAEzE,OAAO,CAAC,KAAK;IA0Bb,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,SAAS;IAWjB,uCAAuC;IACvC,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;CAKpC;AAED,wBAAgB,YAAY,IAAI,OAAO,MAAM,CAE5C"}

package/dist/components/tree/tree.js

@@ -0,0 +1,149 @@
+import { FxElement } from "../../core/base.js";
+import { css } from "../../core/css.js";
+import { defineElement } from "../../core/define.js";
+import { esc } from "../../core/sanitize.js";
+const _FxTree = class _FxTree extends FxElement {
+  constructor() {
+    super(...arguments);
+    this._expanded = /* @__PURE__ */ new Set();
+    this._selected = null;
+  }
+  static get observedAttributes() {
+    return ["data", "expand-all", "size"];
+  }
+  render() {
+    this.setTemplate(`<ul part="tree">${this._renderNodes(this.data, "")}</ul>`);
+    this._bind();
+  }
+  _path(i, parent) {
+    return parent ? `${parent}.${i}` : `${i}`;
+  }
+  _renderNodes(nodes, parent) {
+    const expandAll = this.hasAttr("expand-all");
+    return nodes.map((node, i) => {
+      const path = this._path(i, parent);
+      const hasChildren = Array.isArray(node.children) && node.children.length > 0;
+      const isOpen = expandAll || this._expanded.has(path);
+      const selected = this._selected === path ? " selected" : "";
+      const children = hasChildren ? `<ul class="children" ${isOpen ? "" : "hidden"}>${this._renderNodes(node.children, path)}</ul>` : "";
+      return `<li><span class="row${selected}" data-path="${path}" role="treeitem" tabindex="0"><span class="caret ${hasChildren ? isOpen ? "open" : "" : "leaf"}" data-toggle="${hasChildren ? path : ""}">▸</span>${node.icon ? `<span class="icon">${esc(node.icon)}</span>` : ""}<span class="label">${esc(node.label)}</span></span>${children}</li>`;
+    }).join("");
+  }
+  get data() {
+    try {
+      const parsed = JSON.parse(this.getAttr("data", "[]"));
+      return Array.isArray(parsed) ? parsed : [];
+    } catch {
+      return [];
+    }
+  }
+  set data(v) {
+    this.setAttribute("data", JSON.stringify(v));
+  }
+  _bind() {
+    this.root.querySelectorAll(".caret[data-toggle]").forEach((caret) => {
+      const path = caret.dataset.toggle;
+      if (!path) return;
+      caret.addEventListener("click", (e) => {
+        e.stopPropagation();
+        this._toggle(path, caret);
+      });
+    });
+    this.root.querySelectorAll(".row").forEach((row) => {
+      const path = row.dataset.path ?? "";
+      row.addEventListener("click", () => {
+        this._selected = path;
+        this.root.querySelectorAll(".row").forEach(
+          (r) => r.classList.toggle("selected", r === row)
+        );
+        this.dispatchEvent(new CustomEvent("select", {
+          bubbles: true,
+          composed: true,
+          detail: { node: this._findNode(path) }
+        }));
+      });
+      row.addEventListener("keydown", (e) => {
+        if (e.key === "Enter") row.click();
+      });
+    });
+  }
+  _toggle(path, caret) {
+    if (this._expanded.has(path)) this._expanded.delete(path);
+    else this._expanded.add(path);
+    const isOpen = this._expanded.has(path);
+    caret.classList.toggle("open", isOpen);
+    const li = caret.closest("li");
+    li?.querySelector(":scope > ul.children")?.toggleAttribute("hidden", !isOpen);
+  }
+  _findNode(path) {
+    let nodes = this.data;
+    let node;
+    for (const part of path.split(".")) {
+      node = nodes[Number(part)];
+      if (!node) return void 0;
+      nodes = node.children ?? [];
+    }
+    return node;
+  }
+  /** Expande ou recolhe todos os nós. */
+  setAllExpanded(open) {
+    if (open) this.setAttribute("expand-all", "");
+    else {
+      this.removeAttribute("expand-all");
+      this._expanded.clear();
+    }
+    this.render();
+  }
+};
+_FxTree.styles = css`
+    :host {
+      display: block;
+      font-family: var(--fx-font-family);
+      font-size: var(--fx-font-size);
+    }
+    ul { list-style: none; margin: 0; padding: 0; }
+    ul ul { padding-left: var(--fx-space-xl); }
+    li { margin: 2px 0; }
+    .row {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--fx-space-xs);
+      padding: var(--fx-space-xs) var(--fx-space-sm);
+      border-radius: var(--fx-radius-sm);
+      color: var(--fx-text-default);
+      cursor: pointer;
+      user-select: none;
+      width: 100%;
+      box-sizing: border-box;
+      transition: background var(--fx-motion-duration-fast) var(--fx-motion-easing);
+    }
+    .row:hover { background: var(--fx-surface-surface-hover, rgba(0, 0, 0, 0.05)); }
+    .row.selected { background: color-mix(in srgb, var(--fx-color-primary) 12%, transparent); color: var(--fx-color-primary); font-weight: 600; }
+    .caret {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 16px;
+      min-width: 16px;
+      font-size: calc(var(--fx-font-size) - 2px);
+      color: var(--fx-text-muted);
+      cursor: pointer;
+      transition: transform var(--fx-motion-duration-fast) var(--fx-motion-easing);
+      user-select: none;
+    }
+    .caret.open { transform: rotate(90deg); }
+    .caret.leaf { visibility: hidden; }
+    .icon { line-height: 1; }
+    .children[hidden] { display: none; }
+    :host([size='sm']) .row { padding: 2px var(--fx-space-xs); font-size: calc(var(--fx-font-size) - 2px); }
+    :host([size='lg']) .row { padding: var(--fx-space-sm) var(--fx-space-md); font-size: calc(var(--fx-font-size) + 1px); }
+  `;
+let FxTree = _FxTree;
+function defineFxTree() {
+  return defineElement("fx-tree", FxTree);
+}
+export {
+  FxTree,
+  defineFxTree
+};
+//# sourceMappingURL=tree.js.map

package/dist/components/tree/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sources":["../../../src/components/tree/tree.ts"],"sourcesContent":["import { FxElement } from '../../core/base';\nimport { css } from '../../core/css';\nimport { defineElement } from '../../core/define';\nimport { esc } from '../../core/sanitize';\n\n/**\n * <fx-tree> — Árvore hierárquica com expandir/recolher e seleção.\n *\n * Dados via atributo `data` (JSON):\n *   [{ label: 'Item', icon: '📁', children: [{ label: 'Filho' }] }]\n *\n * Atributos: data (JSON), expand-all (expande tudo), size (sm|md|lg).\n * Eventos (composed): `select` (detail: { node }).\n */\ninterface TreeNode {\n  label: string;\n  icon?: string;\n  children?: TreeNode[];\n}\n\nexport class FxTree extends FxElement {\n  static override styles = css`\n    :host {\n      display: block;\n      font-family: var(--fx-font-family);\n      font-size: var(--fx-font-size);\n    }\n    ul { list-style: none; margin: 0; padding: 0; }\n    ul ul { padding-left: var(--fx-space-xl); }\n    li { margin: 2px 0; }\n    .row {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--fx-space-xs);\n      padding: var(--fx-space-xs) var(--fx-space-sm);\n      border-radius: var(--fx-radius-sm);\n      color: var(--fx-text-default);\n      cursor: pointer;\n      user-select: none;\n      width: 100%;\n      box-sizing: border-box;\n      transition: background var(--fx-motion-duration-fast) var(--fx-motion-easing);\n    }\n    .row:hover { background: var(--fx-surface-surface-hover, rgba(0, 0, 0, 0.05)); }\n    .row.selected { background: color-mix(in srgb, var(--fx-color-primary) 12%, transparent); color: var(--fx-color-primary); font-weight: 600; }\n    .caret {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 16px;\n      min-width: 16px;\n      font-size: calc(var(--fx-font-size) - 2px);\n      color: var(--fx-text-muted);\n      cursor: pointer;\n      transition: transform var(--fx-motion-duration-fast) var(--fx-motion-easing);\n      user-select: none;\n    }\n    .caret.open { transform: rotate(90deg); }\n    .caret.leaf { visibility: hidden; }\n    .icon { line-height: 1; }\n    .children[hidden] { display: none; }\n    :host([size='sm']) .row { padding: 2px var(--fx-space-xs); font-size: calc(var(--fx-font-size) - 2px); }\n    :host([size='lg']) .row { padding: var(--fx-space-sm) var(--fx-space-md); font-size: calc(var(--fx-font-size) + 1px); }\n  `;\n\n  static override get observedAttributes(): string[] {\n    return ['data', 'expand-all', 'size'];\n  }\n\n  private _expanded = new Set<string>();\n  private _selected: string | null = null;\n\n  protected override render(): void {\n    this.setTemplate(`<ul part=\"tree\">${this._renderNodes(this.data, '')}</ul>`);\n    this._bind();\n  }\n\n  private _path(i: number, parent: string): string {\n    return parent ? `${parent}.${i}` : `${i}`;\n  }\n\n  private _renderNodes(nodes: TreeNode[], parent: string): string {\n    const expandAll = this.hasAttr('expand-all');\n    return nodes\n      .map((node, i) => {\n        const path = this._path(i, parent);\n        const hasChildren = Array.isArray(node.children) && node.children.length > 0;\n        const isOpen = expandAll || this._expanded.has(path);\n        const selected = this._selected === path ? ' selected' : '';\n        const children = hasChildren\n          ? `<ul class=\"children\" ${isOpen ? '' : 'hidden'}>${this._renderNodes(node.children!, path)}</ul>`\n          : '';\n        return `<li><span class=\"row${selected}\" data-path=\"${path}\" role=\"treeitem\" tabindex=\"0\"><span class=\"caret ${hasChildren ? (isOpen ? 'open' : '') : 'leaf'}\" data-toggle=\"${hasChildren ? path : ''}\">▸</span>${node.icon ? `<span class=\"icon\">${esc(node.icon)}</span>` : ''}<span class=\"label\">${esc(node.label)}</span></span>${children}</li>`;\n      })\n      .join('');\n  }\n\n\n  get data(): TreeNode[] {\n    try {\n      const parsed = JSON.parse(this.getAttr('data', '[]'));\n      return Array.isArray(parsed) ? parsed : [];\n    } catch {\n      return [];\n    }\n  }\n  set data(v: TreeNode[]) { this.setAttribute('data', JSON.stringify(v)); }\n\n  private _bind(): void {\n    this.root.querySelectorAll<HTMLElement>('.caret[data-toggle]').forEach((caret) => {\n      const path = caret.dataset.toggle;\n      if (!path) return;\n      caret.addEventListener('click', (e) => {\n        e.stopPropagation();\n        this._toggle(path, caret);\n      });\n    });\n    this.root.querySelectorAll<HTMLElement>('.row').forEach((row) => {\n      const path = row.dataset.path ?? '';\n      row.addEventListener('click', () => {\n        this._selected = path;\n        this.root.querySelectorAll<HTMLElement>('.row').forEach((r) =>\n          r.classList.toggle('selected', r === row),\n        );\n        this.dispatchEvent(new CustomEvent('select', {\n          bubbles: true, composed: true, detail: { node: this._findNode(path) },\n        }));\n      });\n      row.addEventListener('keydown', (e) => {\n        if ((e as KeyboardEvent).key === 'Enter') row.click();\n      });\n    });\n  }\n\n  private _toggle(path: string, caret: HTMLElement): void {\n    if (this._expanded.has(path)) this._expanded.delete(path);\n    else this._expanded.add(path);\n    const isOpen = this._expanded.has(path);\n    caret.classList.toggle('open', isOpen);\n    const li = caret.closest('li');\n    li?.querySelector<HTMLElement>(':scope > ul.children')?.toggleAttribute('hidden', !isOpen);\n  }\n\n  private _findNode(path: string): TreeNode | undefined {\n    let nodes = this.data;\n    let node: TreeNode | undefined;\n    for (const part of path.split('.')) {\n      node = nodes[Number(part)];\n      if (!node) return undefined;\n      nodes = node.children ?? [];\n    }\n    return node;\n  }\n\n  /** Expande ou recolhe todos os nós. */\n  setAllExpanded(open: boolean): void {\n    if (open) this.setAttribute('expand-all', '');\n    else { this.removeAttribute('expand-all'); this._expanded.clear(); }\n    this.render();\n  }\n}\n\nexport function defineFxTree(): typeof FxTree {\n  return defineElement('fx-tree', FxTree);\n}\n"],"names":[],"mappings":"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"}

package/dist/core/base.d.ts

@@ -13,7 +13,7 @@ export declare abstract class FxElement extends HTMLElement {
     protected readonly root: ShadowRoot;
     constructor();
     /** Chamado quando um atributo observado muda. */
-    protected attributeChangedCallback(): void;
+    protected attributeChangedCallback(_name: string, _oldValue: string | null, _newValue: string | null): void;
     /** Chamado quando o elemento é anexado ao DOM. */
     protected connectedCallback(): void;
     /** Chamado quando o elemento é removido do DOM (limpeza de recursos). */

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

@@ -1 +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"}
+{"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,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAI3G,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

@@ -7,7 +7,7 @@ const _FxElement = class _FxElement extends HTMLElement {
     this.root = this.attachShadow({ mode: "open" });
   }
   /** Chamado quando um atributo observado muda. */
-  attributeChangedCallback() {
+  attributeChangedCallback(_name, _oldValue, _newValue) {
     if (this.isConnected) this.render();
   }
   /** Chamado quando o elemento é anexado ao DOM. */

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(): 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;"}
+{"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;"}

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;AAChE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAsE5B,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C;AAipCD,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;AAsE5B,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C;AAmwCD,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,IAAI,CAAgB,CAAC"}

package/dist/docs/componentes/avatar.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-avatar>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const avatarDoc: ComponentDoc;
+//# sourceMappingURL=avatar.doc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/avatar.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/breadcrumb.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-breadcrumb>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const breadcrumbDoc: ComponentDoc;
+//# sourceMappingURL=breadcrumb.doc.d.ts.map

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

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

package/dist/docs/componentes/card.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-card>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const cardDoc: ComponentDoc;
+//# sourceMappingURL=card.doc.d.ts.map

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

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

package/dist/docs/componentes/carousel.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-carousel>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const carouselDoc: ComponentDoc;
+//# sourceMappingURL=carousel.doc.d.ts.map

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

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

package/dist/docs/componentes/chip.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-chip>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const chipDoc: ComponentDoc;
+//# sourceMappingURL=chip.doc.d.ts.map

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

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

package/dist/docs/componentes/confirmpopup.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-confirmpopup>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const confirmpopupDoc: ComponentDoc;
+//# sourceMappingURL=confirmpopup.doc.d.ts.map

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

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

package/dist/docs/componentes/empty-state.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-empty-state>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const emptyStateDoc: ComponentDoc;
+//# sourceMappingURL=empty-state.doc.d.ts.map

package/dist/docs/componentes/empty-state.doc.d.ts.map

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

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

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-fileupload>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const fileuploadDoc: ComponentDoc;
+//# sourceMappingURL=fileupload.doc.d.ts.map

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

@@ -0,0 +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,YAgE3B,CAAC"}

package/dist/docs/componentes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAgC7C,eAAO,MAAM,aAAa,EAAE,YAAY,EA8BvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CA8BnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAiD7C,eAAO,MAAM,aAAa,EAAE,YAAY,EA+CvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CA+CnE,CAAC"}

package/dist/docs/componentes/menu.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-menu>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const menuDoc: ComponentDoc;
+//# sourceMappingURL=menu.doc.d.ts.map

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

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

package/dist/docs/componentes/password-strength.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-password-strength>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const passwordStrengthDoc: ComponentDoc;
+//# sourceMappingURL=password-strength.doc.d.ts.map

package/dist/docs/componentes/password-strength.doc.d.ts.map

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

package/dist/docs/componentes/popover.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-popover>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const popoverDoc: ComponentDoc;
+//# sourceMappingURL=popover.doc.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-rating>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const ratingDoc: ComponentDoc;
+//# sourceMappingURL=rating.doc.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-slider>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const sliderDoc: ComponentDoc;
+//# sourceMappingURL=slider.doc.d.ts.map

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

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

package/dist/docs/componentes/stepper.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-stepper>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const stepperDoc: ComponentDoc;
+//# sourceMappingURL=stepper.doc.d.ts.map

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

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

package/dist/docs/componentes/timeline.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-timeline>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const timelineDoc: ComponentDoc;
+//# sourceMappingURL=timeline.doc.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-toggle-button-group>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const toggleButtonGroupDoc: ComponentDoc;
+//# sourceMappingURL=toggle-button-group.doc.d.ts.map

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

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

package/dist/docs/componentes/tree.doc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Documentação do componente <fx-tree>.
+ */
+import type { ComponentDoc } from '../types';
+export declare const treeDoc: ComponentDoc;
+//# sourceMappingURL=tree.doc.d.ts.map

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

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