@andespindola/ui-core 0.1.0 → 0.1.1

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiAccordionItemCss = () => `:host{display:block;font-family:var(--ui-font-sans);border-bottom:1px solid var(--ui-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;cursor:pointer;font-weight:500;color:var(--ui-foreground);list-style:none;outline:none}summary::-webkit-details-marker{display:none}summary:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring);border-radius:var(--ui-radius-sm)}.chevron{flex:none;color:var(--ui-text-muted);transition:transform var(--ui-duration) var(--ui-ease)}details[open] .chevron{transform:rotate(180deg)}.content{padding-bottom:1rem;color:var(--ui-text-muted)}`;
+const uiAccordionItemCss = () => `:host{display:block;font-family:var(--ui-font-sans);border-bottom:1px solid var(--ui-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;cursor:pointer;font-weight:500;color:var(--ui-foreground);list-style:none;outline:none}summary::-webkit-details-marker{display:none}summary:hover{color:var(--ui-accent)}summary:hover .chevron{color:var(--ui-accent)}summary:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring);border-radius:var(--ui-radius-sm)}.chevron{flex:none;color:var(--ui-text-muted);transition:transform var(--ui-duration) var(--ui-ease)}details[open] .chevron{transform:rotate(180deg)}.content{padding-bottom:1rem;color:var(--ui-text-muted)}`;
 
 const UiAccordionItem = class {
     constructor(hostRef) {
@@ -19,7 +19,7 @@ const UiAccordionItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'c1c8a792a0e8ab52c4750af995c98ffda3b47cf0' }, index.h("details", { key: '3eaa096ad9a9b0f22fe0b2a34b254deb4e6b7df5', open: this.open, onToggle: this.onToggle }, index.h("summary", { key: 'eb86d25aa684879440b87ce1113d282fb07e81ce' }, index.h("span", { key: 'c70e1823bec0a32432cf74438c6d62a7b145e067', class: "heading" }, this.heading), index.h("svg", { key: '65f9e9179ec29d10115a6938be5fb2481bdcbcfc', class: "chevron", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("polyline", { key: 'def877261275e0eb0f830651fe35d524497686b9', points: "6 9 12 15 18 9" }))), index.h("div", { key: '91c0120a4a7c02cbdb97bded4c77e6eeea63ce83', class: "content" }, index.h("slot", { key: '590ed083fb0a3969bdadb2376532b4ceb9bcc597' })))));
+        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' })))));
     }
 };
 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: '0d6a0faf16d8cacc925818349b38f8acaa186fdb' }, index.h("slot", { key: '060f07d2ed0104666101f2984affc84eb33239d0' })));
+        return (index.h(index.Host, { key: 'e6332a0fa193f07001cf71f61531729529607b2b' }, index.h("slot", { key: '95ab7de2a8344e267fe97cae784b75635cafd289' })));
     }
 };
 UiAccordion.style = uiAccordionCss();

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

@@ -11,7 +11,7 @@ const UiAvatar = class {
         this.alt = "";
     }
     render() {
-        return (index.h(index.Host, { key: '5c1258b170c4bb32cca3177574292a2b7661ebf2' }, index.h("span", { key: '35991cb32d1958e8c5b11ccba182e9d43531aadb', 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: '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)))));
     }
 };
 UiAvatar.style = uiAvatarCss();

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

@@ -2,14 +2,14 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiCardCss = () => `:host{display:block}.card{border:1px solid var(--ui-border);background:var(--ui-panel);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px) saturate(140%);border-radius:var(--ui-radius-xl);color:var(--ui-foreground);padding:1.5rem}::slotted([slot="title"]){font-size:1.125rem;font-weight:600;letter-spacing:-0.01em}::slotted([slot="description"]){color:var(--ui-text-muted);font-size:0.875rem}`;
+const uiCardCss = () => `:host{display:block}.card{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;border:1px solid var(--ui-border);background:var(--ui-panel);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px) saturate(140%);border-radius:var(--ui-radius-xl);color:var(--ui-text-soft);font-family:var(--ui-font-sans)}::slotted([slot="title"]){margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-0.01em;color:var(--ui-foreground)}::slotted([slot="description"]){margin:0;font-size:0.875rem;color:var(--ui-text-muted)}::slotted([slot="footer"]){display:flex;gap:0.75rem;margin-top:0.5rem}`;
 
 const UiCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7e2833cdc6f37c6b8577c17677840913fb7cd9e1' }, index.h("div", { key: '223c291e98af73ee2c299b8649773cfcf54388d7', class: "card" }, index.h("slot", { key: 'e948386bcd492c31e264d50cf27d26e98dd771eb' }))));
+        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" }))));
     }
 };
 UiCard.style = uiCardCss();

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

@@ -26,7 +26,7 @@ const UiCheckbox = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '218342fd572fe2a937ef30501ceb1286ed9872ac' }, index.h("button", { key: 'c54f4b4d663c472e08aeff9016da9d3fe63072fd', 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: 'a4f460f90eeaa930b0d867ad1aadf99550ff3c9a', 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: 'e96040e1a3058b910203023d882aa8da62ec9fce', points: "20 6 9 17 4 12" })))));
+        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" })))));
     }
 };
 UiCheckbox.style = uiCheckboxCss();

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: 'c61dad5c30282e7a0ff063b713fff567be0b2183' }, index.h("dialog", { key: '55e3de816fcdaafce020a8edb30e469f6d579df7', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: '39b8436aca48ee79ff63a1cd81640697be8007cf', class: "content" }, index.h("slot", { key: 'e8d509cd882aa1e3a97f66486baf4afacdf36767' })))));
+        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' })))));
     }
     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: '96c4f4cec0fdc9a8601448bfc9a16dda37b33507' }, index.h("dialog", { key: '72ef71e674d116c9d2f47bf4d997fc9d5ca1472d', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, index.h("div", { key: '25e537c059dcc33085bd0c0c47aa39448a16176b', class: "content" }, index.h("slot", { key: '3c0b746055fb6f1ac6a8c0c4713aa9cd47fd1a00' })))));
