@andespindola/ui-core 0.1.0

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

@@ -0,0 +1,47 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiRadioGroupCss = () => `:host{display:block}.group{display:flex;flex-direction:column;gap:0.5rem}.radio{display:inline-flex;align-items:center;gap:0.625rem;padding:0;border:none;background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;cursor:pointer;outline:none}.radio:disabled{opacity:0.5;pointer-events:none}.indicator{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-full);background:var(--ui-panel);transition:all var(--ui-duration) var(--ui-ease)}.radio:focus-visible .indicator{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.radio[aria-checked="true"] .indicator{border-color:var(--ui-accent)}.dot{width:0.625rem;height:0.625rem;border-radius:var(--ui-radius-full);background:var(--ui-accent);opacity:0;transform:scale(0.4);transition:all var(--ui-duration) var(--ui-ease)}.radio[aria-checked="true"] .dot{opacity:1;transform:scale(1)}.label{line-height:1.25rem}`;
+
+const UiRadioGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiChange = createEvent(this, "uiChange");
+        /** Opções disponíveis. */
+        this.options = [];
+        /** Desabilita o grupo. */
+        this.disabled = false;
+        this.select = (value) => {
+            if (this.disabled || value === this.value)
+                return;
+            this.value = value;
+            this.uiChange.emit(value);
+        };
+        this.onKeyDown = (event, index) => {
+            if (this.disabled)
+                return;
+            const total = this.options.length;
+            if (total === 0)
+                return;
+            let next = -1;
+            if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+                next = (index + 1) % total;
+            }
+            else if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+                next = (index - 1 + total) % total;
+            }
+            if (next >= 0) {
+                event.preventDefault();
+                this.select(this.options[next].value);
+            }
+        };
+    }
+    render() {
+        return (h(Host, { key: '80b7e45cfc95e7e82015db2fa893b374ba73cf07' }, h("div", { key: '1133cd7ad3f9eb9ebaa0ac6c8a2ca3e2a52c46a9', class: "group", role: "radiogroup" }, this.options.map((option, index) => {
+            const selected = option.value === this.value;
+            return (h("button", { class: "radio", type: "button", role: "radio", "aria-checked": selected ? "true" : "false", tabindex: selected || (!this.value && index === 0) ? "0" : "-1", disabled: this.disabled, onClick: () => this.select(option.value), onKeyDown: (event) => this.onKeyDown(event, index) }, h("span", { class: "indicator" }, h("span", { class: "dot" })), h("span", { class: "label" }, option.label)));
+        }))));
+    }
+};
+UiRadioGroup.style = uiRadioGroupCss();
+
+export { UiRadioGroup as ui_radio_group };

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

@@ -0,0 +1,39 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DYwlrXg_.js';
+
+const uiRevealCss = () => `:host{display:block}.reveal{opacity:0;transform:translateY(16px);filter:blur(8px);transition:opacity 0.6s var(--ui-ease), transform 0.6s var(--ui-ease),     filter 0.6s var(--ui-ease)}.reveal.visible{opacity:1;transform:none;filter:none}`;
+
+const UiReveal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Atraso da transição em milissegundos. */
+        this.delay = 0;
+        /** Indica se o conteúdo já foi revelado. */
+        this.visible = false;
+    }
+    connectedCallback() {
+        if (typeof IntersectionObserver === "undefined") {
+            this.visible = true;
+            return;
+        }
+        this.observer = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.isIntersecting) {
+                    this.visible = true;
+                    this.observer?.disconnect();
+                    break;
+                }
+            }
+        });
+        this.observer.observe(this.host);
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+    }
+    render() {
+        return (h(Host, { key: '926e1c25b8463f92dc35a010d58b9bd622932c21' }, h("div", { key: '0561142e1b0955e22d12056f316c98556cb5365d', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, h("slot", { key: 'bd53a6ca33153d3f7768a7662e5e5b78ea221cc6' }))));
+    }
+    get host() { return getElement(this); }
+};
+UiReveal.style = uiRevealCss();
+
+export { UiReveal as ui_reveal };

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

