@andespindola/ui-core 0.1.1 → 0.2.0

package/dist/collection/components/ui-segmented/ui-segmented.js

@@ -0,0 +1,99 @@
+import { h, Host } from "@stencil/core";
+export class UiSegmented {
+    constructor() {
+        /** Lista de segmentos. */
+        this.items = [];
+        /** Valor do segmento ativo. */
+        this.value = "";
+        this.select = (value) => {
+            if (value === this.value)
+                return;
+            this.value = value;
+            this.uiChange.emit(value);
+        };
+    }
+    render() {
+        return (h(Host, { key: '92649a392383aebb62bab90e3f20a008783f2ed2' }, h("div", { key: '22983cd496ee1f9ed1dbf49d989c409cdca3c8b4', class: "track", role: "radiogroup" }, this.items.map((item) => {
+            const active = item.value === this.value;
+            return (h("button", { key: item.value, class: { segment: true, active }, type: "button", role: "radio", "aria-checked": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
+        }))));
+    }
+    static get is() { return "ui-segmented"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-segmented.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-segmented.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "UiSegmentedItem[]",
+                    "resolved": "UiSegmentedItem[]",
+                    "references": {
+                        "UiSegmentedItem": {
+                            "location": "local",
+                            "path": "/Users/andersonespindola/.ghq/github.com/andersonflima/ui/packages/core/src/components/ui-segmented/ui-segmented.tsx",
+                            "id": "src/components/ui-segmented/ui-segmented.tsx::UiSegmentedItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Lista de segmentos."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valor do segmento ativo."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "value",
+                "defaultValue": "\"\""
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "uiChange",
+                "name": "uiChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitido quando o segmento ativo muda."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}

package/dist/collection/components/ui-select/ui-select.js

@@ -13,7 +13,7 @@ export class UiSelect {
     }
     render() {
         const hasValue = this.value !== undefined && this.value !== "";
-        return (h(Host, { key: '1ebd6a8472a116ad071e9504ab0756daddb27824' }, h("div", { key: '5d2d00f41b8f74202156d0af7c150b89d79dc1a4', class: "wrapper" }, h("select", { key: '7b370433247f03a126ce13005a3697ba5b04845f', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (h("option", { key: '9e482642eebeab0b1b1c5b56a6730fb5ecbd9617', value: "", disabled: true, selected: !hasValue }, this.placeholder)), this.options.map((option) => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))), h("svg", { key: '7d66788b8d8b51169ae28e5e5c5a31c0b637e377', class: "chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'aaa00671ba95ebd20f81174fc27bf218b16dfc64', points: "6 9 12 15 18 9" })))));
+        return (h(Host, { key: '5f41047362d77643cc663925900c15c6cd10ec60' }, h("div", { key: '53ec77b2100bdd6de568ad549a42ad8fd080ac6a', class: "wrapper" }, h("select", { key: 'b0b4b1def7b7166bf24f996f9736a670a9b7b052', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (h("option", { key: 'e83b039418ac74bb3124c151dca9af43ff05dd61', value: "", disabled: true, selected: !hasValue }, this.placeholder)), this.options.map((option) => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))), h("svg", { key: 'bb3165c856d11b352b2c7a64cc12ab4284541fb4', class: "chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'ab5e3cb2419dc63fbcd3804740b781c856ae8240', points: "6 9 12 15 18 9" })))));
     }
     static get is() { return "ui-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-separator/ui-separator.js

@@ -5,7 +5,7 @@ export class UiSeparator {
         this.orientation = "horizontal";
     }
     render() {
-        return (h(Host, { key: '212e4b763ad309ef74ba2e21592a0d4091fb0fcf', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
+        return (h(Host, { key: '33e452485ff7838e37a378f9acba10f242069cfc', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
     }
     static get is() { return "ui-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-skeleton/ui-skeleton.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class UiSkeleton {
     render() {
-        return (h(Host, { key: 'a7ce8aa1c475aaa92353b0eb6bad5ded231a5cd1' }, h("span", { key: '0611976380d3fb93d1ac64bfdc5d4686568c5129', class: "skeleton" })));
+        return (h(Host, { key: '8f839817a493a8221e9d3b2e95fd7ae5ece2e70e' }, h("span", { key: '295dce8e9e6489def8b20a703f04c65ad3740ce8', class: "skeleton" })));
     }
     static get is() { return "ui-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-slider/ui-slider.js

@@ -21,7 +21,7 @@ export class UiSlider {
         };
     }
     render() {
-        return (h(Host, { key: '08226142947909bff3ccecd5fc780d75515c2ee2' }, h("input", { key: '192bd60cd8b0c1e8d6029272fd317c0d786b36ca', class: "slider", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.onInput, onChange: this.onChange })));
+        return (h(Host, { key: '22fe57f0e95edb2e169718c8b1fb5c2f3d78ddfe' }, h("input", { key: 'a9e16ef8f97f412c22911f72c4b7212f6d04a293', class: "slider", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.onInput, onChange: this.onChange })));
     }
     static get is() { return "ui-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-spinner/ui-spinner.js

@@ -5,7 +5,7 @@ export class UiSpinner {
         this.size = "md";
     }
     render() {
-        return (h(Host, { key: 'cedf6e857d1f4e6561c78f3fd3076341c2d8ecdc', role: "status" }, h("span", { key: '7200580dccc32b30829725ad84e913c3b1afee60', class: { spinner: true, [`size-${this.size}`]: true } }), h("span", { key: '63d4cfee2e5cebabc3c7b3b6ed95a656daa65705', class: "sr-only" }, "Carregando")));
+        return (h(Host, { key: '0414d6e3be8588ad4c71c5e4cf227075ac7494ab', role: "status" }, h("span", { key: '61e5d0a16b5fd566767ef098477c3144a9c1c987', class: { spinner: true, [`size-${this.size}`]: true } }), h("span", { key: 'ea33b6e6603ba23e7a117ef978329c83818a044b', class: "sr-only" }, "Carregando")));
     }
     static get is() { return "ui-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-stack/ui-stack.css

@@ -0,0 +1,8 @@
+:host {
+  display: block;
+}
+
+.stack {
+  display: flex;
+  font-family: var(--ui-font-sans);
+}

package/dist/collection/components/ui-stack/ui-stack.js

@@ -0,0 +1,184 @@
+import { h, Host } from "@stencil/core";
+const GAP = {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem",
+};
+const ALIGN = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch",
+};
+const JUSTIFY = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    between: "space-between",
+};
+export class UiStack {
+    constructor() {
+        /** Direção do empilhamento. */
+        this.direction = "vertical";
+        /** Espaçamento entre itens. */
+        this.gap = "md";
+        /** Alinhamento no eixo cruzado. */
+        this.align = "stretch";
+        /** Distribuição no eixo principal. */
+        this.justify = "start";
+        /** Permite quebra de linha dos itens. */
+        this.wrap = false;
+    }
+    render() {
+        const style = {
+            flexDirection: this.direction === "horizontal" ? "row" : "column",
+            gap: GAP[this.gap],
+            alignItems: ALIGN[this.align],
+            justifyContent: JUSTIFY[this.justify],
+            flexWrap: this.wrap ? "wrap" : "nowrap",
+        };
+        return (h(Host, { key: 'ba9547e72877aa05a5e93afbe098d7402b315df3' }, h("div", { key: 'e0fd73777e2211925435f2fd8bfcb74ad2eb8085', class: "stack", style: style }, h("slot", { key: '3a5aa50721c641f0cc81328a21262ff5d375e55c' }))));
+    }
+    static get is() { return "ui-stack"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-stack.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-stack.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "direction": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "UiStackDirection",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {
+                        "UiStackDirection": {
+                            "location": "local",
+                            "path": "/Users/andersonespindola/.ghq/github.com/andersonflima/ui/packages/core/src/components/ui-stack/ui-stack.tsx",
+                            "id": "src/components/ui-stack/ui-stack.tsx::UiStackDirection"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Dire\u00E7\u00E3o do empilhamento."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "direction",
+                "defaultValue": "\"vertical\""
+            },
+            "gap": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "UiStackGap",
+                    "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "UiStackGap": {
+                            "location": "local",
+                            "path": "/Users/andersonespindola/.ghq/github.com/andersonflima/ui/packages/core/src/components/ui-stack/ui-stack.tsx",
+                            "id": "src/components/ui-stack/ui-stack.tsx::UiStackGap"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Espa\u00E7amento entre itens."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "gap",
+                "defaultValue": "\"md\""
+            },
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "UiStackAlign",
+                    "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "UiStackAlign": {
+                            "location": "local",
+                            "path": "/Users/andersonespindola/.ghq/github.com/andersonflima/ui/packages/core/src/components/ui-stack/ui-stack.tsx",
+                            "id": "src/components/ui-stack/ui-stack.tsx::UiStackAlign"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Alinhamento no eixo cruzado."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "align",
+                "defaultValue": "\"stretch\""
+            },
+            "justify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "UiStackJustify",
+                    "resolved": "\"between\" | \"center\" | \"end\" | \"start\"",
+                    "references": {
+                        "UiStackJustify": {
+                            "location": "local",
+                            "path": "/Users/andersonespindola/.ghq/github.com/andersonflima/ui/packages/core/src/components/ui-stack/ui-stack.tsx",
+                            "id": "src/components/ui-stack/ui-stack.tsx::UiStackJustify"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Distribui\u00E7\u00E3o no eixo principal."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "justify",
+                "defaultValue": "\"start\""
+            },
+            "wrap": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Permite quebra de linha dos itens."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "wrap",
+                "defaultValue": "false"
+            }
+        };
+    }
+}

package/dist/collection/components/ui-stat/ui-stat.css

@@ -0,0 +1,69 @@
+:host {
+  display: block;
+}
+
+.card {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 1.25rem;
+  border: 1px solid var(--ui-border);
+  border-radius: var(--ui-radius-lg);
+  background: var(--ui-panel);
+  backdrop-filter: blur(22px);
+  font-family: var(--ui-font-sans);
+}
+
+.label {
+  margin: 0;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-size: 0.7rem;
+  font-weight: 500;
+  color: var(--ui-text-faint);
+}
+
+.value-row {
+  display: flex;
+  align-items: baseline;
+  gap: 0.625rem;
+}
+
+.value {
+  font-size: 1.875rem;
+  font-weight: 600;
+  line-height: 1.1;
+  color: var(--ui-foreground);
+}
+
+.delta {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.125rem 0.5rem;
+  border-radius: var(--ui-radius-full);
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+
+.delta svg {
+  display: block;
+}
+
+.trend-up {
+  color: var(--ui-success);
+  background: color-mix(in srgb, var(--ui-success) 14%, transparent);
+}
+.trend-down {
+  color: var(--ui-danger);
+  background: color-mix(in srgb, var(--ui-danger) 14%, transparent);
+}
+.trend-neutral {
+  color: var(--ui-text-muted);
+  background: var(--ui-chip);
+}
+
+.extra {
+  font-size: 0.8125rem;
+  color: var(--ui-text-muted);
+}

package/dist/collection/components/ui-stat/ui-stat.js

@@ -0,0 +1,118 @@
+import { h, Host } from "@stencil/core";
+export class UiStat {
+    constructor() {
+        /** Direção da tendência. */
+        this.trend = "neutral";
+    }
+    renderArrow() {
+        if (this.trend === "down") {
+            return (h("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true" }, h("path", { d: "M6 11 1 4h10z" })));
+        }
+        if (this.trend === "up") {
+            return (h("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true" }, h("path", { d: "M6 1 11 8H1z" })));
+        }
+        return null;
+    }
+    render() {
+        return (h(Host, { key: '7afc03397921ff23d08da136999896a40d8a31be' }, h("div", { key: '35a7d594e9ebb426f10ff256ba4805ee88a0100c', class: "card" }, h("p", { key: '92a82cf415c22f884ed782d410e25559ff391017', class: "label" }, this.label), h("div", { key: '1c8d08800ca0a6f38e574930c5187ec979666a62', class: "value-row" }, h("span", { key: '0bb5e825e9d51a045638f48616c24bdc7a4a0ee0', class: "value" }, this.value), this.delta && (h("span", { key: '01aa434582c8eee2c1fd6b69c16de0262fb89daf', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), h("div", { key: '4446e15c156412cc8b6c72f823a49396f31e8e74', class: "extra" }, h("slot", { key: 'ca4e0cc60f588840d3fd88e3efaecabb84cd633d' })))));
+    }
+    static get is() { return "ui-stat"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-stat.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-stat.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "R\u00F3tulo da m\u00E9trica."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valor principal exibido."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "delta": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Varia\u00E7\u00E3o exibida no chip (ex.: \"+12%\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "delta"
+            },
+            "trend": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "UiStatTrend",
+                    "resolved": "\"down\" | \"neutral\" | \"up\"",
+                    "references": {
+                        "UiStatTrend": {
+                            "location": "local",
+                            "path": "/Users/andersonespindola/.ghq/github.com/andersonflima/ui/packages/core/src/components/ui-stat/ui-stat.tsx",
+                            "id": "src/components/ui-stat/ui-stat.tsx::UiStatTrend"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Dire\u00E7\u00E3o da tend\u00EAncia."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "trend",
+                "defaultValue": "\"neutral\""
+            }
+        };
+    }
+}

package/dist/collection/components/ui-switch/ui-switch.js

@@ -19,7 +19,7 @@ export class UiSwitch {
         };
     }
     render() {
-        return (h(Host, { key: '0650dcb564622448421a576b17093cfeeb7a3a6d' }, h("button", { key: '09e705ce9642f4c11b84bc876577b9e55dab1e52', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: 'd237bee4724d5f9a199f4794217d1528c074caac', class: "thumb" }))));
+        return (h(Host, { key: '018ccd47d567e5c16ce40a600c15a9e2281301d2' }, h("button", { key: '7975d671d3c6d048b760b285a68e9ae832c93ebc', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: '4ac740348a215ff97e0cae3bbbbd411163760792', class: "thumb" }))));
     }
     static get is() { return "ui-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-tabs/ui-tabs.js

@@ -13,10 +13,10 @@ export class UiTabs {
         };
     }
     render() {
-        return (h(Host, { key: '8828dc9385a8c206a751e39fda9869116dda3001' }, h("div", { key: '8e13dc53f1c03da5a52adb8ec86da91c78c502b2', class: "tablist", role: "tablist" }, this.items.map((item) => {
+        return (h(Host, { key: 'fc0926743b6a547c13660f574fc56abefc6e6c2e' }, h("div", { key: 'a1582c6234e1faaa5cb6b563a51ecf2192a88d40', class: "tablist", role: "tablist" }, this.items.map((item) => {
             const active = item.value === this.value;
             return (h("button", { key: item.value, class: { tab: true, active }, type: "button", role: "tab", "aria-selected": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
-        })), h("div", { key: '1e46e18417426af6053490cde8e7637e4bae7855', class: "panel", role: "tabpanel" }, h("slot", { key: 'efb63794fca013a54a1b2f261c4a72cd18ce3ef0', name: this.value }))));
+        })), h("div", { key: '5d9b8d61e8005b7e6baa216ffd571f7b9403acd5', class: "panel", role: "tabpanel" }, h("slot", { key: '8ba0cf22e6e837f038c2ec7fad8d533287325119', name: this.value }))));
     }
     static get is() { return "ui-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-textarea/ui-textarea.js

@@ -19,7 +19,7 @@ export class UiTextarea {
         };
     }
     render() {
-        return (h(Host, { key: 'f0bafb6320cd48642dac3b5f1e07399f88a78b03' }, h("textarea", { key: 'fc99c0b899dd17477928b9f38273fd822d46935b', class: { textarea: true, invalid: this.invalid }, name: this.name, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }, this.value)));
+        return (h(Host, { key: 'ba1b88ab3fa990a903e6d61f31fbbade7b58eb27' }, h("textarea", { key: 'f9ac9e1aff98e94b3562b812cef34fcc138cd350', class: { textarea: true, invalid: this.invalid }, name: this.name, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }, this.value)));
     }
     static get is() { return "ui-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-theme-toggle/ui-theme-toggle.js

@@ -50,7 +50,7 @@ export class UiThemeToggle {
         return (h("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "4" }), h("line", { x1: "12", y1: "2", x2: "12", y2: "4" }), h("line", { x1: "12", y1: "20", x2: "12", y2: "22" }), h("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), h("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), h("line", { x1: "4.93", y1: "4.93", x2: "6.34", y2: "6.34" }), h("line", { x1: "17.66", y1: "17.66", x2: "19.07", y2: "19.07" }), h("line", { x1: "4.93", y1: "19.07", x2: "6.34", y2: "17.66" }), h("line", { x1: "17.66", y1: "6.34", x2: "19.07", y2: "4.93" })));
     }
     render() {
-        return (h(Host, { key: '6b55c31df3938ab37336e4e4c4ed90e9b149a440' }, h("button", { key: '7640122c47871bc67aad6f74b59229219fdb348b', class: "toggle", type: "button", "aria-label": this.isDark ? "Ativar tema claro" : "Ativar tema escuro", "aria-pressed": this.isDark ? "true" : "false", onClick: this.toggle }, this.renderIcon())));
+        return (h(Host, { key: 'da51d59a9d5b28dec214d4fe63f5cebf78d80a51' }, h("button", { key: '55436252c82f49628c4b0394905623bc5a78dc00', class: "toggle", type: "button", "aria-label": this.isDark ? "Ativar tema claro" : "Ativar tema escuro", "aria-pressed": this.isDark ? "true" : "false", onClick: this.toggle }, this.renderIcon())));
     }
     static get is() { return "ui-theme-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-toast/ui-toast.js

@@ -47,7 +47,7 @@ export class UiToast {
         this.dismiss();
     }
     render() {
-        return (h(Host, { key: 'fe0318f91899e78faeb2ac07a7a06bfe42f9d3fd' }, this.open && (h("div", { key: '66dc197d7a493ad7a7cb9aa982fc92bc0541d21f', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: 'df1fbb34582de4d10a84402653e7d7d528d8faa0', class: "body" }, this.heading && h("p", { key: '7c14d43a9397320bda3a79b60637da9d48c31945', class: "heading" }, this.heading), this.description && (h("p", { key: '6c83f1b075b3df34c1ce05e8c43627903ddbba4e', class: "description" }, this.description))), h("button", { key: '922acc1bc264b59ce708014decb078182d7909b4', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: '10541297b8fc83a5da11b640933f6c3695602cb0', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: '964b3dc70120841eb01fffeef9e7ddcbd30880ec', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'e45490846076269a527a0f722e32e61206cc2d9d', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
+        return (h(Host, { key: '79bd3e7ed207efd5ff62f5296ab11a06993ce347' }, this.open && (h("div", { key: '15a138288380473dff3ff1880e3298e211377339', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: '33adfee858ddfd37f144b34f8677f312b89c04f3', class: "body" }, this.heading && h("p", { key: 'a56d837636f27897f06a8d693f28763b4bc95db6', class: "heading" }, this.heading), this.description && (h("p", { key: '7c86fb20c84c42e3c5e3262cc91061e9a80804aa', class: "description" }, this.description))), h("button", { key: '4d8160818b76b65c29a27e4404c39a7525441a72', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: 'ce7ee6982cc1d742b4d4de8573ca11d18166c814', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: 'c8440dbbb12ce67dd30a052aef92bc736a4532f9', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '9ee2d2ec78efa7566e63feb337e346a5574ccf55', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
     }
     static get is() { return "ui-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-toaster/ui-toaster.js

@@ -15,7 +15,7 @@ export class UiToaster {
         this.items = this.items.filter((item) => item.id !== id);
     }
     render() {
-        return (h(Host, { key: '18ad65a18488bd061c2fa8eb2ad33c41a472d850' }, h("div", { key: 'de7ae9b62cd155d13c5a8d018ea2970d509e74e6', class: "container" }, this.items.map((item) => (h("ui-toast", { key: item.id, open: true, heading: item.heading, description: item.description, variant: item.variant ?? "default", duration: item.duration ?? 4000, onUiClose: () => this.remove(item.id) }))))));
+        return (h(Host, { key: 'eb3198a053270b41c8b632b91135987f04735ac5' }, h("div", { key: 'd37bf3710646977e7db39690f221e76360c43aee', class: "container" }, this.items.map((item) => (h("ui-toast", { key: item.id, open: true, heading: item.heading, description: item.description, variant: item.variant ?? "default", duration: item.duration ?? 4000, onUiClose: () => this.remove(item.id) }))))));
     }
     static get is() { return "ui-toaster"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-tooltip/ui-tooltip.js

@@ -49,7 +49,7 @@ export class UiTooltip {
         this.cleanup = undefined;
     }
     render() {
-        return (h(Host, { key: '5a3f2a7cf235a6c31c8a4d3ebd4f0d517c7e7b5d', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: 'f626c5ec5686959449c5a2dd1c80551fd6b19087', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '08a19214efd0eba04d715b76a63a2cc53ed3a5c6' })), h("div", { key: 'b598af62ab976599a5274cc85f01b4ab7543dabf', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
+        return (h(Host, { key: '5e20fbcdd1ae94f29596938ab465a863b46ed65b', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: '5f4e8b75930fee583f37f1977473c60f6e681ee6', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'eae9e842023fe1e4589d2af1889c6e6753bc9010' })), h("div", { key: 'dc815b28e5d1dfbd91a970ce50b77fc8ecd3f5ab', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
     }
     static get is() { return "ui-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/{p-Bz9HyboB.js → p-BwNtNvTb.js}

@@ -1 +1 @@
-import{t as e,p as s,H as i,h as r,a as n}from"./index.js";const t=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="md"}render(){return r(n,{key:"cedf6e857d1f4e6561c78f3fd3076341c2d8ecdc",role:"status"},r("span",{key:"7200580dccc32b30829725ad84e913c3b1afee60",class:{spinner:!0,[`size-${this.size}`]:!0}}),r("span",{key:"63d4cfee2e5cebabc3c7b3b6ed95a656daa65705",class:"sr-only"},"Carregando"))}static get style(){return":host{display:inline-flex;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}"}},[1,"ui-spinner",{size:[1]}]);function a(){"undefined"!=typeof customElements&&["ui-spinner"].forEach((s=>{"ui-spinner"===s&&(customElements.get(e(s))||customElements.define(e(s),t))}))}a();export{t as U,a as d}
+import{t as e,p as s,H as i,h as r,a as n}from"./index.js";const t=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="md"}render(){return r(n,{key:"0414d6e3be8588ad4c71c5e4cf227075ac7494ab",role:"status"},r("span",{key:"61e5d0a16b5fd566767ef098477c3144a9c1c987",class:{spinner:!0,[`size-${this.size}`]:!0}}),r("span",{key:"ea33b6e6603ba23e7a117ef978329c83818a044b",class:"sr-only"},"Carregando"))}static get style(){return":host{display:inline-flex;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}"}},[1,"ui-spinner",{size:[1]}]);function a(){"undefined"!=typeof customElements&&["ui-spinner"].forEach((s=>{"ui-spinner"===s&&(customElements.get(e(s))||customElements.define(e(s),t))}))}a();export{t as U,a as d}