+        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' })))));
     }
     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: '9e88bb2a1ccec0a6c5f088cdd40a7881cba6e3ac' }, index.h("button", { key: '371c531f920cbd1a5374b8c6812d9b67c97e44f4', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: 'fe16aad1402e098180719edd9110c83ee550224c' }))));
+        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' }))));
     }
     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: '83694eb278f8a9c711ae30677254a4168dbd825f' }, index.h("span", { key: 'dabab12417ed473e22097578c07842f36a05e397', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: '6e3b0f1c2c83a48c0c70a2416c6e0ac34b05c68e', name: "trigger" })), index.h("div", { key: '2b6059c9bfa98c6f5bc9656d86ffeaf1009a887b', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: 'af01e24903f705ef30174ba37735d774b8e5aa99' }))));
+        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' }))));
     }
     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: '1f944085a10d6c795ce06a7a91021fee46780347' }, index.h("div", { key: 'a2f2fde238292d543c65bf6e1ed0dfd0dce424f9', class: "field" }, this.label && (index.h("label", { key: '4f450b5e43f1ea8dda3b3134022a010391a2f404', class: "label", htmlFor: this.fieldId }, this.label, this.required && (index.h("span", { key: '1853d16b19752584b646a294dcbe2b8359ec12b4', class: "required", "aria-hidden": "true" }, " *")))), index.h("slot", { key: '75adc24c2264e3e954618737769232535caa13e4' }), 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: '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)))));
     }
 };
 UiField.style = uiFieldCss();

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

@@ -27,7 +27,7 @@ const UiInput = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'e2ca2973fb898cde6988d2422f8b346662caf375' }, index.h("input", { key: '6e2b0358dc583f448a71f95f319d0fd675536c60', 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 })));
+        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 })));
     }
 };
 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: 'bb726d8b26a82776e688532b6fbe69c178308c75' }, index.h("label", { key: 'bfd33ad1561fcee62395be37e83894cdce0ec259', class: "label" }, index.h("slot", { key: 'c0ac5938df3aea7219a59caf46cb7cd152046770' }))));