@@ -0,0 +1,35 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiScrollProgressCss = () => `:host{display:block}.bar{position:fixed;top:0;left:0;width:100%;height:2px;transform-origin:left;transform:scaleX(0);background:linear-gradient(     90deg,     var(--ui-accent),     var(--ui-accent-strong)   );z-index:100;transition:transform var(--ui-duration) var(--ui-ease)}`;
+
+const UiScrollProgress = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Progresso da rolagem (0 a 1). */
+        this.progress = 0;
+        this.onScroll = () => {
+            if (typeof document === "undefined")
+                return;
+            const el = document.documentElement;
+            const scrollable = el.scrollHeight - el.clientHeight;
+            this.progress = scrollable > 0 ? el.scrollTop / scrollable : 0;
+        };
+    }
+    connectedCallback() {
+        if (typeof window === "undefined")
+            return;
+        window.addEventListener("scroll", this.onScroll, { passive: true });
+        this.onScroll();
+    }
+    disconnectedCallback() {
+        if (typeof window === "undefined")
+            return;
+        window.removeEventListener("scroll", this.onScroll);
+    }
+    render() {
+        return (h(Host, { key: '7eced0439a2d6ef04d085396a6fc0e69fbe798ed' }, h("div", { key: '30db3ea1a3fce2a26ebca96568e939c4a0183922', class: "bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(this.progress * 100), style: { transform: `scaleX(${this.progress})` } })));
+    }
+};
+UiScrollProgress.style = uiScrollProgressCss();
+
+export { UiScrollProgress as ui_scroll_progress };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiSectionCss = () => `:host{display:block;font-family:var(--ui-font-sans)}section{max-width:80rem;margin:0 auto;padding:5rem 1.25rem}.eyebrow{margin:0 0 0.75rem;text-transform:uppercase;letter-spacing:0.08em;font-size:0.75rem;font-weight:600;color:var(--ui-accent)}.heading{margin:0 0 1rem;font-size:1.875rem;font-weight:600;color:var(--ui-foreground)}.description{margin:0 0 2rem;max-width:42rem;color:var(--ui-text-muted)}`;
+
+const UiSection = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Texto curto exibido acima do título. */
+        this.eyebrow = "";
+        /** Título principal da seção. */
+        this.heading = "";
+        /** Descrição complementar. */
+        this.description = "";
+    }
+    render() {
+        return (h(Host, { key: '63ee126b1e457a4dcd01a66aa519e6fae8377db6' }, h("section", { key: '34f3c07dca2e9f6a3c288b7c41abaf2a3502129f' }, this.eyebrow && h("p", { key: '7c71e3e38e56872757d017ba4f59949f50518c6f', class: "eyebrow" }, this.eyebrow), this.heading && h("h2", { key: 'b8f42a4ae5d2e5d8fb80a4cb9de07ca10c2423fd', class: "heading" }, this.heading), this.description && h("p", { key: 'faeba9733afaa52e7a08629459dd708b4f647740', class: "description" }, this.description), h("slot", { key: '99e906d4ca93461c35125acb4eb3401ed76929fe' }))));
+    }
+};
+UiSection.style = uiSectionCss();
+
+export { UiSection as ui_section };

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

@@ -0,0 +1,26 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiSelectCss = () => `:host{display:block}.wrapper{position:relative;display:block;width:100%}.select{width:100%;height:2.75rem;padding:0 2.5rem 0 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.select:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.select:disabled{opacity:0.5;pointer-events:none}.chevron{position:absolute;top:50%;right:0.875rem;width:1.125rem;height:1.125rem;color:var(--ui-text-muted);transform:translateY(-50%);pointer-events:none}`;
+
+const UiSelect = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiChange = createEvent(this, "uiChange");
+        /** Desabilita o controle. */
+        this.disabled = false;
+        /** Opções disponíveis. */
+        this.options = [];
+        this.onChange = (event) => {
+            const value = event.target.value;
+            this.value = value;
+            this.uiChange.emit(value);
+        };
+    }
+    render() {
+        const hasValue = this.value !== undefined && this.value !== "";
+        return (h(Host, { key: '1ebd6a8472a116ad071e9504ab0756daddb27824' }, h("div", { key: '5d2d00f41b8f74202156d0af7c150b89d79dc1a4', class: "wrapper" }, h("select", { key: '7b370433247f03a126ce13005a3697ba5b04845f', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (h("option", { key: '9e482642eebeab0b1b1c5b56a6730fb5ecbd9617', value: "", disabled: true, selected: !hasValue }, this.placeholder)), this.options.map((option) => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))), h("svg", { key: '7d66788b8d8b51169ae28e5e5c5a31c0b637e377', class: "chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'aaa00671ba95ebd20f81174fc27bf218b16dfc64', points: "6 9 12 15 18 9" })))));
+    }
+};
+UiSelect.style = uiSelectCss();
+
+export { UiSelect as ui_select };

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiSeparatorCss = () => `:host{display:block;background:var(--ui-border)}:host(.orientation-horizontal){width:100%;height:1px}:host(.orientation-vertical){display:inline-block;width:1px;height:100%}`;
+
+const UiSeparator = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Orientação da linha. */
+        this.orientation = "horizontal";
+    }
+    render() {
+        return (h(Host, { key: '212e4b763ad309ef74ba2e21592a0d4091fb0fcf', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
+    }
+};
+UiSeparator.style = uiSeparatorCss();
+
+export { UiSeparator as ui_separator };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiSkeletonCss = () => `:host{display:block}.skeleton{display:block;width:100%;height:100%;border-radius:var(--ui-radius-sm);background:linear-gradient(     90deg,     var(--ui-chip),     var(--ui-panel),     var(--ui-chip)   );background-size:200% 100%;animation:ui-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}`;
+
+const UiSkeleton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '19b59c75e9ff1607c731227bd344a0d082de5366' }, h("span", { key: '6eb968b5bd87768818381db897a090a2783ad938', class: "skeleton" })));
+    }
+};
+UiSkeleton.style = uiSkeletonCss();
+
+export { UiSkeleton as ui_skeleton };

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

