@andespindola/ui-core 0.1.0

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

@@ -0,0 +1,33 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.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 (index.h(index.Host, { key: '0be3e6f551bf5401e033a7faba2787eb4166eb0a', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, index.h("div", { key: '89151bf96326053ce60b71a2f2f9b6c13d721e39', class: "track" }, index.h("div", { key: '2cdf8f8cbbe7729813e8e78b671fc43b7ebec153', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
+    }
+};
+UiProgress.style = uiProgressCss();
+
+exports.ui_progress = UiProgress;

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

@@ -0,0 +1,49 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.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 (index.h(index.Host, { key: '80b7e45cfc95e7e82015db2fa893b374ba73cf07' }, index.h("div", { key: '1133cd7ad3f9eb9ebaa0ac6c8a2ca3e2a52c46a9', class: "group", role: "radiogroup" }, this.options.map((option, index$1) => {
+            const selected = option.value === this.value;
+            return (index.h("button", { class: "radio", type: "button", role: "radio", "aria-checked": selected ? "true" : "false", tabindex: selected || (!this.value && index$1 === 0) ? "0" : "-1", disabled: this.disabled, onClick: () => this.select(option.value), onKeyDown: (event) => this.onKeyDown(event, index$1) }, index.h("span", { class: "indicator" }, index.h("span", { class: "dot" })), index.h("span", { class: "label" }, option.label)));
+        }))));
+    }
+};
+UiRadioGroup.style = uiRadioGroupCss();
+
+exports.ui_radio_group = UiRadioGroup;

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

@@ -0,0 +1,41 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.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 (index.h(index.Host, { key: '926e1c25b8463f92dc35a010d58b9bd622932c21' }, index.h("div", { key: '0561142e1b0955e22d12056f316c98556cb5365d', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, index.h("slot", { key: 'bd53a6ca33153d3f7768a7662e5e5b78ea221cc6' }))));
+    }
+    get host() { return index.getElement(this); }
+};
+UiReveal.style = uiRevealCss();
+
+exports.ui_reveal = UiReveal;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.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 (index.h(index.Host, { key: '7eced0439a2d6ef04d085396a6fc0e69fbe798ed' }, index.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();
+
+exports.ui_scroll_progress = UiScrollProgress;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.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 (index.h(index.Host, { key: '63ee126b1e457a4dcd01a66aa519e6fae8377db6' }, index.h("section", { key: '34f3c07dca2e9f6a3c288b7c41abaf2a3502129f' }, this.eyebrow && index.h("p", { key: '7c71e3e38e56872757d017ba4f59949f50518c6f', class: "eyebrow" }, this.eyebrow), this.heading && index.h("h2", { key: 'b8f42a4ae5d2e5d8fb80a4cb9de07ca10c2423fd', class: "heading" }, this.heading), this.description && index.h("p", { key: 'faeba9733afaa52e7a08629459dd708b4f647740', class: "description" }, this.description), index.h("slot", { key: '99e906d4ca93461c35125acb4eb3401ed76929fe' }))));
+    }
+};
+UiSection.style = uiSectionCss();
+
+exports.ui_section = UiSection;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.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 (index.h(index.Host, { key: '1ebd6a8472a116ad071e9504ab0756daddb27824' }, index.h("div", { key: '5d2d00f41b8f74202156d0af7c150b89d79dc1a4', class: "wrapper" }, index.h("select", { key: '7b370433247f03a126ce13005a3697ba5b04845f', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (index.h("option", { key: '9e482642eebeab0b1b1c5b56a6730fb5ecbd9617', value: "", disabled: true, selected: !hasValue }, this.placeholder)), this.options.map((option) => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))), index.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" }, index.h("polyline", { key: 'aaa00671ba95ebd20f81174fc27bf218b16dfc64', points: "6 9 12 15 18 9" })))));
+    }
+};
+UiSelect.style = uiSelectCss();
+
+exports.ui_select = UiSelect;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        /** Orientação da linha. */
+        this.orientation = "horizontal";
+    }
+    render() {
+        return (index.h(index.Host, { key: '212e4b763ad309ef74ba2e21592a0d4091fb0fcf', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
+    }
+};
+UiSeparator.style = uiSeparatorCss();
+
+exports.ui_separator = UiSeparator;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '19b59c75e9ff1607c731227bd344a0d082de5366' }, index.h("span", { key: '6eb968b5bd87768818381db897a090a2783ad938', class: "skeleton" })));
+    }
+};
+UiSkeleton.style = uiSkeletonCss();
+
+exports.ui_skeleton = UiSkeleton;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiInput = index.createEvent(this, "uiInput");
+        this.uiChange = index.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 (index.h(index.Host, { key: 'dc7f810ebfdde28731d2e1c491596caf03c2476e' }, index.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();
+
+exports.ui_slider = UiSlider;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        /** Tamanho do spinner. */
+        this.size = "md";
+    }
+    render() {
+        return (index.h(index.Host, { key: 'cedf6e857d1f4e6561c78f3fd3076341c2d8ecdc', role: "status" }, index.h("span", { key: '7200580dccc32b30829725ad84e913c3b1afee60', class: { spinner: true, [`size-${this.size}`]: true } }), index.h("span", { key: '63d4cfee2e5cebabc3c7b3b6ed95a656daa65705', class: "sr-only" }, "Carregando")));
+    }
+};
+UiSpinner.style = uiSpinnerCss();
+
+exports.ui_spinner = UiSpinner;

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

