@andespindola/ui-core 0.3.0 → 0.4.1

package/dist/esm/ui-avatar-group.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 uiAvatarGroupCss = () => `:host{display:inline-flex}.group{display:inline-flex;align-items:center}::slotted(*){border-radius:var(--ui-radius-full)}::slotted(*:not(:first-child)){margin-left:-0.6rem}::slotted(ui-avatar){outline:2px solid var(--ui-background);border-radius:var(--ui-radius-full)}`;
 
@@ -7,7 +7,7 @@ const UiAvatarGroup = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ffbc4f069a58a5c5e9bf014ec9fc41d11ceb24b8' }, h("div", { key: 'c6f7c559740f193c0347f7834169fbd2eb252272', class: "group" }, h("slot", { key: 'd66719ad68488098d753eefc8da5cc65bf6a85a4' }))));
+        return (h(Host, { key: '5c342ae641715653dddb31b78aeee575b8aed1f7' }, h("div", { key: '51f02e90a80b567ecae3bec66409fe81fd23311b', class: "group" }, h("slot", { key: 'e51f5620608a021eac9f11caba645a528dad4e82' }))));
     }
 };
 UiAvatarGroup.style = uiAvatarGroupCss();

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

@@ -1,6 +1,6 @@
-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 uiAvatarCss = () => `:host{display:inline-block;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}`;
+const uiAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}`;
 
 const UiAvatar = class {
     constructor(hostRef) {
@@ -9,7 +9,7 @@ const UiAvatar = class {
         this.alt = "";
     }
     render() {
-        return (h(Host, { key: '3f5862531fd7c0df254cca0be373c4f5661bac1c' }, h("span", { key: '2c831417964e89d68f3535321868aa0fab82df26', class: "wrapper" }, h("span", { key: '7573d9b9bdd3c07e7913002923722e19eb652d8e', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback))), this.status && (h("span", { key: 'adb6bf39438427a853fffe2eb84b95474aa8c123', class: `status status-${this.status}`, "aria-label": this.status })))));
+        return (h(Host, { key: '6347a5a14cb07b2782759417006f8a23fd7a6b54' }, h("span", { key: 'dfb14ae7a3e19312a7fa597612a9d10842561d8f', class: "wrapper" }, h("span", { key: '66ad000b4c2f1bea00332cc164a86ee196b80943', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback))), this.status && (h("span", { key: 'd40f9d4f2c42415aa8c346f2819aade2221a2829', class: `status status-${this.status}`, "aria-label": this.status })))));
     }
 };
 UiAvatar.style = uiAvatarCss();

package/dist/esm/ui-badge.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 uiBadgeCss = () => `:host{display:inline-flex}.badge{display:inline-flex;align-items:center;gap:0.25rem;border:1px solid transparent;border-radius:var(--ui-radius-full);padding:0.25rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;backdrop-filter:blur(22px)}.variant-default{background:var(--ui-chip);border-color:var(--ui-border);color:var(--ui-text-soft)}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast)}.variant-outline{border-color:var(--ui-border-strong);color:var(--ui-foreground)}.variant-success{background:color-mix(in srgb, var(--ui-success) 15%, transparent);color:var(--ui-success)}.variant-warning{background:color-mix(in srgb, var(--ui-warning) 15%, transparent);color:var(--ui-warning)}.variant-danger{background:color-mix(in srgb, var(--ui-danger) 15%, transparent);color:var(--ui-danger)}.variant-info{background:color-mix(in srgb, var(--ui-info) 15%, transparent);color:var(--ui-info)}.dot{width:0.4rem;height:0.4rem;border-radius:var(--ui-radius-full);background:currentColor}.remove{display:inline-flex;align-items:center;justify-content:center;margin:0 -0.25rem 0 0.125rem;padding:0.125rem;border:none;border-radius:var(--ui-radius-full);background:transparent;color:inherit;cursor:pointer;opacity:0.7;transition:opacity var(--ui-duration) var(--ui-ease)}.remove:hover{opacity:1}`;
 

package/dist/esm/ui-breadcrumb-item.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 uiBreadcrumbItemCss = () => `:host{display:inline-flex;align-items:center}.link{color:var(--ui-text-muted);text-decoration:none;transition:color var(--ui-duration) var(--ui-ease)}.link:hover{color:var(--ui-accent)}.current{color:var(--ui-foreground);font-weight:500}.separator{display:inline-flex;align-items:center;margin:0 0.5rem;color:var(--ui-text-faint)}.separator svg{display:block}`;
 
@@ -13,7 +13,7 @@ const UiBreadcrumbItem = class {
     }
     render() {
         const isLink = this.href && !this.current;
-        return (h(Host, { key: '20f1a108e5275c29e2fbb243720a8b70efb10b24' }, isLink ? (h("a", { class: "link", href: this.href }, h("slot", null))) : (h("span", { class: "current", "aria-current": this.current ? "page" : undefined }, h("slot", null))), !this.current && this.renderSeparator()));
+        return (h(Host, { key: 'daa9ab5db1045afddfd1c1656a1635fd98a9e5cb' }, isLink ? (h("a", { class: "link", href: this.href }, h("slot", null))) : (h("span", { class: "current", "aria-current": this.current ? "page" : undefined }, h("slot", null))), !this.current && this.renderSeparator()));
     }
 };
 UiBreadcrumbItem.style = uiBreadcrumbItemCss();

package/dist/esm/ui-breadcrumb.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 uiBreadcrumbCss = () => `:host{display:block}ol{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin:0;padding:0;list-style:none;font-family:var(--ui-font-sans);font-size:0.875rem}`;
 
@@ -7,7 +7,7 @@ const UiBreadcrumb = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '93726eb6ef05c505f409ec5b313e7db50c0d0a78' }, h("nav", { key: 'dc02b8d95d1c0998e2e7533ab8ed214fb9c19a63', "aria-label": "breadcrumb" }, h("ol", { key: '41dc2d7fe3cbf1b684723d759ef0d00f17bf2e00' }, h("slot", { key: 'eb64652ac37ca5ce1ebd865260ad1ac2c5dd7548' })))));
+        return (h(Host, { key: '08c7f1a9160ee85b361bbdbaa79bebe383c45356' }, h("nav", { key: 'c556ee500aae55becf5c1095344278f48bf6c8a5', "aria-label": "breadcrumb" }, h("ol", { key: 'cf7611405a6884d91fe9b4a657f640080e2085e6' }, h("slot", { key: '4d10ef99bed3ba63f5893a62ac8ac4c3c0256461' })))));
     }
 };
 UiBreadcrumb.style = uiBreadcrumbCss();

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

@@ -1,6 +1,6 @@
-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 uiButtonCss = () => `:host{display:inline-block}:host([full]){display:block;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}`;
+const uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle}:host([full]){display:flex;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}`;
 
 const UiButton = class {
     constructor(hostRef) {

package/dist/esm/ui-card.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 uiCardCss = () => `:host{display:block}.card{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;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-xl);color:var(--ui-text-soft);font-family:var(--ui-font-sans)}::slotted([slot="title"]){margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-0.01em;color:var(--ui-foreground)}::slotted([slot="description"]){margin:0;font-size:0.875rem;color:var(--ui-text-muted)}::slotted([slot="footer"]){display:flex;gap:0.75rem;margin-top:0.5rem}`;
 
@@ -7,7 +7,7 @@ const UiCard = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '2f6568112992159a78a5c9dac99bd1a453cd779a' }, h("div", { key: '3d76798bf20f98b20a8d7b1847896f9641585cda', class: "card" }, h("slot", { key: 'cf396f9448c56b96859072327f5f82bb00f0c36d', name: "title" }), h("slot", { key: '04fdf85b8c4ffa318b084616ba902998d085a990', name: "description" }), h("slot", { key: 'a716446f123d47c8f47bea6915ac7489dd41fd45' }), h("slot", { key: '9b2e4abc3987a04e72b13eff8cacf3257b89f174', name: "footer" }))));
+        return (h(Host, { key: '6382864bd44db2d3bc909fba6b50e61889e248ba' }, h("div", { key: 'ced7e89f9d398eb80d914c0734bf7792b0da415e', class: "card" }, h("slot", { key: '3d77e38ace558104a5498e76730264731d02ad75', name: "title" }), h("slot", { key: '7fe9e17f69e79444eb0d3908f099bc40a49ebe0d', name: "description" }), h("slot", { key: '523ae4e729f6127e4686fb82e12ff3153a67f774' }), h("slot", { key: '87603f17a6d0c8ff7724b5a658e34ae868abd83e', name: "footer" }))));
     }
 };
 UiCard.style = uiCardCss();

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

