@andespindola/ui-core 0.1.0 → 0.2.0

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

@@ -29,7 +29,7 @@ const UiScrollProgress = class {
         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})` } })));
+        return (index.h(index.Host, { key: 'cb2d746b6e0ca3642a0460cff5685f2eb83a6301' }, index.h("div", { key: '7fdb8b414f833110c389aef8620c313fb8c001c7', 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/cjs/ui-section.cjs.entry.js

@@ -2,7 +2,7 @@
 
 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 uiSectionCss = () => `:host{display:block;font-family:var(--ui-font-sans)}section{max-width:80rem;margin:0 auto;padding:3.5rem 1.5rem}.eyebrow{display:inline-block;margin:0 0 0.75rem;padding:0.25rem 0.625rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);text-transform:uppercase;letter-spacing:0.12em;font-size:0.6875rem;font-weight:600;color:var(--ui-accent)}.heading{margin:0 0 0.75rem;font-size:2.25rem;font-weight:600;letter-spacing:-0.02em;line-height:1.1;color:var(--ui-foreground)}.description{margin:0 0 2rem;max-width:42rem;color:var(--ui-text-muted)}`;
 
 const UiSection = class {
     constructor(hostRef) {
@@ -15,7 +15,7 @@ const UiSection = class {
         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' }))));
+        return (index.h(index.Host, { key: '71344e4d5a4c6bccade1bf5151aeba1dffa14d7f' }, index.h("section", { key: '404cb27c6db128f60608b4eff44fa6e05520016b' }, this.eyebrow && index.h("p", { key: '204ced95531d3bf77c2a32f940c3ec4bc0e76f53', class: "eyebrow" }, this.eyebrow), this.heading && index.h("h2", { key: '46818123dd264ef60db8ff9c7a2ad93979d71434', class: "heading" }, this.heading), this.description && index.h("p", { key: 'eaba39853cd12a874c9079e2181aca9e0fc130b7', class: "description" }, this.description), index.h("slot", { key: '24d02b1d9176e42d7906ef43881807d7cfda2e52' }))));
     }
 };
 UiSection.style = uiSectionCss();

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.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 (index.h(index.Host, { key: '92649a392383aebb62bab90e3f20a008783f2ed2' }, index.h("div", { key: '22983cd496ee1f9ed1dbf49d989c409cdca3c8b4', class: "track", role: "radiogroup" }, this.items.map((item) => {
+            const active = item.value === this.value;
+            return (index.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();
+
+exports.ui_segmented = UiSegmented;

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

@@ -2,7 +2,7 @@
 
 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 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:hover:not(:disabled){border-color:var(--ui-border-strong)}.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) {
@@ -20,7 +20,7 @@ const UiSelect = class {
     }
     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" })))));
+        return (index.h(index.Host, { key: '5f41047362d77643cc663925900c15c6cd10ec60' }, index.h("div", { key: '53ec77b2100bdd6de568ad549a42ad8fd080ac6a', class: "wrapper" }, index.h("select", { key: 'b0b4b1def7b7166bf24f996f9736a670a9b7b052', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (index.h("option", { key: 'e83b039418ac74bb3124c151dca9af43ff05dd61', 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: 'bb3165c856d11b352b2c7a64cc12ab4284541fb4', 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: 'ab5e3cb2419dc63fbcd3804740b781c856ae8240', points: "6 9 12 15 18 9" })))));
     }
 };
 UiSelect.style = uiSelectCss();

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

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

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

@@ -2,14 +2,14 @@
 
 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 uiSkeletonCss = () => `:host{display:block}.skeleton{display:block;width:100%;height:100%;min-height:1rem;border-radius:var(--ui-radius-sm);background-color:var(--ui-chip);background-image:linear-gradient(     90deg,     transparent,     color-mix(in srgb, var(--ui-foreground) 12%, transparent),     transparent   );background-size:200% 100%;background-repeat:no-repeat;animation:ui-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-150% 0}100%{background-position:150% 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" })));
+        return (index.h(index.Host, { key: '8f839817a493a8221e9d3b2e95fd7ae5ece2e70e' }, index.h("span", { key: '295dce8e9e6489def8b20a703f04c65ad3740ce8', class: "skeleton" })));
     }
 };
 UiSkeleton.style = uiSkeletonCss();

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

@@ -29,7 +29,7 @@ const UiSlider = class {
         };
     }
     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 })));
