@andespindola/ui-core 0.2.0 → 0.4.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiInputCss = () => `:host{display:block}.field{display:flex;align-items:center;gap:0.5rem;width:100%;height:2.75rem;padding:0 0.875rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box}.field:hover:not(.disabled){border-color:var(--ui-border-strong)}.field:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.field.invalid{border-color:var(--ui-danger)}.field.invalid:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}.field.disabled{opacity:0.5;pointer-events:none}.input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none}.input::placeholder{color:var(--ui-text-faint)}.affix{display:inline-flex;align-items:center;color:var(--ui-text-muted)}.affix::slotted(svg),::slotted([slot="prefix"]),::slotted([slot="suffix"]){display:inline-flex;color:var(--ui-text-muted)}.clear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:var(--ui-radius-full);background:var(--ui-chip);color:var(--ui-text-muted);cursor:pointer;transition:all var(--ui-duration) var(--ui-ease)}.clear:hover{color:var(--ui-foreground);background:var(--ui-panel-strong)}`;
 
@@ -33,7 +33,7 @@ const UiInput = class {
     }
     render() {
         const showClear = this.clearable && !!this.value && !this.disabled;
-        return (h(Host, { key: 'a87a7c9a1aba5631099f2f9c3a3083a9e7374854' }, h("div", { key: '04d3493ab32a4636f3f2540aaba0b30e4c018225', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, h("span", { key: '66fa079a8b6ccc62dca78f4266d92800dd8727b0', class: "affix" }, h("slot", { key: 'c9db74515db3226bc730beb42a2a8f2d8eb6ee9f', name: "prefix" })), 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 && (h("button", { key: 'e38a2279db1b1c677274a6e22019bf3183ae1920', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, h("svg", { key: '0982ea65d3b1598620953fcd600b1eb1945348ee', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, h("path", { key: '26f833d4ccf8feab9f2ec4f4527b8c8e9c00d09b', d: "M18 6 6 18M6 6l12 12" })))), h("span", { key: '22c7d4d4a030157a4a9eb73ef0a260f4db56c848', class: "affix" }, h("slot", { key: 'fa74011b1237908aa9eea78f88294afcdf09f0f5', name: "suffix" })))));
+        return (h(Host, { key: 'e9eb32b17bc234a3e97c570f6a2e0eaabf3763f9' }, h("div", { key: '8545c0a5c3a4ac48e11ebe7d9f0bc46738cf967f', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, h("span", { key: '5f2273b9913a6e3c4f2328aedd1c68f5481ffc33', class: "affix" }, h("slot", { key: 'a6430217baeb4bf8f794c3b3da9d8a5d1f1934ea', name: "prefix" })), h("input", { key: '878396509802ac7fd2e6527fd9ff134280271981', 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 && (h("button", { key: '07328458e2c91c87affea1ae462e97c45c2861b7', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, h("svg", { key: '604ecae919eb8c115e4fc46d8a3b9ecc2f1f8937', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, h("path", { key: '824a4aeff8afcd9a87bb386232d7c541fb9aad5a', d: "M18 6 6 18M6 6l12 12" })))), h("span", { key: 'c0c577e12a4f01520286da06512130de943781dc', class: "affix" }, h("slot", { key: '5b2f1281359134f2714ede53446cf853b7a2eb61', name: "suffix" })))));
     }
 };
 UiInput.style = uiInputCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiLabelCss = () => `:host{display:inline-block}.label{font-family:var(--ui-font-sans);font-size:0.875rem;font-weight:500;color:var(--ui-foreground)}`;
 
@@ -7,7 +7,7 @@ const UiLabel = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '15695a208223a3270e49d72972a49c26fe3acd4d' }, h("label", { key: 'a6d0290c845797368e59fa936b80c8fee55dbcb1', class: "label" }, h("slot", { key: 'daae42c194f0c31d69a82bfad95a97b85cf2cdf2' }))));
+        return (h(Host, { key: '213a75753c53932901162e5ddae563d8fae95e7e' }, h("label", { key: '12718a028e0e7986e107ebe3c189339e1cbde003', class: "label" }, h("slot", { key: 'd83412a17a6cf21d5b99fc16e365d67911f4f515' }))));
     }
 };
 UiLabel.style = uiLabelCss();

package/dist/esm/ui-loading-overlay.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiLoadingOverlayCss = () => `:host{display:contents}.overlay{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;background:var(--ui-overlay);backdrop-filter:blur(4px);border-radius:inherit;font-family:var(--ui-font-sans)}.label{margin:0;font-size:0.875rem;color:var(--ui-text-soft)}`;
 

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.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) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '940a8e9cc97673bb8142fe9be09a5744d6d61a06' }, h("nav", { key: 'd802871dd15c8ebbf21cbe40bb07a820b60c784a', class: "navbar" }, h("div", { key: 'ee85458ac62b6de535df4c7a3d258debbb35372e', class: "brand" }, h("slot", { key: 'f7748f6b9c8d2d8a72e4bae46e6d75689e19ffe2', name: "brand" })), h("div", { key: '60396a2ca70f078373108615989e0c4761d9d30b', class: "center" }, h("slot", { key: 'f260618d58d6e09fa5847489b1bc679813b29f2f' })), h("div", { key: '2ba5af2e7f45be35f1427249e68356c5445a513f', class: "actions" }, h("slot", { key: '5cf983d9fb58a516bd0f70e9ec0cc6b48b6607ef', name: "actions" })))));
+    }
+};
+UiNavbar.style = uiNavbarCss();
+
+export { UiNavbar as ui_navbar };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiPaginationCss = () => `:host{display:inline-block}.pagination{display:inline-flex;align-items:center;gap:0.25rem;font-family:var(--ui-font-sans)}.page{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 0.5rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.page:hover{border-color:var(--ui-border-strong);background:var(--ui-chip)}.page:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.page:disabled{pointer-events:none;opacity:0.5}.page.active{background:var(--ui-accent);color:var(--ui-accent-contrast);border-color:var(--ui-accent);box-shadow:var(--ui-shadow-sm)}.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--ui-text-faint);font-size:0.875rem}`;
 
