@andespindola/ui-core 0.2.0 → 0.3.0

package/dist/cjs/ui-dropdown-menu.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Cb1tfi_9.js');
-var floatingUi_dom = require('./floating-ui.dom-BPemvNRD.js');
+var floatingUi_dom = require('./floating-ui.dom-BZk7Blsu.js');
 
 const uiDropdownMenuCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.menu{position:fixed;top:0;left:0;z-index:50;display:flex;flex-direction:column;gap:0.125rem;min-width:10rem;max-width:calc(100vw - 1rem);padding:0.375rem;font-family:var(--ui-font-sans);color:var(--ui-foreground);border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px);border-radius:var(--ui-radius);visibility:hidden;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.menu.is-open{visibility:visible;opacity:1;transform:scale(1)}`;
 
@@ -83,7 +83,7 @@ const UiDropdownMenu = class {
         this.cleanup = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '6d1ac3cd9096527745a84f24443a3b230bf2aaf0' }, index.h("span", { key: '5594e37030b1fd69260b4de30393aacfbc636ca3', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: '763b6bf28fe4c79a13a2cc5a620d19e51ae5f6e2', name: "trigger" })), index.h("div", { key: '0bec01181593abbcb1a8634eb027ce0cef0d860d', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: '1b1fa528fc1186c81dd433d0cb9b775df8357641' }))));
+        return (index.h(index.Host, { key: '3224e4bac8bcfeda15aa6a5411a95574795231a8' }, index.h("span", { key: '5f0c50e0cb28c349469be5971ac0622f05d8dd19', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: '616a2917a7377d00414c8fe9745ef6c1297841fa', name: "trigger" })), index.h("div", { key: 'efa36b327e9ba6a89b939170c296a69ffbe18e90', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: 'aaffbbb6b8fe37072c8344d95a902dcb667416ba' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ui-field.cjs.entry.js

@@ -11,7 +11,7 @@ const UiField = class {
         this.required = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1910a6ce3a389ab7faa9e3b46e0397e6a9bfbaab' }, index.h("div", { key: 'fb76fb030b9af9129578f7b2f0b85eaffefc8d67', class: "field" }, this.label && (index.h("label", { key: '659a7c0982360c133891a1a22a98cdae32a529ed', class: "label", htmlFor: this.fieldId }, this.label, this.required && (index.h("span", { key: 'de93f19b8a2dd063df1175c00c68c0b7c9b092d6', class: "required", "aria-hidden": "true" }, " *")))), index.h("slot", { key: 'a510f107aab90a202c178f1d22727689db828fdc' }), this.error ? (index.h("p", { class: "error", role: "alert" }, this.error)) : (this.description && index.h("p", { class: "description" }, this.description)))));
+        return (index.h(index.Host, { key: 'f39f480b04be85c60eaa8821358b8921d52a7801' }, index.h("div", { key: '22303a73ad07ca344ef29c25947443e4d43e95fb', class: "field" }, this.label && (index.h("label", { key: 'bf355b9c884ee0393c91f4d3cdaa38ab6d0132dc', class: "label", htmlFor: this.fieldId }, this.label, this.required && (index.h("span", { key: '94614ebcee5a68e180e135f5294370e272836b90', class: "required", "aria-hidden": "true" }, " *")))), index.h("slot", { key: '7d4b22b2741540aac3b017b882f9abfdb67c7492' }), this.error ? (index.h("p", { class: "error", role: "alert" }, this.error)) : (this.description && index.h("p", { class: "description" }, this.description)))));
     }
 };
 UiField.style = uiFieldCss();

package/dist/cjs/ui-file-upload.cjs.entry.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiFileUploadCss = () => `:host{display:block}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:1.5rem;border:2px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:transparent;font-family:var(--ui-font-sans);cursor:pointer;transition:background var(--ui-duration) var(--ui-ease),     border-color var(--ui-duration) var(--ui-ease)}.dropzone:hover,.dropzone.dragging{background:var(--ui-chip)}.dropzone:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-ring)}.icon{color:var(--ui-text-soft)}.label{font-size:0.875rem;color:var(--ui-text-muted)}.hint{font-size:0.75rem;color:var(--ui-text-faint)}.files{list-style:none;margin:0.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:0.375rem}.file{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.5rem 0.75rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel);font-family:var(--ui-font-sans)}.file-name{font-size:0.875rem;color:var(--ui-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{flex-shrink:0;font-size:0.75rem;color:var(--ui-text-muted)}`;
+
+const UiFileUpload = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.createEvent(this, "uiChange");
+        /** Permite múltiplos arquivos. */
+        this.multiple = false;
+        /** Texto principal da zona de upload. */
+        this.label = "Arraste arquivos ou clique para enviar";
+        /** Arquivos atualmente selecionados. */
+        this.files = [];
+        /** Indica se há arraste sobre a zona. */
+        this.dragging = false;
+        this.openPicker = () => {
+            this.inputEl?.click();
+        };
+        this.onInputChange = (event) => {
+            const target = event.target;
+            this.setFiles(target.files);
+        };
+        this.onDragOver = (event) => {
+            event.preventDefault();
+            this.dragging = true;
+        };
+        this.onDragLeave = () => {
+            this.dragging = false;
+        };
+        this.onDrop = (event) => {
+            event.preventDefault();
+            this.dragging = false;
+            this.setFiles(event.dataTransfer?.files ?? null);
+        };
+    }
+    setFiles(list) {
+        if (!list)
+            return;
+        this.files = Array.from(list);
+        this.uiChange.emit(this.files);
+    }
+    formatSize(bytes) {
+        if (bytes >= 1024 * 1024) {
+            return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+        }
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    }
+    render() {
+        return (index.h(index.Host, { key: '675f04b6b96fcdcd10f1344c20225501671e456b' }, index.h("button", { key: 'bcc1bb63fa043f0778f38370d919eabfb37930f5', type: "button", class: { dropzone: true, dragging: this.dragging }, onClick: this.openPicker, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, index.h("svg", { key: 'a5836edcdf54284806125e0356f0a5d9bf3e075a', class: "icon", viewBox: "0 0 24 24", width: "2rem", height: "2rem", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '093a31bf1257a470ad7447c20ff02f4ca3ce1957', d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), index.h("polyline", { key: 'c1eaf0285b47c402fefba5d16d3e1418df06405e', points: "17 8 12 3 7 8" }), index.h("line", { key: '4655c3de2b0df216d7f520eb81dc8e8a839fde25', x1: "12", y1: "3", x2: "12", y2: "15" })), index.h("span", { key: 'afa948d851f9df7944a2c669f9e0432fb1bb017b', class: "label" }, this.label), this.accept ? (index.h("span", { class: "hint" }, this.accept)) : null), index.h("input", { key: 'd2b97f6a23121a701da7e9296f0f06d0175c6edc', type: "file", hidden: true, accept: this.accept, multiple: this.multiple, ref: (el) => (this.inputEl = el), onChange: this.onInputChange }), this.files.length > 0 ? (index.h("ul", { class: "files" }, this.files.map((file) => (index.h("li", { class: "file" }, index.h("span", { class: "file-name" }, file.name), index.h("span", { class: "file-size" }, this.formatSize(file.size))))))) : null));
+    }
+};
+UiFileUpload.style = uiFileUploadCss();
+
+exports.ui_file_upload = UiFileUpload;

package/dist/cjs/ui-grid.cjs.entry.js

@@ -26,7 +26,7 @@ const UiGrid = class {
                 : `repeat(${this.columns}, minmax(0, 1fr))`,
             gap: GAP[this.gap],
         };
-        return (index.h(index.Host, { key: '465a816e064af42d8282185ee92e32477a6112fd' }, index.h("div", { key: 'da2e151c56959ced55477e3fe6c99aa5563b38aa', class: "grid", style: style }, index.h("slot", { key: '5bb285ce0feaf16d066b627010fc3fb595a85c15' }))));
+        return (index.h(index.Host, { key: 'fa78c94117bc998616e3f30ef936527d5be66e13' }, index.h("div", { key: '8594c436b71b7f49434b3366ec70ea24c6b437dc', class: "grid", style: style }, index.h("slot", { key: '79bb94baa8dd68e82b88734d57f6e31b033a7f5f' }))));
     }
 };
 UiGrid.style = uiGridCss();

package/dist/cjs/ui-input.cjs.entry.js

@@ -35,7 +35,7 @@ const UiInput = class {
     }
     render() {
         const showClear = this.clearable && !!this.value && !this.disabled;
-        return (index.h(index.Host, { key: 'a87a7c9a1aba5631099f2f9c3a3083a9e7374854' }, index.h("div", { key: '04d3493ab32a4636f3f2540aaba0b30e4c018225', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, index.h("span", { key: '66fa079a8b6ccc62dca78f4266d92800dd8727b0', class: "affix" }, index.h("slot", { key: 'c9db74515db3226bc730beb42a2a8f2d8eb6ee9f', name: "prefix" })), index.h("input", { key: 'a8f4db568e49ee22b5eeae078c4e4b3fdbc48983', class: "input", type: this.type, value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }), showClear && (index.h("button", { key: 'e38a2279db1b1c677274a6e22019bf3183ae1920', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, index.h("svg", { key: '0982ea65d3b1598620953fcd600b1eb1945348ee', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, index.h("path", { key: '26f833d4ccf8feab9f2ec4f4527b8c8e9c00d09b', d: "M18 6 6 18M6 6l12 12" })))), index.h("span", { key: '22c7d4d4a030157a4a9eb73ef0a260f4db56c848', class: "affix" }, index.h("slot", { key: 'fa74011b1237908aa9eea78f88294afcdf09f0f5', name: "suffix" })))));
+        return (index.h(index.Host, { key: 'cfe13feedab47ba88763ae727eb77ca15a0c52a3' }, index.h("div", { key: '7c79750f2ad87a55462a2416e9d46b4558f9b279', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, index.h("span", { key: 'dafa1e0120f0de7a041ecfdb98db4203c1d67a28', class: "affix" }, index.h("slot", { key: '80aef681671784cd65f473975e441027d038c340', name: "prefix" })), index.h("input", { key: '8bad96710b4190784302fe9ce908f33aef0bc126', class: "input", type: this.type, value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }), showClear && (index.h("button", { key: '4b26604a6c1ff8004afa6ef0964490ba82553d61', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, index.h("svg", { key: '87195594cef1db73b86f1117233fdef13ee9fa1a', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, index.h("path", { key: '66be8eddf982847bf22f59f9113b66b4e47ca005', d: "M18 6 6 18M6 6l12 12" })))), index.h("span", { key: '749bf6ba578fd22b2d6c34b0fb7522f5a87a33e3', class: "affix" }, index.h("slot", { key: 'b226025774cedd33f915c6155061044b272d77a1', name: "suffix" })))));
     }
 };
 UiInput.style = uiInputCss();

package/dist/cjs/ui-label.cjs.entry.js

@@ -9,7 +9,7 @@ const UiLabel = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '15695a208223a3270e49d72972a49c26fe3acd4d' }, index.h("label", { key: 'a6d0290c845797368e59fa936b80c8fee55dbcb1', class: "label" }, index.h("slot", { key: 'daae42c194f0c31d69a82bfad95a97b85cf2cdf2' }))));
+        return (index.h(index.Host, { key: '45a53d43b29ba78ac9852334536e9d7cb93e9c3c' }, index.h("label", { key: 'f8209140ec401f7a055d398181a421f281307a9b', class: "label" }, index.h("slot", { key: '50ba3bbce082e8f0c402c7acb3cd25ce822e3728' }))));
     }
 };
 UiLabel.style = uiLabelCss();

package/dist/cjs/ui-navbar.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiNavbarCss = () => `:host{display:block}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 1.25rem;background:var(--ui-panel-strong);backdrop-filter:blur(22px);border-bottom:1px solid var(--ui-border);font-family:var(--ui-font-sans);color:var(--ui-text-soft)}.brand{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:var(--ui-foreground)}.center{display:flex;align-items:center;gap:1rem}.actions{display:flex;align-items:center;gap:0.75rem}`;
+
+const UiNavbar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'db6c3b0a7eee0812d931d4fb4c8b5ce444749b5e' }, index.h("nav", { key: '990bc62b051ca9f24ee5be4bf4e383873e5d8269', class: "navbar" }, index.h("div", { key: '999b46029fb0e0b6f5a04942d9326b30f7b0e392', class: "brand" }, index.h("slot", { key: '189a4521a16efdec4eee5c433b17a71028f05c90', name: "brand" })), index.h("div", { key: 'b3e129ad603ed6d32ec676aab96cf39e51834dec', class: "center" }, index.h("slot", { key: 'dc1fff1b9c536df2d88b5e92a83634d1e3bca384' })), index.h("div", { key: '854fac1322e96c7c67bf204af17ea665494c0fc5', class: "actions" }, index.h("slot", { key: '0f07b817547c866df0137f8667790b3caa65bea8', name: "actions" })))));
+    }
+};
+UiNavbar.style = uiNavbarCss();
+
+exports.ui_navbar = UiNavbar;

package/dist/cjs/ui-pagination.cjs.entry.js

@@ -49,13 +49,13 @@ const UiPagination = class {
         const total = Math.max(this.total, 1);
         const current = this.clamp(this.current);
         const entries = this.buildRange();
-        return (index.h(index.Host, { key: '405a1c41db3850f25ffc14a053b12c0767809b1e' }, index.h("nav", { key: 'bd9baa3307cb5576ca81ab82653b44ccd4cb0385', class: "pagination", role: "navigation", "aria-label": "Pagina\u00E7\u00E3o" }, index.h("button", { key: '8efdfeb278037fabab6b82ba4083a7d23a00d612', class: "page nav", type: "button", "aria-label": "P\u00E1gina anterior", disabled: current <= 1, onClick: () => this.go(current - 1) }, "\u2039"), entries.map((entry, index$1) => {
+        return (index.h(index.Host, { key: '23be36b9c734a9c43e9644337a58e4ede719215d' }, index.h("nav", { key: '618c7c85d1ea8f93bdd058d7ba4e61a62991e2d6', class: "pagination", role: "navigation", "aria-label": "Pagina\u00E7\u00E3o" }, index.h("button", { key: 'a9c0cac9d2b2fb6c61e9627158efd08f1e20f597', class: "page nav", type: "button", "aria-label": "P\u00E1gina anterior", disabled: current <= 1, onClick: () => this.go(current - 1) }, "\u2039"), entries.map((entry, index$1) => {
             if (entry === "...") {
                 return (index.h("span", { key: `ellipsis-${index$1}`, class: "ellipsis", "aria-hidden": "true" }, "\u2026"));
             }
             const active = entry === current;
             return (index.h("button", { key: entry, class: { page: true, active }, type: "button", "aria-label": `Página ${entry}`, "aria-current": active ? "page" : undefined, onClick: () => this.go(entry) }, entry));
-        }), index.h("button", { key: '5ba13b9a59857423e65a4d10630eb66cc32c30fe', class: "page nav", type: "button", "aria-label": "Pr\u00F3xima p\u00E1gina", disabled: current >= total, onClick: () => this.go(current + 1) }, "\u203A"))));
+        }), index.h("button", { key: '38fb86bda60934768f24c117e8586acb35f88513', class: "page nav", type: "button", "aria-label": "Pr\u00F3xima p\u00E1gina", disabled: current >= total, onClick: () => this.go(current + 1) }, "\u203A"))));
     }
 };
 UiPagination.style = uiPaginationCss();

package/dist/cjs/ui-popover.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Cb1tfi_9.js');
-var floatingUi_dom = require('./floating-ui.dom-BPemvNRD.js');
+var floatingUi_dom = require('./floating-ui.dom-BZk7Blsu.js');
 
 const uiPopoverCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.panel{position:fixed;top:0;left:0;z-index:50;width:18rem;max-width:calc(100vw - 1rem);padding:1rem;font-family:var(--ui-font-sans);color:var(--ui-foreground);border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px);border-radius:var(--ui-radius);visibility:hidden;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.panel.is-open{visibility:visible;opacity:1;transform:scale(1)}`;
 
@@ -80,7 +80,7 @@ const UiPopover = class {
         this.cleanup = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '61b4088ff4d61701a3466619274e60ac64fcc420' }, index.h("span", { key: 'd2d00f4dbf391ea1bc119870e399187d98634de6', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: 'ece70edbdda096821de68295e55a3fba3caeada4', name: "trigger" })), index.h("div", { key: 'f30e5a570e49eb9c7056fd820bc57408dd78e013', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: '5823d3c7ed47946d812a2c34002fc5fd0cfc8a29' }))));