+        return (index.h(index.Host, { key: '5ded9464de8fe01a6bb830f4de51975cfd720746' }, index.h("label", { key: '1a14229c5e511eac3cb4244f546aee71a4f5d399', class: "label" }, index.h("slot", { key: '7c5def32e92ffdc6dcb1b83c044f5199957f5951' }))));
     }
 };
 UiLabel.style = uiLabelCss();

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: '193a3f6fb440dc2da1837c2387511d38f71e7da3' }, index.h("span", { key: '8732b0b40340e39ac26b80e38864438cf9bf01cc', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, index.h("slot", { key: 'd51743b5fa62e8fd5c5639ba2d9681caa8556fb0', name: "trigger" })), index.h("div", { key: 'a2ae9fd5bb67dc1ad4243ac478ecc11cb4c28665', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, index.h("slot", { key: '655d8b979962d25dabe8497516be51199ce16452' }))));
+        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' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiProgressCss = () => `:host{display:block}.track{width:100%;height:0.5rem;border-radius:var(--ui-radius-full);background:var(--ui-chip);overflow:hidden}.indicator{height:100%;border-radius:var(--ui-radius-full);background:var(--ui-accent);transition:width var(--ui-duration) var(--ui-ease)}.indicator.indeterminate{width:40%;animation:ui-progress-slide 1.2s ease-in-out infinite}@keyframes ui-progress-slide{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}`;
+const uiProgressCss = () => `:host{display:block}.track{width:100%;height:0.5rem;border-radius:var(--ui-radius-full);background:var(--ui-chip);border:1px solid var(--ui-border);overflow:hidden;box-sizing:border-box}.indicator{height:100%;min-width:0.5rem;border-radius:var(--ui-radius-full);background:linear-gradient(90deg, var(--ui-accent), var(--ui-accent-strong));box-shadow:0 0 12px color-mix(in srgb, var(--ui-accent) 55%, transparent);transition:width var(--ui-duration) var(--ui-ease)}.indicator.indeterminate{width:40%;min-width:0;animation:ui-progress-slide 1.3s var(--ui-ease) infinite}@keyframes ui-progress-slide{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}`;
 
 const UiProgress = class {
     constructor(hostRef) {
@@ -25,7 +25,7 @@ const UiProgress = class {
     }
     render() {
         const determinate = !this.isIndeterminate;
-        return (index.h(index.Host, { key: '0be3e6f551bf5401e033a7faba2787eb4166eb0a', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, index.h("div", { key: '89151bf96326053ce60b71a2f2f9b6c13d721e39', class: "track" }, index.h("div", { key: '2cdf8f8cbbe7729813e8e78b671fc43b7ebec153', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
+        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 }))));
     }
 };
 UiProgress.style = uiProgressCss();

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: '926e1c25b8463f92dc35a010d58b9bd622932c21' }, index.h("div", { key: '0561142e1b0955e22d12056f316c98556cb5365d', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, index.h("slot", { key: 'bd53a6ca33153d3f7768a7662e5e5b78ea221cc6' }))));
+        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' }))));
     }
     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: '7eced0439a2d6ef04d085396a6fc0e69fbe798ed' }, index.h("div", { key: '30db3ea1a3fce2a26ebca96568e939c4a0183922', class: "bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(this.progress * 100), style: { transform: `scaleX(${this.progress})` } })));
+        return (index.h(index.Host, { key: '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})` } })));
     }
 };
 UiScrollProgress.style = uiScrollProgressCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiSectionCss = () => `:host{display:block;font-family:var(--ui-font-sans)}section{max-width:80rem;margin:0 auto;padding:5rem 1.25rem}.eyebrow{margin:0 0 0.75rem;text-transform:uppercase;letter-spacing:0.08em;font-size:0.75rem;font-weight:600;color:var(--ui-accent)}.heading{margin:0 0 1rem;font-size:1.875rem;font-weight:600;color:var(--ui-foreground)}.description{margin:0 0 2rem;max-width:42rem;color:var(--ui-text-muted)}`;
+const uiSectionCss = () => `:host{display:block;font-family:var(--ui-font-sans)}section{max-width:80rem;margin:0 auto;padding:3.5rem 1.5rem}.eyebrow{display:inline-block;margin:0 0 0.75rem;padding:0.25rem 0.625rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);text-transform:uppercase;letter-spacing:0.12em;font-size:0.6875rem;font-weight:600;color:var(--ui-accent)}.heading{margin:0 0 0.75rem;font-size:2.25rem;font-weight:600;letter-spacing:-0.02em;line-height:1.1;color:var(--ui-foreground)}.description{margin:0 0 2rem;max-width:42rem;color:var(--ui-text-muted)}`;
 
 const UiSection = class {
     constructor(hostRef) {
@@ -15,7 +15,7 @@ const UiSection = class {
         this.description = "";
     }
     render() {
-        return (index.h(index.Host, { key: '63ee126b1e457a4dcd01a66aa519e6fae8377db6' }, index.h("section", { key: '34f3c07dca2e9f6a3c288b7c41abaf2a3502129f' }, this.eyebrow && index.h("p", { key: '7c71e3e38e56872757d017ba4f59949f50518c6f', class: "eyebrow" }, this.eyebrow), this.heading && index.h("h2", { key: 'b8f42a4ae5d2e5d8fb80a4cb9de07ca10c2423fd', class: "heading" }, this.heading), this.description && index.h("p", { key: 'faeba9733afaa52e7a08629459dd708b4f647740', class: "description" }, this.description), index.h("slot", { key: '99e906d4ca93461c35125acb4eb3401ed76929fe' }))));
+        return (index.h(index.Host, { key: '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' }))));
     }
 };
 UiSection.style = uiSectionCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiSelectCss = () => `:host{display:block}.wrapper{position:relative;display:block;width:100%}.select{width:100%;height:2.75rem;padding:0 2.5rem 0 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.select:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.select:disabled{opacity:0.5;pointer-events:none}.chevron{position:absolute;top:50%;right:0.875rem;width:1.125rem;height:1.125rem;color:var(--ui-text-muted);transform:translateY(-50%);pointer-events:none}`;
+const uiSelectCss = () => `:host{display:block}.wrapper{position:relative;display:block;width:100%}.select{width:100%;height:2.75rem;padding:0 2.5rem 0 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.select:hover:not(:disabled){border-color:var(--ui-border-strong)}.select:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.select:disabled{opacity:0.5;pointer-events:none}.chevron{position:absolute;top:50%;right:0.875rem;width:1.125rem;height:1.125rem;color:var(--ui-text-muted);transform:translateY(-50%);pointer-events:none}`;
 
 const UiSelect = class {
     constructor(hostRef) {

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

@@ -2,14 +2,14 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiSkeletonCss = () => `:host{display:block}.skeleton{display:block;width:100%;height:100%;border-radius:var(--ui-radius-sm);background:linear-gradient(     90deg,     var(--ui-chip),     var(--ui-panel),     var(--ui-chip)   );background-size:200% 100%;animation:ui-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}`;
+const uiSkeletonCss = () => `:host{display:block}.skeleton{display:block;width:100%;height:100%;min-height:1rem;border-radius:var(--ui-radius-sm);background-color:var(--ui-chip);background-image:linear-gradient(     90deg,     transparent,     color-mix(in srgb, var(--ui-foreground) 12%, transparent),     transparent   );background-size:200% 100%;background-repeat:no-repeat;animation:ui-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-150% 0}100%{background-position:150% 0}}`;
 
 const UiSkeleton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '19b59c75e9ff1607c731227bd344a0d082de5366' }, index.h("span", { key: '6eb968b5bd87768818381db897a090a2783ad938', class: "skeleton" })));
+        return (index.h(index.Host, { key: 'a7ce8aa1c475aaa92353b0eb6bad5ded231a5cd1' }, index.h("span", { key: '0611976380d3fb93d1ac64bfdc5d4686568c5129', class: "skeleton" })));
     }
 };
 UiSkeleton.style = uiSkeletonCss();

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