@@ -47,13 +47,13 @@ const UiPagination = class {
         const total = Math.max(this.total, 1);
         const current = this.clamp(this.current);
         const entries = this.buildRange();
-        return (h(Host, { key: '405a1c41db3850f25ffc14a053b12c0767809b1e' }, h("nav", { key: 'bd9baa3307cb5576ca81ab82653b44ccd4cb0385', class: "pagination", role: "navigation", "aria-label": "Pagina\u00E7\u00E3o" }, 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) => {
+        return (h(Host, { key: '58d36fd4a14897c7a01573b6d626e4b6282fbeda' }, h("nav", { key: '80f0b2a4dceba2aea9d6e957a694aaa82eb86823', class: "pagination", role: "navigation", "aria-label": "Pagina\u00E7\u00E3o" }, h("button", { key: '9d102598d2216b0ddee599ba622287a62cd67598', class: "page nav", type: "button", "aria-label": "P\u00E1gina anterior", disabled: current <= 1, onClick: () => this.go(current - 1) }, "\u2039"), entries.map((entry, index) => {
             if (entry === "...") {
                 return (h("span", { key: `ellipsis-${index}`, class: "ellipsis", "aria-hidden": "true" }, "\u2026"));
             }
             const active = entry === current;
             return (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));
-        }), h("button", { key: '5ba13b9a59857423e65a4d10630eb66cc32c30fe', class: "page nav", type: "button", "aria-label": "Pr\u00F3xima p\u00E1gina", disabled: current >= total, onClick: () => this.go(current + 1) }, "\u203A"))));
+        }), h("button", { key: '8aa783a48a5ee13b6af2ad2e7b9e05d99f67df79', 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/esm/ui-popover.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DYwlrXg_.js';
-import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-CyBRmmbs.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-COlwaVJP.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-DDtwbwIl.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)}`;
 
@@ -78,7 +78,7 @@ const UiPopover = class {
         this.cleanup = undefined;
     }
     render() {
-        return (h(Host, { key: '61b4088ff4d61701a3466619274e60ac64fcc420' }, h("span", { key: 'd2d00f4dbf391ea1bc119870e399187d98634de6', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: 'ece70edbdda096821de68295e55a3fba3caeada4', name: "trigger" })), h("div", { key: 'f30e5a570e49eb9c7056fd820bc57408dd78e013', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, h("slot", { key: '5823d3c7ed47946d812a2c34002fc5fd0cfc8a29' }))));
+        return (h(Host, { key: '965392d6028b26b71bd908d277a5817fee2216c9' }, h("span", { key: '09a9ce8d7aa698fe4d29f0950846cae6584563d9', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: '5c0caa0a3a783cd4046e5b52ff4796053a645298', name: "trigger" })), h("div", { key: '096cf2835c48662d2e159afb6c05208adcd4547c', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, h("slot", { key: '661584c0d9519b94a4d16cd3477b84026b6add21' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -0,0 +1,42 @@
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.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) {
+        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 (h(Host, { key: '897f7b89a108759cc23a9445c4cc9b86891b2ece', 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 } }, h("svg", { key: 'ab55aaf976f0d1ffbfc2332c916b740c25ead28f', class: { ring: true, indeterminate: this.isIndeterminate }, width: this.size, height: this.size, viewBox: "0 0 100 100" }, h("circle", { key: 'c1e43611349b214522f5d4a734f105be9b0735d7', class: "track", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth) }), h("circle", { key: '6589b238758c3b620a9dad7673ea756a267945f0', 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 ? (h("div", { class: "value" }, Math.round(this.percent * 100), "%")) : null));
+    }
+};
+UiProgressCircular.style = uiProgressCircularCss();
+
+export { UiProgressCircular as ui_progress_circular };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiProgressCss = () => `:host{display:block}.track{width:100%;height:0.5rem;border-radius:var(--ui-radius-full);background:var(--ui-chip);border:1px solid var(--ui-border);overflow:hidden;box-sizing:border-box}.indicator{height:100%;min-width:0.5rem;border-radius:var(--ui-radius-full);background:linear-gradient(90deg, var(--ui-accent), var(--ui-accent-strong));box-shadow:0 0 12px color-mix(in srgb, var(--ui-accent) 55%, transparent);transition:width var(--ui-duration) var(--ui-ease)}.indicator.indeterminate{width:40%;min-width:0;animation:ui-progress-slide 1.3s var(--ui-ease) infinite}@keyframes ui-progress-slide{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}`;
 
@@ -23,7 +23,7 @@ const UiProgress = class {
     }
     render() {
         const determinate = !this.isIndeterminate;
-        return (h(Host, { key: '8f40e0e4a439959e1474d2952f0f891438fb3ecf', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, h("div", { key: '9bfd7557efbfad05a8b170764b96935f00cbdaeb', class: "track" }, h("div", { key: '02205ac65e75f27f52869991b168c6397c8b2760', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
+        return (h(Host, { key: 'a7b5aeeca1588edd18fa15429fefdb85590bd078', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, h("div", { key: '2996d36f222bafc4501b1dbd7c8cf73e235f056a', class: "track" }, h("div", { key: '95ba4a179b5bfae636bdfe7860f7da4966f0a127', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
     }
 };
 UiProgress.style = uiProgressCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiRadioGroupCss = () => `:host{display:block}.group{display:flex;flex-direction:column;gap:0.5rem}.radio{display:inline-flex;align-items:center;gap:0.625rem;padding:0;border:none;background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;cursor:pointer;outline:none}.radio:disabled{opacity:0.5;pointer-events:none}.indicator{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-full);background:var(--ui-panel);transition:all var(--ui-duration) var(--ui-ease)}.radio:focus-visible .indicator{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.radio[aria-checked="true"] .indicator{border-color:var(--ui-accent)}.dot{width:0.625rem;height:0.625rem;border-radius:var(--ui-radius-full);background:var(--ui-accent);opacity:0;transform:scale(0.4);transition:all var(--ui-duration) var(--ui-ease)}.radio[aria-checked="true"] .dot{opacity:1;transform:scale(1)}.label{line-height:1.25rem}`;
 
@@ -36,7 +36,7 @@ const UiRadioGroup = class {
         };
     }
     render() {
-        return (h(Host, { key: '67c377ec552ea8cb6ea3d015bab1ee3d66ee436c' }, h("div", { key: 'aa52c74b8473ca06b762811a900d90cdfc8f7422', class: "group", role: "radiogroup" }, this.options.map((option, index) => {
+        return (h(Host, { key: 'a9f1842629179cbbf695a9392609b1391437c374' }, h("div", { key: '43637af51dcca8b3b77181de48bdca69257c8606', class: "group", role: "radiogroup" }, this.options.map((option, index) => {
             const selected = option.value === this.value;
             return (h("button", { class: "radio", type: "button", role: "radio", "aria-checked": selected ? "true" : "false", tabindex: selected || (!this.value && index === 0) ? "0" : "-1", disabled: this.disabled, onClick: () => this.select(option.value), onKeyDown: (event) => this.onKeyDown(event, index) }, h("span", { class: "indicator" }, h("span", { class: "dot" })), h("span", { class: "label" }, option.label)));
         }))));

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

@@ -0,0 +1,43 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.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) {
+        registerInstance(this, hostRef);
+        this.uiChange = 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 (h(Host, { key: '8425460115d823dbf165a46145e67721fe26160d' }, h("div", { key: 'efdc85de267af2789a96e3072b819a31886ddcd8', class: "rating", role: "radiogroup", "aria-label": "Avalia\u00E7\u00E3o", onMouseLeave: this.onLeave }, stars.map((index) => {
+            const filled = index <= active;
+            return (h("button", { class: { star: true, filled, readonly: this.readonly }, type: "button", role: "radio", "aria-checked": index === this.value ? "true" : "false", "aria-label": `${index} estrelas`, onClick: () => this.select(index), onMouseEnter: () => this.onEnter(index) }, h("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%" }, 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();
+
+export { UiRating as ui_rating };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-COlwaVJP.js';
 
 const uiRevealCss = () => `:host{display:block}.reveal{opacity:0;transform:translateY(16px);filter:blur(8px);transition:opacity 0.6s var(--ui-ease), transform 0.6s var(--ui-ease),     filter 0.6s var(--ui-ease)}.reveal.visible{opacity:1;transform:none;filter:none}`;
 
@@ -30,7 +30,7 @@ const UiReveal = class {
         this.observer?.disconnect();
     }
     render() {
-        return (h(Host, { key: '4ab570c0eaa9fb6b4d6a9d01887fde6edd72ba8d' }, h("div", { key: 'cf0287499bfa5107fb49cadc85c85f2f70063967', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, h("slot", { key: 'b46502732e597f13d60ec55be0d456dba8181386' }))));
+        return (h(Host, { key: 'e4d72fb7d28b5107aeee2dfbce303d726569caa3' }, h("div", { key: '4da09ffd02e072562da35831063377b7083def33', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, h("slot", { key: '9501798c821935d87e6fdf2e595443e251e89192' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiScrollProgressCss = () => `:host{display:block}.bar{position:fixed;top:0;left:0;width:100%;height:2px;transform-origin:left;transform:scaleX(0);background:linear-gradient(     90deg,     var(--ui-accent),     var(--ui-accent-strong)   );z-index:100;transition:transform var(--ui-duration) var(--ui-ease)}`;
 
@@ -27,7 +27,7 @@ const UiScrollProgress = class {
         window.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: 'cb2d746b6e0ca3642a0460cff5685f2eb83a6301' }, 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 (h(Host, { key: '28ba2f0c5eb50a1fa2a2ef68ad8fb7017447cc5e' }, h("div", { key: '546cd39172466bc069eee65930fbf96706105b5c', 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/esm/ui-section.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiSectionCss = () => `:host{display:block;font-family:var(--ui-font-sans)}section{max-width:80rem;margin:0 auto;padding:3.5rem 1.5rem}.eyebrow{display:inline-block;margin:0 0 0.75rem;padding:0.25rem 0.625rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);text-transform:uppercase;letter-spacing:0.12em;font-size:0.6875rem;font-weight:600;color:var(--ui-accent)}.heading{margin:0 0 0.75rem;font-size:2.25rem;font-weight:600;letter-spacing:-0.02em;line-height:1.1;color:var(--ui-foreground)}.description{margin:0 0 2rem;max-width:42rem;color:var(--ui-text-muted)}`;
 
@@ -13,7 +13,7 @@ const UiSection = class {
         this.description = "";
     }
     render() {
-        return (h(Host, { key: '71344e4d5a4c6bccade1bf5151aeba1dffa14d7f' }, h("section", { key: '404cb27c6db128f60608b4eff44fa6e05520016b' }, this.eyebrow && h("p", { key: '204ced95531d3bf77c2a32f940c3ec4bc0e76f53', class: "eyebrow" }, this.eyebrow), this.heading && h("h2", { key: '46818123dd264ef60db8ff9c7a2ad93979d71434', class: "heading" }, this.heading), this.description && h("p", { key: 'eaba39853cd12a874c9079e2181aca9e0fc130b7', class: "description" }, this.description), h("slot", { key: '24d02b1d9176e42d7906ef43881807d7cfda2e52' }))));
+        return (h(Host, { key: 'f9ca72986e90e560d62a8aae824e46ca054bfc60' }, h("section", { key: '2920c329302e4f263ea5f69d94e99f470d13b796' }, this.eyebrow && h("p", { key: '42a40e4eee0f4428669c07ef41f409fbb3050b90', class: "eyebrow" }, this.eyebrow), this.heading && h("h2", { key: 'e48b4a964d0afe76a4057e44393136fb85aece0b', class: "heading" }, this.heading), this.description && h("p", { key: '90aa856c92f63324f5cc31fb4e67378eef4150c2', class: "description" }, this.description), h("slot", { key: '7629ee2f0e291b5b9614819e82aea2bdc1cc1d8c' }))));
     }
 };
 UiSection.style = uiSectionCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiSegmentedCss = () => `:host{display:inline-block}.track{display:inline-flex;align-items:center;gap:0.125rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);font-family:var(--ui-font-sans)}.segment{display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 0.875rem;border:none;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font-family:var(--ui-font-sans);font-size:0.8125rem;font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.segment:hover{color:var(--ui-foreground)}.segment:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.segment.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}`;
 
@@ -18,7 +18,7 @@ const UiSegmented = class {
         };
     }
     render() {
-        return (h(Host, { key: '92649a392383aebb62bab90e3f20a008783f2ed2' }, h("div", { key: '22983cd496ee1f9ed1dbf49d989c409cdca3c8b4', class: "track", role: "radiogroup" }, this.items.map((item) => {
+        return (h(Host, { key: 'c33baee8f155b53bd94170e442b4e2bcc815e19a' }, h("div", { key: 'daf332aeaff637736164a429c5166a1277c301df', 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));
         }))));

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiSelectCss = () => `:host{display:block}.wrapper{position:relative;display:block;width:100%}.select{width:100%;height:2.75rem;padding:0 2.5rem 0 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.select:hover:not(:disabled){border-color:var(--ui-border-strong)}.select:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.select:disabled{opacity:0.5;pointer-events:none}.chevron{position:absolute;top:50%;right:0.875rem;width:1.125rem;height:1.125rem;color:var(--ui-text-muted);transform:translateY(-50%);pointer-events:none}`;
 
@@ -18,7 +18,7 @@ const UiSelect = class {
     }
     render() {
         const hasValue = this.value !== undefined && this.value !== "";
-        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" })))));
+        return (h(Host, { key: '64c33b02b0515d5c2e3484aef7e3261c1edb5af4' }, h("div", { key: '0bbd78b01e44c403636d54930441a6576f2821e0', class: "wrapper" }, h("select", { key: '2435c3bf0053fc0f3670fd8aaa0506f2945eca39', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (h("option", { key: 'cfba5ce9961f1960cf1e54e8efb27aaf82eeb2db', 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: '0af4fe1625061d35fd3e793f59fdbfc46429eb84', 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: '27787d33345ce50eafa3696c1d17f21768819fcf', points: "6 9 12 15 18 9" })))));
     }
 };
 UiSelect.style = uiSelectCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiSeparatorCss = () => `:host{display:block;background:var(--ui-border)}:host(.orientation-horizontal){width:100%;height:1px}:host(.orientation-vertical){display:inline-block;width:1px;height:100%}`;
 
@@ -9,7 +9,7 @@ const UiSeparator = class {
         this.orientation = "horizontal";
     }
     render() {
-        return (h(Host, { key: '33e452485ff7838e37a378f9acba10f242069cfc', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
+        return (h(Host, { key: '8ad0a4bc68cdc9e2213c2236d61a7c882297a15f', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
     }
 };
 UiSeparator.style = uiSeparatorCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiSkeletonCss = () => `:host{display:block}.skeleton{display:block;width:100%;height:100%;min-height:1rem;border-radius:var(--ui-radius-sm);background-color:var(--ui-chip);background-image:linear-gradient(     90deg,     transparent,     color-mix(in srgb, var(--ui-foreground) 12%, transparent),     transparent   );background-size:200% 100%;background-repeat:no-repeat;animation:ui-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-150% 0}100%{background-position:150% 0}}`;
 
@@ -7,7 +7,7 @@ const UiSkeleton = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '8f839817a493a8221e9d3b2e95fd7ae5ece2e70e' }, h("span", { key: '295dce8e9e6489def8b20a703f04c65ad3740ce8', class: "skeleton" })));
+        return (h(Host, { key: '6f8614815e2d8fb536225748b0883a0a1b3a34e7' }, h("span", { key: '41f6f75b31f55f0c468bdb7566983aca0c20f8c2', class: "skeleton" })));
     }
 };
 UiSkeleton.style = uiSkeletonCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiSliderCss = () => `:host{display:block}.slider{width:100%;height:1.25rem;margin:0;background:transparent;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}.slider:disabled{opacity:0.5;pointer-events:none}.slider::-webkit-slider-runnable-track{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-chip)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;margin-top:-0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-accent);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.slider::-moz-range-track{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-chip)}.slider::-moz-range-progress{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-accent)}.slider::-moz-range-thumb{width:1.125rem;height:1.125rem;border:none;border-radius:var(--ui-radius-full);background:var(--ui-accent);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease)}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}`;
 
@@ -27,7 +27,7 @@ const UiSlider = class {
         };
     }
     render() {
-        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 })));
+        return (h(Host, { key: 'c1175e775a1861d332064d8229f16ff46b2e2330' }, h("input", { key: 'ea65fc85d9f7c034560de24ed0df42340ee2509a', 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/esm/ui-spinner.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiSpinnerCss = () => `: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)}}`;
 
@@ -9,7 +9,7 @@ const UiSpinner = class {
         this.size = "md";
     }
     render() {
-        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")));
+        return (h(Host, { key: 'fdbe42a3b0cd906ff4c0dd79cc661370aa36cf22', role: "status" }, h("span", { key: 'aab2633191dd34f3b9ba49d4335ec3aaafcfb0a8', class: { spinner: true, [`size-${this.size}`]: true } }), h("span", { key: 'bd4d9cf78c4b05dcf5e1146a13f9754dce2d5127', class: "sr-only" }, "Carregando")));
     }
 };
 UiSpinner.style = uiSpinnerCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiStackCss = () => `:host{display:block}.stack{display:flex;font-family:var(--ui-font-sans)}`;
 
@@ -43,7 +43,7 @@ const UiStack = class {
             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' }))));
+        return (h(Host, { key: '27299e680537c9b2cc57c2922f28ec01f2ff12f8' }, h("div", { key: '8201e2dadf2462e2f48113a6b4bf7f57b55328b2', class: "stack", style: style }, h("slot", { key: 'b2e1715ca077e101ba2519662b4365b6e2c52db4' }))));
     }
 };
 UiStack.style = uiStackCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
 
 const uiStatCss = () => `: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)}`;
 
@@ -18,7 +18,7 @@ const UiStat = class {
         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' })))));
+        return (h(Host, { key: 'bb31e4f164bd4e3b2d20b9639b4271358fb4a7b9' }, h("div", { key: 'f025dd01a43bde3377053710e752501dfe4a7960', class: "card" }, h("p", { key: '6c56a97d9bdf6cad4929bea1700cbccb0dafdb15', class: "label" }, this.label), h("div", { key: '9cb668b141f0db11700d58254821771ff0a6cdbf', class: "value-row" }, h("span", { key: '2cd39bc3703da766aa7bc0daafb078d0670376b7', class: "value" }, this.value), this.delta && (h("span", { key: '95ed79c13f055ffe672b3c3c6f7430c70639b096', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), h("div", { key: '13c159ddb3b5aa850c543cba6bc8a507f7986e84', class: "extra" }, h("slot", { key: 'bd58d52d17e408952564f5984216d73ccb7c90a5' })))));
     }
 };
 UiStat.style = uiStatCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiSwitchCss = () => `:host{display:inline-flex}.switch{position:relative;width:2.75rem;height:1.5rem;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease)}.switch:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.switch[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.switch:disabled{opacity:0.5;pointer-events:none}.thumb{position:absolute;top:50%;left:0.125rem;width:1.25rem;height:1.25rem;border-radius:9999px;background:var(--ui-on-status);box-shadow:var(--ui-shadow-sm);transform:translateY(-50%);transition:transform var(--ui-duration) var(--ui-ease)}.switch[aria-checked="true"] .thumb{transform:translate(1.25rem, -50%)}`;
 
@@ -24,7 +24,7 @@ const UiSwitch = class {
         };
     }
     render() {
-        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" }))));
+        return (h(Host, { key: '9b6a322fd7129b403e8ef9b8dcfa686904af0a3f' }, h("button", { key: '263e42e0bdc147a3fe8b99f6d153ef8a38165b57', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: 'd8c2917fa03aa147e86e9ba812bd2bf791bc3d5e', class: "thumb" }))));
     }
 };
 UiSwitch.style = uiSwitchCss();

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

@@ -0,0 +1,23 @@
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.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) {
+        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 (h(Host, { key: 'aa3d75a6092f69ee274a7148e35ab54b83d6c356' }, h("div", { key: '4953b1c3e26eeaa1250185c559328e037a634985', class: "wrapper" }, h("table", { key: '2029b63484460261f8f46ae5d1a669019f3103f8', class: { table: true, striped: this.striped, hoverable: this.hoverable } }, h("thead", { key: '8a963402f6e7204c84e54cc07c2458ac4994c75c' }, h("tr", { key: '764743907d21a69235f1c55db12372348c876cee' }, this.columns.map((column) => (h("th", { key: column.key, style: { textAlign: column.align ?? "left" } }, column.label))))), h("tbody", { key: '60e287ad516e4280ce4f0878669325e9be977461' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map((column) => (h("td", { key: column.key, style: { textAlign: column.align ?? "left" } }, String(row[column.key] ?? ""))))))))))));
+    }
+};
+UiTable.style = uiTableCss();
+
+export { UiTable as ui_table };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiTabsCss = () => `:host{display:block;font-family:var(--ui-font-sans)}.tablist{display:inline-flex;gap:0.25rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip)}.tab{appearance:none;border:none;padding:0.375rem 0.875rem;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.tab:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.tab:hover:not(.active){color:var(--ui-foreground)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}.panel{margin-top:1.25rem;color:var(--ui-text-soft);font-size:0.9375rem;line-height:1.5}`;
 
@@ -18,10 +18,10 @@ const UiTabs = class {
         };
     }
     render() {
-        return (h(Host, { key: 'fc0926743b6a547c13660f574fc56abefc6e6c2e' }, h("div", { key: 'a1582c6234e1faaa5cb6b563a51ecf2192a88d40', class: "tablist", role: "tablist" }, this.items.map((item) => {
+        return (h(Host, { key: '41f5832ef24470811c6c1d64958bc3c2cb56bc2b' }, h("div", { key: 'fed127dfc1cea76ff1bd2a1ce4b6091244c89f4e', 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: '5d9b8d61e8005b7e6baa216ffd571f7b9403acd5', class: "panel", role: "tabpanel" }, h("slot", { key: '8ba0cf22e6e837f038c2ec7fad8d533287325119', name: this.value }))));
+        })), h("div", { key: '533f8c0dafcb55782d13c42d864cb1eb508b4d20', class: "panel", role: "tabpanel" }, h("slot", { key: 'dd75f808647deeb70991a366dd91d9ac65f78268', name: this.value }))));
     }
 };
 UiTabs.style = uiTabsCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiTextareaCss = () => `:host{display:block}.textarea{width:100%;min-height:7rem;padding:0.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;line-height:1.5;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;resize:vertical}.textarea::placeholder{color:var(--ui-text-faint)}.textarea:hover:not(:disabled){border-color:var(--ui-border-strong)}.textarea:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.textarea:disabled{opacity:0.5;pointer-events:none}.textarea.invalid{border-color:var(--ui-danger)}.textarea.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}`;
 
@@ -25,7 +25,7 @@ const UiTextarea = class {
         };
     }
     render() {
-        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)));
+        return (h(Host, { key: '66f45ad55373e76406aebfac1a7b9358757df9cb' }, h("textarea", { key: '05343ebf1f04bcef8c39c2e26e07973930a52417', 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/esm/ui-theme-toggle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiThemeToggleCss = () => `:host{display:inline-flex}.toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);color:var(--ui-foreground);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.toggle:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.toggle:hover{color:var(--ui-accent)}`;
 
@@ -55,7 +55,7 @@ const UiThemeToggle = class {
         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: '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())));
+        return (h(Host, { key: '941b9c3a71cbbf850d292e95e11311ec4e53dcd4' }, h("button", { key: 'd4db89ef140e4d4f5ec2198d69f3c6645db64853', 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/esm/ui-timeline-item.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
+
+const uiTimelineItemCss = () => `:host{display:block}.item{position:relative;display:flex;gap:0.75rem;padding-bottom:1.5rem;font-family:var(--ui-font-sans)}.marker{position:relative;flex:0 0 1.5rem;display:flex;justify-content:center}.dot{position:relative;z-index:1;width:0.75rem;height:0.75rem;margin-top:0.125rem;border-radius:var(--ui-radius-full);background:var(--dot-color, var(--ui-accent));box-shadow:0 0 0 2px var(--ui-background)}.line{position:absolute;top:0.5rem;bottom:-1.5rem;left:50%;width:2px;transform:translateX(-50%);background:var(--ui-border)}:host(:last-child) .line{display:none}.content{display:flex;flex-direction:column;gap:0.25rem;min-width:0}.time{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--ui-text-faint)}.heading{font-weight:600;color:var(--ui-foreground)}.body{font-size:0.875rem;color:var(--ui-text-soft)}.variant-accent{--dot-color:var(--ui-accent)}.variant-success{--dot-color:var(--ui-success)}.variant-warning{--dot-color:var(--ui-warning)}.variant-danger{--dot-color:var(--ui-danger)}.variant-muted{--dot-color:var(--ui-text-faint)}`;
+
+const UiTimelineItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Cor do ponto da timeline. */
+        this.variant = "accent";
+    }
+    render() {
+        return (h(Host, { key: 'f45cef5961dfc1237e415ab185f5e1e04c388646' }, h("div", { key: '27dd4e89c6d084d7361bdc20c8408c47ca9b72aa', class: `item variant-${this.variant}` }, h("div", { key: '2a70cc361445ab766dd4631f3388a24d3dfb7895', class: "marker" }, h("span", { key: '9802c05ae51394158da1509649b079749be0fab4', class: "dot" }), h("span", { key: '1862e45d49f389704fcd94037c4c1810c2d9f5ac', class: "line" })), h("div", { key: 'c1a734416f9beb2628b1c8dbfeb73533a46ec12a', class: "content" }, this.time ? h("span", { class: "time" }, this.time) : null, this.heading ? (h("span", { class: "heading" }, this.heading)) : null, h("div", { key: '2a59b109d86bb574188a0b2a07a663da7cbc37e9', class: "body" }, h("slot", { key: '0558d11f1c35aa3fcc50d468007e6767d654cb8f' }))))));
+    }
+};
+UiTimelineItem.style = uiTimelineItemCss();
+
+export { UiTimelineItem as ui_timeline_item };

package/dist/esm/ui-timeline.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
+
+const uiTimelineCss = () => `:host{display:block}.timeline{display:flex;flex-direction:column}`;
+
+const UiTimeline = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '1d67e561676e216a05e314ffeb14e88e5cd6be7d' }, h("div", { key: '50bf6f54546237a55b4589cfe3ed52b20cb0f6cb', class: "timeline" }, h("slot", { key: 'e7c94095dcf74efaa81d1b1d0fb124e4595609ee' }))));
+    }
+};
+UiTimeline.style = uiTimelineCss();
+
+export { UiTimeline as ui_timeline };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-COlwaVJP.js';
 
 const uiToastCss = () => `:host{display:block}.toast{display:flex;align-items:flex-start;gap:0.75rem;padding:0.875rem 1rem;border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius);background:var(--ui-panel-strong);backdrop-filter:blur(22px);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-sans);animation:ui-toast-pop var(--ui-duration) var(--ui-ease)}.variant-default{border-left-color:var(--ui-accent)}.variant-success{border-left-color:var(--ui-success)}.variant-warning{border-left-color:var(--ui-warning)}.variant-danger{border-left-color:var(--ui-danger)}.body{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.25rem}.heading{margin:0;font-size:0.875rem;font-weight:600;color:var(--ui-foreground)}.description{margin:0;font-size:0.8125rem;color:var(--ui-text-muted)}.close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0.125rem;border:none;background:transparent;color:var(--ui-text-muted);cursor:pointer;border-radius:var(--ui-radius-sm);transition:color var(--ui-duration) var(--ui-ease)}.close:hover{color:var(--ui-foreground)}@keyframes ui-toast-pop{from{opacity:0;transform:translateY(0.5rem) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}`;
 
@@ -52,7 +52,7 @@ const UiToast = class {
         this.dismiss();
     }
     render() {
-        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" })))))));
+        return (h(Host, { key: '4316653a0f6b70781ceda01098b018f649c7f180' }, this.open && (h("div", { key: 'cc3d339f4ebb55ef3fbc8dd05432d6cbc570f4ad', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: '37cf6a0ffec9040b002c33f4b1015832cfd32a6f', class: "body" }, this.heading && h("p", { key: 'dcb18a7d85fe5d3ed2758e0d5c4dc2c97280b84c', class: "heading" }, this.heading), this.description && (h("p", { key: '6ae4543ad5a17fbfdc16ba15c5ce44012143f58b', class: "description" }, this.description))), h("button", { key: '73a22b06477019043a4273a06064305d331d5311', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: '7407a77475baa99882678a9ab0bd8af91474ec4e', 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: 'c7a4868750a0f503080cd5d9e469b7978bf98115', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '844bc05210fbdf5ab10b6b91d140b59b6a75dff5', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
     }
     static get watchers() { return {
         "open": [{