@andespindola/ui-core 0.1.1 → 0.2.0

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-Cb1tfi_9.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   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/cjs/ui-accordion-item.cjs.entry.js

@@ -19,7 +19,7 @@ const UiAccordionItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a6753eab6e0dc158aadd47469da57bf73274cb99' }, index.h("details", { key: 'c98130b641f5cca70f27867ecc23769de0871733', open: this.open, onToggle: this.onToggle }, index.h("summary", { key: 'ed84e054379bc2f3133c675b5ddd8b6b69bb205c' }, index.h("span", { key: '49d66f1f5ade0c22d4b13f1ead38d712d8dc0310', class: "heading" }, this.heading), index.h("svg", { key: '74261819a62cf9dc397d8ca50c654897e080801b', 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" }, index.h("polyline", { key: 'd69ebaaa12602c3c2d4a44d1c5b5ca6ed523f254', points: "6 9 12 15 18 9" }))), index.h("div", { key: '98178b28965c4595c0330299a358cc821424985f', class: "content" }, index.h("slot", { key: 'd633bc20693f7ac970e6fa1cf55760841243a870' })))));
+        return (index.h(index.Host, { key: '4b2e9ef0cda9117df86bef529c4bead45bbe8090' }, index.h("details", { key: '18c5ff6f8d9ac966d36240949670d84fc2603883', open: this.open, onToggle: this.onToggle }, index.h("summary", { key: '608bb56fe9b4558d50dc50be2edb922233de35aa' }, index.h("span", { key: '5d65f0199fff46a4a32139ab1565533dfb299ea9', class: "heading" }, this.heading), index.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" }, index.h("polyline", { key: 'd9d02a5e5cfe20a77ae5cd6e383962656038d6d5', points: "6 9 12 15 18 9" }))), index.h("div", { key: 'b82b7a754b6eb160044b0eadf85ff7a8812e80a5', class: "content" }, index.h("slot", { key: 'c6a5b13158bbef248980737d9cea866178d2122c' })))));
     }
 };
 UiAccordionItem.style = uiAccordionItemCss();

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

@@ -9,7 +9,7 @@ const UiAccordion = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e6332a0fa193f07001cf71f61531729529607b2b' }, index.h("slot", { key: '95ab7de2a8344e267fe97cae784b75635cafd289' })));
+        return (index.h(index.Host, { key: '839f17ea9b81b97b0ca49e89d9907c6a0571f049' }, index.h("slot", { key: '71badd4150a835acfaa0d5867287a30c8a0b7936' })));
     }
 };
 UiAccordion.style = uiAccordionCss();

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