@@ -0,0 +1,35 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiSliderCss = () => `:host{display:block}.slider{width:100%;height:1.25rem;margin:0;background:transparent;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}.slider:disabled{opacity:0.5;pointer-events:none}.slider::-webkit-slider-runnable-track{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-chip)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;margin-top:-0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-accent);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.slider::-moz-range-track{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-chip)}.slider::-moz-range-progress{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-accent)}.slider::-moz-range-thumb{width:1.125rem;height:1.125rem;border:none;border-radius:var(--ui-radius-full);background:var(--ui-accent);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease)}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}`;
+
+const UiSlider = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiInput = createEvent(this, "uiInput");
+        this.uiChange = createEvent(this, "uiChange");
+        /** Valor atual. */
+        this.value = 50;
+        /** Valor mínimo. */
+        this.min = 0;
+        /** Valor máximo. */
+        this.max = 100;
+        /** Incremento. */
+        this.step = 1;
+        /** Desabilita o controle. */
+        this.disabled = false;
+        this.onInput = (event) => {
+            const value = Number(event.target.value);
+            this.value = value;
+            this.uiInput.emit(value);
+        };
+        this.onChange = (event) => {
+            this.uiChange.emit(Number(event.target.value));
+        };
+    }
+    render() {
+        return (h(Host, { key: 'dc7f810ebfdde28731d2e1c491596caf03c2476e' }, h("input", { key: 'cac37f559b5587d18fee732e11d6515d57d23466', class: "slider", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.onInput, onChange: this.onChange })));
+    }
+};
+UiSlider.style = uiSliderCss();
+
+export { UiSlider as ui_slider };

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiSpinnerCss = () => `:host{display:inline-flex;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}`;
+
+const UiSpinner = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Tamanho do spinner. */
+        this.size = "md";
+    }
+    render() {
+        return (h(Host, { key: 'cedf6e857d1f4e6561c78f3fd3076341c2d8ecdc', role: "status" }, h("span", { key: '7200580dccc32b30829725ad84e913c3b1afee60', class: { spinner: true, [`size-${this.size}`]: true } }), h("span", { key: '63d4cfee2e5cebabc3c7b3b6ed95a656daa65705', class: "sr-only" }, "Carregando")));
+    }
+};
+UiSpinner.style = uiSpinnerCss();
+
+export { UiSpinner as ui_spinner };

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

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

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

