@andespindola/ui-core 0.1.0

package/dist/esm/index.js

@@ -0,0 +1 @@
+

package/dist/esm/loader.js

@@ -0,0 +1,10 @@
+import { g as globalScripts, b as bootstrapLazy } from './index-DYwlrXg_.js';
+export { s as setNonce } from './index-DYwlrXg_.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy([["ui-loading-overlay",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion",[[257,"ui-accordion"]]],["ui-accordion-item",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-avatar",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1]}]]],["ui-badge",[[257,"ui-badge",{"variant":[1]}]]],["ui-button",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1]}]]],["ui-card",[[257,"ui-card"]]],["ui-checkbox",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-dialog",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-input",[[1,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1]}]]],["ui-label",[[257,"ui-label"]]],["ui-popover",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-radio-group",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-reveal",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-select",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton",[[1,"ui-skeleton"]]],["ui-slider",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-switch",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-tabs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-tooltip",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
+};
+
+export { defineCustomElements };

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

@@ -0,0 +1,25 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiAccordionItemCss = () => `:host{display:block;font-family:var(--ui-font-sans);border-bottom:1px solid var(--ui-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;cursor:pointer;font-weight:500;color:var(--ui-foreground);list-style:none;outline:none}summary::-webkit-details-marker{display:none}summary:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring);border-radius:var(--ui-radius-sm)}.chevron{flex:none;color:var(--ui-text-muted);transition:transform var(--ui-duration) var(--ui-ease)}details[open] .chevron{transform:rotate(180deg)}.content{padding-bottom:1rem;color:var(--ui-text-muted)}`;
+
+const UiAccordionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiToggle = createEvent(this, "uiToggle");
+        /** Título exibido no cabeçalho. */
+        this.heading = "";
+        /** Estado aberto/fechado. */
+        this.open = false;
+        this.onToggle = (event) => {
+            const details = event.currentTarget;
+            this.open = details.open;
+            this.uiToggle.emit(this.open);
+        };
+    }
+    render() {
+        return (h(Host, { key: 'c1c8a792a0e8ab52c4750af995c98ffda3b47cf0' }, h("details", { key: '3eaa096ad9a9b0f22fe0b2a34b254deb4e6b7df5', open: this.open, onToggle: this.onToggle }, h("summary", { key: 'eb86d25aa684879440b87ce1113d282fb07e81ce' }, h("span", { key: 'c70e1823bec0a32432cf74438c6d62a7b145e067', class: "heading" }, this.heading), h("svg", { key: '65f9e9179ec29d10115a6938be5fb2481bdcbcfc', class: "chevron", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'def877261275e0eb0f830651fe35d524497686b9', points: "6 9 12 15 18 9" }))), h("div", { key: '91c0120a4a7c02cbdb97bded4c77e6eeea63ce83', class: "content" }, h("slot", { key: '590ed083fb0a3969bdadb2376532b4ceb9bcc597' })))));
+    }
+};
+UiAccordionItem.style = uiAccordionItemCss();
+
+export { UiAccordionItem as ui_accordion_item };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiAccordionCss = () => `:host{display:block;font-family:var(--ui-font-sans)}`;
+
+const UiAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '0d6a0faf16d8cacc925818349b38f8acaa186fdb' }, h("slot", { key: '060f07d2ed0104666101f2984affc84eb33239d0' })));
+    }
+};
+UiAccordion.style = uiAccordionCss();
+
+export { UiAccordion as ui_accordion };

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.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}`;
+
+const UiAvatar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Texto alternativo da imagem. */
+        this.alt = "";
+    }
+    render() {
+        return (h(Host, { key: '5c1258b170c4bb32cca3177574292a2b7661ebf2' }, h("span", { key: '35991cb32d1958e8c5b11ccba182e9d43531aadb', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback)))));
+    }
+};
+UiAvatar.style = uiAvatarCss();
+
+export { UiAvatar as ui_avatar };

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.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)}`;
+
+const UiBadge = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Variante visual. */
+        this.variant = "default";
+    }
+    render() {
+        return (h(Host, { key: '260e9e23ffa9a624e17e5a794217402ab2167f31' }, h("span", { key: '1b0d40c5b9a46c5928132d050e3c2f9e3bcd4ea8', class: { badge: true, [`variant-${this.variant}`]: true } }, h("slot", { key: '9680659040a4d48bdb53415e40bbbef9819063d9' }))));
+    }
+};
+UiBadge.style = uiBadgeCss();
+
+export { UiBadge as ui_badge };

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