+        return (index.h(index.Host, { key: '22fe57f0e95edb2e169718c8b1fb5c2f3d78ddfe' }, index.h("input", { key: 'a9e16ef8f97f412c22911f72c4b7212f6d04a293', 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/cjs/ui-spinner.cjs.entry.js

@@ -11,7 +11,7 @@ const UiSpinner = class {
         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")));
+        return (index.h(index.Host, { key: '0414d6e3be8588ad4c71c5e4cf227075ac7494ab', role: "status" }, index.h("span", { key: '61e5d0a16b5fd566767ef098477c3144a9c1c987', class: { spinner: true, [`size-${this.size}`]: true } }), index.h("span", { key: 'ea33b6e6603ba23e7a117ef978329c83818a044b', class: "sr-only" }, "Carregando")));
     }
 };
 UiSpinner.style = uiSpinnerCss();

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.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 (index.h(index.Host, { key: 'ba9547e72877aa05a5e93afbe098d7402b315df3' }, index.h("div", { key: 'e0fd73777e2211925435f2fd8bfcb74ad2eb8085', class: "stack", style: style }, index.h("slot", { key: '3a5aa50721c641f0cc81328a21262ff5d375e55c' }))));
+    }
+};
+UiStack.style = uiStackCss();
+
+exports.ui_stack = UiStack;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.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) {
+        index.registerInstance(this, hostRef);
+        /** Direção da tendência. */
+        this.trend = "neutral";
+    }
+    renderArrow() {
+        if (this.trend === "down") {
+            return (index.h("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { d: "M6 11 1 4h10z" })));
+        }
+        if (this.trend === "up") {
+            return (index.h("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { d: "M6 1 11 8H1z" })));
+        }
+        return null;
+    }
+    render() {
+        return (index.h(index.Host, { key: '7afc03397921ff23d08da136999896a40d8a31be' }, index.h("div", { key: '35a7d594e9ebb426f10ff256ba4805ee88a0100c', class: "card" }, index.h("p", { key: '92a82cf415c22f884ed782d410e25559ff391017', class: "label" }, this.label), index.h("div", { key: '1c8d08800ca0a6f38e574930c5187ec979666a62', class: "value-row" }, index.h("span", { key: '0bb5e825e9d51a045638f48616c24bdc7a4a0ee0', class: "value" }, this.value), this.delta && (index.h("span", { key: '01aa434582c8eee2c1fd6b69c16de0262fb89daf', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), index.h("div", { key: '4446e15c156412cc8b6c72f823a49396f31e8e74', class: "extra" }, index.h("slot", { key: 'ca4e0cc60f588840d3fd88e3efaecabb84cd633d' })))));
+    }
+};
+UiStat.style = uiStatCss();
+
+exports.ui_stat = UiStat;

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

@@ -26,7 +26,7 @@ const UiSwitch = class {
         };
     }
     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" }))));
+        return (index.h(index.Host, { key: '018ccd47d567e5c16ce40a600c15a9e2281301d2' }, index.h("button", { key: '7975d671d3c6d048b760b285a68e9ae832c93ebc', 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: '4ac740348a215ff97e0cae3bbbbd411163760792', class: "thumb" }))));
     }
 };
 UiSwitch.style = uiSwitchCss();

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

@@ -2,7 +2,7 @@
 
 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 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:hover:not(.active){color:var(--ui-foreground)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}.panel{margin-top:1.25rem;color:var(--ui-text-soft);font-size:0.9375rem;line-height:1.5}`;
 
 const UiTabs = class {
     constructor(hostRef) {
@@ -20,10 +20,10 @@ const UiTabs = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '8828dc9385a8c206a751e39fda9869116dda3001' }, index.h("div", { key: '8e13dc53f1c03da5a52adb8ec86da91c78c502b2', class: "tablist", role: "tablist" }, this.items.map((item) => {
+        return (index.h(index.Host, { key: 'fc0926743b6a547c13660f574fc56abefc6e6c2e' }, index.h("div", { key: 'a1582c6234e1faaa5cb6b563a51ecf2192a88d40', 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 })));
+        })), index.h("div", { key: '5d9b8d61e8005b7e6baa216ffd571f7b9403acd5', class: "panel", role: "tabpanel" }, index.h("slot", { key: '8ba0cf22e6e837f038c2ec7fad8d533287325119', name: this.value }))));
     }
 };
 UiTabs.style = uiTabsCss();

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

@@ -2,7 +2,7 @@
 
 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 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:hover:not(:disabled){border-color:var(--ui-border-strong)}.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) {
@@ -27,7 +27,7 @@ const UiTextarea = class {
         };
     }
     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)));
+        return (index.h(index.Host, { key: 'ba1b88ab3fa990a903e6d61f31fbbade7b58eb27' }, index.h("textarea", { key: 'f9ac9e1aff98e94b3562b812cef34fcc138cd350', 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/cjs/ui-theme-toggle.cjs.entry.js

@@ -57,7 +57,7 @@ const UiThemeToggle = class {
         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())));
+        return (index.h(index.Host, { key: 'da51d59a9d5b28dec214d4fe63f5cebf78d80a51' }, index.h("button", { key: '55436252c82f49628c4b0394905623bc5a78dc00', 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/cjs/ui-toast.cjs.entry.js

@@ -54,7 +54,7 @@ const UiToast = class {
         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" })))))));
+        return (index.h(index.Host, { key: '79bd3e7ed207efd5ff62f5296ab11a06993ce347' }, this.open && (index.h("div", { key: '15a138288380473dff3ff1880e3298e211377339', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, index.h("div", { key: '33adfee858ddfd37f144b34f8677f312b89c04f3', class: "body" }, this.heading && index.h("p", { key: 'a56d837636f27897f06a8d693f28763b4bc95db6', class: "heading" }, this.heading), this.description && (index.h("p", { key: '7c86fb20c84c42e3c5e3262cc91061e9a80804aa', class: "description" }, this.description))), index.h("button", { key: '4d8160818b76b65c29a27e4404c39a7525441a72', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, index.h("svg", { key: 'ce7ee6982cc1d742b4d4de8573ca11d18166c814', 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: 'c8440dbbb12ce67dd30a052aef92bc736a4532f9', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: '9ee2d2ec78efa7566e63feb337e346a5574ccf55', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -21,7 +21,7 @@ const UiToaster = class {
         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) }))))));
+        return (index.h(index.Host, { key: 'eb3198a053270b41c8b632b91135987f04735ac5' }, index.h("div", { key: 'd37bf3710646977e7db39690f221e76360c43aee', 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();

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

@@ -3,7 +3,7 @@
 var index = require('./index-Cb1tfi_9.js');
 var floatingUi_dom = require('./floating-ui.dom-BPemvNRD.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 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)}`;
 
 const UiTooltip = class {
     constructor(hostRef) {
@@ -55,7 +55,7 @@ const UiTooltip = class {
         this.cleanup = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '49f898bc54da31cf9f6b5189577bae89f6681bf8', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, index.h("span", { key: '394744f0b34ec0c534b417ba520f2b805b582802', class: "trigger", ref: (el) => (this.triggerEl = el) }, index.h("slot", { key: '7afd6d807490d8af4fffeb38e69de825f7d3c138' })), index.h("div", { key: '3d12cffd7fd903ec6178961bf40476b063ee1563', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
+        return (index.h(index.Host, { key: '5e20fbcdd1ae94f29596938ab465a863b46ed65b', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, index.h("span", { key: '5f4e8b75930fee583f37f1977473c60f6e681ee6', class: "trigger", ref: (el) => (this.triggerEl = el) }, index.h("slot", { key: 'eae9e842023fe1e4589d2af1889c6e6753bc9010' })), index.h("div", { key: 'dc815b28e5d1dfbd91a970ce50b77fc8ecd3f5ab', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/uikit.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["ui-loading-overlay.cjs",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster.cjs",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion.cjs",[[257,"ui-accordion"]]],["ui-accordion-item.cjs",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-avatar.cjs",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1]}]]],["ui-badge.cjs",[[257,"ui-badge",{"variant":[1]}]]],["ui-button.cjs",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1]}]]],["ui-card.cjs",[[257,"ui-card"]]],["ui-checkbox.cjs",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-dialog.cjs",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer.cjs",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item.cjs",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu.cjs",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field.cjs",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-input.cjs",[[1,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1]}]]],["ui-label.cjs",[[257,"ui-label"]]],["ui-popover.cjs",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress.cjs",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-radio-group.cjs",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-reveal.cjs",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress.cjs",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section.cjs",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-select.cjs",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator.cjs",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton.cjs",[[1,"ui-skeleton"]]],["ui-slider.cjs",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-switch.cjs",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-tabs.cjs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea.cjs",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle.cjs",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-tooltip.cjs",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner.cjs",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast.cjs",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
+  return index.bootstrapLazy([["ui-loading-overlay.cjs",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster.cjs",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion.cjs",[[257,"ui-accordion"]]],["ui-accordion-item.cjs",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-alert.cjs",[[257,"ui-alert",{"variant":[1],"heading":[1],"dismissible":[4],"open":[32]}]]],["ui-avatar.cjs",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1],"status":[1]}]]],["ui-avatar-group.cjs",[[257,"ui-avatar-group"]]],["ui-badge.cjs",[[257,"ui-badge",{"variant":[1],"dot":[4],"removable":[4]}]]],["ui-breadcrumb.cjs",[[257,"ui-breadcrumb"]]],["ui-breadcrumb-item.cjs",[[257,"ui-breadcrumb-item",{"href":[1],"current":[4]}]]],["ui-button.cjs",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1],"full":[516]}]]],["ui-card.cjs",[[257,"ui-card"]]],["ui-checkbox.cjs",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-container.cjs",[[257,"ui-container",{"size":[1],"padded":[4]}]]],["ui-dialog.cjs",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer.cjs",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item.cjs",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu.cjs",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field.cjs",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-grid.cjs",[[257,"ui-grid",{"columns":[2],"gap":[1],"minItemWidth":[1,"min-item-width"]}]]],["ui-input.cjs",[[257,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1],"clearable":[4]}]]],["ui-label.cjs",[[257,"ui-label"]]],["ui-pagination.cjs",[[1,"ui-pagination",{"total":[2],"current":[1538],"siblings":[2]}]]],["ui-popover.cjs",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress.cjs",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-radio-group.cjs",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-reveal.cjs",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress.cjs",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section.cjs",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-segmented.cjs",[[1,"ui-segmented",{"items":[16],"value":[1537]}]]],["ui-select.cjs",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator.cjs",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton.cjs",[[1,"ui-skeleton"]]],["ui-slider.cjs",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-stack.cjs",[[257,"ui-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["ui-stat.cjs",[[257,"ui-stat",{"label":[1],"value":[1],"delta":[1],"trend":[1]}]]],["ui-switch.cjs",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-tabs.cjs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea.cjs",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle.cjs",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-tooltip.cjs",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner.cjs",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast.cjs",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,17 +1,26 @@
 {
   "entries": [
+    "components/ui-alert/ui-alert.js",
     "components/ui-badge/ui-badge.js",
     "components/ui-button/ui-button.js",
+    "components/ui-container/ui-container.js",
+    "components/ui-grid/ui-grid.js",
     "components/ui-spinner/ui-spinner.js",
     "components/ui-radio-group/ui-radio-group.js",
+    "components/ui-segmented/ui-segmented.js",
     "components/ui-select/ui-select.js",
     "components/ui-separator/ui-separator.js",
+    "components/ui-stack/ui-stack.js",
+    "components/ui-stat/ui-stat.js",
     "components/ui-tabs/ui-tabs.js",
     "components/ui-toast/ui-toast.js",
     "components/ui-toaster/ui-toaster.js",
     "components/ui-accordion/ui-accordion.js",
     "components/ui-accordion-item/ui-accordion-item.js",
     "components/ui-avatar/ui-avatar.js",
+    "components/ui-avatar-group/ui-avatar-group.js",
+    "components/ui-breadcrumb/ui-breadcrumb.js",
+    "components/ui-breadcrumb-item/ui-breadcrumb-item.js",
     "components/ui-card/ui-card.js",
     "components/ui-checkbox/ui-checkbox.js",
     "components/ui-dialog/ui-dialog.js",
@@ -22,6 +31,7 @@
     "components/ui-input/ui-input.js",
     "components/ui-label/ui-label.js",
     "components/ui-loading-overlay/ui-loading-overlay.js",
+    "components/ui-pagination/ui-pagination.js",
     "components/ui-popover/ui-popover.js",
     "components/ui-progress/ui-progress.js",
     "components/ui-reveal/ui-reveal.js",

package/dist/collection/components/ui-accordion/ui-accordion.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class UiAccordion {
     render() {
-        return (h(Host, { key: '0d6a0faf16d8cacc925818349b38f8acaa186fdb' }, h("slot", { key: '060f07d2ed0104666101f2984affc84eb33239d0' })));
+        return (h(Host, { key: '839f17ea9b81b97b0ca49e89d9907c6a0571f049' }, h("slot", { key: '71badd4150a835acfaa0d5867287a30c8a0b7936' })));
     }
     static get is() { return "ui-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-accordion-item/ui-accordion-item.css

@@ -21,6 +21,14 @@ summary::-webkit-details-marker {
   display: none;
 }
 
+summary:hover {
+  color: var(--ui-accent);
+}
+
+summary:hover .chevron {
+  color: var(--ui-accent);
+}
+
 summary:focus-visible {
   box-shadow: 0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring);
   border-radius: var(--ui-radius-sm);

package/dist/collection/components/ui-accordion-item/ui-accordion-item.js

@@ -12,7 +12,7 @@ export class UiAccordionItem {
         };
     }
     render() {
-        return (h(Host, { key: 'c1c8a792a0e8ab52c4750af995c98ffda3b47cf0' }, h("details", { key: '3eaa096ad9a9b0f22fe0b2a34b254deb4e6b7df5', open: this.open, onToggle: this.onToggle }, h("summary", { key: 'eb86d25aa684879440b87ce1113d282fb07e81ce' }, h("span", { key: 'c70e1823bec0a32432cf74438c6d62a7b145e067', class: "heading" }, this.heading), h("svg", { key: '65f9e9179ec29d10115a6938be5fb2481bdcbcfc', class: "chevron", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'def877261275e0eb0f830651fe35d524497686b9', points: "6 9 12 15 18 9" }))), h("div", { key: '91c0120a4a7c02cbdb97bded4c77e6eeea63ce83', class: "content" }, h("slot", { key: '590ed083fb0a3969bdadb2376532b4ceb9bcc597' })))));
+        return (h(Host, { key: '4b2e9ef0cda9117df86bef529c4bead45bbe8090' }, h("details", { key: '18c5ff6f8d9ac966d36240949670d84fc2603883', open: this.open, onToggle: this.onToggle }, h("summary", { key: '608bb56fe9b4558d50dc50be2edb922233de35aa' }, h("span", { key: '5d65f0199fff46a4a32139ab1565533dfb299ea9', class: "heading" }, this.heading), h("svg", { key: 'dd32e7223d4eab848185fe027e86892643e98070', class: "chevron", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'd9d02a5e5cfe20a77ae5cd6e383962656038d6d5', points: "6 9 12 15 18 9" }))), h("div", { key: 'b82b7a754b6eb160044b0eadf85ff7a8812e80a5', class: "content" }, h("slot", { key: 'c6a5b13158bbef248980737d9cea866178d2122c' })))));
     }
     static get is() { return "ui-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-alert/ui-alert.css

@@ -0,0 +1,95 @@
+:host {
+  display: block;
+}
+
+.alert {
+  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-info);
+  border-radius: var(--ui-radius);
+  font-family: var(--ui-font-sans);
+}
+
+.indicator {
+  display: inline-flex;
+  flex-shrink: 0;
+  margin-top: 0.0625rem;
+}
+
+.icon {
+  display: block;
+}
+
+.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);
+}
+
+.content {
+  font-size: 0.8125rem;
+  color: var(--ui-text-soft);
+}
+
+.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);
+}
+
+/* Variantes */
+.variant-info {
+  border-left-color: var(--ui-info);
+  background: color-mix(in srgb, var(--ui-info) 12%, transparent);
+}
+.variant-info .indicator {
+  color: var(--ui-info);
+}
+
+.variant-success {
+  border-left-color: var(--ui-success);
+  background: color-mix(in srgb, var(--ui-success) 12%, transparent);
+}
+.variant-success .indicator {
+  color: var(--ui-success);
+}
+
+.variant-warning {
+  border-left-color: var(--ui-warning);
+  background: color-mix(in srgb, var(--ui-warning) 12%, transparent);
+}
+.variant-warning .indicator {
+  color: var(--ui-warning);
+}
+
+.variant-danger {
+  border-left-color: var(--ui-danger);
+  background: color-mix(in srgb, var(--ui-danger) 12%, transparent);
+}
+.variant-danger .indicator {
+  color: var(--ui-danger);
+}