@@ -0,0 +1,40 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiAlertCss = () => `: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)}.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)}`;
+
+const UiAlert = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.uiClose = index.createEvent(this, "uiClose");
+        /** Variante visual. */
+        this.variant = "info";
+        /** Exibe o botão de fechar. */
+        this.dismissible = false;
+        /** Controla a visibilidade interna do alerta. */
+        this.open = true;
+        this.dismiss = () => {
+            this.open = false;
+            this.uiClose.emit();
+        };
+    }
+    renderIcon() {
+        switch (this.variant) {
+            case "success":
+                return (index.h("svg", { class: "icon", 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: "10" }), index.h("path", { d: "M8 12l3 3 5-6" })));
+            case "warning":
+                return (index.h("svg", { class: "icon", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { d: "M10.3 3.3 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.3a2 2 0 0 0-3.4 0Z" }), index.h("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), index.h("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })));
+            case "danger":
+                return (index.h("svg", { class: "icon", 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: "10" }), index.h("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), index.h("line", { x1: "9", y1: "9", x2: "15", y2: "15" })));
+            default:
+                return (index.h("svg", { class: "icon", 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: "10" }), index.h("line", { x1: "12", y1: "11", x2: "12", y2: "16" }), index.h("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })));
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '0de470e0aec991fe0ed4b47d4b14075d0153ef54' }, this.open && (index.h("div", { key: 'd17b7326f4c76fe99a32f402fb53a095721bf209', class: { alert: true, [`variant-${this.variant}`]: true }, role: "alert" }, index.h("span", { key: '124489a92f47b4c7751f9af674b13add775bf3d3', class: "indicator" }, this.renderIcon()), index.h("div", { key: '9c0741a48bee7225f7831b18ab492156c217f5a5', class: "body" }, this.heading && index.h("p", { key: 'f883db0bdd9b48cfc1915d209675f681cc846d95', class: "heading" }, this.heading), index.h("div", { key: '4a1de1b6a5f6fc84eead49a0a0357067b6c3dcab', class: "content" }, index.h("slot", { key: '21ac76a2d287bb4e8629bac25cd3753886d14b5d' }))), this.dismissible && (index.h("button", { key: 'f96e21942bed9489b296f76b6bdcc026f4351141', class: "close", type: "button", "aria-label": "Fechar", onClick: this.dismiss }, index.h("svg", { key: 'a64eaf844dbc6a0fd4fbc699deac73702a7ff300', 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" }, index.h("line", { key: 'e05e78664e7161af63d9e420a77726b52f14fff5', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: 'f6e62b74f93061762881b30866c105b332e79870', x1: "6", y1: "6", x2: "18", y2: "18" }))))))));
+    }
+};
+UiAlert.style = uiAlertCss();
+
+exports.ui_alert = UiAlert;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiAvatarGroupCss = () => `:host{display:inline-flex}.group{display:inline-flex;align-items:center}::slotted(*){border-radius:var(--ui-radius-full)}::slotted(*:not(:first-child)){margin-left:-0.6rem}::slotted(ui-avatar){outline:2px solid var(--ui-background);border-radius:var(--ui-radius-full)}`;
+
+const UiAvatarGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '2413b9065333e5beb192143529b60daceefc11fe' }, index.h("div", { key: 'df93cb1e73bc05abfee09226111da32f50bf908d', class: "group" }, index.h("slot", { key: 'fa7fc7b57b009355e32c904cc78b46848403c0eb' }))));
+    }
+};
+UiAvatarGroup.style = uiAvatarGroupCss();
+
+exports.ui_avatar_group = UiAvatarGroup;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiAvatarCss = () => `:host{display:inline-block;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}`;
+const uiAvatarCss = () => `:host{display:inline-block;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}`;
 
 const UiAvatar = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const UiAvatar = class {
         this.alt = "";
     }
     render() {
-        return (index.h(index.Host, { key: '7a6bbef0807d0d3dc25692a6bf87171131579e46' }, index.h("span", { key: '6b548ed4e5ec0dc7bb52dcb3660ffc188705439f', class: "avatar" }, this.src ? (index.h("img", { class: "image", src: this.src, alt: this.alt })) : (index.h("span", { class: "fallback" }, this.fallback)))));
+        return (index.h(index.Host, { key: '0a3b07acb18d2ddeecf3b072fcd6913dbc187474' }, index.h("span", { key: '9b6c302f378ef47385f43d24a3fe491cdec0bfe0', class: "wrapper" }, index.h("span", { key: '5093f8e180da9c3b1583da7f651bc69be89821b9', class: "avatar" }, this.src ? (index.h("img", { class: "image", src: this.src, alt: this.alt })) : (index.h("span", { class: "fallback" }, this.fallback))), this.status && (index.h("span", { key: '920d70149458e747aef1ac35c945a0b403986928', class: `status status-${this.status}`, "aria-label": this.status })))));
     }
 };
 UiAvatar.style = uiAvatarCss();

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

@@ -2,16 +2,21 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiBadgeCss = () => `:host{display:inline-flex}.badge{display:inline-flex;align-items:center;gap:0.25rem;border:1px solid transparent;border-radius:var(--ui-radius-full);padding:0.25rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;backdrop-filter:blur(22px)}.variant-default{background:var(--ui-chip);border-color:var(--ui-border);color:var(--ui-text-soft)}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast)}.variant-outline{border-color:var(--ui-border-strong);color:var(--ui-foreground)}.variant-success{background:color-mix(in srgb, var(--ui-success) 15%, transparent);color:var(--ui-success)}.variant-warning{background:color-mix(in srgb, var(--ui-warning) 15%, transparent);color:var(--ui-warning)}.variant-danger{background:color-mix(in srgb, var(--ui-danger) 15%, transparent);color:var(--ui-danger)}.variant-info{background:color-mix(in srgb, var(--ui-info) 15%, transparent);color:var(--ui-info)}`;
+const uiBadgeCss = () => `:host{display:inline-flex}.badge{display:inline-flex;align-items:center;gap:0.25rem;border:1px solid transparent;border-radius:var(--ui-radius-full);padding:0.25rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;backdrop-filter:blur(22px)}.variant-default{background:var(--ui-chip);border-color:var(--ui-border);color:var(--ui-text-soft)}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast)}.variant-outline{border-color:var(--ui-border-strong);color:var(--ui-foreground)}.variant-success{background:color-mix(in srgb, var(--ui-success) 15%, transparent);color:var(--ui-success)}.variant-warning{background:color-mix(in srgb, var(--ui-warning) 15%, transparent);color:var(--ui-warning)}.variant-danger{background:color-mix(in srgb, var(--ui-danger) 15%, transparent);color:var(--ui-danger)}.variant-info{background:color-mix(in srgb, var(--ui-info) 15%, transparent);color:var(--ui-info)}.dot{width:0.4rem;height:0.4rem;border-radius:var(--ui-radius-full);background:currentColor}.remove{display:inline-flex;align-items:center;justify-content:center;margin:0 -0.25rem 0 0.125rem;padding:0.125rem;border:none;border-radius:var(--ui-radius-full);background:transparent;color:inherit;cursor:pointer;opacity:0.7;transition:opacity var(--ui-duration) var(--ui-ease)}.remove:hover{opacity:1}`;
 
 const UiBadge = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.uiRemove = index.createEvent(this, "uiRemove");
         /** Variante visual. */
         this.variant = "default";
+        /** Exibe um ponto colorido à esquerda. */
+        this.dot = false;
+        /** Exibe um botão para remover o badge. */
+        this.removable = false;
     }
     render() {
-        return (index.h(index.Host, { key: '260e9e23ffa9a624e17e5a794217402ab2167f31' }, index.h("span", { key: '1b0d40c5b9a46c5928132d050e3c2f9e3bcd4ea8', class: { badge: true, [`variant-${this.variant}`]: true } }, index.h("slot", { key: '9680659040a4d48bdb53415e40bbbef9819063d9' }))));
+        return (index.h(index.Host, { key: '30760a471c805c011e45b1ee2c59507de0774b3c' }, index.h("span", { key: 'f06905297a3c5641634104a014452737d34918cc', class: { badge: true, [`variant-${this.variant}`]: true } }, this.dot && index.h("span", { key: '255e4debacda174708abb165159347c6aeeffced', class: "dot" }), index.h("slot", { key: 'e8fb22f25b0b1c805289e3e6d1108a1cb93b5e28' }), this.removable && (index.h("button", { key: 'a30d3213f31780e4c3fa80d98b45ae539b711f43', class: "remove", type: "button", "aria-label": "Remover", onClick: () => this.uiRemove.emit() }, index.h("svg", { key: 'e57df3139096ea131fa1c3fbddf51f6507423346', viewBox: "0 0 24 24", width: "12", height: "12", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round" }, index.h("path", { key: 'da3810852846ac9cda68957d7dadcb3737be348d', d: "M18 6 6 18M6 6l12 12" })))))));
     }
 };
 UiBadge.style = uiBadgeCss();

package/dist/cjs/ui-breadcrumb-item.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiBreadcrumbItemCss = () => `:host{display:inline-flex;align-items:center}.link{color:var(--ui-text-muted);text-decoration:none;transition:color var(--ui-duration) var(--ui-ease)}.link:hover{color:var(--ui-accent)}.current{color:var(--ui-foreground);font-weight:500}.separator{display:inline-flex;align-items:center;margin:0 0.5rem;color:var(--ui-text-faint)}.separator svg{display:block}`;
+
+const UiBreadcrumbItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Indica o item atual (página corrente). */
+        this.current = false;
+    }
+    renderSeparator() {
+        return (index.h("span", { class: "separator", "aria-hidden": "true" }, index.h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "9 18 15 12 9 6" }))));
+    }
+    render() {
+        const isLink = this.href && !this.current;
+        return (index.h(index.Host, { key: '20d22dde2f7b6b4c03a76b4e6be851a0c4cd39d5' }, isLink ? (index.h("a", { class: "link", href: this.href }, index.h("slot", null))) : (index.h("span", { class: "current", "aria-current": this.current ? "page" : undefined }, index.h("slot", null))), !this.current && this.renderSeparator()));
+    }
+};
+UiBreadcrumbItem.style = uiBreadcrumbItemCss();
+
+exports.ui_breadcrumb_item = UiBreadcrumbItem;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiBreadcrumbCss = () => `:host{display:block}ol{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin:0;padding:0;list-style:none;font-family:var(--ui-font-sans);font-size:0.875rem}`;
+
+const UiBreadcrumb = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '3c86ea43e5dde2c8486b49f8c2ece55f66c4dec5' }, index.h("nav", { key: '6da35c2ffc4b7c2aa13d3321ed6227d97be59e80', "aria-label": "breadcrumb" }, index.h("ol", { key: '567cb7aaf4e8ae8f1e15369b45b482104f1264da' }, index.h("slot", { key: '5f942426d1195ea0eae8256ebfb01d25b6f350ab' })))));
+    }
+};
+UiBreadcrumb.style = uiBreadcrumbCss();
+
+exports.ui_breadcrumb = UiBreadcrumb;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiButtonCss = () => `:host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:var(--ui-border-strong)}.variant-outline:hover{background:var(--ui-chip)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}`;
+const uiButtonCss = () => `:host{display:inline-block}:host([full]){display:block;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}`;
 
 const UiButton = class {
     constructor(hostRef) {
@@ -17,13 +17,15 @@ const UiButton = class {
         this.loading = false;
         /** Tipo do botão nativo. */
         this.type = "button";
+        /** Ocupa 100% da largura disponível. */
+        this.full = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'bf18a1f72babada2698ce42f54bf2d73b0d41d0b' }, index.h("button", { key: 'f08a766e14d139d7031dac4fa5846fbc0749328f', class: {
+        return (index.h(index.Host, { key: 'fa9886a20cac8424b127be543c0fd1ad04cc2fb1' }, index.h("button", { key: 'c54077dabce85b286733efcae8a08a435b81d72e', class: {
                 btn: true,
                 [`variant-${this.variant}`]: true,
                 [`size-${this.size}`]: true,
-            }, type: this.type, disabled: this.disabled || this.loading, "aria-busy": this.loading ? "true" : null }, this.loading && index.h("span", { key: 'a3e87dd124b697050a657b9957884c231aa58c54', class: "spinner", "aria-hidden": "true" }), index.h("slot", { key: '87a720f06602011042d70a91918a0b2157abb163' }))));
+            }, type: this.type, disabled: this.disabled || this.loading, "aria-busy": this.loading ? "true" : null }, this.loading && index.h("span", { key: '8e557bd098d5655be256ea7fc0748990b7f11026', class: "spinner", "aria-hidden": "true" }), index.h("slot", { key: '36946d065411700928e3541f351a3f6f75018ae9' }))));
     }
 };
 UiButton.style = uiButtonCss();

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

