@andespindola/ui-core 0.2.0 → 0.4.0

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

@@ -0,0 +1,137 @@
+'use strict';
+
+var index = require('./index-DV8CICae.js');
+
+const uiCommandCss = () => `.command{padding:0;border:none;background:transparent;max-width:none;max-height:none;color:var(--ui-foreground)}.command::backdrop{background:var(--ui-overlay);backdrop-filter:blur(4px)}.panel{margin:12vh auto 0;width:min(40rem, 92vw);border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px) saturate(140%);border-radius:var(--ui-radius-xl);overflow:hidden;font-family:var(--ui-font-sans)}.search{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid var(--ui-border);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:1rem;padding:1rem;outline:none}.search::placeholder{color:var(--ui-text-faint)}.list{max-height:50vh;overflow:auto;padding:0.5rem}.group{text-transform:uppercase;font-size:0.7rem;letter-spacing:0.04em;color:var(--ui-text-faint);padding:0.5rem 0.75rem 0.25rem}.item{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.5rem 0.75rem;border-radius:var(--ui-radius-sm);cursor:pointer}.item.active{background:var(--ui-chip)}.label{color:var(--ui-foreground)}.hint{color:var(--ui-text-faint);font-size:0.8rem}.empty{text-align:center;color:var(--ui-text-faint);padding:1.5rem 1rem}`;
+
+const UiCommand = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.uiSelect = index.createEvent(this, "uiSelect");
+        /** Controla a abertura da paleta de comandos. */
+        this.open = false;
+        /** Itens disponíveis na paleta. */
+        this.items = [];
+        /** Placeholder do campo de busca. */
+        this.placeholder = "Buscar comando…";
+        /** Abre/fecha com Cmd/Ctrl+K quando habilitado. */
+        this.hotkey = true;
+        /** Texto digitado na busca. */
+        this.query = "";
+        /** Índice do item destacado na lista filtrada. */
+        this.activeIndex = 0;
+        this.onHotkey = (event) => {
+            if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+                event.preventDefault();
+                this.open = !this.open;
+            }
+        };
+        this.onClose = () => {
+            if (this.open)
+                this.open = false;
+            this.query = "";
+            this.activeIndex = 0;
+        };
+        this.onInput = (event) => {
+            this.query = event.target.value;
+            this.activeIndex = 0;
+        };
+        this.onKeydown = (event) => {
+            const items = this.filtered;
+            switch (event.key) {
+                case "ArrowDown":
+                    event.preventDefault();
+                    if (items.length === 0)
+                        return;
+                    this.activeIndex = (this.activeIndex + 1) % items.length;
+                    break;
+                case "ArrowUp":
+                    event.preventDefault();
+                    if (items.length === 0)
+                        return;
+                    this.activeIndex =
+                        (this.activeIndex - 1 + items.length) % items.length;
+                    break;
+                case "Enter":
+                    if (items[this.activeIndex]) {
+                        event.preventDefault();
+                        this.select(items[this.activeIndex]);
+                    }
+                    break;
+            }
+        };
+    }
+    onOpenChange(value) {
+        this.sync(value);
+        if (value) {
+            requestAnimationFrame(() => this.inputEl?.focus());
+        }
+    }
+    componentDidLoad() {
+        this.sync(this.open);
+    }
+    connectedCallback() {
+        if (this.hotkey && typeof document !== "undefined") {
+            document.addEventListener("keydown", this.onHotkey);
+        }
+    }
+    disconnectedCallback() {
+        if (typeof document !== "undefined") {
+            document.removeEventListener("keydown", this.onHotkey);
+        }
+    }
+    sync(value) {
+        if (!this.dialogEl)
+            return;
+        if (value && !this.dialogEl.open)
+            this.dialogEl.showModal();
+        else if (!value && this.dialogEl.open)
+            this.dialogEl.close();
+    }
+    /** Abre a paleta imperativamente. */
+    async show() {
+        this.open = true;
+    }
+    /** Fecha a paleta imperativamente. */
+    async close() {
+        this.open = false;
+    }
+    get filtered() {
+        const term = this.query.toLowerCase();
+        return this.items.filter((item) => item.label.toLowerCase().includes(term));
+    }
+    select(item) {
+        this.uiSelect.emit(item.value);
+        this.open = false;
+        this.query = "";
+        this.activeIndex = 0;
+    }
+    render() {
+        const items = this.filtered;
+        let flatIndex = -1;
+        const seenGroups = new Set();
+        return (index.h(index.Host, { key: '2c99a55d42f0fa90a2b2ec4cae3d0952429fe861' }, index.h("dialog", { key: '514c6b029111f2fbba14ce430f515c3528b6666f', class: "command", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose }, index.h("div", { key: '430a2fd81e35ff4f2478a45d1398df7a575ce92d', class: "panel" }, index.h("input", { key: '2eb475315a08d49f5716fd3aac87e1ce9d3d937b', class: "search", type: "text", role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list", autocomplete: "off", value: this.query, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), onInput: this.onInput, onKeyDown: this.onKeydown }), index.h("div", { key: '031e45085143e13aa360b0f2641a1fc80c4f75ab', class: "list", role: "listbox" }, items.length === 0 ? (index.h("div", { class: "empty" }, "Nenhum comando")) : (items.map((item) => {
+            flatIndex += 1;
+            const index$1 = flatIndex;
+            const showGroup = item.group !== undefined && !seenGroups.has(item.group);
+            if (item.group !== undefined)
+                seenGroups.add(item.group);
+            return [
+                showGroup ? (index.h("div", { class: "group" }, item.group)) : null,
+                index.h("div", { class: { item: true, active: index$1 === this.activeIndex }, role: "option", "aria-selected": index$1 === this.activeIndex ? "true" : "false", onMouseEnter: () => (this.activeIndex = index$1), onMouseDown: (event) => {
+                        event.preventDefault();
+                        this.select(item);
+                    } }, index.h("span", { class: "label" }, item.label), item.hint ? (index.h("span", { class: "hint" }, item.hint)) : null),
+            ];
+        })))))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+UiCommand.style = uiCommandCss();
+
+exports.ui_command = UiCommand;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.js');
 
 const uiContainerCss = () => `:host{display:block;width:100%}.container{margin-inline:auto;width:100%;font-family:var(--ui-font-sans)}.size-sm{max-width:40rem}.size-md{max-width:48rem}.size-lg{max-width:64rem}.size-xl{max-width:80rem}.size-full{max-width:none}.padded{padding-inline:1.25rem}@media (min-width: 640px){.padded{padding-inline:2rem}}`;
 
@@ -18,7 +18,7 @@ const UiContainer = class {
             [`size-${this.size}`]: true,
             padded: this.padded,
         };
-        return (index.h(index.Host, { key: '4f00ee39f0ae347fafac349ee8e42c991c8013dd' }, index.h("div", { key: 'a0f8f0c6d418f119c6631d0387f9328af8fbb416', class: classes }, index.h("slot", { key: '86178f8371c958123fcf8b7e6bfe059aeed9f690' }))));
+        return (index.h(index.Host, { key: '474a0aeda3c1caad66af3108381f325dbec41566' }, index.h("div", { key: 'df5fdea525ac34873923b65408f971957fb53186', class: classes }, index.h("slot", { key: 'e83ff090d3634368b7425db0d4c94f860934c951' }))));
     }
 };
 UiContainer.style = uiContainerCss();