@@ -29,7 +29,7 @@ const UiSlider = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'dc7f810ebfdde28731d2e1c491596caf03c2476e' }, index.h("input", { key: 'cac37f559b5587d18fee732e11d6515d57d23466', class: "slider", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.onInput, onChange: this.onChange })));
+        return (index.h(index.Host, { key: '08226142947909bff3ccecd5fc780d75515c2ee2' }, index.h("input", { key: '192bd60cd8b0c1e8d6029272fd317c0d786b36ca', class: "slider", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.onInput, onChange: this.onChange })));
     }
 };
 UiSlider.style = uiSliderCss();

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

@@ -26,7 +26,7 @@ const UiSwitch = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '495f30df67c0277471c4d01920f5608700943132' }, index.h("button", { key: '8327f2d141877994b6ddd3ba8b474e816cb2f949', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, index.h("span", { key: 'e91d3ffd7b8fdfb1a64f96746c5a396ecaecb882', class: "thumb" }))));
+        return (index.h(index.Host, { key: '0650dcb564622448421a576b17093cfeeb7a3a6d' }, index.h("button", { key: '09e705ce9642f4c11b84bc876577b9e55dab1e52', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, index.h("span", { key: 'd237bee4724d5f9a199f4794217d1528c074caac', class: "thumb" }))));
     }
 };
 UiSwitch.style = uiSwitchCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiTabsCss = () => `:host{display:block;font-family:var(--ui-font-sans)}.tablist{display:inline-flex;gap:0.25rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip)}.tab{appearance:none;border:none;padding:0.375rem 0.875rem;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.tab:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground)}`;
+const uiTabsCss = () => `:host{display:block;font-family:var(--ui-font-sans)}.tablist{display:inline-flex;gap:0.25rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip)}.tab{appearance:none;border:none;padding:0.375rem 0.875rem;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.tab:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.tab:hover:not(.active){color:var(--ui-foreground)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}.panel{margin-top:1.25rem;color:var(--ui-text-soft);font-size:0.9375rem;line-height:1.5}`;
 
 const UiTabs = class {
     constructor(hostRef) {
@@ -23,7 +23,7 @@ const UiTabs = class {
         return (index.h(index.Host, { key: '8828dc9385a8c206a751e39fda9869116dda3001' }, index.h("div", { key: '8e13dc53f1c03da5a52adb8ec86da91c78c502b2', class: "tablist", role: "tablist" }, this.items.map((item) => {
             const active = item.value === this.value;
             return (index.h("button", { key: item.value, class: { tab: true, active }, type: "button", role: "tab", "aria-selected": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
-        })), index.h("slot", { key: '1cd08dfe5ae2e2b6bf55eb90cb55f2c757c5589f', name: this.value })));
+        })), index.h("div", { key: '1e46e18417426af6053490cde8e7637e4bae7855', class: "panel", role: "tabpanel" }, index.h("slot", { key: 'efb63794fca013a54a1b2f261c4a72cd18ce3ef0', name: this.value }))));
     }
 };
 UiTabs.style = uiTabsCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Cb1tfi_9.js');
 