@@ -0,0 +1,102 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-COlwaVJP.js';
+
+const uiCarouselCss = () => `:host{display:block}.viewport{position:relative;overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-sans);color:var(--ui-foreground)}.track{display:flex;transition:transform 0.4s var(--ui-ease);will-change:transform}::slotted(*){flex:0 0 100%;width:100%}.arrow{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-panel-strong);color:var(--ui-foreground);font-size:1.5rem;line-height:1;cursor:pointer;backdrop-filter:blur(22px);box-shadow:var(--ui-shadow);outline:none;transition:all var(--ui-duration) var(--ui-ease)}.arrow:hover{border-color:var(--ui-border-strong)}.arrow:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.arrow:disabled{opacity:0.4;pointer-events:none}.arrow-prev{left:0.5rem}.arrow-next{right:0.5rem}.dots{position:absolute;left:0;right:0;bottom:0.75rem;display:flex;align-items:center;justify-content:center;gap:0.5rem}.dot{width:0.625rem;height:0.625rem;padding:0;border:none;border-radius:var(--ui-radius-full);background:var(--ui-chip);cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.dot:hover{filter:brightness(1.15)}.dot:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.dot.active{background:var(--ui-accent)}`;
+
+const UiCarousel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiChange = createEvent(this, "uiChange");
+        /** Permite navegação circular (wrap) entre o primeiro e o último slide. */
+        this.loop = false;
+        /** Intervalo de autoplay em ms. 0 desliga o autoplay. */
+        this.autoplay = 0;
+        /** Exibe as setas de navegação. */
+        this.showArrows = true;
+        /** Exibe os indicadores (dots). */
+        this.showDots = true;
+        /** Índice do slide atual. */
+        this.index = 0;
+        /** Quantidade de slides. */
+        this.count = 0;
+        this.syncCount = () => {
+            const slot = this.host.shadowRoot?.querySelector("slot");
+            if (!slot)
+                return;
+            this.count = slot.assignedElements().length;
+            if (this.index > this.count - 1) {
+                this.index = Math.max(0, this.count - 1);
+            }
+        };
+        this.handleMouseEnter = () => {
+            if (this.autoplay > 0)
+                this.stopAutoplay();
+        };
+        this.handleMouseLeave = () => {
+            if (this.autoplay > 0)
+                this.startAutoplay();
+        };
+    }
+    componentDidLoad() {
+        this.syncCount();
+        this.startAutoplay();
+    }
+    disconnectedCallback() {
+        this.stopAutoplay();
+    }
+    startAutoplay() {
+        if (this.autoplay > 0) {
+            this.stopAutoplay();
+            this.timer = setInterval(() => {
+                this.advance();
+            }, this.autoplay);
+        }
+    }
+    stopAutoplay() {
+        if (this.timer) {
+            clearInterval(this.timer);
+            this.timer = undefined;
+        }
+    }
+    advance() {
+        if (this.count < 1)
+            return;
+        this.goTo((this.index + 1) % this.count);
+    }
+    setIndex(i) {
+        if (this.count < 1)
+            return;
+        let target = i;
+        if (this.loop) {
+            target = ((i % this.count) + this.count) % this.count;
+        }
+        else {
+            target = Math.max(0, Math.min(i, this.count - 1));
+        }
+        if (target === this.index)
+            return;
+        this.index = target;
+        this.uiChange.emit(this.index);
+    }
+    /** Avança para o próximo slide. */
+    async next() {
+        this.setIndex(this.index + 1);
+    }
+    /** Volta para o slide anterior. */
+    async prev() {
+        this.setIndex(this.index - 1);
+    }
+    /** Vai para um slide específico pelo índice. */
+    async goTo(i) {
+        this.setIndex(i);
+    }
+    render() {
+        const hasNav = this.count > 1;
+        const atStart = this.index <= 0;
+        const atEnd = this.index >= this.count - 1;
+        return (h(Host, { key: '8674262ced2aef3587cb5b5148628776c3a438df' }, h("div", { key: 'f75c9ec8e3d6aa8635e3001a108795f2b0ac8075', class: "viewport", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'eb654e625366fbeef0b91dd9d86fabe82bada130', class: "track", style: { transform: `translateX(${-this.index * 100}%)` } }, h("slot", { key: '23be2c8067e38b9092bbe6d3ef7b59efb91176c2', onSlotchange: this.syncCount })), this.showArrows && hasNav && (h("button", { key: 'a079b10d78e03a780cccd34a18cb677890c79b8d', type: "button", class: "arrow arrow-prev", "aria-label": "Slide anterior", disabled: !this.loop && atStart, onClick: () => this.prev() }, "\u2039")), this.showArrows && hasNav && (h("button", { key: 'baa6cdc3055631a766afeffc2dadf3d565afaf71', type: "button", class: "arrow arrow-next", "aria-label": "Pr\u00F3ximo slide", disabled: !this.loop && atEnd, onClick: () => this.next() }, "\u203A")), this.showDots && hasNav && (h("div", { key: '3b381517e47193aece7e50c7f134f3e70ea2eda6', class: "dots" }, Array.from({ length: this.count }).map((_, i) => (h("button", { key: i, type: "button", class: { dot: true, active: i === this.index }, "aria-label": `Ir para slide ${i + 1}`, "aria-current": i === this.index ? "true" : "false", onClick: () => this.goTo(i) }))))))));
+    }
+    get host() { return getElement(this); }
+};
+UiCarousel.style = uiCarouselCss();
+
+export { UiCarousel as ui_carousel };