package/dist/cjs/ui-date-picker.cjs.entry.js

@@ -0,0 +1,171 @@
+'use strict';
+
+var index = require('./index-DV8CICae.js');
+var floatingUi_dom = require('./floating-ui.dom-BZk7Blsu.js');
+
+const uiDatePickerCss = () => `:host{display:inline-block;font-family:var(--ui-font-sans)}.field{display:inline-flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%;min-width:12rem;height:2.75rem;padding:0 0.875rem;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;text-align:left;cursor:pointer;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box}.field:hover{border-color:var(--ui-border-strong)}.field:focus-visible{outline:none;border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-foreground)}.label.placeholder{color:var(--ui-text-faint)}.icon{flex:none;color:var(--ui-text-muted)}.calendar{position:fixed;top:0;left:0;z-index:50;width:17rem;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)}.calendar.is-open{visibility:visible;opacity:1;transform:scale(1)}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}.month-label{font-size:0.875rem;font-weight:600;text-transform:capitalize;color:var(--ui-foreground)}.nav{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-soft);cursor:pointer;transition:all var(--ui-duration) var(--ui-ease)}.nav:hover{background:var(--ui-chip);color:var(--ui-foreground)}.weekdays{display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:0.25rem}.weekday{display:flex;align-items:center;justify-content:center;height:1.75rem;font-size:0.7rem;color:var(--ui-text-faint)}.grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:0.125rem;justify-items:center}.day{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.8125rem;cursor:pointer;transition:all var(--ui-duration) var(--ui-ease)}.day.empty{cursor:default;pointer-events:none}.day:hover:not(.empty):not(.selected){background:var(--ui-chip)}.day.today{border-color:var(--ui-accent)}.day.selected{background:var(--ui-accent);color:var(--ui-accent-contrast);border-color:transparent}`;
+
+const WEEKDAYS = ["D", "S", "T", "Q", "Q", "S", "S"];
+const UiDatePicker = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.createEvent(this, "uiChange");
+        /** Data selecionada no formato ISO "YYYY-MM-DD". */
+        this.value = "";
+        /** Texto exibido quando nenhuma data está selecionada. */
+        this.placeholder = "Selecione a data";
+        /** Controla a visibilidade do calendário. */
+        this.open = false;
+        this.onTriggerClick = (event) => {
+            event.stopPropagation();
+            this.setOpen(!this.open);
+        };
+        this.onDocumentClick = (event) => {
+            if (!this.open)
+                return;
+            if (event.composedPath().includes(this.host))
+                return;
+            this.setOpen(false);
+        };
+        this.onKeydown = (event) => {
+            if (event.key === "Escape" && this.open)
+                this.setOpen(false);
+        };
+        this.prevMonth = (event) => {
+            event.stopPropagation();
+            if (this.viewMonth === 0) {
+                this.viewMonth = 11;
+                this.viewYear -= 1;
+            }
+            else {
+                this.viewMonth -= 1;
+            }
+        };
+        this.nextMonth = (event) => {
+            event.stopPropagation();
+            if (this.viewMonth === 11) {
+                this.viewMonth = 0;
+                this.viewYear += 1;
+            }
+            else {
+                this.viewMonth += 1;
+            }
+        };
+    }
+    componentWillLoad() {
+        this.syncViewFromValue();
+    }
+    onValueChange() {
+        this.syncViewFromValue();
+    }
+    disconnectedCallback() {
+        this.stop();
+        document.removeEventListener("click", this.onDocumentClick);
+        document.removeEventListener("keydown", this.onKeydown);
+    }
+    syncViewFromValue() {
+        const parsed = this.parseValue(this.value);
+        const base = parsed ?? new Date();
+        this.viewYear = base.getFullYear();
+        this.viewMonth = base.getMonth();
+    }
+    /** Converte o ISO em Date local, evitando shift de fuso. */
+    parseValue(value) {
+        if (!value)
+            return null;
+        const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+        if (!match)
+            return null;
+        const [, y, m, d] = match;
+        return new Date(Number(y), Number(m) - 1, Number(d));
+    }
+    /** Gera o ISO "YYYY-MM-DD" a partir de componentes locais. */
+    toISO(year, month, day) {
+        const mm = String(month + 1).padStart(2, "0");
+        const dd = String(day).padStart(2, "0");
+        return `${year}-${mm}-${dd}`;
+    }
+    formatValue() {
+        const parsed = this.parseValue(this.value);
+        return parsed ? parsed.toLocaleDateString("pt-BR") : "";
+    }
+    monthLabel() {
+        return new Date(this.viewYear, this.viewMonth, 1).toLocaleDateString("pt-BR", { month: "long", year: "numeric" });
+    }
+    setOpen(value) {
+        if (this.open === value)
+            return;
+        this.open = value;
+        if (value) {
+            this.syncViewFromValue();
+            requestAnimationFrame(() => this.start());
+            document.addEventListener("click", this.onDocumentClick);
+            document.addEventListener("keydown", this.onKeydown);
+        }
+        else {
+            this.stop();
+            document.removeEventListener("click", this.onDocumentClick);
+            document.removeEventListener("keydown", this.onKeydown);
+        }
+    }
+    start() {
+        if (!this.triggerEl || !this.floatingEl)
+            return;
+        this.stop();
+        this.cleanup = floatingUi_dom.autoUpdate(this.triggerEl, this.floatingEl, () => {
+            if (!this.triggerEl || !this.floatingEl)
+                return;
+            floatingUi_dom.computePosition(this.triggerEl, this.floatingEl, {
+                placement: "bottom-start",
+                middleware: [floatingUi_dom.offset(6), floatingUi_dom.flip(), floatingUi_dom.shift({ padding: 8 })],
+            }).then(({ x, y }) => {
+                Object.assign(this.floatingEl.style, { left: `${x}px`, top: `${y}px` });
+            });
+        });
+    }
+    stop() {
+        this.cleanup?.();
+        this.cleanup = undefined;
+    }
+    selectDay(day) {
+        this.value = this.toISO(this.viewYear, this.viewMonth, day);
+        this.setOpen(false);
+        this.uiChange.emit(this.value);
+    }
+    buildDays() {
+        const firstWeekday = new Date(this.viewYear, this.viewMonth, 1).getDay();
+        const daysInMonth = new Date(this.viewYear, this.viewMonth + 1, 0).getDate();
+        const leading = Array.from({ length: firstWeekday }, () => 0);
+        const days = Array.from({ length: daysInMonth }, (_, i) => i + 1);
+        return [...leading, ...days];
+    }
+    isToday(day) {
+        const now = new Date();
+        return (day === now.getDate() &&
+            this.viewMonth === now.getMonth() &&
+            this.viewYear === now.getFullYear());
+    }
+    isSelected(day) {
+        return this.value === this.toISO(this.viewYear, this.viewMonth, day);
+    }
+    render() {
+        const display = this.formatValue();
+        return (index.h(index.Host, { key: '2c7c34f0f2b688e7f4788c135ce46dc27576390a' }, index.h("button", { key: '0e36f9b8e3a96376b186e97eba82621d513ca041', type: "button", class: "field", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick, "aria-haspopup": "dialog", "aria-expanded": this.open ? "true" : "false" }, index.h("span", { key: '74e80a1defef918550ad375440ed96bbc77e4545', class: { label: true, placeholder: !display } }, display || this.placeholder), index.h("svg", { key: 'bdc13113d3545c1978bd5c0654e38baac83e8ef4', class: "icon", viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("rect", { key: 'a67ced294fbaf97735a027773d5900b8e444e1fb', x: "3", y: "4", width: "18", height: "18", rx: "2" }), index.h("path", { key: 'ab89ca2d6b92e0e094439e07aa8f33a77d00520d', d: "M16 2v4M8 2v4M3 10h18" }))), index.h("div", { key: 'cdd601edb1497cea10eaa026037684530aec0f0e', class: { calendar: true, "is-open": this.open }, role: "dialog", ref: (el) => (this.floatingEl = el) }, index.h("div", { key: '83dda2789c83c34fb1996a7601c564eefe0403f9', class: "header" }, index.h("button", { key: '4e2a0966a1f17a17005f767c9d8a396cf1e8e8bc', type: "button", class: "nav", "aria-label": "M\u00EAs anterior", onClick: this.prevMonth }, index.h("svg", { key: '3ff66e36cd36166da633c3c8d5379af0d561a973', viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '677dcab4309b5814429a6cd5528cf4a84d836fdf', d: "m15 18-6-6 6-6" }))), index.h("span", { key: 'd478e154bb6c3ad7f43e37c042a0ee8de73bdc55', class: "month-label" }, this.monthLabel()), index.h("button", { key: '8b7a399d6885f38cba8b9b79f5911cf8e1d3b97f', type: "button", class: "nav", "aria-label": "Pr\u00F3ximo m\u00EAs", onClick: this.nextMonth }, index.h("svg", { key: '1b3b7558875c3328af1cae826bebe9b488dfe822', viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '9c486397121befd51b7e0b8dcdc04afe8d8ecc90', d: "m9 18 6-6-6-6" })))), index.h("div", { key: '460ae2803e427ed67625355c88a97b46cf307311', class: "weekdays" }, WEEKDAYS.map((label) => (index.h("span", { class: "weekday" }, label)))), index.h("div", { key: '6bd0d6b507f75a66b9496a18fba9fe2b8dcc3f7e', class: "grid" }, this.buildDays().map((day) => day === 0 ? (index.h("span", { class: "day empty" })) : (index.h("button", { type: "button", class: {
+                day: true,
+                today: this.isToday(day),
+                selected: this.isSelected(day),
+            }, onClick: (event) => {
+                event.stopPropagation();
+                this.selectDay(day);
+            } }, day)))))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": [{
+                "onValueChange": 0
+            }]
+    }; }
+};
+UiDatePicker.style = uiDatePickerCss();
+
+exports.ui_date_picker = UiDatePicker;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.js');
 
 const uiDialogCss = () => `.dialog{padding:0;border:none;background:transparent;max-width:32rem;width:calc(100% - 2rem);color:var(--ui-foreground)}.dialog::backdrop{background:var(--ui-overlay);backdrop-filter:blur(4px)}.dialog[open]{animation:ui-dialog-in var(--ui-duration) var(--ui-ease)}.content{border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px) saturate(140%);border-radius:var(--ui-radius-xl);padding:1.5rem;font-family:var(--ui-font-sans)}::slotted([slot="title"]){font-size:1.125rem;font-weight:600}::slotted([slot="description"]){color:var(--ui-text-muted);font-size:0.875rem}@keyframes ui-dialog-in{from{opacity:0;transform:scale(0.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}`;
 