@@ -9,7 +9,7 @@ const UiCard = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1608f7f7bd8addc04064a70965fdb28a67a1abef' }, index.h("div", { key: '976e8fa507f78649789161f5eaaa2308547c7040', class: "card" }, index.h("slot", { key: '803ef160438006449051c2068246fd6f20562cc5', name: "title" }), index.h("slot", { key: '84bfdd0d56b015d09598e53e0002b9ac5e69934d', name: "description" }), index.h("slot", { key: '97d8522f426b54ab6a8b51038bd8f2b8e2413d0e' }), index.h("slot", { key: '8b36ab658e61cdebb391d6bb8dc427d809a81b30', name: "footer" }))));
+        return (index.h(index.Host, { key: '39ddf0a9974086fcc9ad3fc89f1e1d6858e2fead' }, index.h("div", { key: 'e8e510a468dc662f9fc76affce785a9b37edc205', class: "card" }, index.h("slot", { key: 'ee92d4bc2fa1738d84689d989d4e113d515acc83', name: "title" }), index.h("slot", { key: '6e87c2406474b6ea2aa370d1602ff02a89c4f4d5', name: "description" }), index.h("slot", { key: 'a388b4bc2d9c5e328ade55ac38c870afc9ade82c' }), index.h("slot", { key: '071ce297db672e332cf2d354a395b07e100b16a1', name: "footer" }))));
     }
 };
 UiCard.style = uiCardCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiCheckboxCss = () => `:host{display:inline-flex}.checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--ui-panel);cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.checkbox:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.checkbox[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.checkbox:disabled{opacity:0.5;pointer-events:none}.check{width:0.875rem;height:0.875rem;color:var(--ui-accent-contrast);opacity:0;transform:scale(0.6);transition:all var(--ui-duration) var(--ui-ease)}.checkbox[aria-checked="true"] .check{opacity:1;transform:scale(1)}`;
