@andespindola/ui-core 0.1.1 → 0.3.0

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

@@ -1,5 +1,5 @@
 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';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-DDtwbwIl.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)}`;
 
@@ -78,7 +78,7 @@ const UiPopover = class {
         this.cleanup = undefined;
     }
     render() {
-        return (h(Host, { key: '583667abe2df75e7c9e058b7a668661527ec0b8a' }, h("span", { key: '46eaca2ca8c70acff629ccc5c3c201b42136c30d', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: 'd81cf859a9887d3b6964ac8e67829cf1a84c58b2', name: "trigger" })), h("div", { key: 'da09ed4fa3eee00ef72fb4c0eba6f0a1b827df15', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, h("slot", { key: 'f2483196e778a14fbe1d537dd7a3c8a6453c0daf' }))));
+        return (h(Host, { key: '005686226a579c5a9968f9b99bc177bfc523f4bc' }, h("span", { key: '3c43cbdfd37c6ec5243c94069fb3e417fb4fde8b', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: 'bcc68719623c4035cb4b811d52d916c86b814657', name: "trigger" })), h("div", { key: '04865b639bcb5ba267d1ed3e0399f8b677c1befa', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, h("slot", { key: '2a518fa968650f9e844996b21d421f5e96834fbd' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -0,0 +1,42 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiProgressCircularCss = () => `:host{display:inline-flex;position:relative;align-items:center;justify-content:center}.ring{display:block}.ring.indeterminate{animation:ui-progress-circular-spin 1s linear infinite;transform-origin:center}.track{fill:none;stroke:var(--ui-chip)}.indicator{fill:none;stroke:var(--ui-accent);transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--ui-duration) var(--ui-ease)}.value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-sans);font-size:0.8rem;font-weight:600;color:var(--ui-foreground)}@keyframes ui-progress-circular-spin{to{transform:rotate(360deg)}}`;
+
+const UiProgressCircular = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Valor atual do progresso. `null` torna o componente indeterminado. */
+        this.value = null;
+        /** Valor máximo. */
+        this.max = 100;
+        /** Tamanho do anel (qualquer unidade CSS). */
+        this.size = "3rem";
+        /** Espessura do traço. */
+        this.strokeWidth = 4;
+        /** Força o estado indeterminado. */
+        this.indeterminate = false;
+        /** Exibe o percentual no centro quando determinado. */
+        this.showValue = 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;
+    }
+    render() {
+        const determinate = !this.isIndeterminate;
+        const radius = 50 - this.strokeWidth;
+        const circumference = 2 * Math.PI * radius;
+        const dashoffset = determinate
+            ? circumference * (1 - this.percent)
+            : circumference * 0.75;
+        return (h(Host, { key: '4201e2e660c07a1b3d5ad6e2a464b3dc4075308a', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined, style: { width: this.size, height: this.size } }, h("svg", { key: 'fe9226a711cbdd751baf6fd06e8acef3af63349e', class: { ring: true, indeterminate: this.isIndeterminate }, width: this.size, height: this.size, viewBox: "0 0 100 100" }, h("circle", { key: 'c7dc8282a2295ac97009f575bb7f116d54b0f917', class: "track", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth) }), h("circle", { key: '04f88283dde12b1e6c2206f7421fb4fa72c6d569', class: "indicator", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth), "stroke-linecap": "round", "stroke-dasharray": String(circumference), "stroke-dashoffset": String(dashoffset) })), this.showValue && determinate ? (h("div", { class: "value" }, Math.round(this.percent * 100), "%")) : null));
+    }
+};
+UiProgressCircular.style = uiProgressCircularCss();
+
+export { UiProgressCircular as ui_progress_circular };

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

@@ -23,7 +23,7 @@ const UiProgress = class {
     }
     render() {
         const determinate = !this.isIndeterminate;
-        return (h(Host, { key: '66c467df7d762604b0da866268ea75bce4499472', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, h("div", { key: 'fab67d49344ddd90fbca231212a495c7d2d7a0b1', class: "track" }, h("div", { key: 'dfbd8b412ad24a297e3dacfabd646b812066421e', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
+        return (h(Host, { key: '0d53e528a9a2176e683310c375ff63a3785b7bc6', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, h("div", { key: '5e7511d189ebc53dfffa6f9aabf0c6d110d2ba0f', class: "track" }, h("div", { key: '7d68e2e258c8d31a46815a66416853ea31af1b79', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
     }
 };
 UiProgress.style = uiProgressCss();

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

@@ -36,7 +36,7 @@ const UiRadioGroup = class {
         };
     }
     render() {
-        return (h(Host, { key: '80b7e45cfc95e7e82015db2fa893b374ba73cf07' }, h("div", { key: '1133cd7ad3f9eb9ebaa0ac6c8a2ca3e2a52c46a9', class: "group", role: "radiogroup" }, this.options.map((option, index) => {
+        return (h(Host, { key: 'f7265dce62bf0d590da4b9d8f8756f11991680fb' }, h("div", { key: 'ba70adcb04fae5ba2f78089ac95f8dfed4014efd', 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)));
         }))));

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

@@ -0,0 +1,43 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiRatingCss = () => `:host{display:inline-flex}.rating{display:inline-flex;align-items:center;gap:0.125rem}.star{width:1.5rem;height:1.5rem;padding:0;border:none;background:none;cursor:pointer;color:var(--ui-border-strong);transition:color var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.star svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5}.star.filled{color:var(--ui-warning)}.star.filled svg{fill:currentColor;stroke:currentColor}.star:not(.readonly):hover{transform:scale(1.15)}.star:focus-visible{outline:none;border-radius:var(--ui-radius);box-shadow:0 0 0 2px var(--ui-ring)}.star.readonly{pointer-events:none;cursor:default}`;
+
+const UiRating = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiChange = createEvent(this, "uiChange");
+        /** Valor selecionado. */
+        this.value = 0;
+        /** Quantidade de estrelas. */
+        this.max = 5;
+        /** Apenas leitura, sem interação. */
+        this.readonly = false;
+        /** Estrela atualmente sob o cursor (-1 quando sem hover). */
+        this.hoverValue = -1;
+        this.onLeave = () => {
+            this.hoverValue = -1;
+        };
+    }
+    select(index) {
+        if (this.readonly)
+            return;
+        this.value = index;
+        this.uiChange.emit(this.value);
+    }
+    onEnter(index) {
+        if (this.readonly)
+            return;
+        this.hoverValue = index;
+    }
+    render() {
+        const active = this.hoverValue > 0 ? this.hoverValue : this.value;
+        const stars = Array.from({ length: this.max }, (_, i) => i + 1);
+        return (h(Host, { key: 'b334c2aea5f4b15907ef5d386f344403b97f0324' }, h("div", { key: '635e2ec90f98eb3f90c4f365d32fc82b5763cf42', class: "rating", role: "radiogroup", "aria-label": "Avalia\u00E7\u00E3o", onMouseLeave: this.onLeave }, stars.map((index) => {
+            const filled = index <= active;
+            return (h("button", { class: { star: true, filled, readonly: this.readonly }, type: "button", role: "radio", "aria-checked": index === this.value ? "true" : "false", "aria-label": `${index} estrelas`, onClick: () => this.select(index), onMouseEnter: () => this.onEnter(index) }, h("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%" }, h("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }))));
+        }))));
+    }
+};
+UiRating.style = uiRatingCss();
+
+export { UiRating as ui_rating };

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

@@ -30,7 +30,7 @@ const UiReveal = class {
         this.observer?.disconnect();
     }
     render() {
-        return (h(Host, { key: '0af93c131bf8564bf952ca61637041089b5c34b7' }, h("div", { key: '94a0fc0cf5445b9832994c19eb5600f6227ccc97', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, h("slot", { key: '2a47e0af589790cbe5cfbc10ef49ffde1aced931' }))));
+        return (h(Host, { key: '5bb285428644e0c3e130178e5c34811ff5c52d5a' }, h("div", { key: '1884cbc6f94fdee392ed94ab8fbc4a449747138a', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, h("slot", { key: '270ee6624c2ba58edc786d80fb3d777ff3cebb41' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -27,7 +27,7 @@ const UiScrollProgress = class {
         window.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: '36bb4460d8219c028ff63216ef562f0d157fd04d' }, h("div", { key: '345b9675be89ede7875c56ad3f86ae2eecdf4f16', class: "bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(this.progress * 100), style: { transform: `scaleX(${this.progress})` } })));
+        return (h(Host, { key: 'fee75a94ba6949fffe43501b672492795632f687' }, h("div", { key: 'fc881ac42582dc50df17861b918d96331216b86f', 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();

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

@@ -13,7 +13,7 @@ const UiSection = class {
         this.description = "";
     }
     render() {
-        return (h(Host, { key: '17a6e52fb6d1822d7a8a08eef052d972cc322c0a' }, h("section", { key: '228e9c1e4ca2515f585cafa2684932bfac70a25b' }, this.eyebrow && h("p", { key: '93c307b49c39fe2c0b2363d75c9763b3c09446a5', class: "eyebrow" }, this.eyebrow), this.heading && h("h2", { key: '889c652e358f1788c5785f1154f5a45508fa2a61', class: "heading" }, this.heading), this.description && h("p", { key: '09cb09edfbc0dce2b7fd5e9938cafc63e2ddbd9a', class: "description" }, this.description), h("slot", { key: '4f480d0c56263f1e38909e8af8d7cd8d8c2375fe' }))));
+        return (h(Host, { key: '541fff68d5138d9c8767a22f4fc031d77d532010' }, h("section", { key: 'a05b3596b2dae7e78216b087af28f0be57d79468' }, this.eyebrow && h("p", { key: 'd429995b90a7877792fb4c2def70a2dd9fd1865d', class: "eyebrow" }, this.eyebrow), this.heading && h("h2", { key: '41849c37d94c9d91cfedaa0bceec0a453089326d', class: "heading" }, this.heading), this.description && h("p", { key: '5b244c629c70ed213426d141bec5c67da670d566', class: "description" }, this.description), h("slot", { key: '7ad5eafe43915eb69f31532417f1ea28f232b5c8' }))));
     }
 };
 UiSection.style = uiSectionCss();

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

@@ -0,0 +1,29 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiSegmentedCss = () => `:host{display:inline-block}.track{display:inline-flex;align-items:center;gap:0.125rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);font-family:var(--ui-font-sans)}.segment{display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 0.875rem;border:none;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font-family:var(--ui-font-sans);font-size:0.8125rem;font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.segment:hover{color:var(--ui-foreground)}.segment:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.segment.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}`;
+
+const UiSegmented = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiChange = createEvent(this, "uiChange");
+        /** Lista de segmentos. */
+        this.items = [];
+        /** Valor do segmento ativo. */
+        this.value = "";
+        this.select = (value) => {
+            if (value === this.value)
+                return;
+            this.value = value;
+            this.uiChange.emit(value);
+        };
+    }
+    render() {
+        return (h(Host, { key: 'ff4e74a388b0c7db02c4065e32c93b66d1338fb8' }, h("div", { key: '163708540ba5221f2b7a90dc7778c2d83072b6e4', class: "track", role: "radiogroup" }, this.items.map((item) => {
+            const active = item.value === this.value;
+            return (h("button", { key: item.value, class: { segment: true, active }, type: "button", role: "radio", "aria-checked": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
+        }))));
+    }
+};
+UiSegmented.style = uiSegmentedCss();
+
+export { UiSegmented as ui_segmented };

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

@@ -18,7 +18,7 @@ const UiSelect = class {
     }
     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" })))));
+        return (h(Host, { key: 'a1abda48256851c19e13b1516c9789ff270fd55f' }, h("div", { key: '9556917c11784833418565b305b814e176b4ce22', class: "wrapper" }, h("select", { key: '6f724cd6c5c83d841839c1a13b8e1f74720edd57', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (h("option", { key: '2b70163c4f64850d05f8194b310041bc32d18930', 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: '748cda678998b6739fc56aaa7df36964a37a0f12', 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: '957613dc5eeb6471f4dfc1cc4e8203c90d291cdb', points: "6 9 12 15 18 9" })))));
     }
 };
 UiSelect.style = uiSelectCss();

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

@@ -9,7 +9,7 @@ const UiSeparator = class {
         this.orientation = "horizontal";
     }
     render() {
-        return (h(Host, { key: '212e4b763ad309ef74ba2e21592a0d4091fb0fcf', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
+        return (h(Host, { key: '64211b51121d5c090a1f7e3feb88e7c076dc5b7b', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
     }
 };
 UiSeparator.style = uiSeparatorCss();

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

@@ -7,7 +7,7 @@ const UiSkeleton = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a7ce8aa1c475aaa92353b0eb6bad5ded231a5cd1' }, h("span", { key: '0611976380d3fb93d1ac64bfdc5d4686568c5129', class: "skeleton" })));
+        return (h(Host, { key: 'b8c2b1288e037ec55d582d07a6f9d83ad63789b4' }, h("span", { key: '3a939a4d6ab7ce5791bd3ffb7210743ad68e0db8', class: "skeleton" })));
     }
 };
 UiSkeleton.style = uiSkeletonCss();

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

@@ -27,7 +27,7 @@ const UiSlider = class {
         };
     }
     render() {
-        return (h(Host, { key: '08226142947909bff3ccecd5fc780d75515c2ee2' }, h("input", { key: '192bd60cd8b0c1e8d6029272fd317c0d786b36ca', 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 })));
+        return (h(Host, { key: 'eeb569c6927ebcda5c1702c8bdbade3e15ede9c2' }, h("input", { key: '1fd45574a52ed9d857941c870650995f092283f8', 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();

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

@@ -9,7 +9,7 @@ const UiSpinner = class {
         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")));
+        return (h(Host, { key: '3ce50c4de9703a057c0971fbaa71f6535a30c196', role: "status" }, h("span", { key: '83aba34de038600be6535662d7243489d4db79f1', class: { spinner: true, [`size-${this.size}`]: true } }), h("span", { key: 'ff7523e8ab8e073dea03314b72c93aaf566fa32e', class: "sr-only" }, "Carregando")));
     }
 };
 UiSpinner.style = uiSpinnerCss();

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

@@ -0,0 +1,51 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiStackCss = () => `:host{display:block}.stack{display:flex;font-family:var(--ui-font-sans)}`;
+
+const GAP = {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem",
+};
+const ALIGN = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch",
+};
+const JUSTIFY = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    between: "space-between",
+};
+const UiStack = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Direção do empilhamento. */
+        this.direction = "vertical";
+        /** Espaçamento entre itens. */
+        this.gap = "md";
+        /** Alinhamento no eixo cruzado. */
+        this.align = "stretch";
+        /** Distribuição no eixo principal. */
+        this.justify = "start";
+        /** Permite quebra de linha dos itens. */
+        this.wrap = false;
+    }
+    render() {
+        const style = {
+            flexDirection: this.direction === "horizontal" ? "row" : "column",
+            gap: GAP[this.gap],
+            alignItems: ALIGN[this.align],
+            justifyContent: JUSTIFY[this.justify],
+            flexWrap: this.wrap ? "wrap" : "nowrap",
+        };
+        return (h(Host, { key: 'f10c42228c323efa8c5ded4e8ca552e38d1ef923' }, h("div", { key: 'c296191b05e5ad4e9fdec382808b24b6e798867d', class: "stack", style: style }, h("slot", { key: '8cc418111a0833cf404e0578e81c23f9aaa69fda' }))));
+    }
+};
+UiStack.style = uiStackCss();
+
+export { UiStack as ui_stack };

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

@@ -0,0 +1,26 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiStatCss = () => `:host{display:block}.card{display:flex;flex-direction:column;gap:0.5rem;padding:1.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-panel);backdrop-filter:blur(22px);font-family:var(--ui-font-sans)}.label{margin:0;text-transform:uppercase;letter-spacing:0.08em;font-size:0.7rem;font-weight:500;color:var(--ui-text-faint)}.value-row{display:flex;align-items:baseline;gap:0.625rem}.value{font-size:1.875rem;font-weight:600;line-height:1.1;color:var(--ui-foreground)}.delta{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;border-radius:var(--ui-radius-full);font-size:0.75rem;font-weight:600}.delta svg{display:block}.trend-up{color:var(--ui-success);background:color-mix(in srgb, var(--ui-success) 14%, transparent)}.trend-down{color:var(--ui-danger);background:color-mix(in srgb, var(--ui-danger) 14%, transparent)}.trend-neutral{color:var(--ui-text-muted);background:var(--ui-chip)}.extra{font-size:0.8125rem;color:var(--ui-text-muted)}`;
+
+const UiStat = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Direção da tendência. */
+        this.trend = "neutral";
+    }
+    renderArrow() {
+        if (this.trend === "down") {
+            return (h("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true" }, h("path", { d: "M6 11 1 4h10z" })));
+        }
+        if (this.trend === "up") {
+            return (h("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true" }, h("path", { d: "M6 1 11 8H1z" })));
+        }
+        return null;
+    }
+    render() {
+        return (h(Host, { key: 'd4d0f5f87e9049b60b849afa096438bb5defa710' }, h("div", { key: '9dbd07ca51110a52ea852894401b0908b4cf7d30', class: "card" }, h("p", { key: '41e30e19f7ca5d26df13381e34a6c6a87ca530ce', class: "label" }, this.label), h("div", { key: '40c72d2e2bda9fb9017a52eec04737c673910ea3', class: "value-row" }, h("span", { key: 'b217030e5603cd2c0e0a99913461e83047a73378', class: "value" }, this.value), this.delta && (h("span", { key: 'df0a67ef011043f334512a43c1a6fb1ac9bb6978', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), h("div", { key: '3e4fb6a69cf7b22d2a1f60f28f5f5747f900165a', class: "extra" }, h("slot", { key: '97237fcf1fc5c46a30426728c0f240cab4808541' })))));
+    }
+};
+UiStat.style = uiStatCss();
+
+export { UiStat as ui_stat };

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

@@ -24,7 +24,7 @@ const UiSwitch = class {
         };
     }
     render() {
-        return (h(Host, { key: '0650dcb564622448421a576b17093cfeeb7a3a6d' }, h("button", { key: '09e705ce9642f4c11b84bc876577b9e55dab1e52', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: 'd237bee4724d5f9a199f4794217d1528c074caac', class: "thumb" }))));
+        return (h(Host, { key: '428fb05e4d51811bca60b1e3513c38002bcdd6f7' }, h("button", { key: '39192341845fd5877a6a73f3c7ef8257a526601e', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: '51fa9f37d6e7083e8aaf4de69e234dbb56bc4c8b', class: "thumb" }))));
     }
 };
 UiSwitch.style = uiSwitchCss();

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

@@ -0,0 +1,23 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiTableCss = () => `:host{display:block}.wrapper{overflow:hidden;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-lg);font-family:var(--ui-font-sans)}.table{width:100%;border-collapse:collapse}.table thead th{padding:0.75rem 1rem;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--ui-text-faint);background:var(--ui-chip)}.table tbody td{padding:0.75rem 1rem;font-size:0.875rem;color:var(--ui-text-soft)}.table tbody tr{border-top:1px solid var(--ui-border)}.table.striped tbody tr:nth-child(even){background:color-mix(in srgb, var(--ui-chip) 50%, transparent)}.table.hoverable tbody tr:hover{background:var(--ui-chip)}`;
+
+const UiTable = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Definição das colunas. */
+        this.columns = [];
+        /** Linhas de dados. */
+        this.rows = [];
+        /** Aplica fundo alternado nas linhas pares. */
+        this.striped = false;
+        /** Destaca a linha sob o cursor. */
+        this.hoverable = true;
+    }
+    render() {
+        return (h(Host, { key: 'e62b59e8da83f4b9f0c3d622623bbe216d3cfb8f' }, h("div", { key: 'e46a0eeeedaa9efa10867a9e38a03514a6d23d0b', class: "wrapper" }, h("table", { key: 'fe0a34ee49101b57d74e0e2ad765861bf5e3509e', class: { table: true, striped: this.striped, hoverable: this.hoverable } }, h("thead", { key: '0ea948edf967524a5fc55df8bdc453a3fd6a58a4' }, h("tr", { key: '69d9be2deeb57d4811ebdb8714d0713d675c8c1e' }, this.columns.map((column) => (h("th", { key: column.key, style: { textAlign: column.align ?? "left" } }, column.label))))), h("tbody", { key: '4b0fa5fbc25f6f0952da9a85bd03289f24ffdf9a' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map((column) => (h("td", { key: column.key, style: { textAlign: column.align ?? "left" } }, String(row[column.key] ?? ""))))))))))));
+    }
+};
+UiTable.style = uiTableCss();
+
+export { UiTable as ui_table };

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

@@ -18,10 +18,10 @@ const UiTabs = class {
         };
     }
     render() {
-        return (h(Host, { key: '8828dc9385a8c206a751e39fda9869116dda3001' }, h("div", { key: '8e13dc53f1c03da5a52adb8ec86da91c78c502b2', class: "tablist", role: "tablist" }, this.items.map((item) => {
+        return (h(Host, { key: '498d6b8302e63ed96533c7d68f4ac00c06b513cb' }, h("div", { key: '20699e632c2596a7157dd69e0f77b7db75b8b40e', 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("div", { key: '1e46e18417426af6053490cde8e7637e4bae7855', class: "panel", role: "tabpanel" }, h("slot", { key: 'efb63794fca013a54a1b2f261c4a72cd18ce3ef0', name: this.value }))));
+        })), h("div", { key: 'd4d5577f928378d8e400779954831fd5f6416c04', class: "panel", role: "tabpanel" }, h("slot", { key: '77e86a40c41666945704a560222edd22cd92443f', name: this.value }))));
     }
 };
 UiTabs.style = uiTabsCss();

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

@@ -25,7 +25,7 @@ const UiTextarea = class {
         };
     }
     render() {
-        return (h(Host, { key: 'f0bafb6320cd48642dac3b5f1e07399f88a78b03' }, h("textarea", { key: 'fc99c0b899dd17477928b9f38273fd822d46935b', 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)));
+        return (h(Host, { key: '4134da9c40b56d7a690aacf84f285d32c76e0e97' }, h("textarea", { key: 'ed094856a7982bb44cc2a6b756daf5ee12f57c01', 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();

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

@@ -55,7 +55,7 @@ const UiThemeToggle = class {
         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: '6b55c31df3938ab37336e4e4c4ed90e9b149a440' }, h("button", { key: '7640122c47871bc67aad6f74b59229219fdb348b', 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())));
+        return (h(Host, { key: 'a654dba08923ee4ede01577964a9c1ae00152eeb' }, h("button", { key: '84477ec9d4693aa93457fb6564ceae1ab2c3516b', 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();

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

@@ -52,7 +52,7 @@ const UiToast = class {
         this.dismiss();
     }
     render() {
-        return (h(Host, { key: 'fe0318f91899e78faeb2ac07a7a06bfe42f9d3fd' }, this.open && (h("div", { key: '66dc197d7a493ad7a7cb9aa982fc92bc0541d21f', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: 'df1fbb34582de4d10a84402653e7d7d528d8faa0', class: "body" }, this.heading && h("p", { key: '7c14d43a9397320bda3a79b60637da9d48c31945', class: "heading" }, this.heading), this.description && (h("p", { key: '6c83f1b075b3df34c1ce05e8c43627903ddbba4e', class: "description" }, this.description))), h("button", { key: '922acc1bc264b59ce708014decb078182d7909b4', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: '10541297b8fc83a5da11b640933f6c3695602cb0', 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: '964b3dc70120841eb01fffeef9e7ddcbd30880ec', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'e45490846076269a527a0f722e32e61206cc2d9d', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
+        return (h(Host, { key: '21a97579800abf5e870eec28557e06165b96d404' }, this.open && (h("div", { key: 'e77a782182779213db337796c83eff1d0cf5d5c2', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: '0d6c35786aa00e5f6678e33944df564f1ad8edec', class: "body" }, this.heading && h("p", { key: '1b91fe3a120c8caf7ba614d1d658121d77b52be5', class: "heading" }, this.heading), this.description && (h("p", { key: 'dff799cd6f2c4fd62fa716538a9de375ee1f49af', class: "description" }, this.description))), h("button", { key: 'c30f977f65a960b4062965ac77b2e3ac9d09dc8a', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: 'ae2d9a2fab756ce67c5a7379bb3a4f93fec4222f', 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: '29972be7ff1556a629365956f39c7c0bfe85d512', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '59087f986b5dd641be586d04b4aa70f1a09dcfe3', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -19,7 +19,7 @@ const UiToaster = class {
         this.items = this.items.filter((item) => item.id !== id);
     }
     render() {
-        return (h(Host, { key: '18ad65a18488bd061c2fa8eb2ad33c41a472d850' }, h("div", { key: 'de7ae9b62cd155d13c5a8d018ea2970d509e74e6', 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) }))))));
+        return (h(Host, { key: '608a15f7a5805eb336aeb5eed46fc7ca9f7ef32e' }, h("div", { key: 'ebf5b3f7cdafa526fe0845d3025bf10579beb848', 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();

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

@@ -1,5 +1,5 @@
 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';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-DDtwbwIl.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.4rem 0.7rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;line-height:1.4;color:var(--ui-foreground);background:color-mix(in srgb, var(--ui-background) 90%, var(--ui-foreground) 8%);border:1px solid var(--ui-border-strong);box-shadow:var(--ui-shadow-lg);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)}`;
 
@@ -53,7 +53,7 @@ const UiTooltip = class {
         this.cleanup = undefined;
     }
     render() {
-        return (h(Host, { key: '5a3f2a7cf235a6c31c8a4d3ebd4f0d517c7e7b5d', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: 'f626c5ec5686959449c5a2dd1c80551fd6b19087', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '08a19214efd0eba04d715b76a63a2cc53ed3a5c6' })), h("div", { key: 'b598af62ab976599a5274cc85f01b4ab7543dabf', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
+        return (h(Host, { key: '401cfeba060afec776fd2455ab597f5591733566', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: '6ee621aefa5092194d3e1c3dabf5a33501421c6c', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '771078940a2c4e17ecf30dc39f6e0f0c90691b5e' })), h("div", { key: '263d4868a251cab4f302a8fe1d890a419f4158d1', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/uikit.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 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);
+  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-alert",[[257,"ui-alert",{"variant":[1],"heading":[1],"dismissible":[4],"open":[32]}]]],["ui-avatar",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1],"status":[1]}]]],["ui-avatar-group",[[257,"ui-avatar-group"]]],["ui-badge",[[257,"ui-badge",{"variant":[1],"dot":[4],"removable":[4]}]]],["ui-breadcrumb",[[257,"ui-breadcrumb"]]],["ui-breadcrumb-item",[[257,"ui-breadcrumb-item",{"href":[1],"current":[4]}]]],["ui-button",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1],"full":[516]}]]],["ui-card",[[257,"ui-card"]]],["ui-checkbox",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-combobox",[[1,"ui-combobox",{"options":[16],"value":[1025],"placeholder":[1],"query":[32],"open":[32],"activeIndex":[32]}]]],["ui-container",[[257,"ui-container",{"size":[1],"padded":[4]}]]],["ui-date-picker",[[1,"ui-date-picker",{"value":[1025],"placeholder":[1],"open":[32],"viewYear":[32],"viewMonth":[32]},null,{"value":[{"onValueChange":0}]}]]],["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-file-upload",[[1,"ui-file-upload",{"accept":[1],"multiple":[4],"label":[1],"files":[32],"dragging":[32]}]]],["ui-grid",[[257,"ui-grid",{"columns":[2],"gap":[1],"minItemWidth":[1,"min-item-width"]}]]],["ui-input",[[257,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1],"clearable":[4]}]]],["ui-label",[[257,"ui-label"]]],["ui-navbar",[[257,"ui-navbar"]]],["ui-pagination",[[1,"ui-pagination",{"total":[2],"current":[1538],"siblings":[2]}]]],["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-progress-circular",[[1,"ui-progress-circular",{"value":[2],"max":[2],"size":[1],"strokeWidth":[2,"stroke-width"],"indeterminate":[4],"showValue":[4,"show-value"]}]]],["ui-radio-group",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-rating",[[1,"ui-rating",{"value":[1026],"max":[2],"readonly":[4],"hoverValue":[32]}]]],["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-segmented",[[1,"ui-segmented",{"items":[16],"value":[1537]}]]],["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-stack",[[257,"ui-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["ui-stat",[[257,"ui-stat",{"label":[1],"value":[1],"delta":[1],"trend":[1]}]]],["ui-switch",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-table",[[1,"ui-table",{"columns":[16],"rows":[16],"striped":[4],"hoverable":[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/types/components/ui-alert/ui-alert.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type UiAlertVariant = "info" | "success" | "warning" | "danger";
+export declare class UiAlert {
+    /** Variante visual. */
+    variant: UiAlertVariant;
+    /** Título do alerta. */
+    heading?: string;
+    /** Exibe o botão de fechar. */
+    dismissible: boolean;
+    /** Controla a visibilidade interna do alerta. */
+    open: boolean;
+    /** Emitido quando o alerta é fechado. */
+    uiClose: EventEmitter<void>;
+    private dismiss;
+    private renderIcon;
+    render(): any;
+}

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

@@ -5,5 +5,7 @@ export declare class UiAvatar {
     alt: string;
     /** Texto exibido quando não há imagem (ex.: iniciais). */
     fallback?: string;
+    /** Indicador de status. */
+    status?: "online" | "offline" | "busy" | "away";
     render(): any;
 }

package/dist/types/components/ui-avatar-group/ui-avatar-group.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Agrupa avatares sobrepostos. Use com elementos `<ui-avatar>` no slot default.
+ */
+export declare class UiAvatarGroup {
+    render(): any;
+}

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

@@ -1,6 +1,13 @@
+import { EventEmitter } from "../../stencil-public-runtime";
 export type UiBadgeVariant = "default" | "solid" | "outline" | "success" | "warning" | "danger" | "info";
 export declare class UiBadge {
     /** Variante visual. */
     variant: UiBadgeVariant;
+    /** Exibe um ponto colorido à esquerda. */
+    dot: boolean;
+    /** Exibe um botão para remover o badge. */
+    removable: boolean;
+    /** Emitido ao clicar no botão de remover. */
+    uiRemove: EventEmitter<void>;
     render(): any;
 }

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

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

package/dist/types/components/ui-breadcrumb-item/ui-breadcrumb-item.d.ts

@@ -0,0 +1,8 @@
+export declare class UiBreadcrumbItem {
+    /** Destino do link. */
+    href?: string;
+    /** Indica o item atual (página corrente). */
+    current: boolean;
+    private renderSeparator;
+    render(): any;
+}

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

@@ -11,5 +11,7 @@ export declare class UiButton {
     loading: boolean;
     /** Tipo do botão nativo. */
     type: "button" | "submit" | "reset";
+    /** Ocupa 100% da largura disponível. */
+    full: boolean;
     render(): any;
 }

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

@@ -0,0 +1,38 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export interface UiComboboxOption {
+    label: string;
+    value: string;
+}
+export declare class UiCombobox {
+    host: HTMLElement;
+    /** Opções disponíveis para autocomplete. */
+    options: UiComboboxOption[];
+    /** Valor selecionado. */
+    value: string;
+    /** Placeholder do campo. */
+    placeholder: string;
+    /** Texto digitado no campo. */
+    query: string;
+    /** Indica se a lista flutuante está aberta. */
+    open: boolean;
+    /** Índice da opção destacada. */
+    activeIndex: number;
+    /** Emitido ao selecionar uma opção. */
+    uiChange: EventEmitter<string>;
+    private inputEl?;
+    private listEl?;
+    private cleanup?;
+    private listId;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private get filtered();
+    private setOpen;
+    private start;
+    private stop;
+    private select;
+    private onInput;
+    private onFocus;
+    private onKeydown;
+    private onDocumentClick;
+    render(): any;
+}

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

@@ -0,0 +1,8 @@
+export type UiContainerSize = "sm" | "md" | "lg" | "xl" | "full";
+export declare class UiContainer {
+    /** Largura máxima do container. */
+    size: UiContainerSize;
+    /** Aplica padding lateral responsivo. */
+    padded: boolean;
+    render(): any;
+}