+        return (index.h(index.Host, { key: '005686226a579c5a9968f9b99bc177bfc523f4bc' }, index.h("span", { key: '3c43cbdfd37c6ec5243c94069fb3e417fb4fde8b', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: 'bcc68719623c4035cb4b811d52d916c86b814657', name: "trigger" })), index.h("div", { key: '04865b639bcb5ba267d1ed3e0399f8b677c1befa', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: '2a518fa968650f9e844996b21d421f5e96834fbd' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ui-progress-circular.cjs.entry.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiProgressCircularCss = () => `:host{display:inline-flex;position:relative;align-items:center;justify-content:center}.ring{display:block}.ring.indeterminate{animation:ui-progress-circular-spin 1s linear infinite;transform-origin:center}.track{fill:none;stroke:var(--ui-chip)}.indicator{fill:none;stroke:var(--ui-accent);transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--ui-duration) var(--ui-ease)}.value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-sans);font-size:0.8rem;font-weight:600;color:var(--ui-foreground)}@keyframes ui-progress-circular-spin{to{transform:rotate(360deg)}}`;
+
+const UiProgressCircular = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Valor atual do progresso. `null` torna o componente indeterminado. */
+        this.value = null;
+        /** Valor máximo. */
+        this.max = 100;
+        /** Tamanho do anel (qualquer unidade CSS). */
+        this.size = "3rem";
+        /** Espessura do traço. */
+        this.strokeWidth = 4;
+        /** Força o estado indeterminado. */
+        this.indeterminate = false;
+        /** Exibe o percentual no centro quando determinado. */
+        this.showValue = false;
+    }
+    get isIndeterminate() {
+        return this.indeterminate || this.value === null;
+    }
+    get percent() {
+        if (this.value === null || this.max <= 0)
+            return 0;
+        const clamped = Math.min(Math.max(this.value, 0), this.max);
+        return clamped / this.max;
+    }
+    render() {
+        const determinate = !this.isIndeterminate;
+        const radius = 50 - this.strokeWidth;
+        const circumference = 2 * Math.PI * radius;
+        const dashoffset = determinate
+            ? circumference * (1 - this.percent)
+            : circumference * 0.75;
+        return (index.h(index.Host, { key: '4201e2e660c07a1b3d5ad6e2a464b3dc4075308a', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined, style: { width: this.size, height: this.size } }, index.h("svg", { key: 'fe9226a711cbdd751baf6fd06e8acef3af63349e', class: { ring: true, indeterminate: this.isIndeterminate }, width: this.size, height: this.size, viewBox: "0 0 100 100" }, index.h("circle", { key: 'c7dc8282a2295ac97009f575bb7f116d54b0f917', class: "track", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth) }), index.h("circle", { key: '04f88283dde12b1e6c2206f7421fb4fa72c6d569', class: "indicator", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth), "stroke-linecap": "round", "stroke-dasharray": String(circumference), "stroke-dashoffset": String(dashoffset) })), this.showValue && determinate ? (index.h("div", { class: "value" }, Math.round(this.percent * 100), "%")) : null));
+    }
+};
+UiProgressCircular.style = uiProgressCircularCss();
+
+exports.ui_progress_circular = UiProgressCircular;