@@ -44,7 +44,7 @@ const UiDialog = class {
         this.open = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'e6c34700dc04fd3754eedeab279a67cd3997fb3d' }, index.h("dialog", { key: 'fdb23f89bd4b9aef79abaec586bf39add47ce013', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: '8a86f47c263d4fac68debdcef9cc8ed7e0be7ca8', class: "content" }, index.h("slot", { key: 'fe9d9105c13670104b5a60c939f9256b44694e8e' })))));
+        return (index.h(index.Host, { key: '84c982a7870da6b7517f7f989574c41684fd47d1' }, index.h("dialog", { key: 'f83e558d1344f2612d719032df6e4d652212ce94', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: 'f0506fc17bb608a4b4a33c113e749d9fdb637508', class: "content" }, index.h("slot", { key: 'ceab792ebd46acefe430467fb9b6c260e658b7bc' })))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.js');
 
 const uiDrawerCss = () => `:host{display:contents}.drawer{position:fixed;margin:0;padding:0;border:none;max-width:none;max-height:none;background:transparent;overflow:visible}.drawer::backdrop{background:var(--ui-overlay);backdrop-filter:blur(2px)}.side-right{top:0;right:0;bottom:0;height:100%;width:min(24rem, 100%)}.side-bottom{left:0;right:0;bottom:0;width:100%;max-height:85vh}.content{box-sizing:border-box;width:100%;height:100%;padding:1.5rem;overflow:auto;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)}.side-right .content{border-top-left-radius:var(--ui-radius-xl);border-bottom-left-radius:var(--ui-radius-xl)}.side-bottom .content{border-top-left-radius:var(--ui-radius-xl);border-top-right-radius:var(--ui-radius-xl)}.side-right[open]{animation:ui-drawer-slide-right var(--ui-duration) var(--ui-ease)}.side-bottom[open]{animation:ui-drawer-slide-bottom var(--ui-duration) var(--ui-ease)}@keyframes ui-drawer-slide-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes ui-drawer-slide-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}`;
 
@@ -46,7 +46,7 @@ const UiDrawer = class {
         this.open = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5d44e7d604eab21d2d30d5cbaaa225658c8e7e71' }, index.h("dialog", { key: 'ecdfc2057a8864f6b8dc961ddcd51c3f349b2b54', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: 'c14965ebb97a2c77d06c4a50466d00bf4036bafa', class: "content" }, index.h("slot", { key: '2bdbb4cbd2cd30ade870090c5383d398cfb6772b' })))));
+        return (index.h(index.Host, { key: '54cb020ae5aa52d797edea5e2fe52c176255a6db' }, index.h("dialog", { key: '20ffadd987ef28b2f5a0907258e325a6aa12eead', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: 'a2acad5175956ee2033fec822c7448ec290976fc', class: "content" }, index.h("slot", { key: '0aa72c14305d3766a4b860ebfd69d5d74825b8a2' })))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.js');
 
 const uiDropdownItemCss = () => `:host{display:block}.item{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.625rem;font-family:var(--ui-font-sans);font-size:0.875rem;text-align:left;color:var(--ui-foreground);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease)}.item:hover,.item:focus-visible{background:var(--ui-chip)}.item:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.item:disabled{pointer-events:none;opacity:0.5;cursor:default}`;
 
@@ -18,7 +18,7 @@ const UiDropdownItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a73d394ff94b232151c37e749d398f4485f46bde' }, index.h("button", { key: '3827857b88fc5d63681e80dc2cc470b58faf69e1', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: 'a6dbd79c7b171ef6a8a53aa5da39fbca37725e1c' }))));
+        return (index.h(index.Host, { key: 'f4da8e0539fe502d384b1a1f423d6ade545db2b7' }, index.h("button", { key: '7c21a87c78f86be58837d1aa3c3936f23a94b875', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: 'dba824914003737f6f00380d5c0b20151bf4ac98' }))));
     }
     get host() { return index.getElement(this); }
 };

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 index = require('./index-DV8CICae.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: 'dba2609a1d3e10b1c4c51dc9e4d0679f85a3ac2f' }, index.h("span", { key: '8d031050b223a1a36e4cf6397f2c2643ec6ba24e', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: 'ce5c02c8237a2fdeb20b24cbb314ea4759644250', name: "trigger" })), index.h("div", { key: '1d30dd7ec7a9d5df68bb4e3755437a10e4eaac31', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: 'a79af6f26779ade4b263c8ae602f2ec5b585a0e3' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.js');
 
 const uiFieldCss = () => `:host{display:block}.field{display:flex;flex-direction:column;gap:0.375rem}.label{font-family:var(--ui-font-sans);font-size:0.875rem;font-weight:500;color:var(--ui-foreground)}.required{color:var(--ui-danger)}.error{margin:0;font-family:var(--ui-font-sans);font-size:0.75rem;color:var(--ui-danger)}.description{margin:0;font-family:var(--ui-font-sans);font-size:0.75rem;color:var(--ui-text-muted)}`;
 