-const uiTextareaCss = () => `:host{display:block}.textarea{width:100%;min-height:7rem;padding:0.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;line-height:1.5;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;resize:vertical}.textarea::placeholder{color:var(--ui-text-faint)}.textarea:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.textarea:disabled{opacity:0.5;pointer-events:none}.textarea.invalid{border-color:var(--ui-danger)}.textarea.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}`;
+const uiTextareaCss = () => `:host{display:block}.textarea{width:100%;min-height:7rem;padding:0.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;line-height:1.5;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;resize:vertical}.textarea::placeholder{color:var(--ui-text-faint)}.textarea:hover:not(:disabled){border-color:var(--ui-border-strong)}.textarea:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.textarea:disabled{opacity:0.5;pointer-events:none}.textarea.invalid{border-color:var(--ui-danger)}.textarea.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}`;
 
 const UiTextarea = class {
     constructor(hostRef) {
@@ -27,7 +27,7 @@ const UiTextarea = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9dfb606e8b193b4ce3cc9f085454ff849892e838' }, index.h("textarea", { key: '0f4aa4078cae931c3e246613d51645162673b7d5', class: { textarea: true, invalid: this.invalid }, name: this.name, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }, this.value)));
+        return (index.h(index.Host, { key: 'f0bafb6320cd48642dac3b5f1e07399f88a78b03' }, index.h("textarea", { key: 'fc99c0b899dd17477928b9f38273fd822d46935b', class: { textarea: true, invalid: this.invalid }, name: this.name, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }, this.value)));
     }
 };
 UiTextarea.style = uiTextareaCss();

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