package/dist/esm/ui-checkbox.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 uiCheckboxCss = () => `:host{display:inline-flex}.checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:1.5px solid color-mix(in srgb, var(--ui-foreground) 32%, transparent);border-radius:var(--ui-radius-sm);background:var(--ui-chip);cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.checkbox:hover:not(:disabled):not([aria-checked="true"]){border-color:var(--ui-accent)}.checkbox:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.checkbox[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.checkbox:disabled{opacity:0.5;pointer-events:none}.check{width:0.875rem;height:0.875rem;color:var(--ui-accent-contrast);opacity:0;transform:scale(0.6);transition:all var(--ui-duration) var(--ui-ease)}.checkbox[aria-checked="true"] .check{opacity:1;transform:scale(1)}`;
 
@@ -24,7 +24,7 @@ const UiCheckbox = class {
         };
     }
     render() {
-        return (h(Host, { key: 'ec07dd3898dfb9eeac1a07d41895be145a8f03f0' }, h("button", { key: '7d1e72daf042994ba140703e5f8ce2bb5558932d', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: 'f1a59bc59f90e6bce5b289a4a05da51778788c19', class: "check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: '6ea7bc0406e6e8befd6ceea7193423bd433d9a63', points: "20 6 9 17 4 12" })))));
+        return (h(Host, { key: '341aeea485e623d978d0e738481dd5e0865b1ff3' }, h("button", { key: 'a3a5fa4569152d3811d0b575dd3dba099aa7b782', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: '2653b2db08fc200cc9de850bf3b5e7aec7bb96a0', class: "check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: '009b16f0efcd6f4d59255262e95542e5362832ed', points: "20 6 9 17 4 12" })))));
     }
 };
 UiCheckbox.style = uiCheckboxCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DYwlrXg_.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, b as size } from './floating-ui.dom-DDtwbwIl.js';
 
 const uiComboboxCss = () => `: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{border-color:var(--ui-border-strong)}.field:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.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)}.list{position:fixed;top:0;left:0;z-index:50;max-height:16rem;overflow-y:auto;padding:0.25rem;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;transition:opacity var(--ui-duration) var(--ui-ease),     visibility var(--ui-duration) var(--ui-ease)}.list.is-open{visibility:visible;opacity:1}.option{padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--ui-foreground);border-radius:var(--ui-radius-sm);cursor:pointer;transition:background var(--ui-duration) var(--ui-ease)}.option.active{background:var(--ui-chip)}.option.selected{color:var(--ui-accent)}.empty{padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--ui-text-faint)}`;

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

@@ -0,0 +1,135 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-COlwaVJP.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) {
+        registerInstance(this, hostRef);
+        this.uiSelect = 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 (h(Host, { key: '2c99a55d42f0fa90a2b2ec4cae3d0952429fe861' }, h("dialog", { key: '514c6b029111f2fbba14ce430f515c3528b6666f', class: "command", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose }, h("div", { key: '430a2fd81e35ff4f2478a45d1398df7a575ce92d', class: "panel" }, 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 }), h("div", { key: '031e45085143e13aa360b0f2641a1fc80c4f75ab', class: "list", role: "listbox" }, items.length === 0 ? (h("div", { class: "empty" }, "Nenhum comando")) : (items.map((item) => {
+            flatIndex += 1;
+            const index = flatIndex;
+            const showGroup = item.group !== undefined && !seenGroups.has(item.group);
+            if (item.group !== undefined)
+                seenGroups.add(item.group);
+            return [
+                showGroup ? (h("div", { class: "group" }, item.group)) : null,
+                h("div", { class: { item: true, active: index === this.activeIndex }, role: "option", "aria-selected": index === this.activeIndex ? "true" : "false", onMouseEnter: () => (this.activeIndex = index), onMouseDown: (event) => {
+                        event.preventDefault();
+                        this.select(item);
+                    } }, h("span", { class: "label" }, item.label), item.hint ? (h("span", { class: "hint" }, item.hint)) : null),
+            ];
+        })))))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+UiCommand.style = uiCommandCss();
+
+export { UiCommand as ui_command };

package/dist/esm/ui-container.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 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}}`;
 
@@ -16,7 +16,7 @@ const UiContainer = class {
             [`size-${this.size}`]: true,
             padded: this.padded,
         };
-        return (h(Host, { key: 'd9f407cdd15aa38d7e21898f4088d58846e38f22' }, h("div", { key: '7c7596a79dedc3daf94ac5440447c4608e037854', class: classes }, h("slot", { key: '5005378ea1514e2d96fa0cdba219055161ee6688' }))));
+        return (h(Host, { key: '474a0aeda3c1caad66af3108381f325dbec41566' }, h("div", { key: 'df5fdea525ac34873923b65408f971957fb53186', class: classes }, h("slot", { key: 'e83ff090d3634368b7425db0d4c94f860934c951' }))));
     }
 };
 UiContainer.style = uiContainerCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DYwlrXg_.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 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}`;
@@ -148,7 +148,7 @@ const UiDatePicker = class {
     }
     render() {
         const display = this.formatValue();
-        return (h(Host, { key: '4ba4b256b16f49d1e65ffbe774c50065f097482f' }, h("button", { key: '0fa06810a3533cafcc808e680f61c3f289148ec5', type: "button", class: "field", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick, "aria-haspopup": "dialog", "aria-expanded": this.open ? "true" : "false" }, h("span", { key: 'fd6c3f01d8ba6212284b70c8830a007fc6dc4fcb', class: { label: true, placeholder: !display } }, display || this.placeholder), h("svg", { key: 'aebef2e4b5928db3fdd0eee7754d6d7c430459d4', class: "icon", viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("rect", { key: '8a87dd6a1230546145cd0d6626309c4c3835d379', x: "3", y: "4", width: "18", height: "18", rx: "2" }), h("path", { key: 'e3bca802e11ff11bbbd767c92233843a2b767e78', d: "M16 2v4M8 2v4M3 10h18" }))), h("div", { key: '1a8d439b816c7dcf0789e26788aee838e311b087', class: { calendar: true, "is-open": this.open }, role: "dialog", ref: (el) => (this.floatingEl = el) }, h("div", { key: '82d98e286b405ddfd12cc65cffe26b14ace1a31c', class: "header" }, h("button", { key: '6a01a9a3458d3e7b1dfc5ff153266106b9242511', type: "button", class: "nav", "aria-label": "M\u00EAs anterior", onClick: this.prevMonth }, h("svg", { key: 'cea0c6c7aecdf96eb2b4e42bf1b559fe7ea6e443', viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '54d095e51205b3df5f52af6d2d28f89f2dd4db5c', d: "m15 18-6-6 6-6" }))), h("span", { key: '2dd822f49aa7f8bb419079a0c47f29bbfb7a22c4', class: "month-label" }, this.monthLabel()), h("button", { key: '553659e9903e96b84dcecbc86270d915dcd947f5', type: "button", class: "nav", "aria-label": "Pr\u00F3ximo m\u00EAs", onClick: this.nextMonth }, h("svg", { key: 'a73cdb32bedad0004a1d84b44e7866e008864fd8', viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'dac9e5c1fc22d2eefc73046269246ae07af53037', d: "m9 18 6-6-6-6" })))), h("div", { key: 'e731ae7eab8fee747826a58634cad540a60317a5', class: "weekdays" }, WEEKDAYS.map((label) => (h("span", { class: "weekday" }, label)))), h("div", { key: '4aa9f208fb5b20b3b35ae14f27d435918db3f380', class: "grid" }, this.buildDays().map((day) => day === 0 ? (h("span", { class: "day empty" })) : (h("button", { type: "button", class: {
+        return (h(Host, { key: '2c7c34f0f2b688e7f4788c135ce46dc27576390a' }, 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" }, h("span", { key: '74e80a1defef918550ad375440ed96bbc77e4545', class: { label: true, placeholder: !display } }, display || this.placeholder), 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" }, h("rect", { key: 'a67ced294fbaf97735a027773d5900b8e444e1fb', x: "3", y: "4", width: "18", height: "18", rx: "2" }), h("path", { key: 'ab89ca2d6b92e0e094439e07aa8f33a77d00520d', d: "M16 2v4M8 2v4M3 10h18" }))), h("div", { key: 'cdd601edb1497cea10eaa026037684530aec0f0e', class: { calendar: true, "is-open": this.open }, role: "dialog", ref: (el) => (this.floatingEl = el) }, h("div", { key: '83dda2789c83c34fb1996a7601c564eefe0403f9', class: "header" }, h("button", { key: '4e2a0966a1f17a17005f767c9d8a396cf1e8e8bc', type: "button", class: "nav", "aria-label": "M\u00EAs anterior", onClick: this.prevMonth }, 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" }, h("path", { key: '677dcab4309b5814429a6cd5528cf4a84d836fdf', d: "m15 18-6-6 6-6" }))), h("span", { key: 'd478e154bb6c3ad7f43e37c042a0ee8de73bdc55', class: "month-label" }, this.monthLabel()), h("button", { key: '8b7a399d6885f38cba8b9b79f5911cf8e1d3b97f', type: "button", class: "nav", "aria-label": "Pr\u00F3ximo m\u00EAs", onClick: this.nextMonth }, 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" }, h("path", { key: '9c486397121befd51b7e0b8dcdc04afe8d8ecc90', d: "m9 18 6-6-6-6" })))), h("div", { key: '460ae2803e427ed67625355c88a97b46cf307311', class: "weekdays" }, WEEKDAYS.map((label) => (h("span", { class: "weekday" }, label)))), h("div", { key: '6bd0d6b507f75a66b9496a18fba9fe2b8dcc3f7e', class: "grid" }, this.buildDays().map((day) => day === 0 ? (h("span", { class: "day empty" })) : (h("button", { type: "button", class: {
                 day: true,
                 today: this.isToday(day),
                 selected: this.isSelected(day),

package/dist/esm/ui-dialog.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 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)}}`;
 
@@ -42,7 +42,7 @@ const UiDialog = class {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: 'f0ba1e147438e9941bd748b84cca800b93e0058a' }, h("dialog", { key: '54a38db84cc2bcd5064401499c8cbc48f9355021', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '658cf9b13efe14c8db0c02b14b6ace5686ca686a', class: "content" }, h("slot", { key: '00cc3a3657049aabb7c80dfdefba059a5767da78' })))));
+        return (h(Host, { key: '84c982a7870da6b7517f7f989574c41684fd47d1' }, h("dialog", { key: 'f83e558d1344f2612d719032df6e4d652212ce94', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: 'f0506fc17bb608a4b4a33c113e749d9fdb637508', class: "content" }, h("slot", { key: 'ceab792ebd46acefe430467fb9b6c260e658b7bc' })))));
     }
     static get watchers() { return {
         "open": [{

package/dist/esm/ui-drawer.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 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)}}`;
 
@@ -44,7 +44,7 @@ const UiDrawer = class {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: '92e328d6068d3e183463e06897b9dc16e36c3be7' }, h("dialog", { key: 'd18eb940d959341831da313ee342f21f181aacfc', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '9edf182db03b796ef944fbd4340d1d31db8b5321', class: "content" }, h("slot", { key: '34a67441244720ee301b9f4c2b871889a2a87d0b' })))));
+        return (h(Host, { key: '54cb020ae5aa52d797edea5e2fe52c176255a6db' }, h("dialog", { key: '20ffadd987ef28b2f5a0907258e325a6aa12eead', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: 'a2acad5175956ee2033fec822c7448ec290976fc', class: "content" }, h("slot", { key: '0aa72c14305d3766a4b860ebfd69d5d74825b8a2' })))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-COlwaVJP.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}`;
 
@@ -16,7 +16,7 @@ const UiDropdownItem = class {
         };
     }
     render() {
-        return (h(Host, { key: '46fe995e0d6496002cb4ffda00e444731f195805' }, h("button", { key: '5938fcad75c81029a321bdce5c1b2c98cb4cb6a2', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '32227bb1f298ab6ba3d97d1bae86b6ce713703b8' }))));
+        return (h(Host, { key: 'f4da8e0539fe502d384b1a1f423d6ade545db2b7' }, h("button", { key: '7c21a87c78f86be58837d1aa3c3936f23a94b875', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'dba824914003737f6f00380d5c0b20151bf4ac98' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DYwlrXg_.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 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)}`;
@@ -81,7 +81,7 @@ const UiDropdownMenu = class {
         this.cleanup = undefined;
     }
     render() {
-        return (h(Host, { key: '3224e4bac8bcfeda15aa6a5411a95574795231a8' }, h("span", { key: '5f0c50e0cb28c349469be5971ac0622f05d8dd19', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: '616a2917a7377d00414c8fe9745ef6c1297841fa', name: "trigger" })), h("div", { key: 'efa36b327e9ba6a89b939170c296a69ffbe18e90', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, h("slot", { key: 'aaffbbb6b8fe37072c8344d95a902dcb667416ba' }))));
+        return (h(Host, { key: 'dba2609a1d3e10b1c4c51dc9e4d0679f85a3ac2f' }, h("span", { key: '8d031050b223a1a36e4cf6397f2c2643ec6ba24e', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: 'ce5c02c8237a2fdeb20b24cbb314ea4759644250', name: "trigger" })), h("div", { key: '1d30dd7ec7a9d5df68bb4e3755437a10e4eaac31', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, h("slot", { key: 'a79af6f26779ade4b263c8ae602f2ec5b585a0e3' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ui-field.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 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)}`;
 
@@ -9,7 +9,7 @@ const UiField = class {
         this.required = false;
     }
     render() {
-        return (h(Host, { key: 'f39f480b04be85c60eaa8821358b8921d52a7801' }, h("div", { key: '22303a73ad07ca344ef29c25947443e4d43e95fb', class: "field" }, this.label && (h("label", { key: 'bf355b9c884ee0393c91f4d3cdaa38ab6d0132dc', class: "label", htmlFor: this.fieldId }, this.label, this.required && (h("span", { key: '94614ebcee5a68e180e135f5294370e272836b90', class: "required", "aria-hidden": "true" }, " *")))), h("slot", { key: '7d4b22b2741540aac3b017b882f9abfdb67c7492' }), this.error ? (h("p", { class: "error", role: "alert" }, this.error)) : (this.description && h("p", { class: "description" }, this.description)))));
+        return (h(Host, { key: '39a0e70cee489fd42753b1ce7a8c6fea25915bbb' }, h("div", { key: 'b20f08499de84d3af305d6ce6f74a1c880a05dfe', class: "field" }, this.label && (h("label", { key: '88a56e87813dcbc42fb087e9ba3472a98cbb7ad9', class: "label", htmlFor: this.fieldId }, this.label, this.required && (h("span", { key: '7b5143e178547005dc7e2559c0c28a23f105c2a3', class: "required", "aria-hidden": "true" }, " *")))), h("slot", { key: '71f80cc67afb75615e058d42fab0db72e13cc89f' }), this.error ? (h("p", { class: "error", role: "alert" }, this.error)) : (this.description && h("p", { class: "description" }, this.description)))));
     }
 };
 UiField.style = uiFieldCss();

package/dist/esm/ui-file-upload.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 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)}`;
 
@@ -47,7 +47,7 @@ const UiFileUpload = class {
         return `${(bytes / 1024).toFixed(1)} KB`;
     }
     render() {
-        return (h(Host, { key: '675f04b6b96fcdcd10f1344c20225501671e456b' }, h("button", { key: 'bcc1bb63fa043f0778f38370d919eabfb37930f5', type: "button", class: { dropzone: true, dragging: this.dragging }, onClick: this.openPicker, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, h("svg", { key: 'a5836edcdf54284806125e0356f0a5d9bf3e075a', class: "icon", viewBox: "0 0 24 24", width: "2rem", height: "2rem", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '093a31bf1257a470ad7447c20ff02f4ca3ce1957', d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), h("polyline", { key: 'c1eaf0285b47c402fefba5d16d3e1418df06405e', points: "17 8 12 3 7 8" }), h("line", { key: '4655c3de2b0df216d7f520eb81dc8e8a839fde25', x1: "12", y1: "3", x2: "12", y2: "15" })), h("span", { key: 'afa948d851f9df7944a2c669f9e0432fb1bb017b', class: "label" }, this.label), this.accept ? (h("span", { class: "hint" }, this.accept)) : null), h("input", { key: 'd2b97f6a23121a701da7e9296f0f06d0175c6edc', type: "file", hidden: true, accept: this.accept, multiple: this.multiple, ref: (el) => (this.inputEl = el), onChange: this.onInputChange }), this.files.length > 0 ? (h("ul", { class: "files" }, this.files.map((file) => (h("li", { class: "file" }, h("span", { class: "file-name" }, file.name), h("span", { class: "file-size" }, this.formatSize(file.size))))))) : null));
+        return (h(Host, { key: 'a8ca0fb9e4fbbfdba11a8f290124af65a0480093' }, h("button", { key: 'fd077d08e014e28b1f2411bb09a7d8a49afd7ceb', type: "button", class: { dropzone: true, dragging: this.dragging }, onClick: this.openPicker, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, 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" }, h("path", { key: '677380bbdb141a320a97d1163c5410312b003ed4', d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), h("polyline", { key: '42deea2aa62b6908fdd0e45ec64e9cabcf225da6', points: "17 8 12 3 7 8" }), h("line", { key: '12a28663905914b21b4c355bc96064d8e9ae4045', x1: "12", y1: "3", x2: "12", y2: "15" })), h("span", { key: '77bedaa863521eb1960fedd51b82e453606fe3e5', class: "label" }, this.label), this.accept ? (h("span", { class: "hint" }, this.accept)) : null), 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 ? (h("ul", { class: "files" }, this.files.map((file) => (h("li", { class: "file" }, h("span", { class: "file-name" }, file.name), h("span", { class: "file-size" }, this.formatSize(file.size))))))) : null));
     }
 };
 UiFileUpload.style = uiFileUploadCss();

package/dist/esm/ui-grid.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 uiGridCss = () => `:host{display:block}.grid{display:grid;font-family:var(--ui-font-sans)}`;
 
@@ -24,7 +24,7 @@ const UiGrid = class {
                 : `repeat(${this.columns}, minmax(0, 1fr))`,
             gap: GAP[this.gap],
         };
-        return (h(Host, { key: 'fa78c94117bc998616e3f30ef936527d5be66e13' }, h("div", { key: '8594c436b71b7f49434b3366ec70ea24c6b437dc', class: "grid", style: style }, h("slot", { key: '79bb94baa8dd68e82b88734d57f6e31b033a7f5f' }))));
+        return (h(Host, { key: 'ecafabf2b7902db681cd4ce15e8d4f8d8480f0d6' }, h("div", { key: '52aac0fe0cea374a7a083c5fb385882c1fd7b2e7', class: "grid", style: style }, h("slot", { key: '8b686a8e53fb33a94def9b6675df0df94dad14a6' }))));
     }
 };
 UiGrid.style = uiGridCss();

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: 'cfe13feedab47ba88763ae727eb77ca15a0c52a3' }, h("div", { key: '7c79750f2ad87a55462a2416e9d46b4558f9b279', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, h("span", { key: 'dafa1e0120f0de7a041ecfdb98db4203c1d67a28', class: "affix" }, h("slot", { key: '80aef681671784cd65f473975e441027d038c340', name: "prefix" })), h("input", { key: '8bad96710b4190784302fe9ce908f33aef0bc126', class: "input", type: this.type, value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }), showClear && (h("button", { key: '4b26604a6c1ff8004afa6ef0964490ba82553d61', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, h("svg", { key: '87195594cef1db73b86f1117233fdef13ee9fa1a', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, h("path", { key: '66be8eddf982847bf22f59f9113b66b4e47ca005', d: "M18 6 6 18M6 6l12 12" })))), h("span", { key: '749bf6ba578fd22b2d6c34b0fb7522f5a87a33e3', class: "affix" }, h("slot", { key: 'b226025774cedd33f915c6155061044b272d77a1', 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: '45a53d43b29ba78ac9852334536e9d7cb93e9c3c' }, h("label", { key: 'f8209140ec401f7a055d398181a421f281307a9b', class: "label" }, h("slot", { key: '50ba3bbce082e8f0c402c7acb3cd25ce822e3728' }))));
+        return (h(Host, { key: '213a75753c53932901162e5ddae563d8fae95e7e' }, h("label", { key: '12718a028e0e7986e107ebe3c189339e1cbde003', class: "label" }, h("slot", { key: 'd83412a17a6cf21d5b99fc16e365d67911f4f515' }))));
     }
 };
 UiLabel.style = uiLabelCss();