package/dist/cjs/ui-progress.cjs.entry.js

@@ -25,7 +25,7 @@ const UiProgress = class {
     }
     render() {
         const determinate = !this.isIndeterminate;
-        return (index.h(index.Host, { key: '8f40e0e4a439959e1474d2952f0f891438fb3ecf', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, index.h("div", { key: '9bfd7557efbfad05a8b170764b96935f00cbdaeb', class: "track" }, index.h("div", { key: '02205ac65e75f27f52869991b168c6397c8b2760', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
+        return (index.h(index.Host, { key: '0d53e528a9a2176e683310c375ff63a3785b7bc6', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, index.h("div", { key: '5e7511d189ebc53dfffa6f9aabf0c6d110d2ba0f', class: "track" }, index.h("div", { key: '7d68e2e258c8d31a46815a66416853ea31af1b79', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
     }
 };
 UiProgress.style = uiProgressCss();

package/dist/cjs/ui-radio-group.cjs.entry.js

@@ -38,7 +38,7 @@ const UiRadioGroup = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '67c377ec552ea8cb6ea3d015bab1ee3d66ee436c' }, index.h("div", { key: 'aa52c74b8473ca06b762811a900d90cdfc8f7422', class: "group", role: "radiogroup" }, this.options.map((option, index$1) => {
+        return (index.h(index.Host, { key: 'f7265dce62bf0d590da4b9d8f8756f11991680fb' }, index.h("div", { key: 'ba70adcb04fae5ba2f78089ac95f8dfed4014efd', class: "group", role: "radiogroup" }, this.options.map((option, index$1) => {
             const selected = option.value === this.value;
             return (index.h("button", { class: "radio", type: "button", role: "radio", "aria-checked": selected ? "true" : "false", tabindex: selected || (!this.value && index$1 === 0) ? "0" : "-1", disabled: this.disabled, onClick: () => this.select(option.value), onKeyDown: (event) => this.onKeyDown(event, index$1) }, index.h("span", { class: "indicator" }, index.h("span", { class: "dot" })), index.h("span", { class: "label" }, option.label)));
         }))));

package/dist/cjs/ui-rating.cjs.entry.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiRatingCss = () => `:host{display:inline-flex}.rating{display:inline-flex;align-items:center;gap:0.125rem}.star{width:1.5rem;height:1.5rem;padding:0;border:none;background:none;cursor:pointer;color:var(--ui-border-strong);transition:color var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.star svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5}.star.filled{color:var(--ui-warning)}.star.filled svg{fill:currentColor;stroke:currentColor}.star:not(.readonly):hover{transform:scale(1.15)}.star:focus-visible{outline:none;border-radius:var(--ui-radius);box-shadow:0 0 0 2px var(--ui-ring)}.star.readonly{pointer-events:none;cursor:default}`;
+
+const UiRating = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.createEvent(this, "uiChange");
+        /** Valor selecionado. */
+        this.value = 0;
+        /** Quantidade de estrelas. */
+        this.max = 5;
+        /** Apenas leitura, sem interação. */
+        this.readonly = false;
+        /** Estrela atualmente sob o cursor (-1 quando sem hover). */
+        this.hoverValue = -1;
+        this.onLeave = () => {
+            this.hoverValue = -1;
+        };
+    }
+    select(index) {
+        if (this.readonly)
+            return;
+        this.value = index;
+        this.uiChange.emit(this.value);
+    }
+    onEnter(index) {
+        if (this.readonly)
+            return;
+        this.hoverValue = index;
+    }
+    render() {
+        const active = this.hoverValue > 0 ? this.hoverValue : this.value;
+        const stars = Array.from({ length: this.max }, (_, i) => i + 1);
+        return (index.h(index.Host, { key: 'b334c2aea5f4b15907ef5d386f344403b97f0324' }, index.h("div", { key: '635e2ec90f98eb3f90c4f365d32fc82b5763cf42', class: "rating", role: "radiogroup", "aria-label": "Avalia\u00E7\u00E3o", onMouseLeave: this.onLeave }, stars.map((index$1) => {
+            const filled = index$1 <= active;
+            return (index.h("button", { class: { star: true, filled, readonly: this.readonly }, type: "button", role: "radio", "aria-checked": index$1 === this.value ? "true" : "false", "aria-label": `${index$1} estrelas`, onClick: () => this.select(index$1), onMouseEnter: () => this.onEnter(index$1) }, index.h("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%" }, index.h("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }))));
+        }))));
+    }
+};
+UiRating.style = uiRatingCss();
+
+exports.ui_rating = UiRating;

package/dist/cjs/ui-reveal.cjs.entry.js

@@ -32,7 +32,7 @@ const UiReveal = class {
         this.observer?.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '4ab570c0eaa9fb6b4d6a9d01887fde6edd72ba8d' }, index.h("div", { key: 'cf0287499bfa5107fb49cadc85c85f2f70063967', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, index.h("slot", { key: 'b46502732e597f13d60ec55be0d456dba8181386' }))));
+        return (index.h(index.Host, { key: '5bb285428644e0c3e130178e5c34811ff5c52d5a' }, index.h("div", { key: '1884cbc6f94fdee392ed94ab8fbc4a449747138a', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, index.h("slot", { key: '270ee6624c2ba58edc786d80fb3d777ff3cebb41' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/ui-scroll-progress.cjs.entry.js

@@ -29,7 +29,7 @@ const UiScrollProgress = class {
         window.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (index.h(index.Host, { key: 'cb2d746b6e0ca3642a0460cff5685f2eb83a6301' }, index.h("div", { key: '7fdb8b414f833110c389aef8620c313fb8c001c7', class: "bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(this.progress * 100), style: { transform: `scaleX(${this.progress})` } })));
+        return (index.h(index.Host, { key: 'fee75a94ba6949fffe43501b672492795632f687' }, index.h("div", { key: 'fc881ac42582dc50df17861b918d96331216b86f', class: "bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(this.progress * 100), style: { transform: `scaleX(${this.progress})` } })));
     }
 };
 UiScrollProgress.style = uiScrollProgressCss();

package/dist/cjs/ui-section.cjs.entry.js

@@ -15,7 +15,7 @@ const UiSection = class {
         this.description = "";
     }
     render() {
-        return (index.h(index.Host, { key: '71344e4d5a4c6bccade1bf5151aeba1dffa14d7f' }, index.h("section", { key: '404cb27c6db128f60608b4eff44fa6e05520016b' }, this.eyebrow && index.h("p", { key: '204ced95531d3bf77c2a32f940c3ec4bc0e76f53', class: "eyebrow" }, this.eyebrow), this.heading && index.h("h2", { key: '46818123dd264ef60db8ff9c7a2ad93979d71434', class: "heading" }, this.heading), this.description && index.h("p", { key: 'eaba39853cd12a874c9079e2181aca9e0fc130b7', class: "description" }, this.description), index.h("slot", { key: '24d02b1d9176e42d7906ef43881807d7cfda2e52' }))));
+        return (index.h(index.Host, { key: '541fff68d5138d9c8767a22f4fc031d77d532010' }, index.h("section", { key: 'a05b3596b2dae7e78216b087af28f0be57d79468' }, this.eyebrow && index.h("p", { key: 'd429995b90a7877792fb4c2def70a2dd9fd1865d', class: "eyebrow" }, this.eyebrow), this.heading && index.h("h2", { key: '41849c37d94c9d91cfedaa0bceec0a453089326d', class: "heading" }, this.heading), this.description && index.h("p", { key: '5b244c629c70ed213426d141bec5c67da670d566', class: "description" }, this.description), index.h("slot", { key: '7ad5eafe43915eb69f31532417f1ea28f232b5c8' }))));
     }
 };
 UiSection.style = uiSectionCss();

package/dist/cjs/ui-segmented.cjs.entry.js

@@ -20,7 +20,7 @@ const UiSegmented = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '92649a392383aebb62bab90e3f20a008783f2ed2' }, index.h("div", { key: '22983cd496ee1f9ed1dbf49d989c409cdca3c8b4', class: "track", role: "radiogroup" }, this.items.map((item) => {
+        return (index.h(index.Host, { key: 'ff4e74a388b0c7db02c4065e32c93b66d1338fb8' }, index.h("div", { key: '163708540ba5221f2b7a90dc7778c2d83072b6e4', class: "track", role: "radiogroup" }, this.items.map((item) => {
             const active = item.value === this.value;
             return (index.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));
         }))));

package/dist/cjs/ui-select.cjs.entry.js

@@ -20,7 +20,7 @@ const UiSelect = class {
     }
     render() {
         const hasValue = this.value !== undefined && this.value !== "";
-        return (index.h(index.Host, { key: '5f41047362d77643cc663925900c15c6cd10ec60' }, index.h("div", { key: '53ec77b2100bdd6de568ad549a42ad8fd080ac6a', class: "wrapper" }, index.h("select", { key: 'b0b4b1def7b7166bf24f996f9736a670a9b7b052', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (index.h("option", { key: 'e83b039418ac74bb3124c151dca9af43ff05dd61', value: "", disabled: true, selected: !hasValue }, this.placeholder)), this.options.map((option) => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))), index.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" }, index.h("polyline", { key: 'ab5e3cb2419dc63fbcd3804740b781c856ae8240', points: "6 9 12 15 18 9" })))));
+        return (index.h(index.Host, { key: 'a1abda48256851c19e13b1516c9789ff270fd55f' }, index.h("div", { key: '9556917c11784833418565b305b814e176b4ce22', class: "wrapper" }, index.h("select", { key: '6f724cd6c5c83d841839c1a13b8e1f74720edd57', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (index.h("option", { key: '2b70163c4f64850d05f8194b310041bc32d18930', value: "", disabled: true, selected: !hasValue }, this.placeholder)), this.options.map((option) => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))), index.h("svg", { key: '748cda678998b6739fc56aaa7df36964a37a0f12', class: "chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("polyline", { key: '957613dc5eeb6471f4dfc1cc4e8203c90d291cdb', points: "6 9 12 15 18 9" })))));
     }
 };
 UiSelect.style = uiSelectCss();

package/dist/cjs/ui-separator.cjs.entry.js

@@ -11,7 +11,7 @@ const UiSeparator = class {
         this.orientation = "horizontal";
     }
     render() {
-        return (index.h(index.Host, { key: '33e452485ff7838e37a378f9acba10f242069cfc', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
+        return (index.h(index.Host, { key: '64211b51121d5c090a1f7e3feb88e7c076dc5b7b', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
     }
 };
 UiSeparator.style = uiSeparatorCss();

package/dist/cjs/ui-skeleton.cjs.entry.js

@@ -9,7 +9,7 @@ const UiSkeleton = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8f839817a493a8221e9d3b2e95fd7ae5ece2e70e' }, index.h("span", { key: '295dce8e9e6489def8b20a703f04c65ad3740ce8', class: "skeleton" })));
+        return (index.h(index.Host, { key: 'b8c2b1288e037ec55d582d07a6f9d83ad63789b4' }, index.h("span", { key: '3a939a4d6ab7ce5791bd3ffb7210743ad68e0db8', class: "skeleton" })));
     }
 };
 UiSkeleton.style = uiSkeletonCss();

package/dist/cjs/ui-slider.cjs.entry.js

@@ -29,7 +29,7 @@ const UiSlider = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '22fe57f0e95edb2e169718c8b1fb5c2f3d78ddfe' }, index.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 })));
+        return (index.h(index.Host, { key: 'eeb569c6927ebcda5c1702c8bdbade3e15ede9c2' }, index.h("input", { key: '1fd45574a52ed9d857941c870650995f092283f8', 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 })));
     }
 };
 UiSlider.style = uiSliderCss();

package/dist/cjs/ui-spinner.cjs.entry.js

@@ -11,7 +11,7 @@ const UiSpinner = class {
         this.size = "md";
     }
     render() {
-        return (index.h(index.Host, { key: '0414d6e3be8588ad4c71c5e4cf227075ac7494ab', role: "status" }, index.h("span", { key: '61e5d0a16b5fd566767ef098477c3144a9c1c987', class: { spinner: true, [`size-${this.size}`]: true } }), index.h("span", { key: 'ea33b6e6603ba23e7a117ef978329c83818a044b', class: "sr-only" }, "Carregando")));
+        return (index.h(index.Host, { key: '3ce50c4de9703a057c0971fbaa71f6535a30c196', role: "status" }, index.h("span", { key: '83aba34de038600be6535662d7243489d4db79f1', class: { spinner: true, [`size-${this.size}`]: true } }), index.h("span", { key: 'ff7523e8ab8e073dea03314b72c93aaf566fa32e', class: "sr-only" }, "Carregando")));
     }
 };
 UiSpinner.style = uiSpinnerCss();

package/dist/cjs/ui-stack.cjs.entry.js

@@ -45,7 +45,7 @@ const UiStack = class {
             justifyContent: JUSTIFY[this.justify],
             flexWrap: this.wrap ? "wrap" : "nowrap",
         };
-        return (index.h(index.Host, { key: 'ba9547e72877aa05a5e93afbe098d7402b315df3' }, index.h("div", { key: 'e0fd73777e2211925435f2fd8bfcb74ad2eb8085', class: "stack", style: style }, index.h("slot", { key: '3a5aa50721c641f0cc81328a21262ff5d375e55c' }))));
+        return (index.h(index.Host, { key: 'f10c42228c323efa8c5ded4e8ca552e38d1ef923' }, index.h("div", { key: 'c296191b05e5ad4e9fdec382808b24b6e798867d', class: "stack", style: style }, index.h("slot", { key: '8cc418111a0833cf404e0578e81c23f9aaa69fda' }))));
     }
 };
 UiStack.style = uiStackCss();

package/dist/cjs/ui-stat.cjs.entry.js

@@ -20,7 +20,7 @@ const UiStat = class {
         return null;
     }
     render() {
-        return (index.h(index.Host, { key: '7afc03397921ff23d08da136999896a40d8a31be' }, index.h("div", { key: '35a7d594e9ebb426f10ff256ba4805ee88a0100c', class: "card" }, index.h("p", { key: '92a82cf415c22f884ed782d410e25559ff391017', class: "label" }, this.label), index.h("div", { key: '1c8d08800ca0a6f38e574930c5187ec979666a62', class: "value-row" }, index.h("span", { key: '0bb5e825e9d51a045638f48616c24bdc7a4a0ee0', class: "value" }, this.value), this.delta && (index.h("span", { key: '01aa434582c8eee2c1fd6b69c16de0262fb89daf', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), index.h("div", { key: '4446e15c156412cc8b6c72f823a49396f31e8e74', class: "extra" }, index.h("slot", { key: 'ca4e0cc60f588840d3fd88e3efaecabb84cd633d' })))));
+        return (index.h(index.Host, { key: 'd4d0f5f87e9049b60b849afa096438bb5defa710' }, index.h("div", { key: '9dbd07ca51110a52ea852894401b0908b4cf7d30', class: "card" }, index.h("p", { key: '41e30e19f7ca5d26df13381e34a6c6a87ca530ce', class: "label" }, this.label), index.h("div", { key: '40c72d2e2bda9fb9017a52eec04737c673910ea3', class: "value-row" }, index.h("span", { key: 'b217030e5603cd2c0e0a99913461e83047a73378', class: "value" }, this.value), this.delta && (index.h("span", { key: 'df0a67ef011043f334512a43c1a6fb1ac9bb6978', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), index.h("div", { key: '3e4fb6a69cf7b22d2a1f60f28f5f5747f900165a', class: "extra" }, index.h("slot", { key: '97237fcf1fc5c46a30426728c0f240cab4808541' })))));
     }
 };
 UiStat.style = uiStatCss();

package/dist/cjs/ui-switch.cjs.entry.js

@@ -26,7 +26,7 @@ const UiSwitch = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '018ccd47d567e5c16ce40a600c15a9e2281301d2' }, index.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 }, index.h("span", { key: '4ac740348a215ff97e0cae3bbbbd411163760792', class: "thumb" }))));
+        return (index.h(index.Host, { key: '428fb05e4d51811bca60b1e3513c38002bcdd6f7' }, index.h("button", { key: '39192341845fd5877a6a73f3c7ef8257a526601e', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, index.h("span", { key: '51fa9f37d6e7083e8aaf4de69e234dbb56bc4c8b', class: "thumb" }))));
     }
 };
 UiSwitch.style = uiSwitchCss();

package/dist/cjs/ui-table.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiTableCss = () => `:host{display:block}.wrapper{overflow:hidden;border:1px solid var(--ui-border);background:var(--ui-panel);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px) saturate(140%);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-sans)}.table{width:100%;border-collapse:collapse}.table thead th{padding:0.75rem 1rem;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--ui-text-faint);background:var(--ui-chip)}.table tbody td{padding:0.75rem 1rem;font-size:0.875rem;color:var(--ui-text-soft)}.table tbody tr{border-top:1px solid var(--ui-border)}.table.striped tbody tr:nth-child(even){background:color-mix(in srgb, var(--ui-chip) 50%, transparent)}.table.hoverable tbody tr:hover{background:var(--ui-chip)}`;
+
+const UiTable = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Definição das colunas. */
+        this.columns = [];
+        /** Linhas de dados. */
+        this.rows = [];
+        /** Aplica fundo alternado nas linhas pares. */
+        this.striped = false;
+        /** Destaca a linha sob o cursor. */
+        this.hoverable = true;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'e62b59e8da83f4b9f0c3d622623bbe216d3cfb8f' }, index.h("div", { key: 'e46a0eeeedaa9efa10867a9e38a03514a6d23d0b', class: "wrapper" }, index.h("table", { key: 'fe0a34ee49101b57d74e0e2ad765861bf5e3509e', class: { table: true, striped: this.striped, hoverable: this.hoverable } }, index.h("thead", { key: '0ea948edf967524a5fc55df8bdc453a3fd6a58a4' }, index.h("tr", { key: '69d9be2deeb57d4811ebdb8714d0713d675c8c1e' }, this.columns.map((column) => (index.h("th", { key: column.key, style: { textAlign: column.align ?? "left" } }, column.label))))), index.h("tbody", { key: '4b0fa5fbc25f6f0952da9a85bd03289f24ffdf9a' }, this.rows.map((row, rowIndex) => (index.h("tr", { key: rowIndex }, this.columns.map((column) => (index.h("td", { key: column.key, style: { textAlign: column.align ?? "left" } }, String(row[column.key] ?? ""))))))))))));
+    }
+};
+UiTable.style = uiTableCss();
+
+exports.ui_table = UiTable;

package/dist/cjs/ui-tabs.cjs.entry.js

@@ -20,10 +20,10 @@ const UiTabs = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'fc0926743b6a547c13660f574fc56abefc6e6c2e' }, index.h("div", { key: 'a1582c6234e1faaa5cb6b563a51ecf2192a88d40', class: "tablist", role: "tablist" }, this.items.map((item) => {
+        return (index.h(index.Host, { key: '498d6b8302e63ed96533c7d68f4ac00c06b513cb' }, index.h("div", { key: '20699e632c2596a7157dd69e0f77b7db75b8b40e', class: "tablist", role: "tablist" }, this.items.map((item) => {
             const active = item.value === this.value;
             return (index.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));
-        })), index.h("div", { key: '5d9b8d61e8005b7e6baa216ffd571f7b9403acd5', class: "panel", role: "tabpanel" }, index.h("slot", { key: '8ba0cf22e6e837f038c2ec7fad8d533287325119', name: this.value }))));
+        })), index.h("div", { key: 'd4d5577f928378d8e400779954831fd5f6416c04', class: "panel", role: "tabpanel" }, index.h("slot", { key: '77e86a40c41666945704a560222edd22cd92443f', name: this.value }))));
     }
 };
 UiTabs.style = uiTabsCss();

package/dist/cjs/ui-textarea.cjs.entry.js

@@ -27,7 +27,7 @@ const UiTextarea = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'ba1b88ab3fa990a903e6d61f31fbbade7b58eb27' }, index.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)));
+        return (index.h(index.Host, { key: '4134da9c40b56d7a690aacf84f285d32c76e0e97' }, index.h("textarea", { key: 'ed094856a7982bb44cc2a6b756daf5ee12f57c01', 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)));
     }
 };
 UiTextarea.style = uiTextareaCss();

package/dist/cjs/ui-theme-toggle.cjs.entry.js

@@ -57,7 +57,7 @@ const UiThemeToggle = class {
         return (index.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" }, index.h("circle", { cx: "12", cy: "12", r: "4" }), index.h("line", { x1: "12", y1: "2", x2: "12", y2: "4" }), index.h("line", { x1: "12", y1: "20", x2: "12", y2: "22" }), index.h("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), index.h("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), index.h("line", { x1: "4.93", y1: "4.93", x2: "6.34", y2: "6.34" }), index.h("line", { x1: "17.66", y1: "17.66", x2: "19.07", y2: "19.07" }), index.h("line", { x1: "4.93", y1: "19.07", x2: "6.34", y2: "17.66" }), index.h("line", { x1: "17.66", y1: "6.34", x2: "19.07", y2: "4.93" })));
     }
     render() {
-        return (index.h(index.Host, { key: 'da51d59a9d5b28dec214d4fe63f5cebf78d80a51' }, index.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())));
+        return (index.h(index.Host, { key: 'a654dba08923ee4ede01577964a9c1ae00152eeb' }, index.h("button", { key: '84477ec9d4693aa93457fb6564ceae1ab2c3516b', 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())));
     }
 };
 UiThemeToggle.style = uiThemeToggleCss();

package/dist/cjs/ui-toast.cjs.entry.js

@@ -54,7 +54,7 @@ const UiToast = class {
         this.dismiss();
     }
     render() {
-        return (index.h(index.Host, { key: '79bd3e7ed207efd5ff62f5296ab11a06993ce347' }, this.open && (index.h("div", { key: '15a138288380473dff3ff1880e3298e211377339', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, index.h("div", { key: '33adfee858ddfd37f144b34f8677f312b89c04f3', class: "body" }, this.heading && index.h("p", { key: 'a56d837636f27897f06a8d693f28763b4bc95db6', class: "heading" }, this.heading), this.description && (index.h("p", { key: '7c86fb20c84c42e3c5e3262cc91061e9a80804aa', class: "description" }, this.description))), index.h("button", { key: '4d8160818b76b65c29a27e4404c39a7525441a72', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, index.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" }, index.h("line", { key: 'c8440dbbb12ce67dd30a052aef92bc736a4532f9', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: '9ee2d2ec78efa7566e63feb337e346a5574ccf55', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
+        return (index.h(index.Host, { key: '21a97579800abf5e870eec28557e06165b96d404' }, this.open && (index.h("div", { key: 'e77a782182779213db337796c83eff1d0cf5d5c2', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, index.h("div", { key: '0d6c35786aa00e5f6678e33944df564f1ad8edec', class: "body" }, this.heading && index.h("p", { key: '1b91fe3a120c8caf7ba614d1d658121d77b52be5', class: "heading" }, this.heading), this.description && (index.h("p", { key: 'dff799cd6f2c4fd62fa716538a9de375ee1f49af', class: "description" }, this.description))), index.h("button", { key: 'c30f977f65a960b4062965ac77b2e3ac9d09dc8a', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, index.h("svg", { key: 'ae2d9a2fab756ce67c5a7379bb3a4f93fec4222f', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { key: '29972be7ff1556a629365956f39c7c0bfe85d512', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: '59087f986b5dd641be586d04b4aa70f1a09dcfe3', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-toaster.cjs.entry.js

@@ -21,7 +21,7 @@ const UiToaster = class {
         this.items = this.items.filter((item) => item.id !== id);
     }
     render() {
-        return (index.h(index.Host, { key: 'eb3198a053270b41c8b632b91135987f04735ac5' }, index.h("div", { key: 'd37bf3710646977e7db39690f221e76360c43aee', class: "container" }, this.items.map((item) => (index.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 (index.h(index.Host, { key: '608a15f7a5805eb336aeb5eed46fc7ca9f7ef32e' }, index.h("div", { key: 'ebf5b3f7cdafa526fe0845d3025bf10579beb848', class: "container" }, this.items.map((item) => (index.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) }))))));
     }
 };
 UiToaster.style = uiToasterCss();

package/dist/cjs/ui-tooltip.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Cb1tfi_9.js');
-var floatingUi_dom = require('./floating-ui.dom-BPemvNRD.js');
+var floatingUi_dom = require('./floating-ui.dom-BZk7Blsu.js');
 
 const uiTooltipCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.4rem 0.7rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;line-height:1.4;color:var(--ui-foreground);background:color-mix(in srgb, var(--ui-background) 90%, var(--ui-foreground) 8%);border:1px solid var(--ui-border-strong);box-shadow:var(--ui-shadow-lg);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}`;
 
@@ -55,7 +55,7 @@ const UiTooltip = class {
         this.cleanup = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '5e20fbcdd1ae94f29596938ab465a863b46ed65b', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, index.h("span", { key: '5f4e8b75930fee583f37f1977473c60f6e681ee6', class: "trigger", ref: (el) => (this.triggerEl = el) }, index.h("slot", { key: 'eae9e842023fe1e4589d2af1889c6e6753bc9010' })), index.h("div", { key: 'dc815b28e5d1dfbd91a970ce50b77fc8ecd3f5ab', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
+        return (index.h(index.Host, { key: '401cfeba060afec776fd2455ab597f5591733566', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, index.h("span", { key: '6ee621aefa5092194d3e1c3dabf5a33501421c6c', class: "trigger", ref: (el) => (this.triggerEl = el) }, index.h("slot", { key: '771078940a2c4e17ecf30dc39f6e0f0c90691b5e' })), index.h("div", { key: '263d4868a251cab4f302a8fe1d890a419f4158d1', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
     }
     get host() { return index.getElement(this); }
 };