@@ -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: '39a0e70cee489fd42753b1ce7a8c6fea25915bbb' }, index.h("div", { key: 'b20f08499de84d3af305d6ce6f74a1c880a05dfe', class: "field" }, this.label && (index.h("label", { key: '88a56e87813dcbc42fb087e9ba3472a98cbb7ad9', class: "label", htmlFor: this.fieldId }, this.label, this.required && (index.h("span", { key: '7b5143e178547005dc7e2559c0c28a23f105c2a3', class: "required", "aria-hidden": "true" }, " *")))), index.h("slot", { key: '71f80cc67afb75615e058d42fab0db72e13cc89f' }), 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-DV8CICae.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: 'a8ca0fb9e4fbbfdba11a8f290124af65a0480093' }, index.h("button", { key: 'fd077d08e014e28b1f2411bb09a7d8a49afd7ceb', type: "button", class: { dropzone: true, dragging: this.dragging }, onClick: this.openPicker, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, index.h("svg", { key: '2d68e2377435eeb88645a887091c0b6c2d707c5c', 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: '677380bbdb141a320a97d1163c5410312b003ed4', d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), index.h("polyline", { key: '42deea2aa62b6908fdd0e45ec64e9cabcf225da6', points: "17 8 12 3 7 8" }), index.h("line", { key: '12a28663905914b21b4c355bc96064d8e9ae4045', x1: "12", y1: "3", x2: "12", y2: "15" })), index.h("span", { key: '77bedaa863521eb1960fedd51b82e453606fe3e5', class: "label" }, this.label), this.accept ? (index.h("span", { class: "hint" }, this.accept)) : null), index.h("input", { key: '9facb4fee3805f4c0a9286e5bed67eae1b8e799b', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.js');
 
 const uiGridCss = () => `:host{display:block}.grid{display:grid;font-family:var(--ui-font-sans)}`;
 
@@ -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: 'ecafabf2b7902db681cd4ce15e8d4f8d8480f0d6' }, index.h("div", { key: '52aac0fe0cea374a7a083c5fb385882c1fd7b2e7', class: "grid", style: style }, index.h("slot", { key: '8b686a8e53fb33a94def9b6675df0df94dad14a6' }))));
     }
 };
 UiGrid.style = uiGridCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.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)}`;
 
@@ -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: 'e9eb32b17bc234a3e97c570f6a2e0eaabf3763f9' }, index.h("div", { key: '8545c0a5c3a4ac48e11ebe7d9f0bc46738cf967f', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, index.h("span", { key: '5f2273b9913a6e3c4f2328aedd1c68f5481ffc33', class: "affix" }, index.h("slot", { key: 'a6430217baeb4bf8f794c3b3da9d8a5d1f1934ea', name: "prefix" })), index.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 && (index.h("button", { key: '07328458e2c91c87affea1ae462e97c45c2861b7', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, index.h("svg", { key: '604ecae919eb8c115e4fc46d8a3b9ecc2f1f8937', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, index.h("path", { key: '824a4aeff8afcd9a87bb386232d7c541fb9aad5a', d: "M18 6 6 18M6 6l12 12" })))), index.h("span", { key: 'c0c577e12a4f01520286da06512130de943781dc', class: "affix" }, index.h("slot", { key: '5b2f1281359134f2714ede53446cf853b7a2eb61', name: "suffix" })))));
     }
 };
 UiInput.style = uiInputCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.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)}`;
 