@@ -57,7 +57,7 @@ const UiThemeToggle = class {
         return (index.h("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("circle", { cx: "12", cy: "12", r: "4" }), index.h("line", { x1: "12", y1: "2", x2: "12", y2: "4" }), index.h("line", { x1: "12", y1: "20", x2: "12", y2: "22" }), index.h("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), index.h("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), index.h("line", { x1: "4.93", y1: "4.93", x2: "6.34", y2: "6.34" }), index.h("line", { x1: "17.66", y1: "17.66", x2: "19.07", y2: "19.07" }), index.h("line", { x1: "4.93", y1: "19.07", x2: "6.34", y2: "17.66" }), index.h("line", { x1: "17.66", y1: "6.34", x2: "19.07", y2: "4.93" })));
     }
     render() {
-        return (index.h(index.Host, { key: 'f4bbcb8298cf3dbc50c31a816e97b32b45a115a4' }, index.h("button", { key: 'f86adcf499252f07d2aaae4c6b07cf0d4bcb4c01', class: "toggle", type: "button", "aria-label": this.isDark ? "Ativar tema claro" : "Ativar tema escuro", "aria-pressed": this.isDark ? "true" : "false", onClick: this.toggle }, this.renderIcon())));
+        return (index.h(index.Host, { key: '6b55c31df3938ab37336e4e4c4ed90e9b149a440' }, index.h("button", { key: '7640122c47871bc67aad6f74b59229219fdb348b', class: "toggle", type: "button", "aria-label": this.isDark ? "Ativar tema claro" : "Ativar tema escuro", "aria-pressed": this.isDark ? "true" : "false", onClick: this.toggle }, this.renderIcon())));
     }
 };
 UiThemeToggle.style = uiThemeToggleCss();

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

@@ -54,7 +54,7 @@ const UiToast = class {
         this.dismiss();
     }
     render() {
-        return (index.h(index.Host, { key: 'abe85b33019341e670263a3fabefe1c73c203a12' }, this.open && (index.h("div", { key: 'c205504fb55e2a6fa613b54faa7f7b532e7d2998', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, index.h("div", { key: '6e7c37d0946cefa13c4d0dc0e611263c27ddbd9c', class: "body" }, this.heading && index.h("p", { key: '2052d9b3a812be260a59e0162983643c9ca6ea58', class: "heading" }, this.heading), this.description && (index.h("p", { key: '968ed3b147a1cc5e30f8595b0206b4c1368c2598', class: "description" }, this.description))), index.h("button", { key: '9199db49bf8d563426eae6342dd99f062db43cb3', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, index.h("svg", { key: 'e6f1abf5c953a819aadb205a879e46cf60e9417a', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { key: '390cb58060de58f0fcd75045597f4d835ce15cbc', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: '2259ed783b26c3c0070ec365713ba61e3e9efbe1', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
+        return (index.h(index.Host, { key: 'fe0318f91899e78faeb2ac07a7a06bfe42f9d3fd' }, this.open && (index.h("div", { key: '66dc197d7a493ad7a7cb9aa982fc92bc0541d21f', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, index.h("div", { key: 'df1fbb34582de4d10a84402653e7d7d528d8faa0', class: "body" }, this.heading && index.h("p", { key: '7c14d43a9397320bda3a79b60637da9d48c31945', class: "heading" }, this.heading), this.description && (index.h("p", { key: '6c83f1b075b3df34c1ce05e8c43627903ddbba4e', class: "description" }, this.description))), index.h("button", { key: '922acc1bc264b59ce708014decb078182d7909b4', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, index.h("svg", { key: '10541297b8fc83a5da11b640933f6c3695602cb0', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { key: '964b3dc70120841eb01fffeef9e7ddcbd30880ec', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: 'e45490846076269a527a0f722e32e61206cc2d9d', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -21,7 +21,7 @@ const UiToaster = class {
         this.items = this.items.filter((item) => item.id !== id);
     }
     render() {
-        return (index.h(index.Host, { key: '51de8367f0037a6b7ea809bb643d0a20e41553bf' }, index.h("div", { key: '34a6d8310ce460ee5cec6e87ab20266a9a522177', class: "container" }, this.items.map((item) => (index.h("ui-toast", { key: item.id, open: true, heading: item.heading, description: item.description, variant: item.variant ?? "default", duration: item.duration ?? 4000, onUiClose: () => this.remove(item.id) }))))));
+        return (index.h(index.Host, { key: '18ad65a18488bd061c2fa8eb2ad33c41a472d850' }, index.h("div", { key: 'de7ae9b62cd155d13c5a8d018ea2970d509e74e6', class: "container" }, this.items.map((item) => (index.h("ui-toast", { key: item.id, open: true, heading: item.heading, description: item.description, variant: item.variant ?? "default", duration: item.duration ?? 4000, onUiClose: () => this.remove(item.id) }))))));
     }
 };
 UiToaster.style = uiToasterCss();

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

@@ -3,7 +3,7 @@
 var index = require('./index-Cb1tfi_9.js');
 var floatingUi_dom = require('./floating-ui.dom-BPemvNRD.js');
 
-const uiTooltipCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.375rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;line-height:1.4;color:var(--ui-foreground);border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}`;
+const uiTooltipCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.4rem 0.7rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;line-height:1.4;color:var(--ui-foreground);background:color-mix(in srgb, var(--ui-background) 90%, var(--ui-foreground) 8%);border:1px solid var(--ui-border-strong);box-shadow:var(--ui-shadow-lg);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}`;
 
 const UiTooltip = class {
     constructor(hostRef) {
@@ -55,7 +55,7 @@ const UiTooltip = class {
         this.cleanup = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '49f898bc54da31cf9f6b5189577bae89f6681bf8', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, index.h("span", { key: '394744f0b34ec0c534b417ba520f2b805b582802', class: "trigger", ref: (el) => (this.triggerEl = el) }, index.h("slot", { key: '7afd6d807490d8af4fffeb38e69de825f7d3c138' })), index.h("div", { key: '3d12cffd7fd903ec6178961bf40476b063ee1563', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
+        return (index.h(index.Host, { key: '5a3f2a7cf235a6c31c8a4d3ebd4f0d517c7e7b5d', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, index.h("span", { key: 'f626c5ec5686959449c5a2dd1c80551fd6b19087', class: "trigger", ref: (el) => (this.triggerEl = el) }, index.h("slot", { key: '08a19214efd0eba04d715b76a63a2cc53ed3a5c6' })), index.h("div", { key: 'b598af62ab976599a5274cc85f01b4ab7543dabf', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
     }
     get host() { return index.getElement(this); }
 };

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

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

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

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

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

@@ -12,7 +12,7 @@ export class UiAccordionItem {
         };
     }
     render() {
-        return (h(Host, { key: 'c1c8a792a0e8ab52c4750af995c98ffda3b47cf0' }, h("details", { key: '3eaa096ad9a9b0f22fe0b2a34b254deb4e6b7df5', open: this.open, onToggle: this.onToggle }, h("summary", { key: 'eb86d25aa684879440b87ce1113d282fb07e81ce' }, h("span", { key: 'c70e1823bec0a32432cf74438c6d62a7b145e067', class: "heading" }, this.heading), h("svg", { key: '65f9e9179ec29d10115a6938be5fb2481bdcbcfc', class: "chevron", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'def877261275e0eb0f830651fe35d524497686b9', points: "6 9 12 15 18 9" }))), h("div", { key: '91c0120a4a7c02cbdb97bded4c77e6eeea63ce83', class: "content" }, h("slot", { key: '590ed083fb0a3969bdadb2376532b4ceb9bcc597' })))));
+        return (h(Host, { key: 'a6753eab6e0dc158aadd47469da57bf73274cb99' }, h("details", { key: 'c98130b641f5cca70f27867ecc23769de0871733', open: this.open, onToggle: this.onToggle }, h("summary", { key: 'ed84e054379bc2f3133c675b5ddd8b6b69bb205c' }, h("span", { key: '49d66f1f5ade0c22d4b13f1ead38d712d8dc0310', class: "heading" }, this.heading), 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" }, h("polyline", { key: 'd69ebaaa12602c3c2d4a44d1c5b5ca6ed523f254', points: "6 9 12 15 18 9" }))), h("div", { key: '98178b28965c4595c0330299a358cc821424985f', class: "content" }, h("slot", { key: 'd633bc20693f7ac970e6fa1cf55760841243a870' })))));
     }
     static get is() { return "ui-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class UiAvatar {
         this.alt = "";
     }
     render() {
-        return (h(Host, { key: '5c1258b170c4bb32cca3177574292a2b7661ebf2' }, h("span", { key: '35991cb32d1958e8c5b11ccba182e9d43531aadb', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback)))));
+        return (h(Host, { key: '7a6bbef0807d0d3dc25692a6bf87171131579e46' }, h("span", { key: '6b548ed4e5ec0dc7bb52dcb3660ffc188705439f', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback)))));
     }
     static get is() { return "ui-avatar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,22 +3,36 @@
 }
 
 .card {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 1.5rem;
   border: 1px solid var(--ui-border);
   background: var(--ui-panel);
   box-shadow: var(--ui-shadow-lg);
   backdrop-filter: blur(22px) saturate(140%);
   border-radius: var(--ui-radius-xl);
-  color: var(--ui-foreground);
-  padding: 1.5rem;
+  color: var(--ui-text-soft);
+  font-family: var(--ui-font-sans);
 }
 
+/* Slots nomeados: vazios usam display:contents (default), então não geram gap. */
 ::slotted([slot="title"]) {
+  margin: 0;
   font-size: 1.125rem;
   font-weight: 600;
   letter-spacing: -0.01em;
+  color: var(--ui-foreground);
 }
 
 ::slotted([slot="description"]) {
-  color: var(--ui-text-muted);
+  margin: 0;
   font-size: 0.875rem;
+  color: var(--ui-text-muted);
+}
+
+::slotted([slot="footer"]) {
+  display: flex;
+  gap: 0.75rem;
+  margin-top: 0.5rem;
 }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class UiCard {
     render() {
-        return (h(Host, { key: '7e2833cdc6f37c6b8577c17677840913fb7cd9e1' }, h("div", { key: '223c291e98af73ee2c299b8649773cfcf54388d7', class: "card" }, h("slot", { key: 'e948386bcd492c31e264d50cf27d26e98dd771eb' }))));
+        return (h(Host, { key: '1608f7f7bd8addc04064a70965fdb28a67a1abef' }, h("div", { key: '976e8fa507f78649789161f5eaaa2308547c7040', class: "card" }, h("slot", { key: '803ef160438006449051c2068246fd6f20562cc5', name: "title" }), h("slot", { key: '84bfdd0d56b015d09598e53e0002b9ac5e69934d', name: "description" }), h("slot", { key: '97d8522f426b54ab6a8b51038bd8f2b8e2413d0e' }), h("slot", { key: '8b36ab658e61cdebb391d6bb8dc427d809a81b30', name: "footer" }))));
     }
     static get is() { return "ui-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class UiCheckbox {
         };
     }
     render() {
-        return (h(Host, { key: '218342fd572fe2a937ef30501ceb1286ed9872ac' }, h("button", { key: 'c54f4b4d663c472e08aeff9016da9d3fe63072fd', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: 'a4f460f90eeaa930b0d867ad1aadf99550ff3c9a', class: "check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'e96040e1a3058b910203023d882aa8da62ec9fce', points: "20 6 9 17 4 12" })))));
+        return (h(Host, { key: '3702acd47b1980ddf23df427a68c69ee782756e4' }, 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 }, 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" }, h("polyline", { key: '34a601d25b20fdf1ad697349531888648795f4bf', points: "20 6 9 17 4 12" })))));
     }
     static get is() { return "ui-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,7 +37,7 @@ export class UiDialog {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: 'c61dad5c30282e7a0ff063b713fff567be0b2183' }, h("dialog", { key: '55e3de816fcdaafce020a8edb30e469f6d579df7', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '39b8436aca48ee79ff63a1cd81640697be8007cf', class: "content" }, h("slot", { key: 'e8d509cd882aa1e3a97f66486baf4afacdf36767' })))));
+        return (h(Host, { key: 'df811bec2a6a250e90cbb6d9c85202b2d3c2c964' }, h("dialog", { key: '49572b35ec17863fb83e9973c548a8cafa0308b6', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '53c82b2c7a1b8831d64a060b4665a60bbdc7e39a', class: "content" }, h("slot", { key: 'b398a9692fdf2826b86125723bc232791e6b9e4b' })))));
     }
     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: '96c4f4cec0fdc9a8601448bfc9a16dda37b33507' }, h("dialog", { key: '72ef71e674d116c9d2f47bf4d997fc9d5ca1472d', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '25e537c059dcc33085bd0c0c47aa39448a16176b', class: "content" }, h("slot", { key: '3c0b746055fb6f1ac6a8c0c4713aa9cd47fd1a00' })))));
+        return (h(Host, { key: '9f2f27dcc087f608a3aeed4fe64a65eb8fe4011b' }, h("dialog", { key: '92471e4a732f00e4187efb37cbba553651c2f9dd', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: 'd6706d4943f8559aee320b6df509138c44857bf0', class: "content" }, h("slot", { key: '5cb218bde44c73fd02c640c1d0da736427f2707c' })))));
     }
     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: '9e88bb2a1ccec0a6c5f088cdd40a7881cba6e3ac' }, h("button", { key: '371c531f920cbd1a5374b8c6812d9b67c97e44f4', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'fe16aad1402e098180719edd9110c83ee550224c' }))));
+        return (h(Host, { key: '57af1c437b63fb19cfe297741b2b0f8d34564be9' }, h("button", { key: 'e3df81eb4c921d8b447c46da5140d21fb8126417', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '162d876af4ed9913c79964afcdceda7539feb95b' }))));
     }
     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: '83694eb278f8a9c711ae30677254a4168dbd825f' }, h("span", { key: 'dabab12417ed473e22097578c07842f36a05e397', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: '6e3b0f1c2c83a48c0c70a2416c6e0ac34b05c68e', name: "trigger" })), h("div", { key: '2b6059c9bfa98c6f5bc9656d86ffeaf1009a887b', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, h("slot", { key: 'af01e24903f705ef30174ba37735d774b8e5aa99' }))));
+        return (h(Host, { key: '65adc044508abd9ebf4b866fba02058bdcd22d5d' }, h("span", { key: 'e70a23e1b41c7936ab1dc3a87cd3593b3db43088', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: '40f2226b6ba6f1d3032cd2b2f2477fbcdf9617b5', name: "trigger" })), h("div", { key: '6af4ab3c98a9334d805e75da724d5572e4c986aa', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, h("slot", { key: '7f99ba16ab9544d5cf63b28f77f18fd4d0fbbed2' }))));
     }
     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: '1f944085a10d6c795ce06a7a91021fee46780347' }, h("div", { key: 'a2f2fde238292d543c65bf6e1ed0dfd0dce424f9', class: "field" }, this.label && (h("label", { key: '4f450b5e43f1ea8dda3b3134022a010391a2f404', class: "label", htmlFor: this.fieldId }, this.label, this.required && (h("span", { key: '1853d16b19752584b646a294dcbe2b8359ec12b4', class: "required", "aria-hidden": "true" }, " *")))), h("slot", { key: '75adc24c2264e3e954618737769232535caa13e4' }), this.error ? (h("p", { class: "error", role: "alert" }, this.error)) : (this.description && h("p", { class: "description" }, this.description)))));
+        return (h(Host, { key: '5656c6d47f71364d26db0e4998e64b8780ee3840' }, h("div", { key: '6adc292e3ae0829c7f5533b2be732644f7e95dab', class: "field" }, this.label && (h("label", { key: 'e7c2e2fa1c3b0bc6edadb1385062fe53e5b2f5f7', class: "label", htmlFor: this.fieldId }, this.label, this.required && (h("span", { key: '06e56259184b4618eb9f2b3602ebb691e6b0ef1b', class: "required", "aria-hidden": "true" }, " *")))), h("slot", { key: 'bd44f4f425f257671eff1ed536051fb318671afc' }), 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-input/ui-input.js

@@ -19,7 +19,7 @@ export class UiInput {
         };
     }
     render() {
-        return (h(Host, { key: 'e2ca2973fb898cde6988d2422f8b346662caf375' }, h("input", { key: '6e2b0358dc583f448a71f95f319d0fd675536c60', 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 })));
+        return (h(Host, { key: 'b904b919904db1677ed9480e43bf939138f09dfc' }, 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 })));
     }
     static get is() { return "ui-input"; }
     static get encapsulation() { return "shadow"; }