@andespindola/ui-core 0.2.0 → 0.4.0

package/dist/cjs/uikit.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb1tfi_9.js');
+var index = require('./index-DV8CICae.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["ui-loading-overlay.cjs",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster.cjs",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion.cjs",[[257,"ui-accordion"]]],["ui-accordion-item.cjs",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-alert.cjs",[[257,"ui-alert",{"variant":[1],"heading":[1],"dismissible":[4],"open":[32]}]]],["ui-avatar.cjs",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1],"status":[1]}]]],["ui-avatar-group.cjs",[[257,"ui-avatar-group"]]],["ui-badge.cjs",[[257,"ui-badge",{"variant":[1],"dot":[4],"removable":[4]}]]],["ui-breadcrumb.cjs",[[257,"ui-breadcrumb"]]],["ui-breadcrumb-item.cjs",[[257,"ui-breadcrumb-item",{"href":[1],"current":[4]}]]],["ui-button.cjs",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1],"full":[516]}]]],["ui-card.cjs",[[257,"ui-card"]]],["ui-checkbox.cjs",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-container.cjs",[[257,"ui-container",{"size":[1],"padded":[4]}]]],["ui-dialog.cjs",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer.cjs",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item.cjs",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu.cjs",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field.cjs",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-grid.cjs",[[257,"ui-grid",{"columns":[2],"gap":[1],"minItemWidth":[1,"min-item-width"]}]]],["ui-input.cjs",[[257,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1],"clearable":[4]}]]],["ui-label.cjs",[[257,"ui-label"]]],["ui-pagination.cjs",[[1,"ui-pagination",{"total":[2],"current":[1538],"siblings":[2]}]]],["ui-popover.cjs",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress.cjs",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-radio-group.cjs",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-reveal.cjs",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress.cjs",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section.cjs",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-segmented.cjs",[[1,"ui-segmented",{"items":[16],"value":[1537]}]]],["ui-select.cjs",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator.cjs",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton.cjs",[[1,"ui-skeleton"]]],["ui-slider.cjs",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-stack.cjs",[[257,"ui-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["ui-stat.cjs",[[257,"ui-stat",{"label":[1],"value":[1],"delta":[1],"trend":[1]}]]],["ui-switch.cjs",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-tabs.cjs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea.cjs",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle.cjs",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-tooltip.cjs",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner.cjs",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast.cjs",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
+  return index.bootstrapLazy([["ui-loading-overlay.cjs",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster.cjs",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion.cjs",[[257,"ui-accordion"]]],["ui-accordion-item.cjs",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-alert.cjs",[[257,"ui-alert",{"variant":[1],"heading":[1],"dismissible":[4],"open":[32]}]]],["ui-avatar.cjs",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1],"status":[1]}]]],["ui-avatar-group.cjs",[[257,"ui-avatar-group"]]],["ui-badge.cjs",[[257,"ui-badge",{"variant":[1],"dot":[4],"removable":[4]}]]],["ui-breadcrumb.cjs",[[257,"ui-breadcrumb"]]],["ui-breadcrumb-item.cjs",[[257,"ui-breadcrumb-item",{"href":[1],"current":[4]}]]],["ui-button.cjs",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1],"full":[516]}]]],["ui-card.cjs",[[257,"ui-card"]]],["ui-carousel.cjs",[[257,"ui-carousel",{"loop":[4],"autoplay":[2],"showArrows":[4,"show-arrows"],"showDots":[4,"show-dots"],"index":[32],"count":[32],"next":[64],"prev":[64],"goTo":[64]}]]],["ui-checkbox.cjs",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-combobox.cjs",[[1,"ui-combobox",{"options":[16],"value":[1025],"placeholder":[1],"query":[32],"open":[32],"activeIndex":[32]}]]],["ui-command.cjs",[[1,"ui-command",{"open":[1540],"items":[16],"placeholder":[1],"hotkey":[4],"query":[32],"activeIndex":[32],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-container.cjs",[[257,"ui-container",{"size":[1],"padded":[4]}]]],["ui-date-picker.cjs",[[1,"ui-date-picker",{"value":[1025],"placeholder":[1],"open":[32],"viewYear":[32],"viewMonth":[32]},null,{"value":[{"onValueChange":0}]}]]],["ui-dialog.cjs",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer.cjs",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item.cjs",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu.cjs",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field.cjs",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-file-upload.cjs",[[1,"ui-file-upload",{"accept":[1],"multiple":[4],"label":[1],"files":[32],"dragging":[32]}]]],["ui-grid.cjs",[[257,"ui-grid",{"columns":[2],"gap":[1],"minItemWidth":[1,"min-item-width"]}]]],["ui-input.cjs",[[257,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1],"clearable":[4]}]]],["ui-label.cjs",[[257,"ui-label"]]],["ui-navbar.cjs",[[257,"ui-navbar"]]],["ui-pagination.cjs",[[1,"ui-pagination",{"total":[2],"current":[1538],"siblings":[2]}]]],["ui-popover.cjs",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress.cjs",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-progress-circular.cjs",[[1,"ui-progress-circular",{"value":[2],"max":[2],"size":[1],"strokeWidth":[2,"stroke-width"],"indeterminate":[4],"showValue":[4,"show-value"]}]]],["ui-radio-group.cjs",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-rating.cjs",[[1,"ui-rating",{"value":[1026],"max":[2],"readonly":[4],"hoverValue":[32]}]]],["ui-reveal.cjs",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress.cjs",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section.cjs",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-segmented.cjs",[[1,"ui-segmented",{"items":[16],"value":[1537]}]]],["ui-select.cjs",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator.cjs",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton.cjs",[[1,"ui-skeleton"]]],["ui-slider.cjs",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-stack.cjs",[[257,"ui-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["ui-stat.cjs",[[257,"ui-stat",{"label":[1],"value":[1],"delta":[1],"trend":[1]}]]],["ui-switch.cjs",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-table.cjs",[[1,"ui-table",{"columns":[16],"rows":[16],"striped":[4],"hoverable":[4]}]]],["ui-tabs.cjs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea.cjs",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle.cjs",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-timeline.cjs",[[257,"ui-timeline"]]],["ui-timeline-item.cjs",[[257,"ui-timeline-item",{"heading":[1],"time":[1],"variant":[513]}]]],["ui-tooltip.cjs",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner.cjs",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast.cjs",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -3,6 +3,8 @@
     "components/ui-alert/ui-alert.js",
     "components/ui-badge/ui-badge.js",
     "components/ui-button/ui-button.js",
+    "components/ui-combobox/ui-combobox.js",
+    "components/ui-command/ui-command.js",
     "components/ui-container/ui-container.js",
     "components/ui-grid/ui-grid.js",
     "components/ui-spinner/ui-spinner.js",
@@ -12,7 +14,9 @@
     "components/ui-separator/ui-separator.js",
     "components/ui-stack/ui-stack.js",
     "components/ui-stat/ui-stat.js",
+    "components/ui-table/ui-table.js",
     "components/ui-tabs/ui-tabs.js",
+    "components/ui-timeline-item/ui-timeline-item.js",
     "components/ui-toast/ui-toast.js",
     "components/ui-toaster/ui-toaster.js",
     "components/ui-accordion/ui-accordion.js",
@@ -22,18 +26,24 @@
     "components/ui-breadcrumb/ui-breadcrumb.js",
     "components/ui-breadcrumb-item/ui-breadcrumb-item.js",
     "components/ui-card/ui-card.js",
+    "components/ui-carousel/ui-carousel.js",
     "components/ui-checkbox/ui-checkbox.js",
+    "components/ui-date-picker/ui-date-picker.js",
     "components/ui-dialog/ui-dialog.js",
     "components/ui-drawer/ui-drawer.js",
     "components/ui-dropdown-item/ui-dropdown-item.js",
     "components/ui-dropdown-menu/ui-dropdown-menu.js",
     "components/ui-field/ui-field.js",
+    "components/ui-file-upload/ui-file-upload.js",
     "components/ui-input/ui-input.js",
     "components/ui-label/ui-label.js",
     "components/ui-loading-overlay/ui-loading-overlay.js",
+    "components/ui-navbar/ui-navbar.js",
     "components/ui-pagination/ui-pagination.js",
     "components/ui-popover/ui-popover.js",
     "components/ui-progress/ui-progress.js",
+    "components/ui-progress-circular/ui-progress-circular.js",
+    "components/ui-rating/ui-rating.js",
     "components/ui-reveal/ui-reveal.js",
     "components/ui-scroll-progress/ui-scroll-progress.js",
     "components/ui-section/ui-section.js",
@@ -42,6 +52,7 @@
     "components/ui-switch/ui-switch.js",
     "components/ui-textarea/ui-textarea.js",
     "components/ui-theme-toggle/ui-theme-toggle.js",
+    "components/ui-timeline/ui-timeline.js",
     "components/ui-tooltip/ui-tooltip.js"
   ],
   "mixins": [],

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: '839f17ea9b81b97b0ca49e89d9907c6a0571f049' }, h("slot", { key: '71badd4150a835acfaa0d5867287a30c8a0b7936' })));
+        return (h(Host, { key: '56a5f7f6b52c0b6a4c38cb46ddba0cd74882bd66' }, h("slot", { key: 'e93260e203e7530a478cf67911c6ad82b1bb42b8' })));
     }
     static get is() { return "ui-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class UiAccordionItem {
         };
     }
     render() {
-        return (h(Host, { key: '4b2e9ef0cda9117df86bef529c4bead45bbe8090' }, h("details", { key: '18c5ff6f8d9ac966d36240949670d84fc2603883', open: this.open, onToggle: this.onToggle }, h("summary", { key: '608bb56fe9b4558d50dc50be2edb922233de35aa' }, h("span", { key: '5d65f0199fff46a4a32139ab1565533dfb299ea9', class: "heading" }, this.heading), h("svg", { key: 'dd32e7223d4eab848185fe027e86892643e98070', class: "chevron", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'd9d02a5e5cfe20a77ae5cd6e383962656038d6d5', points: "6 9 12 15 18 9" }))), h("div", { key: 'b82b7a754b6eb160044b0eadf85ff7a8812e80a5', class: "content" }, h("slot", { key: 'c6a5b13158bbef248980737d9cea866178d2122c' })))));
+        return (h(Host, { key: '11d00df0e199adbc3badfa4e80702b1b1b3ccba7' }, h("details", { key: '44b13038c647250ca575b39a29c51b4552bf08af', open: this.open, onToggle: this.onToggle }, h("summary", { key: '08f7b8573dcfe59772f5e8f5aba4e5f35d4b56e1' }, h("span", { key: 'cd9805611d92d5e79fb8ef919641be21db847653', class: "heading" }, this.heading), h("svg", { key: '86f746ee1069f1da35ae413d0e3027faa3c16e28', 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: 'f390ee46eb11ea19bd1009a6729e350190cb3832', points: "6 9 12 15 18 9" }))), h("div", { key: 'a8648065e4fabb367320d891d6ca31a3d66a6e92', class: "content" }, h("slot", { key: '8666001409bd732acbc0b5cd8aa3c078de166a77' })))));
     }
     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: '0a3b07acb18d2ddeecf3b072fcd6913dbc187474' }, h("span", { key: '9b6c302f378ef47385f43d24a3fe491cdec0bfe0', class: "wrapper" }, h("span", { key: '5093f8e180da9c3b1583da7f651bc69be89821b9', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback))), this.status && (h("span", { key: '920d70149458e747aef1ac35c945a0b403986928', class: `status status-${this.status}`, "aria-label": this.status })))));
