@andespindola/ui-core 0.3.0 → 0.4.1

package/dist/collection/components/ui-date-picker/ui-date-picker.js

@@ -143,7 +143,7 @@ export class UiDatePicker {
     }
     render() {
         const display = this.formatValue();
-        return (h(Host, { key: '4ba4b256b16f49d1e65ffbe774c50065f097482f' }, h("button", { key: '0fa06810a3533cafcc808e680f61c3f289148ec5', type: "button", class: "field", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick, "aria-haspopup": "dialog", "aria-expanded": this.open ? "true" : "false" }, h("span", { key: 'fd6c3f01d8ba6212284b70c8830a007fc6dc4fcb', class: { label: true, placeholder: !display } }, display || this.placeholder), h("svg", { key: 'aebef2e4b5928db3fdd0eee7754d6d7c430459d4', class: "icon", viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("rect", { key: '8a87dd6a1230546145cd0d6626309c4c3835d379', x: "3", y: "4", width: "18", height: "18", rx: "2" }), h("path", { key: 'e3bca802e11ff11bbbd767c92233843a2b767e78', d: "M16 2v4M8 2v4M3 10h18" }))), h("div", { key: '1a8d439b816c7dcf0789e26788aee838e311b087', class: { calendar: true, "is-open": this.open }, role: "dialog", ref: (el) => (this.floatingEl = el) }, h("div", { key: '82d98e286b405ddfd12cc65cffe26b14ace1a31c', class: "header" }, h("button", { key: '6a01a9a3458d3e7b1dfc5ff153266106b9242511', type: "button", class: "nav", "aria-label": "M\u00EAs anterior", onClick: this.prevMonth }, h("svg", { key: 'cea0c6c7aecdf96eb2b4e42bf1b559fe7ea6e443', viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '54d095e51205b3df5f52af6d2d28f89f2dd4db5c', d: "m15 18-6-6 6-6" }))), h("span", { key: '2dd822f49aa7f8bb419079a0c47f29bbfb7a22c4', class: "month-label" }, this.monthLabel()), h("button", { key: '553659e9903e96b84dcecbc86270d915dcd947f5', type: "button", class: "nav", "aria-label": "Pr\u00F3ximo m\u00EAs", onClick: this.nextMonth }, h("svg", { key: 'a73cdb32bedad0004a1d84b44e7866e008864fd8', viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'dac9e5c1fc22d2eefc73046269246ae07af53037', d: "m9 18 6-6-6-6" })))), h("div", { key: 'e731ae7eab8fee747826a58634cad540a60317a5', class: "weekdays" }, WEEKDAYS.map((label) => (h("span", { class: "weekday" }, label)))), h("div", { key: '4aa9f208fb5b20b3b35ae14f27d435918db3f380', class: "grid" }, this.buildDays().map((day) => day === 0 ? (h("span", { class: "day empty" })) : (h("button", { type: "button", class: {
+        return (h(Host, { key: '2c7c34f0f2b688e7f4788c135ce46dc27576390a' }, h("button", { key: '0e36f9b8e3a96376b186e97eba82621d513ca041', type: "button", class: "field", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick, "aria-haspopup": "dialog", "aria-expanded": this.open ? "true" : "false" }, h("span", { key: '74e80a1defef918550ad375440ed96bbc77e4545', class: { label: true, placeholder: !display } }, display || this.placeholder), h("svg", { key: 'bdc13113d3545c1978bd5c0654e38baac83e8ef4', class: "icon", viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("rect", { key: 'a67ced294fbaf97735a027773d5900b8e444e1fb', x: "3", y: "4", width: "18", height: "18", rx: "2" }), h("path", { key: 'ab89ca2d6b92e0e094439e07aa8f33a77d00520d', d: "M16 2v4M8 2v4M3 10h18" }))), h("div", { key: 'cdd601edb1497cea10eaa026037684530aec0f0e', class: { calendar: true, "is-open": this.open }, role: "dialog", ref: (el) => (this.floatingEl = el) }, h("div", { key: '83dda2789c83c34fb1996a7601c564eefe0403f9', class: "header" }, h("button", { key: '4e2a0966a1f17a17005f767c9d8a396cf1e8e8bc', type: "button", class: "nav", "aria-label": "M\u00EAs anterior", onClick: this.prevMonth }, h("svg", { key: '3ff66e36cd36166da633c3c8d5379af0d561a973', viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '677dcab4309b5814429a6cd5528cf4a84d836fdf', d: "m15 18-6-6 6-6" }))), h("span", { key: 'd478e154bb6c3ad7f43e37c042a0ee8de73bdc55', class: "month-label" }, this.monthLabel()), h("button", { key: '8b7a399d6885f38cba8b9b79f5911cf8e1d3b97f', type: "button", class: "nav", "aria-label": "Pr\u00F3ximo m\u00EAs", onClick: this.nextMonth }, h("svg", { key: '1b3b7558875c3328af1cae826bebe9b488dfe822', viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '9c486397121befd51b7e0b8dcdc04afe8d8ecc90', d: "m9 18 6-6-6-6" })))), h("div", { key: '460ae2803e427ed67625355c88a97b46cf307311', class: "weekdays" }, WEEKDAYS.map((label) => (h("span", { class: "weekday" }, label)))), h("div", { key: '6bd0d6b507f75a66b9496a18fba9fe2b8dcc3f7e', class: "grid" }, this.buildDays().map((day) => day === 0 ? (h("span", { class: "day empty" })) : (h("button", { type: "button", class: {
                 day: true,
                 today: this.isToday(day),
                 selected: this.isSelected(day),

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

@@ -37,7 +37,7 @@ export class UiDialog {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: 'f0ba1e147438e9941bd748b84cca800b93e0058a' }, h("dialog", { key: '54a38db84cc2bcd5064401499c8cbc48f9355021', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '658cf9b13efe14c8db0c02b14b6ace5686ca686a', class: "content" }, h("slot", { key: '00cc3a3657049aabb7c80dfdefba059a5767da78' })))));
+        return (h(Host, { key: '84c982a7870da6b7517f7f989574c41684fd47d1' }, h("dialog", { key: 'f83e558d1344f2612d719032df6e4d652212ce94', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: 'f0506fc17bb608a4b4a33c113e749d9fdb637508', class: "content" }, h("slot", { key: 'ceab792ebd46acefe430467fb9b6c260e658b7bc' })))));
     }
     static get is() { return "ui-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class UiDrawer {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: '92e328d6068d3e183463e06897b9dc16e36c3be7' }, h("dialog", { key: 'd18eb940d959341831da313ee342f21f181aacfc', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '9edf182db03b796ef944fbd4340d1d31db8b5321', class: "content" }, h("slot", { key: '34a67441244720ee301b9f4c2b871889a2a87d0b' })))));
+        return (h(Host, { key: '54cb020ae5aa52d797edea5e2fe52c176255a6db' }, h("dialog", { key: '20ffadd987ef28b2f5a0907258e325a6aa12eead', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: 'a2acad5175956ee2033fec822c7448ec290976fc', class: "content" }, h("slot", { key: '0aa72c14305d3766a4b860ebfd69d5d74825b8a2' })))));
     }
     static get is() { return "ui-drawer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class UiDropdownItem {
         };
     }
     render() {
-        return (h(Host, { key: '46fe995e0d6496002cb4ffda00e444731f195805' }, h("button", { key: '5938fcad75c81029a321bdce5c1b2c98cb4cb6a2', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '32227bb1f298ab6ba3d97d1bae86b6ce713703b8' }))));
+        return (h(Host, { key: 'f4da8e0539fe502d384b1a1f423d6ade545db2b7' }, h("button", { key: '7c21a87c78f86be58837d1aa3c3936f23a94b875', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'dba824914003737f6f00380d5c0b20151bf4ac98' }))));
     }
     static get is() { return "ui-dropdown-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-dropdown-menu/ui-dropdown-menu.js

@@ -76,7 +76,7 @@ export class UiDropdownMenu {
         this.cleanup = undefined;
     }
     render() {
-        return (h(Host, { key: '3224e4bac8bcfeda15aa6a5411a95574795231a8' }, h("span", { key: '5f0c50e0cb28c349469be5971ac0622f05d8dd19', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: '616a2917a7377d00414c8fe9745ef6c1297841fa', name: "trigger" })), h("div", { key: 'efa36b327e9ba6a89b939170c296a69ffbe18e90', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, h("slot", { key: 'aaffbbb6b8fe37072c8344d95a902dcb667416ba' }))));
+        return (h(Host, { key: 'dba2609a1d3e10b1c4c51dc9e4d0679f85a3ac2f' }, h("span", { key: '8d031050b223a1a36e4cf6397f2c2643ec6ba24e', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: 'ce5c02c8237a2fdeb20b24cbb314ea4759644250', name: "trigger" })), h("div", { key: '1d30dd7ec7a9d5df68bb4e3755437a10e4eaac31', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, h("slot", { key: 'a79af6f26779ade4b263c8ae602f2ec5b585a0e3' }))));
     }
     static get is() { return "ui-dropdown-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class UiField {
         this.required = false;
     }
     render() {
-        return (h(Host, { key: 'f39f480b04be85c60eaa8821358b8921d52a7801' }, h("div", { key: '22303a73ad07ca344ef29c25947443e4d43e95fb', class: "field" }, this.label && (h("label", { key: 'bf355b9c884ee0393c91f4d3cdaa38ab6d0132dc', class: "label", htmlFor: this.fieldId }, this.label, this.required && (h("span", { key: '94614ebcee5a68e180e135f5294370e272836b90', class: "required", "aria-hidden": "true" }, " *")))), h("slot", { key: '7d4b22b2741540aac3b017b882f9abfdb67c7492' }), this.error ? (h("p", { class: "error", role: "alert" }, this.error)) : (this.description && h("p", { class: "description" }, this.description)))));
+        return (h(Host, { key: '39a0e70cee489fd42753b1ce7a8c6fea25915bbb' }, h("div", { key: 'b20f08499de84d3af305d6ce6f74a1c880a05dfe', class: "field" }, this.label && (h("label", { key: '88a56e87813dcbc42fb087e9ba3472a98cbb7ad9', class: "label", htmlFor: this.fieldId }, this.label, this.required && (h("span", { key: '7b5143e178547005dc7e2559c0c28a23f105c2a3', class: "required", "aria-hidden": "true" }, " *")))), h("slot", { key: '71f80cc67afb75615e058d42fab0db72e13cc89f' }), this.error ? (h("p", { class: "error", role: "alert" }, this.error)) : (this.description && h("p", { class: "description" }, this.description)))));
     }
     static get is() { return "ui-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-file-upload/ui-file-upload.js

@@ -42,7 +42,7 @@ export class UiFileUpload {
         return `${(bytes / 1024).toFixed(1)} KB`;
     }
     render() {
-        return (h(Host, { key: '675f04b6b96fcdcd10f1344c20225501671e456b' }, h("button", { key: 'bcc1bb63fa043f0778f38370d919eabfb37930f5', type: "button", class: { dropzone: true, dragging: this.dragging }, onClick: this.openPicker, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, h("svg", { key: 'a5836edcdf54284806125e0356f0a5d9bf3e075a', class: "icon", viewBox: "0 0 24 24", width: "2rem", height: "2rem", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '093a31bf1257a470ad7447c20ff02f4ca3ce1957', d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), h("polyline", { key: 'c1eaf0285b47c402fefba5d16d3e1418df06405e', points: "17 8 12 3 7 8" }), h("line", { key: '4655c3de2b0df216d7f520eb81dc8e8a839fde25', x1: "12", y1: "3", x2: "12", y2: "15" })), h("span", { key: 'afa948d851f9df7944a2c669f9e0432fb1bb017b', class: "label" }, this.label), this.accept ? (h("span", { class: "hint" }, this.accept)) : null), h("input", { key: 'd2b97f6a23121a701da7e9296f0f06d0175c6edc', type: "file", hidden: true, accept: this.accept, multiple: this.multiple, ref: (el) => (this.inputEl = el), onChange: this.onInputChange }), this.files.length > 0 ? (h("ul", { class: "files" }, this.files.map((file) => (h("li", { class: "file" }, h("span", { class: "file-name" }, file.name), h("span", { class: "file-size" }, this.formatSize(file.size))))))) : null));
+        return (h(Host, { key: 'a8ca0fb9e4fbbfdba11a8f290124af65a0480093' }, h("button", { key: 'fd077d08e014e28b1f2411bb09a7d8a49afd7ceb', type: "button", class: { dropzone: true, dragging: this.dragging }, onClick: this.openPicker, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, h("svg", { key: '2d68e2377435eeb88645a887091c0b6c2d707c5c', class: "icon", viewBox: "0 0 24 24", width: "2rem", height: "2rem", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '677380bbdb141a320a97d1163c5410312b003ed4', d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), h("polyline", { key: '42deea2aa62b6908fdd0e45ec64e9cabcf225da6', points: "17 8 12 3 7 8" }), h("line", { key: '12a28663905914b21b4c355bc96064d8e9ae4045', x1: "12", y1: "3", x2: "12", y2: "15" })), h("span", { key: '77bedaa863521eb1960fedd51b82e453606fe3e5', class: "label" }, this.label), this.accept ? (h("span", { class: "hint" }, this.accept)) : null), h("input", { key: '9facb4fee3805f4c0a9286e5bed67eae1b8e799b', type: "file", hidden: true, accept: this.accept, multiple: this.multiple, ref: (el) => (this.inputEl = el), onChange: this.onInputChange }), this.files.length > 0 ? (h("ul", { class: "files" }, this.files.map((file) => (h("li", { class: "file" }, h("span", { class: "file-name" }, file.name), h("span", { class: "file-size" }, this.formatSize(file.size))))))) : null));
     }
     static get is() { return "ui-file-upload"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class UiGrid {
                 : `repeat(${this.columns}, minmax(0, 1fr))`,
             gap: GAP[this.gap],
         };
-        return (h(Host, { key: 'fa78c94117bc998616e3f30ef936527d5be66e13' }, h("div", { key: '8594c436b71b7f49434b3366ec70ea24c6b437dc', class: "grid", style: style }, h("slot", { key: '79bb94baa8dd68e82b88734d57f6e31b033a7f5f' }))));
+        return (h(Host, { key: 'ecafabf2b7902db681cd4ce15e8d4f8d8480f0d6' }, h("div", { key: '52aac0fe0cea374a7a083c5fb385882c1fd7b2e7', class: "grid", style: style }, h("slot", { key: '8b686a8e53fb33a94def9b6675df0df94dad14a6' }))));
     }
     static get is() { return "ui-grid"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class UiInput {
     }
     render() {
         const showClear = this.clearable && !!this.value && !this.disabled;
-        return (h(Host, { key: 'cfe13feedab47ba88763ae727eb77ca15a0c52a3' }, h("div", { key: '7c79750f2ad87a55462a2416e9d46b4558f9b279', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, h("span", { key: 'dafa1e0120f0de7a041ecfdb98db4203c1d67a28', class: "affix" }, h("slot", { key: '80aef681671784cd65f473975e441027d038c340', name: "prefix" })), h("input", { key: '8bad96710b4190784302fe9ce908f33aef0bc126', 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 && (h("button", { key: '4b26604a6c1ff8004afa6ef0964490ba82553d61', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, h("svg", { key: '87195594cef1db73b86f1117233fdef13ee9fa1a', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, h("path", { key: '66be8eddf982847bf22f59f9113b66b4e47ca005', d: "M18 6 6 18M6 6l12 12" })))), h("span", { key: '749bf6ba578fd22b2d6c34b0fb7522f5a87a33e3', class: "affix" }, h("slot", { key: 'b226025774cedd33f915c6155061044b272d77a1', name: "suffix" })))));
+        return (h(Host, { key: 'e9eb32b17bc234a3e97c570f6a2e0eaabf3763f9' }, h("div", { key: '8545c0a5c3a4ac48e11ebe7d9f0bc46738cf967f', class: { field: true, invalid: this.invalid, disabled: this.disabled } }, h("span", { key: '5f2273b9913a6e3c4f2328aedd1c68f5481ffc33', class: "affix" }, h("slot", { key: 'a6430217baeb4bf8f794c3b3da9d8a5d1f1934ea', name: "prefix" })), h("input", { key: '878396509802ac7fd2e6527fd9ff134280271981', 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 && (h("button", { key: '07328458e2c91c87affea1ae462e97c45c2861b7', class: "clear", type: "button", "aria-label": "Limpar", onClick: this.clear }, h("svg", { key: '604ecae919eb8c115e4fc46d8a3b9ecc2f1f8937', viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, h("path", { key: '824a4aeff8afcd9a87bb386232d7c541fb9aad5a', d: "M18 6 6 18M6 6l12 12" })))), h("span", { key: 'c0c577e12a4f01520286da06512130de943781dc', class: "affix" }, h("slot", { key: '5b2f1281359134f2714ede53446cf853b7a2eb61', name: "suffix" })))));
     }
     static get is() { return "ui-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class UiLabel {
     render() {
-        return (h(Host, { key: '45a53d43b29ba78ac9852334536e9d7cb93e9c3c' }, h("label", { key: 'f8209140ec401f7a055d398181a421f281307a9b', class: "label" }, h("slot", { key: '50ba3bbce082e8f0c402c7acb3cd25ce822e3728' }))));
+        return (h(Host, { key: '213a75753c53932901162e5ddae563d8fae95e7e' }, h("label", { key: '12718a028e0e7986e107ebe3c189339e1cbde003', class: "label" }, h("slot", { key: 'd83412a17a6cf21d5b99fc16e365d67911f4f515' }))));
     }
     static get is() { return "ui-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class UiNavbar {
     render() {
-        return (h(Host, { key: 'db6c3b0a7eee0812d931d4fb4c8b5ce444749b5e' }, h("nav", { key: '990bc62b051ca9f24ee5be4bf4e383873e5d8269', class: "navbar" }, h("div", { key: '999b46029fb0e0b6f5a04942d9326b30f7b0e392', class: "brand" }, h("slot", { key: '189a4521a16efdec4eee5c433b17a71028f05c90', name: "brand" })), h("div", { key: 'b3e129ad603ed6d32ec676aab96cf39e51834dec', class: "center" }, h("slot", { key: 'dc1fff1b9c536df2d88b5e92a83634d1e3bca384' })), h("div", { key: '854fac1322e96c7c67bf204af17ea665494c0fc5', class: "actions" }, h("slot", { key: '0f07b817547c866df0137f8667790b3caa65bea8', name: "actions" })))));
+        return (h(Host, { key: '940a8e9cc97673bb8142fe9be09a5744d6d61a06' }, h("nav", { key: 'd802871dd15c8ebbf21cbe40bb07a820b60c784a', class: "navbar" }, h("div", { key: 'ee85458ac62b6de535df4c7a3d258debbb35372e', class: "brand" }, h("slot", { key: 'f7748f6b9c8d2d8a72e4bae46e6d75689e19ffe2', name: "brand" })), h("div", { key: '60396a2ca70f078373108615989e0c4761d9d30b', class: "center" }, h("slot", { key: 'f260618d58d6e09fa5847489b1bc679813b29f2f' })), h("div", { key: '2ba5af2e7f45be35f1427249e68356c5445a513f', class: "actions" }, h("slot", { key: '5cf983d9fb58a516bd0f70e9ec0cc6b48b6607ef', name: "actions" })))));
     }
     static get is() { return "ui-navbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,13 +42,13 @@ export class UiPagination {
         const total = Math.max(this.total, 1);
         const current = this.clamp(this.current);
         const entries = this.buildRange();
-        return (h(Host, { key: '23be36b9c734a9c43e9644337a58e4ede719215d' }, h("nav", { key: '618c7c85d1ea8f93bdd058d7ba4e61a62991e2d6', class: "pagination", role: "navigation", "aria-label": "Pagina\u00E7\u00E3o" }, h("button", { key: 'a9c0cac9d2b2fb6c61e9627158efd08f1e20f597', class: "page nav", type: "button", "aria-label": "P\u00E1gina anterior", disabled: current <= 1, onClick: () => this.go(current - 1) }, "\u2039"), entries.map((entry, index) => {
+        return (h(Host, { key: '58d36fd4a14897c7a01573b6d626e4b6282fbeda' }, h("nav", { key: '80f0b2a4dceba2aea9d6e957a694aaa82eb86823', class: "pagination", role: "navigation", "aria-label": "Pagina\u00E7\u00E3o" }, h("button", { key: '9d102598d2216b0ddee599ba622287a62cd67598', class: "page nav", type: "button", "aria-label": "P\u00E1gina anterior", disabled: current <= 1, onClick: () => this.go(current - 1) }, "\u2039"), entries.map((entry, index) => {
             if (entry === "...") {
                 return (h("span", { key: `ellipsis-${index}`, class: "ellipsis", "aria-hidden": "true" }, "\u2026"));
             }
             const active = entry === current;
             return (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));
-        }), h("button", { key: '38fb86bda60934768f24c117e8586acb35f88513', class: "page nav", type: "button", "aria-label": "Pr\u00F3xima p\u00E1gina", disabled: current >= total, onClick: () => this.go(current + 1) }, "\u203A"))));
+        }), h("button", { key: '8aa783a48a5ee13b6af2ad2e7b9e05d99f67df79', class: "page nav", type: "button", "aria-label": "Pr\u00F3xima p\u00E1gina", disabled: current >= total, onClick: () => this.go(current + 1) }, "\u203A"))));
     }
     static get is() { return "ui-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class UiPopover {
         this.cleanup = undefined;
     }
     render() {
-        return (h(Host, { key: '005686226a579c5a9968f9b99bc177bfc523f4bc' }, h("span", { key: '3c43cbdfd37c6ec5243c94069fb3e417fb4fde8b', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: 'bcc68719623c4035cb4b811d52d916c86b814657', name: "trigger" })), h("div", { key: '04865b639bcb5ba267d1ed3e0399f8b677c1befa', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, h("slot", { key: '2a518fa968650f9e844996b21d421f5e96834fbd' }))));
+        return (h(Host, { key: '965392d6028b26b71bd908d277a5817fee2216c9' }, h("span", { key: '09a9ce8d7aa698fe4d29f0950846cae6584563d9', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: '5c0caa0a3a783cd4046e5b52ff4796053a645298', name: "trigger" })), h("div", { key: '096cf2835c48662d2e159afb6c05208adcd4547c', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, h("slot", { key: '661584c0d9519b94a4d16cd3477b84026b6add21' }))));
     }
     static get is() { return "ui-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class UiProgress {
     }
     render() {
         const determinate = !this.isIndeterminate;
-        return (h(Host, { key: '0d53e528a9a2176e683310c375ff63a3785b7bc6', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, h("div", { key: '5e7511d189ebc53dfffa6f9aabf0c6d110d2ba0f', class: "track" }, h("div", { key: '7d68e2e258c8d31a46815a66416853ea31af1b79', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
+        return (h(Host, { key: 'a7b5aeeca1588edd18fa15429fefdb85590bd078', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, h("div", { key: '2996d36f222bafc4501b1dbd7c8cf73e235f056a', class: "track" }, h("div", { key: '95ba4a179b5bfae636bdfe7860f7da4966f0a127', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
     }
     static get is() { return "ui-progress"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-progress-circular/ui-progress-circular.js

@@ -30,7 +30,7 @@ export class UiProgressCircular {
         const dashoffset = determinate
             ? circumference * (1 - this.percent)
             : circumference * 0.75;
-        return (h(Host, { key: '4201e2e660c07a1b3d5ad6e2a464b3dc4075308a', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined, style: { width: this.size, height: this.size } }, h("svg", { key: 'fe9226a711cbdd751baf6fd06e8acef3af63349e', class: { ring: true, indeterminate: this.isIndeterminate }, width: this.size, height: this.size, viewBox: "0 0 100 100" }, h("circle", { key: 'c7dc8282a2295ac97009f575bb7f116d54b0f917', class: "track", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth) }), h("circle", { key: '04f88283dde12b1e6c2206f7421fb4fa72c6d569', class: "indicator", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth), "stroke-linecap": "round", "stroke-dasharray": String(circumference), "stroke-dashoffset": String(dashoffset) })), this.showValue && determinate ? (h("div", { class: "value" }, Math.round(this.percent * 100), "%")) : null));
+        return (h(Host, { key: '897f7b89a108759cc23a9445c4cc9b86891b2ece', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined, style: { width: this.size, height: this.size } }, h("svg", { key: 'ab55aaf976f0d1ffbfc2332c916b740c25ead28f', class: { ring: true, indeterminate: this.isIndeterminate }, width: this.size, height: this.size, viewBox: "0 0 100 100" }, h("circle", { key: 'c1e43611349b214522f5d4a734f105be9b0735d7', class: "track", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth) }), h("circle", { key: '6589b238758c3b620a9dad7673ea756a267945f0', class: "indicator", cx: "50", cy: "50", r: String(radius), "stroke-width": String(this.strokeWidth), "stroke-linecap": "round", "stroke-dasharray": String(circumference), "stroke-dashoffset": String(dashoffset) })), this.showValue && determinate ? (h("div", { class: "value" }, Math.round(this.percent * 100), "%")) : null));
     }
     static get is() { return "ui-progress-circular"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-radio-group/ui-radio-group.js

@@ -31,7 +31,7 @@ export class UiRadioGroup {
         };
     }
     render() {
-        return (h(Host, { key: 'f7265dce62bf0d590da4b9d8f8756f11991680fb' }, h("div", { key: 'ba70adcb04fae5ba2f78089ac95f8dfed4014efd', class: "group", role: "radiogroup" }, this.options.map((option, index) => {
+        return (h(Host, { key: 'a9f1842629179cbbf695a9392609b1391437c374' }, h("div", { key: '43637af51dcca8b3b77181de48bdca69257c8606', class: "group", role: "radiogroup" }, this.options.map((option, index) => {
             const selected = option.value === this.value;
             return (h("button", { class: "radio", type: "button", role: "radio", "aria-checked": selected ? "true" : "false", tabindex: selected || (!this.value && index === 0) ? "0" : "-1", disabled: this.disabled, onClick: () => this.select(option.value), onKeyDown: (event) => this.onKeyDown(event, index) }, h("span", { class: "indicator" }, h("span", { class: "dot" })), h("span", { class: "label" }, option.label)));
         }))));

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

@@ -27,7 +27,7 @@ export class UiRating {
     render() {
         const active = this.hoverValue > 0 ? this.hoverValue : this.value;
         const stars = Array.from({ length: this.max }, (_, i) => i + 1);
-        return (h(Host, { key: 'b334c2aea5f4b15907ef5d386f344403b97f0324' }, h("div", { key: '635e2ec90f98eb3f90c4f365d32fc82b5763cf42', class: "rating", role: "radiogroup", "aria-label": "Avalia\u00E7\u00E3o", onMouseLeave: this.onLeave }, stars.map((index) => {
+        return (h(Host, { key: '8425460115d823dbf165a46145e67721fe26160d' }, h("div", { key: 'efdc85de267af2789a96e3072b819a31886ddcd8', class: "rating", role: "radiogroup", "aria-label": "Avalia\u00E7\u00E3o", onMouseLeave: this.onLeave }, stars.map((index) => {
             const filled = index <= active;
             return (h("button", { class: { star: true, filled, readonly: this.readonly }, type: "button", role: "radio", "aria-checked": index === this.value ? "true" : "false", "aria-label": `${index} estrelas`, onClick: () => this.select(index), onMouseEnter: () => this.onEnter(index) }, h("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%" }, h("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }))));
         }))));

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

@@ -26,7 +26,7 @@ export class UiReveal {
         this.observer?.disconnect();
     }
     render() {
-        return (h(Host, { key: '5bb285428644e0c3e130178e5c34811ff5c52d5a' }, h("div", { key: '1884cbc6f94fdee392ed94ab8fbc4a449747138a', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, h("slot", { key: '270ee6624c2ba58edc786d80fb3d777ff3cebb41' }))));
+        return (h(Host, { key: 'e4d72fb7d28b5107aeee2dfbce303d726569caa3' }, h("div", { key: '4da09ffd02e072562da35831063377b7083def33', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, h("slot", { key: '9501798c821935d87e6fdf2e595443e251e89192' }))));
     }
     static get is() { return "ui-reveal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-scroll-progress/ui-scroll-progress.js

@@ -23,7 +23,7 @@ export class UiScrollProgress {
         window.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: 'fee75a94ba6949fffe43501b672492795632f687' }, h("div", { key: 'fc881ac42582dc50df17861b918d96331216b86f', class: "bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(this.progress * 100), style: { transform: `scaleX(${this.progress})` } })));
+        return (h(Host, { key: '28ba2f0c5eb50a1fa2a2ef68ad8fb7017447cc5e' }, h("div", { key: '546cd39172466bc069eee65930fbf96706105b5c', class: "bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(this.progress * 100), style: { transform: `scaleX(${this.progress})` } })));
     }
     static get is() { return "ui-scroll-progress"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class UiSection {
         this.description = "";
     }
     render() {
-        return (h(Host, { key: '541fff68d5138d9c8767a22f4fc031d77d532010' }, h("section", { key: 'a05b3596b2dae7e78216b087af28f0be57d79468' }, this.eyebrow && h("p", { key: 'd429995b90a7877792fb4c2def70a2dd9fd1865d', class: "eyebrow" }, this.eyebrow), this.heading && h("h2", { key: '41849c37d94c9d91cfedaa0bceec0a453089326d', class: "heading" }, this.heading), this.description && h("p", { key: '5b244c629c70ed213426d141bec5c67da670d566', class: "description" }, this.description), h("slot", { key: '7ad5eafe43915eb69f31532417f1ea28f232b5c8' }))));
+        return (h(Host, { key: 'f9ca72986e90e560d62a8aae824e46ca054bfc60' }, h("section", { key: '2920c329302e4f263ea5f69d94e99f470d13b796' }, this.eyebrow && h("p", { key: '42a40e4eee0f4428669c07ef41f409fbb3050b90', class: "eyebrow" }, this.eyebrow), this.heading && h("h2", { key: 'e48b4a964d0afe76a4057e44393136fb85aece0b', class: "heading" }, this.heading), this.description && h("p", { key: '90aa856c92f63324f5cc31fb4e67378eef4150c2', class: "description" }, this.description), h("slot", { key: '7629ee2f0e291b5b9614819e82aea2bdc1cc1d8c' }))));
     }
     static get is() { return "ui-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class UiSegmented {
         };
     }
     render() {
-        return (h(Host, { key: 'ff4e74a388b0c7db02c4065e32c93b66d1338fb8' }, h("div", { key: '163708540ba5221f2b7a90dc7778c2d83072b6e4', class: "track", role: "radiogroup" }, this.items.map((item) => {
+        return (h(Host, { key: 'c33baee8f155b53bd94170e442b4e2bcc815e19a' }, h("div", { key: 'daf332aeaff637736164a429c5166a1277c301df', class: "track", role: "radiogroup" }, this.items.map((item) => {
             const active = item.value === this.value;
             return (h("button", { key: item.value, class: { segment: true, active }, type: "button", role: "radio", "aria-checked": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
         }))));

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

@@ -13,7 +13,7 @@ export class UiSelect {
     }
     render() {
         const hasValue = this.value !== undefined && this.value !== "";
-        return (h(Host, { key: 'a1abda48256851c19e13b1516c9789ff270fd55f' }, h("div", { key: '9556917c11784833418565b305b814e176b4ce22', class: "wrapper" }, h("select", { key: '6f724cd6c5c83d841839c1a13b8e1f74720edd57', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (h("option", { key: '2b70163c4f64850d05f8194b310041bc32d18930', value: "", disabled: true, selected: !hasValue }, this.placeholder)), this.options.map((option) => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))), h("svg", { key: '748cda678998b6739fc56aaa7df36964a37a0f12', class: "chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: '957613dc5eeb6471f4dfc1cc4e8203c90d291cdb', points: "6 9 12 15 18 9" })))));
+        return (h(Host, { key: '64c33b02b0515d5c2e3484aef7e3261c1edb5af4' }, h("div", { key: '0bbd78b01e44c403636d54930441a6576f2821e0', class: "wrapper" }, h("select", { key: '2435c3bf0053fc0f3670fd8aaa0506f2945eca39', class: "select", name: this.name, disabled: this.disabled, onChange: this.onChange }, this.placeholder && (h("option", { key: 'cfba5ce9961f1960cf1e54e8efb27aaf82eeb2db', value: "", disabled: true, selected: !hasValue }, this.placeholder)), this.options.map((option) => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))), h("svg", { key: '0af4fe1625061d35fd3e793f59fdbfc46429eb84', class: "chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: '27787d33345ce50eafa3696c1d17f21768819fcf', points: "6 9 12 15 18 9" })))));
     }
     static get is() { return "ui-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class UiSeparator {
         this.orientation = "horizontal";
     }
     render() {
-        return (h(Host, { key: '64211b51121d5c090a1f7e3feb88e7c076dc5b7b', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
+        return (h(Host, { key: '8ad0a4bc68cdc9e2213c2236d61a7c882297a15f', role: "separator", "aria-orientation": this.orientation, class: `orientation-${this.orientation}` }));
     }
     static get is() { return "ui-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class UiSkeleton {
     render() {
-        return (h(Host, { key: 'b8c2b1288e037ec55d582d07a6f9d83ad63789b4' }, h("span", { key: '3a939a4d6ab7ce5791bd3ffb7210743ad68e0db8', class: "skeleton" })));
+        return (h(Host, { key: '6f8614815e2d8fb536225748b0883a0a1b3a34e7' }, h("span", { key: '41f6f75b31f55f0c468bdb7566983aca0c20f8c2', class: "skeleton" })));
     }
     static get is() { return "ui-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class UiSlider {
         };
     }
     render() {
-        return (h(Host, { key: 'eeb569c6927ebcda5c1702c8bdbade3e15ede9c2' }, h("input", { key: '1fd45574a52ed9d857941c870650995f092283f8', class: "slider", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.onInput, onChange: this.onChange })));
+        return (h(Host, { key: 'c1175e775a1861d332064d8229f16ff46b2e2330' }, h("input", { key: 'ea65fc85d9f7c034560de24ed0df42340ee2509a', 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 })));
     }
     static get is() { return "ui-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,5 +1,6 @@
 :host {
   display: inline-flex;
+  vertical-align: middle;
   color: var(--ui-accent);
 }
 

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

@@ -5,7 +5,7 @@ export class UiSpinner {
         this.size = "md";
     }
     render() {
-        return (h(Host, { key: '3ce50c4de9703a057c0971fbaa71f6535a30c196', role: "status" }, h("span", { key: '83aba34de038600be6535662d7243489d4db79f1', class: { spinner: true, [`size-${this.size}`]: true } }), h("span", { key: 'ff7523e8ab8e073dea03314b72c93aaf566fa32e', class: "sr-only" }, "Carregando")));
+        return (h(Host, { key: 'fdbe42a3b0cd906ff4c0dd79cc661370aa36cf22', role: "status" }, h("span", { key: 'aab2633191dd34f3b9ba49d4335ec3aaafcfb0a8', class: { spinner: true, [`size-${this.size}`]: true } }), h("span", { key: 'bd4d9cf78c4b05dcf5e1146a13f9754dce2d5127', class: "sr-only" }, "Carregando")));
     }
     static get is() { return "ui-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class UiStack {
             justifyContent: JUSTIFY[this.justify],
             flexWrap: this.wrap ? "wrap" : "nowrap",
         };
-        return (h(Host, { key: 'f10c42228c323efa8c5ded4e8ca552e38d1ef923' }, h("div", { key: 'c296191b05e5ad4e9fdec382808b24b6e798867d', class: "stack", style: style }, h("slot", { key: '8cc418111a0833cf404e0578e81c23f9aaa69fda' }))));
+        return (h(Host, { key: '27299e680537c9b2cc57c2922f28ec01f2ff12f8' }, h("div", { key: '8201e2dadf2462e2f48113a6b4bf7f57b55328b2', class: "stack", style: style }, h("slot", { key: 'b2e1715ca077e101ba2519662b4365b6e2c52db4' }))));
     }
     static get is() { return "ui-stack"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class UiStat {
         return null;
     }
     render() {
-        return (h(Host, { key: 'd4d0f5f87e9049b60b849afa096438bb5defa710' }, h("div", { key: '9dbd07ca51110a52ea852894401b0908b4cf7d30', class: "card" }, h("p", { key: '41e30e19f7ca5d26df13381e34a6c6a87ca530ce', class: "label" }, this.label), h("div", { key: '40c72d2e2bda9fb9017a52eec04737c673910ea3', class: "value-row" }, h("span", { key: 'b217030e5603cd2c0e0a99913461e83047a73378', class: "value" }, this.value), this.delta && (h("span", { key: 'df0a67ef011043f334512a43c1a6fb1ac9bb6978', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), h("div", { key: '3e4fb6a69cf7b22d2a1f60f28f5f5747f900165a', class: "extra" }, h("slot", { key: '97237fcf1fc5c46a30426728c0f240cab4808541' })))));
+        return (h(Host, { key: 'bb31e4f164bd4e3b2d20b9639b4271358fb4a7b9' }, h("div", { key: 'f025dd01a43bde3377053710e752501dfe4a7960', class: "card" }, h("p", { key: '6c56a97d9bdf6cad4929bea1700cbccb0dafdb15', class: "label" }, this.label), h("div", { key: '9cb668b141f0db11700d58254821771ff0a6cdbf', class: "value-row" }, h("span", { key: '2cd39bc3703da766aa7bc0daafb078d0670376b7', class: "value" }, this.value), this.delta && (h("span", { key: '95ed79c13f055ffe672b3c3c6f7430c70639b096', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), h("div", { key: '13c159ddb3b5aa850c543cba6bc8a507f7986e84', class: "extra" }, h("slot", { key: 'bd58d52d17e408952564f5984216d73ccb7c90a5' })))));
     }
     static get is() { return "ui-stat"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class UiSwitch {
         };
     }
     render() {
-        return (h(Host, { key: '428fb05e4d51811bca60b1e3513c38002bcdd6f7' }, h("button", { key: '39192341845fd5877a6a73f3c7ef8257a526601e', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: '51fa9f37d6e7083e8aaf4de69e234dbb56bc4c8b', class: "thumb" }))));
+        return (h(Host, { key: '9b6a322fd7129b403e8ef9b8dcfa686904af0a3f' }, h("button", { key: '263e42e0bdc147a3fe8b99f6d153ef8a38165b57', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: 'd8c2917fa03aa147e86e9ba812bd2bf791bc3d5e', class: "thumb" }))));
     }
     static get is() { return "ui-switch"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class UiTable {
         this.hoverable = true;
     }
     render() {
-        return (h(Host, { key: 'e62b59e8da83f4b9f0c3d622623bbe216d3cfb8f' }, h("div", { key: 'e46a0eeeedaa9efa10867a9e38a03514a6d23d0b', class: "wrapper" }, h("table", { key: 'fe0a34ee49101b57d74e0e2ad765861bf5e3509e', class: { table: true, striped: this.striped, hoverable: this.hoverable } }, h("thead", { key: '0ea948edf967524a5fc55df8bdc453a3fd6a58a4' }, h("tr", { key: '69d9be2deeb57d4811ebdb8714d0713d675c8c1e' }, this.columns.map((column) => (h("th", { key: column.key, style: { textAlign: column.align ?? "left" } }, column.label))))), h("tbody", { key: '4b0fa5fbc25f6f0952da9a85bd03289f24ffdf9a' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map((column) => (h("td", { key: column.key, style: { textAlign: column.align ?? "left" } }, String(row[column.key] ?? ""))))))))))));
+        return (h(Host, { key: 'aa3d75a6092f69ee274a7148e35ab54b83d6c356' }, h("div", { key: '4953b1c3e26eeaa1250185c559328e037a634985', class: "wrapper" }, h("table", { key: '2029b63484460261f8f46ae5d1a669019f3103f8', class: { table: true, striped: this.striped, hoverable: this.hoverable } }, h("thead", { key: '8a963402f6e7204c84e54cc07c2458ac4994c75c' }, h("tr", { key: '764743907d21a69235f1c55db12372348c876cee' }, this.columns.map((column) => (h("th", { key: column.key, style: { textAlign: column.align ?? "left" } }, column.label))))), h("tbody", { key: '60e287ad516e4280ce4f0878669325e9be977461' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map((column) => (h("td", { key: column.key, style: { textAlign: column.align ?? "left" } }, String(row[column.key] ?? ""))))))))))));
     }
     static get is() { return "ui-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,10 +13,10 @@ export class UiTabs {
         };
     }
     render() {
-        return (h(Host, { key: '498d6b8302e63ed96533c7d68f4ac00c06b513cb' }, h("div", { key: '20699e632c2596a7157dd69e0f77b7db75b8b40e', class: "tablist", role: "tablist" }, this.items.map((item) => {
+        return (h(Host, { key: '41f5832ef24470811c6c1d64958bc3c2cb56bc2b' }, h("div", { key: 'fed127dfc1cea76ff1bd2a1ce4b6091244c89f4e', class: "tablist", role: "tablist" }, this.items.map((item) => {
             const active = item.value === this.value;
             return (h("button", { key: item.value, class: { tab: true, active }, type: "button", role: "tab", "aria-selected": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
-        })), h("div", { key: 'd4d5577f928378d8e400779954831fd5f6416c04', class: "panel", role: "tabpanel" }, h("slot", { key: '77e86a40c41666945704a560222edd22cd92443f', name: this.value }))));
+        })), h("div", { key: '533f8c0dafcb55782d13c42d864cb1eb508b4d20', class: "panel", role: "tabpanel" }, h("slot", { key: 'dd75f808647deeb70991a366dd91d9ac65f78268', name: this.value }))));
     }
     static get is() { return "ui-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class UiTextarea {
         };
     }
     render() {
-        return (h(Host, { key: '4134da9c40b56d7a690aacf84f285d32c76e0e97' }, h("textarea", { key: 'ed094856a7982bb44cc2a6b756daf5ee12f57c01', class: { textarea: true, invalid: this.invalid }, name: this.name, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }, this.value)));
+        return (h(Host, { key: '66f45ad55373e76406aebfac1a7b9358757df9cb' }, h("textarea", { key: '05343ebf1f04bcef8c39c2e26e07973930a52417', 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)));
     }
     static get is() { return "ui-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-theme-toggle/ui-theme-toggle.js

@@ -50,7 +50,7 @@ export class UiThemeToggle {
         return (h("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "4" }), h("line", { x1: "12", y1: "2", x2: "12", y2: "4" }), h("line", { x1: "12", y1: "20", x2: "12", y2: "22" }), h("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), h("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), h("line", { x1: "4.93", y1: "4.93", x2: "6.34", y2: "6.34" }), h("line", { x1: "17.66", y1: "17.66", x2: "19.07", y2: "19.07" }), h("line", { x1: "4.93", y1: "19.07", x2: "6.34", y2: "17.66" }), h("line", { x1: "17.66", y1: "6.34", x2: "19.07", y2: "4.93" })));
     }
     render() {
-        return (h(Host, { key: 'a654dba08923ee4ede01577964a9c1ae00152eeb' }, h("button", { key: '84477ec9d4693aa93457fb6564ceae1ab2c3516b', class: "toggle", type: "button", "aria-label": this.isDark ? "Ativar tema claro" : "Ativar tema escuro", "aria-pressed": this.isDark ? "true" : "false", onClick: this.toggle }, this.renderIcon())));
+        return (h(Host, { key: '941b9c3a71cbbf850d292e95e11311ec4e53dcd4' }, h("button", { key: 'd4db89ef140e4d4f5ec2198d69f3c6645db64853', 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())));
     }
     static get is() { return "ui-theme-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,8 @@
+:host {
+  display: block;
+}
+
+.timeline {
+  display: flex;
+  flex-direction: column;
+}

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

@@ -0,0 +1,18 @@
+import { h, Host } from "@stencil/core";
+export class UiTimeline {
+    render() {
+        return (h(Host, { key: '1d67e561676e216a05e314ffeb14e88e5cd6be7d' }, h("div", { key: '50bf6f54546237a55b4589cfe3ed52b20cb0f6cb', class: "timeline" }, h("slot", { key: 'e7c94095dcf74efaa81d1b1d0fb124e4595609ee' }))));
+    }
+    static get is() { return "ui-timeline"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-timeline.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-timeline.css"]
+        };
+    }
+}

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

@@ -0,0 +1,83 @@
+:host {
+  display: block;
+}
+
+.item {
+  position: relative;
+  display: flex;
+  gap: 0.75rem;
+  padding-bottom: 1.5rem;
+  font-family: var(--ui-font-sans);
+}
+
+.marker {
+  position: relative;
+  flex: 0 0 1.5rem;
+  display: flex;
+  justify-content: center;
+}
+
+.dot {
+  position: relative;
+  z-index: 1;
+  width: 0.75rem;
+  height: 0.75rem;
+  margin-top: 0.125rem;
+  border-radius: var(--ui-radius-full);
+  background: var(--dot-color, var(--ui-accent));
+  box-shadow: 0 0 0 2px var(--ui-background);
+}
+
+.line {
+  position: absolute;
+  top: 0.5rem;
+  bottom: -1.5rem;
+  left: 50%;
+  width: 2px;
+  transform: translateX(-50%);
+  background: var(--ui-border);
+}
+
+:host(:last-child) .line {
+  display: none;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  min-width: 0;
+}
+
+.time {
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--ui-text-faint);
+}
+
+.heading {
+  font-weight: 600;
+  color: var(--ui-foreground);
+}
+
+.body {
+  font-size: 0.875rem;
+  color: var(--ui-text-soft);
+}
+
+.variant-accent {
+  --dot-color: var(--ui-accent);
+}
+.variant-success {
+  --dot-color: var(--ui-success);
+}
+.variant-warning {
+  --dot-color: var(--ui-warning);
+}
+.variant-danger {
+  --dot-color: var(--ui-danger);
+}
+.variant-muted {
+  --dot-color: var(--ui-text-faint);
+}