+const uiCheckboxCss = () => `:host{display:inline-flex}.checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:1.5px solid color-mix(in srgb, var(--ui-foreground) 32%, transparent);border-radius:var(--ui-radius-sm);background:var(--ui-chip);cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.checkbox:hover:not(:disabled):not([aria-checked="true"]){border-color:var(--ui-accent)}.checkbox:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.checkbox[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.checkbox:disabled{opacity:0.5;pointer-events:none}.check{width:0.875rem;height:0.875rem;color:var(--ui-accent-contrast);opacity:0;transform:scale(0.6);transition:all var(--ui-duration) var(--ui-ease)}.checkbox[aria-checked="true"] .check{opacity:1;transform:scale(1)}`;
 
 const UiCheckbox = class {
     constructor(hostRef) {
@@ -26,7 +26,7 @@ const UiCheckbox = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '3702acd47b1980ddf23df427a68c69ee782756e4' }, index.h("button", { key: '8cc709719dd004d01ca6ed82c0fab53ed38f8962', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, index.h("svg", { key: 'fa4875d7a2809133496a543fa6efd0de8c8c4c06', class: "check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("polyline", { key: '34a601d25b20fdf1ad697349531888648795f4bf', points: "20 6 9 17 4 12" })))));
+        return (index.h(index.Host, { key: '73477b35af6a093e87ae8a5b33232690888ca98c' }, index.h("button", { key: '235b0102bbdd9a0ef23c3230acbba9aebdb06898', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, index.h("svg", { key: '3aaa64d1d173991b2c785298586aab66471e9285', class: "check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("polyline", { key: 'baaca1ba97901e5a9d4e97640221f35cdeb02351', points: "20 6 9 17 4 12" })))));
     }
 };
 UiCheckbox.style = uiCheckboxCss();

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiContainerCss = () => `:host{display:block;width:100%}.container{margin-inline:auto;width:100%;font-family:var(--ui-font-sans)}.size-sm{max-width:40rem}.size-md{max-width:48rem}.size-lg{max-width:64rem}.size-xl{max-width:80rem}.size-full{max-width:none}.padded{padding-inline:1.25rem}@media (min-width: 640px){.padded{padding-inline:2rem}}`;
+
+const UiContainer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Largura máxima do container. */
+        this.size = "lg";
+        /** Aplica padding lateral responsivo. */
+        this.padded = true;
+    }
+    render() {
+        const classes = {
+            container: true,
+            [`size-${this.size}`]: true,
+            padded: this.padded,
+        };
+        return (index.h(index.Host, { key: '4f00ee39f0ae347fafac349ee8e42c991c8013dd' }, index.h("div", { key: 'a0f8f0c6d418f119c6631d0387f9328af8fbb416', class: classes }, index.h("slot", { key: '86178f8371c958123fcf8b7e6bfe059aeed9f690' }))));
+    }
+};
+UiContainer.style = uiContainerCss();
+
+exports.ui_container = UiContainer;

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

@@ -44,7 +44,7 @@ const UiDialog = class {
         this.open = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'df811bec2a6a250e90cbb6d9c85202b2d3c2c964' }, index.h("dialog", { key: '49572b35ec17863fb83e9973c548a8cafa0308b6', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: '53c82b2c7a1b8831d64a060b4665a60bbdc7e39a', class: "content" }, index.h("slot", { key: 'b398a9692fdf2826b86125723bc232791e6b9e4b' })))));
+        return (index.h(index.Host, { key: 'e6c34700dc04fd3754eedeab279a67cd3997fb3d' }, index.h("dialog", { key: 'fdb23f89bd4b9aef79abaec586bf39add47ce013', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: '8a86f47c263d4fac68debdcef9cc8ed7e0be7ca8', class: "content" }, index.h("slot", { key: 'fe9d9105c13670104b5a60c939f9256b44694e8e' })))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -46,7 +46,7 @@ const UiDrawer = class {
         this.open = false;
     }
     render() {
-        return (index.h(index.Host, { key: '9f2f27dcc087f608a3aeed4fe64a65eb8fe4011b' }, index.h("dialog", { key: '92471e4a732f00e4187efb37cbba553651c2f9dd', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: 'd6706d4943f8559aee320b6df509138c44857bf0', class: "content" }, index.h("slot", { key: '5cb218bde44c73fd02c640c1d0da736427f2707c' })))));
+        return (index.h(index.Host, { key: '5d44e7d604eab21d2d30d5cbaaa225658c8e7e71' }, index.h("dialog", { key: 'ecdfc2057a8864f6b8dc961ddcd51c3f349b2b54', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: 'c14965ebb97a2c77d06c4a50466d00bf4036bafa', class: "content" }, index.h("slot", { key: '2bdbb4cbd2cd30ade870090c5383d398cfb6772b' })))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -18,7 +18,7 @@ const UiDropdownItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '57af1c437b63fb19cfe297741b2b0f8d34564be9' }, index.h("button", { key: 'e3df81eb4c921d8b447c46da5140d21fb8126417', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: '162d876af4ed9913c79964afcdceda7539feb95b' }))));
+        return (index.h(index.Host, { key: 'a73d394ff94b232151c37e749d398f4485f46bde' }, index.h("button", { key: '3827857b88fc5d63681e80dc2cc470b58faf69e1', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: 'a6dbd79c7b171ef6a8a53aa5da39fbca37725e1c' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -83,7 +83,7 @@ const UiDropdownMenu = class {
         this.cleanup = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '65adc044508abd9ebf4b866fba02058bdcd22d5d' }, index.h("span", { key: 'e70a23e1b41c7936ab1dc3a87cd3593b3db43088', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: '40f2226b6ba6f1d3032cd2b2f2477fbcdf9617b5', name: "trigger" })), index.h("div", { key: '6af4ab3c98a9334d805e75da724d5572e4c986aa', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: '7f99ba16ab9544d5cf63b28f77f18fd4d0fbbed2' }))));
+        return (index.h(index.Host, { key: '6d1ac3cd9096527745a84f24443a3b230bf2aaf0' }, index.h("span", { key: '5594e37030b1fd69260b4de30393aacfbc636ca3', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: '763b6bf28fe4c79a13a2cc5a620d19e51ae5f6e2', name: "trigger" })), index.h("div", { key: '0bec01181593abbcb1a8634eb027ce0cef0d860d', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: '1b1fa528fc1186c81dd433d0cb9b775df8357641' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -11,7 +11,7 @@ const UiField = class {
         this.required = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5656c6d47f71364d26db0e4998e64b8780ee3840' }, index.h("div", { key: '6adc292e3ae0829c7f5533b2be732644f7e95dab', class: "field" }, this.label && (index.h("label", { key: 'e7c2e2fa1c3b0bc6edadb1385062fe53e5b2f5f7', class: "label", htmlFor: this.fieldId }, this.label, this.required && (index.h("span", { key: '06e56259184b4618eb9f2b3602ebb691e6b0ef1b', class: "required", "aria-hidden": "true" }, " *")))), index.h("slot", { key: 'bd44f4f425f257671eff1ed536051fb318671afc' }), this.error ? (index.h("p", { class: "error", role: "alert" }, this.error)) : (this.description && index.h("p", { class: "description" }, this.description)))));
+        return (index.h(index.Host, { key: '1910a6ce3a389ab7faa9e3b46e0397e6a9bfbaab' }, index.h("div", { key: 'fb76fb030b9af9129578f7b2f0b85eaffefc8d67', class: "field" }, this.label && (index.h("label", { key: '659a7c0982360c133891a1a22a98cdae32a529ed', class: "label", htmlFor: this.fieldId }, this.label, this.required && (index.h("span", { key: 'de93f19b8a2dd063df1175c00c68c0b7c9b092d6', class: "required", "aria-hidden": "true" }, " *")))), index.h("slot", { key: 'a510f107aab90a202c178f1d22727689db828fdc' }), this.error ? (index.h("p", { class: "error", role: "alert" }, this.error)) : (this.description && index.h("p", { class: "description" }, this.description)))));
     }
 };
 UiField.style = uiFieldCss();

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

@@ -0,0 +1,34 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiGridCss = () => `:host{display:block}.grid{display:grid;font-family:var(--ui-font-sans)}`;
+
+const GAP = {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem",
+};
+const UiGrid = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Número de colunas da grade. */
+        this.columns = 12;
+        /** Espaçamento entre células. */
+        this.gap = "md";
+    }
+    render() {
+        const style = {
+            gridTemplateColumns: this.minItemWidth
+                ? `repeat(auto-fit, minmax(${this.minItemWidth}, 1fr))`
+                : `repeat(${this.columns}, minmax(0, 1fr))`,
+            gap: GAP[this.gap],
+        };
+        return (index.h(index.Host, { key: '465a816e064af42d8282185ee92e32477a6112fd' }, index.h("div", { key: 'da2e151c56959ced55477e3fe6c99aa5563b38aa', class: "grid", style: style }, index.h("slot", { key: '5bb285ce0feaf16d066b627010fc3fb595a85c15' }))));
+    }
+};
+UiGrid.style = uiGridCss();
+
+exports.ui_grid = UiGrid;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiInputCss = () => `:host{display:block}.input{width:100%;height:2.75rem;padding:0 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box}.input::placeholder{color:var(--ui-text-faint)}.input:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.input:disabled{opacity:0.5;pointer-events:none}.input.invalid{border-color:var(--ui-danger)}.input.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}`;
+const uiInputCss = () => `:host{display:block}.field{display:flex;align-items:center;gap:0.5rem;width:100%;height:2.75rem;padding:0 0.875rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box}.field:hover:not(.disabled){border-color:var(--ui-border-strong)}.field:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.field.invalid{border-color:var(--ui-danger)}.field.invalid:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}.field.disabled{opacity:0.5;pointer-events:none}.input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none}.input::placeholder{color:var(--ui-text-faint)}.affix{display:inline-flex;align-items:center;color:var(--ui-text-muted)}.affix::slotted(svg),::slotted([slot="prefix"]),::slotted([slot="suffix"]){display:inline-flex;color:var(--ui-text-muted)}.clear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:var(--ui-radius-full);background:var(--ui-chip);color:var(--ui-text-muted);cursor:pointer;transition:all var(--ui-duration) var(--ui-ease)}.clear:hover{color:var(--ui-foreground);background:var(--ui-panel-strong)}`;
 
 const UiInput = class {
     constructor(hostRef) {
@@ -17,6 +17,8 @@ const UiInput = class {
         this.disabled = false;
         /** Marca o campo como inválido (estilo + aria-invalid). */
         this.invalid = false;
+        /** Exibe um botão para limpar o valor quando preenchido. */
+        this.clearable = false;
         this.onInput = (event) => {
             const target = event.target;
             this.value = target.value;
@@ -25,9 +27,15 @@ const UiInput = class {
         this.onChange = (event) => {
             this.uiChange.emit(event.target.value);
         };
+        this.clear = () => {
+            this.value = "";
+            this.uiInput.emit("");
+            this.uiChange.emit("");
+        };
     }
     render() {
-        return (index.h(index.Host, { key: 'b904b919904db1677ed9480e43bf939138f09dfc' }, index.h("input", { key: '086b0bdd4a5f5c01af04be41cdee2e72af2376f1', class: { input: true, invalid: this.invalid }, type: this.type, value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange })));
+        const showClear = this.clearable && !!this.value && !this.disabled;
+        return (index.h(index.Host, { key: 'a87a7c9a1aba5631099f2f9c3a3083a9e7374854' }, index.h("div", { key: '04d3493ab32a4636f3f2540aaba0b30e4c018225', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, index.h("span", { key: '66fa079a8b6ccc62dca78f4266d92800dd8727b0', class: "affix" }, index.h("slot", { key: 'c9db74515db3226bc730beb42a2a8f2d8eb6ee9f', name: "prefix" })), index.h("input", { key: 'a8f4db568e49ee22b5eeae078c4e4b3fdbc48983', class: "input", type: this.type, value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }), showClear && (index.h("button", { key: 'e38a2279db1b1c677274a6e22019bf3183ae1920', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, index.h("svg", { key: '0982ea65d3b1598620953fcd600b1eb1945348ee', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, index.h("path", { key: '26f833d4ccf8feab9f2ec4f4527b8c8e9c00d09b', d: "M18 6 6 18M6 6l12 12" })))), index.h("span", { key: '22c7d4d4a030157a4a9eb73ef0a260f4db56c848', class: "affix" }, index.h("slot", { key: 'fa74011b1237908aa9eea78f88294afcdf09f0f5', name: "suffix" })))));
     }
 };
 UiInput.style = uiInputCss();

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

@@ -9,7 +9,7 @@ const UiLabel = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5ded9464de8fe01a6bb830f4de51975cfd720746' }, index.h("label", { key: '1a14229c5e511eac3cb4244f546aee71a4f5d399', class: "label" }, index.h("slot", { key: '7c5def32e92ffdc6dcb1b83c044f5199957f5951' }))));
+        return (index.h(index.Host, { key: '15695a208223a3270e49d72972a49c26fe3acd4d' }, index.h("label", { key: 'a6d0290c845797368e59fa936b80c8fee55dbcb1', class: "label" }, index.h("slot", { key: 'daae42c194f0c31d69a82bfad95a97b85cf2cdf2' }))));
     }
 };
 UiLabel.style = uiLabelCss();

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var index = require('./index-Cb1tfi_9.js');
+
+const uiPaginationCss = () => `:host{display:inline-block}.pagination{display:inline-flex;align-items:center;gap:0.25rem;font-family:var(--ui-font-sans)}.page{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 0.5rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.page:hover{border-color:var(--ui-border-strong);background:var(--ui-chip)}.page:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.page:disabled{pointer-events:none;opacity:0.5}.page.active{background:var(--ui-accent);color:var(--ui-accent-contrast);border-color:var(--ui-accent);box-shadow:var(--ui-shadow-sm)}.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--ui-text-faint);font-size:0.875rem}`;
+
+const UiPagination = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.uiChange = index.createEvent(this, "uiChange");
+        /** Total de páginas. */
+        this.total = 1;
+        /** Página atual. */
+        this.current = 1;
+        /** Quantidade de páginas ao redor da atual. */
+        this.siblings = 1;
+        this.clamp = (page) => Math.min(Math.max(page, 1), Math.max(this.total, 1));
+        this.go = (page) => {
+            const next = this.clamp(page);
+            if (next === this.current)
+                return;
+            this.current = next;
+            this.uiChange.emit(next);
+        };
+        this.buildRange = () => {
+            const total = Math.max(this.total, 1);
+            const current = this.clamp(this.current);
+            const siblings = Math.max(this.siblings, 0);
+            const start = Math.max(current - siblings, 1);
+            const end = Math.min(current + siblings, total);
+            const pages = new Set([1, total]);
+            for (let page = start; page <= end; page += 1)
+                pages.add(page);
+            const sorted = Array.from(pages)
+                .filter((page) => page >= 1 && page <= total)
+                .sort((a, b) => a - b);
+            const result = [];
+            let previous = 0;
+            for (const page of sorted) {
+                if (previous && page - previous > 1)
+                    result.push("...");
+                result.push(page);
+                previous = page;
+            }
+            return result;
+        };
+    }
+    render() {
+        const total = Math.max(this.total, 1);
+        const current = this.clamp(this.current);
+        const entries = this.buildRange();
+        return (index.h(index.Host, { key: '405a1c41db3850f25ffc14a053b12c0767809b1e' }, index.h("nav", { key: 'bd9baa3307cb5576ca81ab82653b44ccd4cb0385', class: "pagination", role: "navigation", "aria-label": "Pagina\u00E7\u00E3o" }, index.h("button", { key: '8efdfeb278037fabab6b82ba4083a7d23a00d612', class: "page nav", type: "button", "aria-label": "P\u00E1gina anterior", disabled: current <= 1, onClick: () => this.go(current - 1) }, "\u2039"), entries.map((entry, index$1) => {
+            if (entry === "...") {
+                return (index.h("span", { key: `ellipsis-${index$1}`, class: "ellipsis", "aria-hidden": "true" }, "\u2026"));
+            }
+            const active = entry === current;
+            return (index.h("button", { key: entry, class: { page: true, active }, type: "button", "aria-label": `Página ${entry}`, "aria-current": active ? "page" : undefined, onClick: () => this.go(entry) }, entry));
+        }), index.h("button", { key: '5ba13b9a59857423e65a4d10630eb66cc32c30fe', class: "page nav", type: "button", "aria-label": "Pr\u00F3xima p\u00E1gina", disabled: current >= total, onClick: () => this.go(current + 1) }, "\u203A"))));
+    }
+};
+UiPagination.style = uiPaginationCss();
+
+exports.ui_pagination = UiPagination;

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

@@ -80,7 +80,7 @@ const UiPopover = class {
         this.cleanup = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '583667abe2df75e7c9e058b7a668661527ec0b8a' }, index.h("span", { key: '46eaca2ca8c70acff629ccc5c3c201b42136c30d', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: 'd81cf859a9887d3b6964ac8e67829cf1a84c58b2', name: "trigger" })), index.h("div", { key: 'da09ed4fa3eee00ef72fb4c0eba6f0a1b827df15', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: 'f2483196e778a14fbe1d537dd7a3c8a6453c0daf' }))));