@@ -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: '213a75753c53932901162e5ddae563d8fae95e7e' }, index.h("label", { key: '12718a028e0e7986e107ebe3c189339e1cbde003', class: "label" }, index.h("slot", { key: 'd83412a17a6cf21d5b99fc16e365d67911f4f515' }))));
     }
 };
 UiLabel.style = uiLabelCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.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/cjs/ui-navbar.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-DV8CICae.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: '940a8e9cc97673bb8142fe9be09a5744d6d61a06' }, index.h("nav", { key: 'd802871dd15c8ebbf21cbe40bb07a820b60c784a', class: "navbar" }, index.h("div", { key: 'ee85458ac62b6de535df4c7a3d258debbb35372e', class: "brand" }, index.h("slot", { key: 'f7748f6b9c8d2d8a72e4bae46e6d75689e19ffe2', name: "brand" })), index.h("div", { key: '60396a2ca70f078373108615989e0c4761d9d30b', class: "center" }, index.h("slot", { key: 'f260618d58d6e09fa5847489b1bc679813b29f2f' })), index.h("div", { key: '2ba5af2e7f45be35f1427249e68356c5445a513f', class: "actions" }, index.h("slot", { key: '5cf983d9fb58a516bd0f70e9ec0cc6b48b6607ef', name: "actions" })))));
+    }
+};
+UiNavbar.style = uiNavbarCss();
+
+exports.ui_navbar = UiNavbar;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.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}`;
 
@@ -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: '58d36fd4a14897c7a01573b6d626e4b6282fbeda' }, index.h("nav", { key: '80f0b2a4dceba2aea9d6e957a694aaa82eb86823', class: "pagination", role: "navigation", "aria-label": "Pagina\u00E7\u00E3o" }, index.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$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: '8aa783a48a5ee13b6af2ad2e7b9e05d99f67df79', class: "page nav", type: "button", "aria-label": "Pr\u00F3xima p\u00E1gina", disabled: current >= total, onClick: () => this.go(current + 1) }, "\u203A"))));
     }
 };
 UiPagination.style = uiPaginationCss();