@@ -0,0 +1,29 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiTabsCss = () => `:host{display:block;font-family:var(--ui-font-sans)}.tablist{display:inline-flex;gap:0.25rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip)}.tab{appearance:none;border:none;padding:0.375rem 0.875rem;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.tab:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground)}`;
+
+const UiTabs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiChange = createEvent(this, "uiChange");
+        /** Valor da aba ativa. */
+        this.value = "";
+        /** Lista de abas. */
+        this.items = [];
+        this.select = (value) => {
+            if (value === this.value)
+                return;
+            this.value = value;
+            this.uiChange.emit(value);
+        };
+    }
+    render() {
+        return (h(Host, { key: '8828dc9385a8c206a751e39fda9869116dda3001' }, h("div", { key: '8e13dc53f1c03da5a52adb8ec86da91c78c502b2', class: "tablist", role: "tablist" }, this.items.map((item) => {
+            const active = item.value === this.value;
+            return (h("button", { key: item.value, class: { tab: true, active }, type: "button", role: "tab", "aria-selected": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
+        })), h("slot", { key: '1cd08dfe5ae2e2b6bf55eb90cb55f2c757c5589f', name: this.value })));
+    }
+};
+UiTabs.style = uiTabsCss();
+
+export { UiTabs as ui_tabs };

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

@@ -0,0 +1,33 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiTextareaCss = () => `:host{display:block}.textarea{width:100%;min-height:7rem;padding:0.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;line-height:1.5;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;resize:vertical}.textarea::placeholder{color:var(--ui-text-faint)}.textarea:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.textarea:disabled{opacity:0.5;pointer-events:none}.textarea.invalid{border-color:var(--ui-danger)}.textarea.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}`;
+
+const UiTextarea = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiInput = createEvent(this, "uiInput");
+        this.uiChange = createEvent(this, "uiChange");
+        /** Valor do campo. */
+        this.value = "";
+        /** Desabilita o campo. */
+        this.disabled = false;
+        /** Marca o campo como inválido (estilo + aria-invalid). */
+        this.invalid = false;
+        /** Número de linhas visíveis. */
+        this.rows = 4;
+        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: '9dfb606e8b193b4ce3cc9f085454ff849892e838' }, h("textarea", { key: '0f4aa4078cae931c3e246613d51645162673b7d5', class: { textarea: true, invalid: this.invalid }, name: this.name, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }, this.value)));
+    }
+};
+UiTextarea.style = uiTextareaCss();
+
+export { UiTextarea as ui_textarea };

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