@@ -0,0 +1,34 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.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 (index.h(index.Host, { key: '495f30df67c0277471c4d01920f5608700943132' }, index.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 }, index.h("span", { key: 'e91d3ffd7b8fdfb1a64f96746c5a396ecaecb882', class: "thumb" }))));
+    }
+};
+UiSwitch.style = uiSwitchCss();
+
+exports.ui_switch = UiSwitch;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.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 (index.h(index.Host, { key: '8828dc9385a8c206a751e39fda9869116dda3001' }, index.h("div", { key: '8e13dc53f1c03da5a52adb8ec86da91c78c502b2', class: "tablist", role: "tablist" }, this.items.map((item) => {
+            const active = item.value === this.value;
+            return (index.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));
+        })), index.h("slot", { key: '1cd08dfe5ae2e2b6bf55eb90cb55f2c757c5589f', name: this.value })));
+    }
+};
+UiTabs.style = uiTabsCss();
+
+exports.ui_tabs = UiTabs;

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiInput = index.createEvent(this, "uiInput");
+        this.uiChange = index.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 (index.h(index.Host, { key: '9dfb606e8b193b4ce3cc9f085454ff849892e838' }, index.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();
+
+exports.ui_textarea = UiTextarea;

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

@@ -0,0 +1,65 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiThemeChange = index.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 (index.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" }, index.h("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })));
+        }
+        return (index.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" }, index.h("circle", { cx: "12", cy: "12", r: "4" }), index.h("line", { x1: "12", y1: "2", x2: "12", y2: "4" }), index.h("line", { x1: "12", y1: "20", x2: "12", y2: "22" }), index.h("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), index.h("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), index.h("line", { x1: "4.93", y1: "4.93", x2: "6.34", y2: "6.34" }), index.h("line", { x1: "17.66", y1: "17.66", x2: "19.07", y2: "19.07" }), index.h("line", { x1: "4.93", y1: "19.07", x2: "6.34", y2: "17.66" }), index.h("line", { x1: "17.66", y1: "6.34", x2: "19.07", y2: "4.93" })));
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f4bbcb8298cf3dbc50c31a816e97b32b45a115a4' }, index.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();
+
+exports.ui_theme_toggle = UiThemeToggle;

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

@@ -0,0 +1,67 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiClose = index.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 (index.h(index.Host, { key: 'abe85b33019341e670263a3fabefe1c73c203a12' }, this.open && (index.h("div", { key: 'c205504fb55e2a6fa613b54faa7f7b532e7d2998', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, index.h("div", { key: '6e7c37d0946cefa13c4d0dc0e611263c27ddbd9c', class: "body" }, this.heading && index.h("p", { key: '2052d9b3a812be260a59e0162983643c9ca6ea58', class: "heading" }, this.heading), this.description && (index.h("p", { key: '968ed3b147a1cc5e30f8595b0206b4c1368c2598', class: "description" }, this.description))), index.h("button", { key: '9199db49bf8d563426eae6342dd99f062db43cb3', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, index.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" }, index.h("line", { key: '390cb58060de58f0fcd75045597f4d835ce15cbc', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: '2259ed783b26c3c0070ec365713ba61e3e9efbe1', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+UiToast.style = uiToastCss();
+
+exports.ui_toast = UiToast;

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

@@ -0,0 +1,29 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.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 (index.h(index.Host, { key: '51de8367f0037a6b7ea809bb643d0a20e41553bf' }, index.h("div", { key: '34a6d8310ce460ee5cec6e87ab20266a9a522177', class: "container" }, this.items.map((item) => (index.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();
+
+exports.ui_toaster = UiToaster;