@@ -0,0 +1,29 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiButtonCss = () => `:host{display:inline-block}.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);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:var(--ui-border-strong)}.variant-outline:hover{background:var(--ui-chip)}.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) {
+        registerInstance(this, hostRef);
+        /** Variante visual. */
+        this.variant = "default";
+        /** Tamanho. */
+        this.size = "md";
+        /** Desabilita o botão. */
+        this.disabled = false;
+        /** Exibe spinner e desabilita durante uma ação assíncrona. */
+        this.loading = false;
+        /** Tipo do botão nativo. */
+        this.type = "button";
+    }
+    render() {
+        return (h(Host, { key: 'bf18a1f72babada2698ce42f54bf2d73b0d41d0b' }, h("button", { key: 'f08a766e14d139d7031dac4fa5846fbc0749328f', class: {
+                btn: true,
+                [`variant-${this.variant}`]: true,
+                [`size-${this.size}`]: true,
+            }, type: this.type, disabled: this.disabled || this.loading, "aria-busy": this.loading ? "true" : null }, this.loading && h("span", { key: 'a3e87dd124b697050a657b9957884c231aa58c54', class: "spinner", "aria-hidden": "true" }), h("slot", { key: '87a720f06602011042d70a91918a0b2157abb163' }))));
+    }
+};
+UiButton.style = uiButtonCss();
+
+export { UiButton as ui_button };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiCardCss = () => `:host{display:block}.card{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-foreground);padding:1.5rem}::slotted([slot="title"]){font-size:1.125rem;font-weight:600;letter-spacing:-0.01em}::slotted([slot="description"]){color:var(--ui-text-muted);font-size:0.875rem}`;
+
+const UiCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '7e2833cdc6f37c6b8577c17677840913fb7cd9e1' }, h("div", { key: '223c291e98af73ee2c299b8649773cfcf54388d7', class: "card" }, h("slot", { key: 'e948386bcd492c31e264d50cf27d26e98dd771eb' }))));
+    }
+};
+UiCard.style = uiCardCss();
+
+export { UiCard as ui_card };

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

@@ -0,0 +1,32 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.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:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--ui-panel);cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.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)}`;
+
+const UiCheckbox = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiChange = createEvent(this, "uiChange");
+        /** Estado marcado/desmarcado. */
+        this.checked = false;
+        /** Desabilita o controle. */
+        this.disabled = false;
+        this.toggle = () => {
+            if (this.disabled)
+                return;
+            this.checked = !this.checked;
+            this.uiChange.emit(this.checked);
+        };
+        this.onKeyDown = (event) => {
+            if (event.key === " " || event.key === "Enter") {
+                event.preventDefault();
+                this.toggle();
+            }
+        };
+    }
+    render() {
+        return (h(Host, { key: '218342fd572fe2a937ef30501ceb1286ed9872ac' }, h("button", { key: 'c54f4b4d663c472e08aeff9016da9d3fe63072fd', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: 'a4f460f90eeaa930b0d867ad1aadf99550ff3c9a', 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: 'e96040e1a3058b910203023d882aa8da62ec9fce', points: "20 6 9 17 4 12" })))));
+    }
+};
+UiCheckbox.style = uiCheckboxCss();
+
+export { UiCheckbox as ui_checkbox };

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