@@ -0,0 +1,63 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiThemeToggleCss = () => `:host{display:inline-flex}.toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);color:var(--ui-foreground);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.toggle:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.toggle:hover{color:var(--ui-accent)}`;
+
+const STORAGE_KEY = "ui-theme";
+const UiThemeToggle = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiThemeChange = createEvent(this, "uiThemeChange");
+        /** Indica se o tema escuro está ativo. */
+        this.isDark = false;
+        this.toggle = () => {
+            this.isDark = !this.isDark;
+            if (typeof window !== "undefined") {
+                try {
+                    window.localStorage.setItem(STORAGE_KEY, this.isDark ? "dark" : "light");
+                }
+                catch {
+                    // Persistência indisponível: segue apenas em memória.
+                }
+            }
+            this.applyTheme();
+            this.uiThemeChange.emit(this.isDark ? "dark" : "light");
+        };
+    }
+    connectedCallback() {
+        this.isDark = this.resolveInitialTheme();
+        this.applyTheme();
+    }
+    resolveInitialTheme() {
+        if (typeof window === "undefined")
+            return false;
+        try {
+            const stored = window.localStorage.getItem(STORAGE_KEY);
+            if (stored === "dark")
+                return true;
+            if (stored === "light")
+                return false;
+        }
+        catch {
+            // localStorage indisponível: usa preferência do sistema.
+        }
+        return (typeof window.matchMedia === "function" &&
+            window.matchMedia("(prefers-color-scheme: dark)").matches);
+    }
+    applyTheme() {
+        if (typeof document === "undefined")
+            return;
+        document.documentElement.classList.toggle("dark", this.isDark);
+    }
+    renderIcon() {
+        if (this.isDark) {
+            return (h("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })));
+        }
+        return (h("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "4" }), h("line", { x1: "12", y1: "2", x2: "12", y2: "4" }), h("line", { x1: "12", y1: "20", x2: "12", y2: "22" }), h("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), h("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), h("line", { x1: "4.93", y1: "4.93", x2: "6.34", y2: "6.34" }), h("line", { x1: "17.66", y1: "17.66", x2: "19.07", y2: "19.07" }), h("line", { x1: "4.93", y1: "19.07", x2: "6.34", y2: "17.66" }), h("line", { x1: "17.66", y1: "6.34", x2: "19.07", y2: "4.93" })));
+    }
+    render() {
+        return (h(Host, { key: 'f4bbcb8298cf3dbc50c31a816e97b32b45a115a4' }, h("button", { key: 'f86adcf499252f07d2aaae4c6b07cf0d4bcb4c01', class: "toggle", type: "button", "aria-label": this.isDark ? "Ativar tema claro" : "Ativar tema escuro", "aria-pressed": this.isDark ? "true" : "false", onClick: this.toggle }, this.renderIcon())));
+    }
+};
+UiThemeToggle.style = uiThemeToggleCss();
+
+export { UiThemeToggle as ui_theme_toggle };

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

@@ -0,0 +1,65 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiToastCss = () => `:host{display:block}.toast{display:flex;align-items:flex-start;gap:0.75rem;padding:0.875rem 1rem;border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius);background:var(--ui-panel-strong);backdrop-filter:blur(22px);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-sans);animation:ui-toast-pop var(--ui-duration) var(--ui-ease)}.variant-default{border-left-color:var(--ui-accent)}.variant-success{border-left-color:var(--ui-success)}.variant-warning{border-left-color:var(--ui-warning)}.variant-danger{border-left-color:var(--ui-danger)}.body{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.25rem}.heading{margin:0;font-size:0.875rem;font-weight:600;color:var(--ui-foreground)}.description{margin:0;font-size:0.8125rem;color:var(--ui-text-muted)}.close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0.125rem;border:none;background:transparent;color:var(--ui-text-muted);cursor:pointer;border-radius:var(--ui-radius-sm);transition:color var(--ui-duration) var(--ui-ease)}.close:hover{color:var(--ui-foreground)}@keyframes ui-toast-pop{from{opacity:0;transform:translateY(0.5rem) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}`;
+
+const UiToast = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiClose = createEvent(this, "uiClose");
+        /** Controla a visibilidade do toast. */
+        this.open = false;
+        /** Variante visual (afeta a borda lateral). */
+        this.variant = "default";
+        /** Tempo em ms até o auto-dismiss. */
+        this.duration = 4000;
+    }
+    onOpenChange(value) {
+        if (value)
+            this.startTimer();
+        else
+            this.clearTimer();
+    }
+    componentDidLoad() {
+        if (this.open)
+            this.startTimer();
+    }
+    disconnectedCallback() {
+        this.clearTimer();
+    }
+    startTimer() {
+        this.clearTimer();
+        if (this.duration > 0) {
+            this.timer = setTimeout(() => this.dismiss(), this.duration);
+        }
+    }
+    clearTimer() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+            this.timer = undefined;
+        }
+    }
+    dismiss() {
+        this.clearTimer();
+        this.open = false;
+        this.uiClose.emit();
+    }
+    /** Abre o toast imperativamente. */
+    async show() {
+        this.open = true;
+    }
+    /** Fecha o toast imperativamente. */
+    async close() {
+        this.dismiss();
+    }
+    render() {
+        return (h(Host, { key: 'abe85b33019341e670263a3fabefe1c73c203a12' }, this.open && (h("div", { key: 'c205504fb55e2a6fa613b54faa7f7b532e7d2998', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: '6e7c37d0946cefa13c4d0dc0e611263c27ddbd9c', class: "body" }, this.heading && h("p", { key: '2052d9b3a812be260a59e0162983643c9ca6ea58', class: "heading" }, this.heading), this.description && (h("p", { key: '968ed3b147a1cc5e30f8595b0206b4c1368c2598', class: "description" }, this.description))), h("button", { key: '9199db49bf8d563426eae6342dd99f062db43cb3', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: 'e6f1abf5c953a819aadb205a879e46cf60e9417a', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: '390cb58060de58f0fcd75045597f4d835ce15cbc', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '2259ed783b26c3c0070ec365713ba61e3e9efbe1', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+UiToast.style = uiToastCss();
+
+export { UiToast as ui_toast };

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

@@ -0,0 +1,27 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiToasterCss = () => `:host{display:contents}.container{position:fixed;bottom:0;right:0;z-index:100;display:flex;flex-direction:column;gap:0.5rem;padding:1rem;max-width:24rem}`;
+
+const UiToaster = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.items = [];
+        this.counter = 0;
+    }
+    /** Enfileira um novo toast imperativamente. */
+    async toast(opts) {
+        const id = `toast-${this.counter++}-${Math.random()
+            .toString(36)
+            .slice(2)}`;
+        this.items = [...this.items, { ...opts, id }];
+    }
+    remove(id) {
+        this.items = this.items.filter((item) => item.id !== id);
+    }
+    render() {
+        return (h(Host, { key: '51de8367f0037a6b7ea809bb643d0a20e41553bf' }, h("div", { key: '34a6d8310ce460ee5cec6e87ab20266a9a522177', class: "container" }, this.items.map((item) => (h("ui-toast", { key: item.id, open: true, heading: item.heading, description: item.description, variant: item.variant ?? "default", duration: item.duration ?? 4000, onUiClose: () => this.remove(item.id) }))))));
+    }
+};
+UiToaster.style = uiToasterCss();
+
+export { UiToaster as ui_toaster };

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

@@ -0,0 +1,62 @@
+import { r as registerInstance, 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 uiTooltipCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.375rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;line-height:1.4;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-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}`;
+
+const UiTooltip = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Texto exibido no balão flutuante. */
+        this.content = "";
+        /** Posição preferida do balão relativa ao gatilho. */
+        this.placement = "top";
+        /** Atraso (ms) antes de exibir o balão. */
+        this.openDelay = 200;
+        this.visible = false;
+        this.onEnter = () => {
+            if (this.timer)
+                clearTimeout(this.timer);
+            this.timer = setTimeout(() => {
+                this.visible = true;
+                requestAnimationFrame(() => this.start());
+            }, this.openDelay);
+        };
+        this.onLeave = () => {
+            if (this.timer)
+                clearTimeout(this.timer);
+            this.visible = false;
+            this.stop();
+        };
+    }
+    disconnectedCallback() {
+        this.stop();
+        if (this.timer)
+            clearTimeout(this.timer);
+    }
+    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: '49f898bc54da31cf9f6b5189577bae89f6681bf8', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: '394744f0b34ec0c534b417ba520f2b805b582802', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '7afd6d807490d8af4fffeb38e69de825f7d3c138' })), h("div", { key: '3d12cffd7fd903ec6178961bf40476b063ee1563', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
+    }
+    get host() { return getElement(this); }
+};
+UiTooltip.style = uiTooltipCss();
+
+export { UiTooltip as ui_tooltip };

package/dist/esm/uikit.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DYwlrXg_.js';
+export { s as setNonce } from './index-DYwlrXg_.js';
+
+/*
+ Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  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);
+});

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/types/components/ui-accordion/ui-accordion.d.ts

@@ -0,0 +1,3 @@
+export declare class UiAccordion {
+    render(): any;
+}