+        return (h(Host, { key: '6347a5a14cb07b2782759417006f8a23fd7a6b54' }, h("span", { key: 'dfb14ae7a3e19312a7fa597612a9d10842561d8f', class: "wrapper" }, h("span", { key: '66ad000b4c2f1bea00332cc164a86ee196b80943', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback))), this.status && (h("span", { key: 'd40f9d4f2c42415aa8c346f2819aade2221a2829', class: `status status-${this.status}`, "aria-label": this.status })))));
     }
     static get is() { return "ui-avatar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class UiAvatarGroup {
     render() {
-        return (h(Host, { key: '2413b9065333e5beb192143529b60daceefc11fe' }, h("div", { key: 'df93cb1e73bc05abfee09226111da32f50bf908d', class: "group" }, h("slot", { key: 'fa7fc7b57b009355e32c904cc78b46848403c0eb' }))));
+        return (h(Host, { key: '5c342ae641715653dddb31b78aeee575b8aed1f7' }, h("div", { key: '51f02e90a80b567ecae3bec66409fe81fd23311b', class: "group" }, h("slot", { key: 'e51f5620608a021eac9f11caba645a528dad4e82' }))));
     }
     static get is() { return "ui-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class UiBreadcrumb {
     render() {
-        return (h(Host, { key: '3c86ea43e5dde2c8486b49f8c2ece55f66c4dec5' }, h("nav", { key: '6da35c2ffc4b7c2aa13d3321ed6227d97be59e80', "aria-label": "breadcrumb" }, h("ol", { key: '567cb7aaf4e8ae8f1e15369b45b482104f1264da' }, h("slot", { key: '5f942426d1195ea0eae8256ebfb01d25b6f350ab' })))));
+        return (h(Host, { key: '08c7f1a9160ee85b361bbdbaa79bebe383c45356' }, h("nav", { key: 'c556ee500aae55becf5c1095344278f48bf6c8a5', "aria-label": "breadcrumb" }, h("ol", { key: 'cf7611405a6884d91fe9b4a657f640080e2085e6' }, h("slot", { key: '4d10ef99bed3ba63f5893a62ac8ac4c3c0256461' })))));
     }
     static get is() { return "ui-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class UiBreadcrumbItem {
     }
     render() {
         const isLink = this.href && !this.current;
-        return (h(Host, { key: '20d22dde2f7b6b4c03a76b4e6be851a0c4cd39d5' }, isLink ? (h("a", { class: "link", href: this.href }, h("slot", null))) : (h("span", { class: "current", "aria-current": this.current ? "page" : undefined }, h("slot", null))), !this.current && this.renderSeparator()));
+        return (h(Host, { key: 'daa9ab5db1045afddfd1c1656a1635fd98a9e5cb' }, isLink ? (h("a", { class: "link", href: this.href }, h("slot", null))) : (h("span", { class: "current", "aria-current": this.current ? "page" : undefined }, h("slot", null))), !this.current && this.renderSeparator()));
     }
     static get is() { return "ui-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,6 +19,8 @@
   white-space: nowrap;
   border: 1px solid transparent;
   border-radius: var(--ui-radius-full);
+  background: transparent;
+  color: var(--ui-foreground);
   font-family: var(--ui-font-sans);
   font-weight: 500;
   cursor: pointer;

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: '39ddf0a9974086fcc9ad3fc89f1e1d6858e2fead' }, h("div", { key: 'e8e510a468dc662f9fc76affce785a9b37edc205', class: "card" }, h("slot", { key: 'ee92d4bc2fa1738d84689d989d4e113d515acc83', name: "title" }), h("slot", { key: '6e87c2406474b6ea2aa370d1602ff02a89c4f4d5', name: "description" }), h("slot", { key: 'a388b4bc2d9c5e328ade55ac38c870afc9ade82c' }), h("slot", { key: '071ce297db672e332cf2d354a395b07e100b16a1', name: "footer" }))));
+        return (h(Host, { key: '6382864bd44db2d3bc909fba6b50e61889e248ba' }, h("div", { key: 'ced7e89f9d398eb80d914c0734bf7792b0da415e', class: "card" }, h("slot", { key: '3d77e38ace558104a5498e76730264731d02ad75', name: "title" }), h("slot", { key: '7fe9e17f69e79444eb0d3908f099bc40a49ebe0d', name: "description" }), h("slot", { key: '523ae4e729f6127e4686fb82e12ff3153a67f774' }), h("slot", { key: '87603f17a6d0c8ff7724b5a658e34ae868abd83e', name: "footer" }))));
     }
     static get is() { return "ui-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,103 @@
+:host {
+  display: block;
+}
+
+.viewport {
+  position: relative;
+  overflow: hidden;
+  border: 1px solid var(--ui-border);
+  border-radius: var(--ui-radius-lg);
+  font-family: var(--ui-font-sans);
+  color: var(--ui-foreground);
+}
+
+.track {
+  display: flex;
+  transition: transform 0.4s var(--ui-ease);
+  will-change: transform;
+}
+
+::slotted(*) {
+  flex: 0 0 100%;
+  width: 100%;
+}
+
+/* Setas */
+.arrow {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: var(--ui-radius-full);
+  border: 1px solid var(--ui-border);
+  background: var(--ui-panel-strong);
+  color: var(--ui-foreground);
+  font-size: 1.5rem;
+  line-height: 1;
+  cursor: pointer;
+  backdrop-filter: blur(22px);
+  box-shadow: var(--ui-shadow);
+  outline: none;
+  transition: all var(--ui-duration) var(--ui-ease);
+}
+
+.arrow:hover {
+  border-color: var(--ui-border-strong);
+}
+
+.arrow:focus-visible {
+  box-shadow: 0 0 0 2px var(--ui-ring);
+}
+
+.arrow:disabled {
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.arrow-prev {
+  left: 0.5rem;
+}
+
+.arrow-next {
+  right: 0.5rem;
+}
+
+/* Dots */
+.dots {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0.75rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+}
+
+.dot {
+  width: 0.625rem;
+  height: 0.625rem;
+  padding: 0;
+  border: none;
+  border-radius: var(--ui-radius-full);
+  background: var(--ui-chip);
+  cursor: pointer;
+  outline: none;
+  transition: all var(--ui-duration) var(--ui-ease);
+}
+
+.dot:hover {
+  filter: brightness(1.15);
+}
+
+.dot:focus-visible {
+  box-shadow: 0 0 0 2px var(--ui-ring);
+}
+
+.dot.active {
+  background: var(--ui-accent);
+}

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

@@ -0,0 +1,273 @@
+import { h, Host, } from "@stencil/core";
+export class UiCarousel {
+    constructor() {
+        /** Permite navegação circular (wrap) entre o primeiro e o último slide. */
+        this.loop = false;
+        /** Intervalo de autoplay em ms. 0 desliga o autoplay. */
+        this.autoplay = 0;
+        /** Exibe as setas de navegação. */
+        this.showArrows = true;
+        /** Exibe os indicadores (dots). */
+        this.showDots = true;
+        /** Índice do slide atual. */
+        this.index = 0;
+        /** Quantidade de slides. */
+        this.count = 0;
+        this.syncCount = () => {
+            const slot = this.host.shadowRoot?.querySelector("slot");
+            if (!slot)
+                return;
+            this.count = slot.assignedElements().length;
+            if (this.index > this.count - 1) {
+                this.index = Math.max(0, this.count - 1);
+            }
+        };
+        this.handleMouseEnter = () => {
+            if (this.autoplay > 0)
+                this.stopAutoplay();
+        };
+        this.handleMouseLeave = () => {
+            if (this.autoplay > 0)
+                this.startAutoplay();
+        };
+    }
+    componentDidLoad() {
+        this.syncCount();
+        this.startAutoplay();
+    }
+    disconnectedCallback() {
+        this.stopAutoplay();
+    }
+    startAutoplay() {
+        if (this.autoplay > 0) {
+            this.stopAutoplay();
+            this.timer = setInterval(() => {
+                this.advance();
+            }, this.autoplay);
+        }
+    }
+    stopAutoplay() {
+        if (this.timer) {
+            clearInterval(this.timer);
+            this.timer = undefined;
+        }
+    }
+    advance() {
+        if (this.count < 1)
+            return;
+        this.goTo((this.index + 1) % this.count);
+    }
+    setIndex(i) {
+        if (this.count < 1)
+            return;
+        let target = i;
+        if (this.loop) {
+            target = ((i % this.count) + this.count) % this.count;
+        }
+        else {
+            target = Math.max(0, Math.min(i, this.count - 1));
+        }
+        if (target === this.index)
+            return;
+        this.index = target;
+        this.uiChange.emit(this.index);
+    }
+    /** Avança para o próximo slide. */
+    async next() {
+        this.setIndex(this.index + 1);
+    }
+    /** Volta para o slide anterior. */
+    async prev() {
+        this.setIndex(this.index - 1);
+    }
+    /** Vai para um slide específico pelo índice. */
+    async goTo(i) {
+        this.setIndex(i);
+    }
+    render() {
+        const hasNav = this.count > 1;
+        const atStart = this.index <= 0;
+        const atEnd = this.index >= this.count - 1;
+        return (h(Host, { key: '8674262ced2aef3587cb5b5148628776c3a438df' }, h("div", { key: 'f75c9ec8e3d6aa8635e3001a108795f2b0ac8075', class: "viewport", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'eb654e625366fbeef0b91dd9d86fabe82bada130', class: "track", style: { transform: `translateX(${-this.index * 100}%)` } }, h("slot", { key: '23be2c8067e38b9092bbe6d3ef7b59efb91176c2', onSlotchange: this.syncCount })), this.showArrows && hasNav && (h("button", { key: 'a079b10d78e03a780cccd34a18cb677890c79b8d', type: "button", class: "arrow arrow-prev", "aria-label": "Slide anterior", disabled: !this.loop && atStart, onClick: () => this.prev() }, "\u2039")), this.showArrows && hasNav && (h("button", { key: 'baa6cdc3055631a766afeffc2dadf3d565afaf71', type: "button", class: "arrow arrow-next", "aria-label": "Pr\u00F3ximo slide", disabled: !this.loop && atEnd, onClick: () => this.next() }, "\u203A")), this.showDots && hasNav && (h("div", { key: '3b381517e47193aece7e50c7f134f3e70ea2eda6', class: "dots" }, Array.from({ length: this.count }).map((_, i) => (h("button", { key: i, type: "button", class: { dot: true, active: i === this.index }, "aria-label": `Ir para slide ${i + 1}`, "aria-current": i === this.index ? "true" : "false", onClick: () => this.goTo(i) }))))))));
+    }
+    static get is() { return "ui-carousel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-carousel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-carousel.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "loop": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Permite navega\u00E7\u00E3o circular (wrap) entre o primeiro e o \u00FAltimo slide."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "loop",
+                "defaultValue": "false"
+            },
+            "autoplay": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Intervalo de autoplay em ms. 0 desliga o autoplay."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "autoplay",
+                "defaultValue": "0"
+            },
+            "showArrows": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Exibe as setas de navega\u00E7\u00E3o."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-arrows",
+                "defaultValue": "true"
+            },
+            "showDots": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Exibe os indicadores (dots)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-dots",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "index": {},
+            "count": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "uiChange",
+                "name": "uiChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitido quando o slide atual muda, com o \u00EDndice novo."
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "next": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Avan\u00E7a para o pr\u00F3ximo slide.",
+                    "tags": []
+                }
+            },
+            "prev": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Volta para o slide anterior.",
+                    "tags": []
+                }
+            },
+            "goTo": {
+                "complexType": {
+                    "signature": "(i: number) => Promise<void>",
+                    "parameters": [{
+                            "name": "i",
+                            "type": "number",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Vai para um slide espec\u00EDfico pelo \u00EDndice.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}

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

@@ -19,7 +19,7 @@ export class UiCheckbox {
         };
     }
     render() {
-        return (h(Host, { key: '73477b35af6a093e87ae8a5b33232690888ca98c' }, h("button", { key: '235b0102bbdd9a0ef23c3230acbba9aebdb06898', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: '3aaa64d1d173991b2c785298586aab66471e9285', class: "check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'baaca1ba97901e5a9d4e97640221f35cdeb02351', points: "20 6 9 17 4 12" })))));
+        return (h(Host, { key: '341aeea485e623d978d0e738481dd5e0865b1ff3' }, h("button", { key: 'a3a5fa4569152d3811d0b575dd3dba099aa7b782', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: '2653b2db08fc200cc9de850bf3b5e7aec7bb96a0', 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: '009b16f0efcd6f4d59255262e95542e5362832ed', points: "20 6 9 17 4 12" })))));
     }
     static get is() { return "ui-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,93 @@
+:host {
+  display: block;
+}
+
+.field {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  width: 100%;
+  height: 2.75rem;
+  padding: 0 0.875rem;
+  border: 1px solid var(--ui-border);
+  border-radius: var(--ui-radius-sm);
+  background: var(--ui-panel);
+  backdrop-filter: blur(22px);
+  transition: all var(--ui-duration) var(--ui-ease);
+  box-sizing: border-box;
+}
+
+.field:hover {
+  border-color: var(--ui-border-strong);
+}
+
+.field:focus-within {
+  border-color: var(--ui-accent);
+  box-shadow: 0 0 0 2px var(--ui-ring);
+}
+
+.input {
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  border: none;
+  background: transparent;
+  color: var(--ui-foreground);
+  font-family: var(--ui-font-sans);
+  font-size: 0.875rem;
+  outline: none;
+}
+
+.input::placeholder {
+  color: var(--ui-text-faint);
+}
+
+.list {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 50;
+  max-height: 16rem;
+  overflow-y: auto;
+  padding: 0.25rem;
+  font-family: var(--ui-font-sans);
+  color: var(--ui-foreground);
+  border: 1px solid var(--ui-border);
+  background: var(--ui-panel-strong);
+  box-shadow: var(--ui-shadow-lg);
+  backdrop-filter: blur(22px);
+  border-radius: var(--ui-radius);
+  visibility: hidden;
+  opacity: 0;
+  transition:
+    opacity var(--ui-duration) var(--ui-ease),
+    visibility var(--ui-duration) var(--ui-ease);
+}
+
+.list.is-open {
+  visibility: visible;
+  opacity: 1;
+}
+
+.option {
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  color: var(--ui-foreground);
+  border-radius: var(--ui-radius-sm);
+  cursor: pointer;
+  transition: background var(--ui-duration) var(--ui-ease);
+}
+
+.option.active {
+  background: var(--ui-chip);
+}
+
+.option.selected {
+  color: var(--ui-accent);
+}
+
+.empty {
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  color: var(--ui-text-faint);
+}