+        return (index.h(index.Host, { key: '61b4088ff4d61701a3466619274e60ac64fcc420' }, index.h("span", { key: 'd2d00f4dbf391ea1bc119870e399187d98634de6', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: 'ece70edbdda096821de68295e55a3fba3caeada4', name: "trigger" })), index.h("div", { key: 'f30e5a570e49eb9c7056fd820bc57408dd78e013', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: '5823d3c7ed47946d812a2c34002fc5fd0cfc8a29' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -38,7 +38,7 @@ const UiRadioGroup = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '80b7e45cfc95e7e82015db2fa893b374ba73cf07' }, index.h("div", { key: '1133cd7ad3f9eb9ebaa0ac6c8a2ca3e2a52c46a9', class: "group", role: "radiogroup" }, this.options.map((option, index$1) => {
+        return (index.h(index.Host, { key: '67c377ec552ea8cb6ea3d015bab1ee3d66ee436c' }, index.h("div", { key: 'aa52c74b8473ca06b762811a900d90cdfc8f7422', class: "group", role: "radiogroup" }, this.options.map((option, index$1) => {
             const selected = option.value === this.value;
             return (index.h("button", { class: "radio", type: "button", role: "radio", "aria-checked": selected ? "true" : "false", tabindex: selected || (!this.value && index$1 === 0) ? "0" : "-1", disabled: this.disabled, onClick: () => this.select(option.value), onKeyDown: (event) => this.onKeyDown(event, index$1) }, index.h("span", { class: "indicator" }, index.h("span", { class: "dot" })), index.h("span", { class: "label" }, option.label)));
         }))));

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

@@ -32,7 +32,7 @@ const UiReveal = class {
         this.observer?.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '0af93c131bf8564bf952ca61637041089b5c34b7' }, index.h("div", { key: '94a0fc0cf5445b9832994c19eb5600f6227ccc97', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, index.h("slot", { key: '2a47e0af589790cbe5cfbc10ef49ffde1aced931' }))));
+        return (index.h(index.Host, { key: '4ab570c0eaa9fb6b4d6a9d01887fde6edd72ba8d' }, index.h("div", { key: 'cf0287499bfa5107fb49cadc85c85f2f70063967', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, index.h("slot", { key: 'b46502732e597f13d60ec55be0d456dba8181386' }))));
     }
     get host() { return index.getElement(this); }
 };

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: '36bb4460d8219c028ff63216ef562f0d157fd04d' }, index.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 (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

@@ -15,7 +15,7 @@ const UiSection = class {
         this.description = "";
     }
     render() {
-        return (index.h(index.Host, { key: '17a6e52fb6d1822d7a8a08eef052d972cc322c0a' }, index.h("section", { key: '228e9c1e4ca2515f585cafa2684932bfac70a25b' }, this.eyebrow && index.h("p", { key: '93c307b49c39fe2c0b2363d75c9763b3c09446a5', class: "eyebrow" }, this.eyebrow), this.heading && index.h("h2", { key: '889c652e358f1788c5785f1154f5a45508fa2a61', class: "heading" }, this.heading), this.description && index.h("p", { key: '09cb09edfbc0dce2b7fd5e9938cafc63e2ddbd9a', class: "description" }, this.description), index.h("slot", { key: '4f480d0c56263f1e38909e8af8d7cd8d8c2375fe' }))));
+        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();