@@ -0,0 +1,55 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.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)}}`;
+
+const UiDialog = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiClose = createEvent(this, "uiClose");
+        /** Controla a abertura do modal. */
+        this.open = false;
+        this.onClose = () => {
+            if (this.open) {
+                this.open = false;
+                this.uiClose.emit();
+            }
+        };
+        this.onBackdropClick = (event) => {
+            if (event.target === this.dialogEl)
+                this.close();
+        };
+    }
+    onOpenChange(value) {
+        this.sync(value);
+    }
+    componentDidLoad() {
+        this.sync(this.open);
+    }
+    sync(value) {
+        if (!this.dialogEl)
+            return;
+        if (value && !this.dialogEl.open)
+            this.dialogEl.showModal();
+        else if (!value && this.dialogEl.open)
+            this.dialogEl.close();
+    }
+    /** Abre o modal imperativamente. */
+    async show() {
+        this.open = true;
+    }
+    /** Fecha o modal imperativamente. */
+    async close() {
+        this.open = false;
+    }
+    render() {
+        return (h(Host, { key: 'c61dad5c30282e7a0ff063b713fff567be0b2183' }, h("dialog", { key: '55e3de816fcdaafce020a8edb30e469f6d579df7', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '39b8436aca48ee79ff63a1cd81640697be8007cf', class: "content" }, h("slot", { key: 'e8d509cd882aa1e3a97f66486baf4afacdf36767' })))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+UiDialog.style = uiDialogCss();
+
+export { UiDialog as ui_dialog };

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

@@ -0,0 +1,57 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.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)}}`;
+
+const UiDrawer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiClose = createEvent(this, "uiClose");
+        /** Controla a abertura do painel lateral. */
+        this.open = false;
+        /** Borda onde o painel é ancorado. */
+        this.side = "right";
+        this.onClose = () => {
+            if (this.open) {
+                this.open = false;
+                this.uiClose.emit();
+            }
+        };
+        this.onBackdropClick = (event) => {
+            if (event.target === this.dialogEl)
+                this.close();
+        };
+    }
+    onOpenChange(value) {
+        this.sync(value);
+    }
+    componentDidLoad() {
+        this.sync(this.open);
+    }
+    sync(value) {
+        if (!this.dialogEl)
+            return;
+        if (value && !this.dialogEl.open)
+            this.dialogEl.showModal();
+        else if (!value && this.dialogEl.open)
+            this.dialogEl.close();
+    }
+    /** Abre o painel imperativamente. */
+    async show() {
+        this.open = true;
+    }
+    /** Fecha o painel imperativamente. */
+    async close() {
+        this.open = false;
+    }
+    render() {
+        return (h(Host, { key: '96c4f4cec0fdc9a8601448bfc9a16dda37b33507' }, h("dialog", { key: '72ef71e674d116c9d2f47bf4d997fc9d5ca1472d', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '25e537c059dcc33085bd0c0c47aa39448a16176b', class: "content" }, h("slot", { key: '3c0b746055fb6f1ac6a8c0c4713aa9cd47fd1a00' })))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+UiDrawer.style = uiDrawerCss();
+
+export { UiDrawer as ui_drawer };

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

@@ -0,0 +1,25 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DYwlrXg_.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}`;
+
+const UiDropdownItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiSelect = createEvent(this, "uiSelect");
+        /** Desabilita o item, impedindo seleção. */
+        this.disabled = false;
+        this.onClick = () => {
+            if (this.disabled)
+                return;
+            this.uiSelect.emit();
+            this.host.dispatchEvent(new CustomEvent("uiDropdownClose", { bubbles: true, composed: true }));
+        };
+    }
+    render() {
+        return (h(Host, { key: '9e88bb2a1ccec0a6c5f088cdd40a7881cba6e3ac' }, h("button", { key: '371c531f920cbd1a5374b8c6812d9b67c97e44f4', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'fe16aad1402e098180719edd9110c83ee550224c' }))));
+    }
+    get host() { return getElement(this); }
+};
+UiDropdownItem.style = uiDropdownItemCss();
+
+export { UiDropdownItem as ui_dropdown_item };

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

@@ -0,0 +1,95 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DYwlrXg_.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-CyBRmmbs.js';
+
+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)}`;
+
+const UiDropdownMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiOpenChange = createEvent(this, "uiOpenChange");
+        /** Controla a abertura do menu. */
+        this.open = false;
+        /** Posição preferida do menu relativo ao gatilho. */
+        this.placement = "bottom";
+        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);
+        };
+    }
+    onOpenChange(value) {
+        if (value) {
+            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);
+        }
+    }
+    disconnectedCallback() {
+        this.stop();
+        document.removeEventListener("click", this.onDocumentClick);
+        document.removeEventListener("keydown", this.onKeydown);
+    }
+    /** Abre o menu imperativamente. */
+    async show() {
+        this.setOpen(true);
+    }
+    /** Fecha o menu imperativamente. */
+    async close() {
+        this.setOpen(false);
+    }
+    onItemClose() {
+        this.setOpen(false);
+    }
+    setOpen(value) {
+        if (this.open === value)
+            return;
+        this.open = value;
+        this.uiOpenChange.emit(value);
+    }
+    start() {
+        if (!this.triggerEl || !this.floatingEl)
+            return;
+        this.stop();
+        this.cleanup = autoUpdate(this.triggerEl, this.floatingEl, () => {
+            if (!this.triggerEl || !this.floatingEl)
+                return;
+            computePosition(this.triggerEl, this.floatingEl, {
+                placement: this.placement,
+                middleware: [offset(8), flip(), shift({ padding: 8 })],
+            }).then(({ x, y }) => {
+                Object.assign(this.floatingEl.style, { left: `${x}px`, top: `${y}px` });
+            });
+        });
+    }
+    stop() {
+        this.cleanup?.();
+        this.cleanup = undefined;
+    }
+    render() {
+        return (h(Host, { key: '83694eb278f8a9c711ae30677254a4168dbd825f' }, h("span", { key: 'dabab12417ed473e22097578c07842f36a05e397', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: '6e3b0f1c2c83a48c0c70a2416c6e0ac34b05c68e', name: "trigger" })), h("div", { key: '2b6059c9bfa98c6f5bc9656d86ffeaf1009a887b', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, h("slot", { key: 'af01e24903f705ef30174ba37735d774b8e5aa99' }))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+UiDropdownMenu.style = uiDropdownMenuCss();
+
+export { UiDropdownMenu as ui_dropdown_menu };

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.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)}`;
+
+const UiField = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Marca o campo como obrigatório (asterisco). */
+        this.required = false;
+    }
+    render() {
+        return (h(Host, { key: '1f944085a10d6c795ce06a7a91021fee46780347' }, h("div", { key: 'a2f2fde238292d543c65bf6e1ed0dfd0dce424f9', class: "field" }, this.label && (h("label", { key: '4f450b5e43f1ea8dda3b3134022a010391a2f404', class: "label", htmlFor: this.fieldId }, this.label, this.required && (h("span", { key: '1853d16b19752584b646a294dcbe2b8359ec12b4', class: "required", "aria-hidden": "true" }, " *")))), h("slot", { key: '75adc24c2264e3e954618737769232535caa13e4' }), this.error ? (h("p", { class: "error", role: "alert" }, this.error)) : (this.description && h("p", { class: "description" }, this.description)))));
+    }
+};
+UiField.style = uiFieldCss();
+
+export { UiField as ui_field };

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

@@ -0,0 +1,33 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiInputCss = () => `:host{display:block}.input{width:100%;height:2.75rem;padding:0 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box}.input::placeholder{color:var(--ui-text-faint)}.input:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.input:disabled{opacity:0.5;pointer-events:none}.input.invalid{border-color:var(--ui-danger)}.input.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}`;
+
+const UiInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiInput = createEvent(this, "uiInput");
+        this.uiChange = createEvent(this, "uiChange");
+        /** Valor do campo. */
+        this.value = "";
+        /** Tipo do input nativo. */
+        this.type = "text";
+        /** Desabilita o campo. */
+        this.disabled = false;
+        /** Marca o campo como inválido (estilo + aria-invalid). */
+        this.invalid = false;
+        this.onInput = (event) => {
+            const target = event.target;
+            this.value = target.value;
+            this.uiInput.emit(target.value);
+        };
+        this.onChange = (event) => {
+            this.uiChange.emit(event.target.value);
+        };
+    }
+    render() {
+        return (h(Host, { key: 'e2ca2973fb898cde6988d2422f8b346662caf375' }, h("input", { key: '6e2b0358dc583f448a71f95f319d0fd675536c60', class: { input: true, invalid: this.invalid }, 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 })));
+    }
+};
+UiInput.style = uiInputCss();
+
+export { UiInput as ui_input };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.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)}`;
+
+const UiLabel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: 'bb726d8b26a82776e688532b6fbe69c178308c75' }, h("label", { key: 'bfd33ad1561fcee62395be37e83894cdce0ec259', class: "label" }, h("slot", { key: 'c0ac5938df3aea7219a59caf46cb7cd152046770' }))));
+    }
+};
+UiLabel.style = uiLabelCss();
+
+export { UiLabel as ui_label };

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

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.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)}`;
+
+const UiLoadingOverlay = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Controla a exibição da sobreposição. */
+        this.visible = false;
+        /** Tamanho do spinner. */
+        this.spinnerSize = "md";
+    }
+    render() {
+        if (!this.visible) {
+            return h(Host, null);
+        }
+        return (h(Host, { role: "status", "aria-live": "polite" }, h("div", { class: "overlay" }, h("ui-spinner", { size: this.spinnerSize }), this.label && h("p", { class: "label" }, this.label))));
+    }
+};
+UiLoadingOverlay.style = uiLoadingOverlayCss();
+
+export { UiLoadingOverlay as ui_loading_overlay };

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

@@ -0,0 +1,92 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DYwlrXg_.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-CyBRmmbs.js';
+
+const uiPopoverCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.panel{position:fixed;top:0;left:0;z-index:50;width:18rem;max-width:calc(100vw - 1rem);padding:1rem;font-family:var(--ui-font-sans);color:var(--ui-foreground);border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px);border-radius:var(--ui-radius);visibility:hidden;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.panel.is-open{visibility:visible;opacity:1;transform:scale(1)}`;
+
+const UiPopover = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiOpenChange = createEvent(this, "uiOpenChange");
+        /** Controla a abertura do conteúdo flutuante. */
+        this.open = false;
+        /** Posição preferida do conteúdo relativo ao gatilho. */
+        this.placement = "bottom";
+        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);
+        };
+    }
+    onOpenChange(value) {
+        if (value) {
+            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);
+        }
+    }
+    disconnectedCallback() {
+        this.stop();
+        document.removeEventListener("click", this.onDocumentClick);
+        document.removeEventListener("keydown", this.onKeydown);
+    }
+    /** Abre o popover imperativamente. */
+    async show() {
+        this.setOpen(true);
+    }
+    /** Fecha o popover imperativamente. */
+    async close() {
+        this.setOpen(false);
+    }
+    setOpen(value) {
+        if (this.open === value)
+            return;
+        this.open = value;
+        this.uiOpenChange.emit(value);
+    }
+    start() {
+        if (!this.triggerEl || !this.floatingEl)
+            return;
+        this.stop();
+        this.cleanup = autoUpdate(this.triggerEl, this.floatingEl, () => {
+            if (!this.triggerEl || !this.floatingEl)
+                return;
+            computePosition(this.triggerEl, this.floatingEl, {
+                placement: this.placement,
+                middleware: [offset(8), flip(), shift({ padding: 8 })],
+            }).then(({ x, y }) => {
+                Object.assign(this.floatingEl.style, { left: `${x}px`, top: `${y}px` });
+            });
+        });
+    }
+    stop() {
+        this.cleanup?.();
+        this.cleanup = undefined;
+    }
+    render() {
+        return (h(Host, { key: '193a3f6fb440dc2da1837c2387511d38f71e7da3' }, h("span", { key: '8732b0b40340e39ac26b80e38864438cf9bf01cc', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: 'd51743b5fa62e8fd5c5639ba2d9681caa8556fb0', name: "trigger" })), h("div", { key: 'a2ae9fd5bb67dc1ad4243ac478ecc11cb4c28665', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, h("slot", { key: '655d8b979962d25dabe8497516be51199ce16452' }))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+UiPopover.style = uiPopoverCss();
+
+export { UiPopover as ui_popover };

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

@@ -0,0 +1,31 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiProgressCss = () => `:host{display:block}.track{width:100%;height:0.5rem;border-radius:var(--ui-radius-full);background:var(--ui-chip);overflow:hidden}.indicator{height:100%;border-radius:var(--ui-radius-full);background:var(--ui-accent);transition:width var(--ui-duration) var(--ui-ease)}.indicator.indeterminate{width:40%;animation:ui-progress-slide 1.2s ease-in-out infinite}@keyframes ui-progress-slide{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}`;
+
+const UiProgress = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Valor atual do progresso. `null` torna o componente indeterminado. */
+        this.value = null;
+        /** Valor máximo. */
+        this.max = 100;
+        /** Força o estado indeterminado. */
+        this.indeterminate = false;
+    }
+    get isIndeterminate() {
+        return this.indeterminate || this.value === null;
+    }
+    get percent() {
+        if (this.value === null || this.max <= 0)
+            return 0;
+        const clamped = Math.min(Math.max(this.value, 0), this.max);
+        return (clamped / this.max) * 100;
+    }
+    render() {
+        const determinate = !this.isIndeterminate;
+        return (h(Host, { key: '0be3e6f551bf5401e033a7faba2787eb4166eb0a', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, h("div", { key: '89151bf96326053ce60b71a2f2f9b6c13d721e39', class: "track" }, h("div", { key: '2cdf8f8cbbe7729813e8e78b671fc43b7ebec153', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
+    }
+};
+UiProgress.style = uiProgressCss();
+
+export { UiProgress as ui_progress };