@andespindola/ui-core 0.2.0 → 0.3.0

package/dist/cjs/uikit.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["ui-loading-overlay.cjs",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster.cjs",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion.cjs",[[257,"ui-accordion"]]],["ui-accordion-item.cjs",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-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-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-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-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,7 @@
     "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-container/ui-container.js",
     "components/ui-grid/ui-grid.js",
     "components/ui-spinner/ui-spinner.js",
@@ -12,6 +13,7 @@
     "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-toast/ui-toast.js",
     "components/ui-toaster/ui-toaster.js",
@@ -23,17 +25,22 @@
     "components/ui-breadcrumb-item/ui-breadcrumb-item.js",
     "components/ui-card/ui-card.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",

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: '0242c529aecf9b0f35958f21f9df65d4cba8ba37' }, h("slot", { key: '394493e0939fa0224be6233830f588e88e49a2d3' })));
     }
     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: '613b3accfe538702304aeaa7d826297948cd2c45' }, h("details", { key: '912854f32a5e15fbb2e708b4de5e0c4059733722', open: this.open, onToggle: this.onToggle }, h("summary", { key: '814a3332eb5dd4fbf340ae7cdb55fe8f618c0253' }, h("span", { key: '63ab8d2d1a60ea7327577b80547897aa0d78e2dd', class: "heading" }, this.heading), h("svg", { key: 'c6812c39cbe86ad0e09d61d44bfff3784c93d462', 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: '67969ddf96e125133c9b7a4d59edb5a9af21a319', points: "6 9 12 15 18 9" }))), h("div", { key: 'e8e1adb834e3749848db663b0a27b672fb33302d', class: "content" }, h("slot", { key: '3d22b0d25f5000e6e9402658ec52996c2f9f3c09' })))));
     }
     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: '3f5862531fd7c0df254cca0be373c4f5661bac1c' }, h("span", { key: '2c831417964e89d68f3535321868aa0fab82df26', class: "wrapper" }, h("span", { key: '7573d9b9bdd3c07e7913002923722e19eb652d8e', 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: 'adb6bf39438427a853fffe2eb84b95474aa8c123', 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: 'ffbc4f069a58a5c5e9bf014ec9fc41d11ceb24b8' }, h("div", { key: 'c6f7c559740f193c0347f7834169fbd2eb252272', class: "group" }, h("slot", { key: 'd66719ad68488098d753eefc8da5cc65bf6a85a4' }))));
     }
     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: '93726eb6ef05c505f409ec5b313e7db50c0d0a78' }, h("nav", { key: 'dc02b8d95d1c0998e2e7533ab8ed214fb9c19a63', "aria-label": "breadcrumb" }, h("ol", { key: '41dc2d7fe3cbf1b684723d759ef0d00f17bf2e00' }, h("slot", { key: 'eb64652ac37ca5ce1ebd865260ad1ac2c5dd7548' })))));
     }
     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: '20f1a108e5275c29e2fbb243720a8b70efb10b24' }, 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: '2f6568112992159a78a5c9dac99bd1a453cd779a' }, h("div", { key: '3d76798bf20f98b20a8d7b1847896f9641585cda', class: "card" }, h("slot", { key: 'cf396f9448c56b96859072327f5f82bb00f0c36d', name: "title" }), h("slot", { key: '04fdf85b8c4ffa318b084616ba902998d085a990', name: "description" }), h("slot", { key: 'a716446f123d47c8f47bea6915ac7489dd41fd45' }), h("slot", { key: '9b2e4abc3987a04e72b13eff8cacf3257b89f174', 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: '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: 'ec07dd3898dfb9eeac1a07d41895be145a8f03f0' }, h("button", { key: '7d1e72daf042994ba140703e5f8ce2bb5558932d', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: 'f1a59bc59f90e6bce5b289a4a05da51778788c19', 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: '6ea7bc0406e6e8befd6ceea7193423bd433d9a63', 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);
+}

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

@@ -0,0 +1,248 @@
+import { h, Host, } from "@stencil/core";
+import { computePosition, autoUpdate, offset, flip, shift, size, } from "@floating-ui/dom";
+export class UiCombobox {
+    constructor() {
+        /** Opções disponíveis para autocomplete. */
+        this.options = [];
+        /** Valor selecionado. */
+        this.value = "";
+        /** Placeholder do campo. */
+        this.placeholder = "";
+        /** Texto digitado no campo. */
+        this.query = "";
+        /** Indica se a lista flutuante está aberta. */
+        this.open = false;
+        /** Índice da opção destacada. */
+        this.activeIndex = -1;
+        this.listId = `ui-combobox-list-${Math.random().toString(36).slice(2, 9)}`;
+        this.onInput = (event) => {
+            this.query = event.target.value;
+            this.activeIndex = -1;
+            this.setOpen(true);
+        };
+        this.onFocus = () => {
+            this.setOpen(true);
+        };
+        this.onKeydown = (event) => {
+            const items = this.filtered;
+            switch (event.key) {
+                case "ArrowDown":
+                    event.preventDefault();
+                    if (!this.open) {
+                        this.setOpen(true);
+                        return;
+                    }
+                    if (items.length === 0)
+                        return;
+                    this.activeIndex = (this.activeIndex + 1) % items.length;
+                    break;
+                case "ArrowUp":
+                    event.preventDefault();
+                    if (items.length === 0)
+                        return;
+                    this.activeIndex =
+                        (this.activeIndex - 1 + items.length) % items.length;
+                    break;
+                case "Enter":
+                    if (this.open && this.activeIndex >= 0 && items[this.activeIndex]) {
+                        event.preventDefault();
+                        this.select(items[this.activeIndex]);
+                    }
+                    break;
+                case "Escape":
+                    if (this.open) {
+                        event.preventDefault();
+                        this.setOpen(false);
+                    }
+                    break;
+            }
+        };
+        this.onDocumentClick = (event) => {
+            if (!this.open)
+                return;
+            if (event.composedPath().includes(this.host))
+                return;
+            this.setOpen(false);
+        };
+    }
+    componentWillLoad() {
+        const selected = this.options.find((option) => option.value === this.value);
+        if (selected)
+            this.query = selected.label;
+    }
+    disconnectedCallback() {
+        this.stop();
+        document.removeEventListener("click", this.onDocumentClick);
+    }
+    get filtered() {
+        const term = this.query.toLowerCase();
+        return this.options.filter((option) => option.label.toLowerCase().includes(term));
+    }
+    setOpen(value) {
+        if (this.open === value)
+            return;
+        this.open = value;
+        if (value) {
+            requestAnimationFrame(() => this.start());
+            document.addEventListener("click", this.onDocumentClick);
+        }
+        else {
+            this.stop();
+            this.activeIndex = -1;
+            document.removeEventListener("click", this.onDocumentClick);
+        }
+    }
+    start() {
+        if (!this.inputEl || !this.listEl)
+            return;
+        this.stop();
+        this.cleanup = autoUpdate(this.inputEl, this.listEl, () => {
+            if (!this.inputEl || !this.listEl)
+                return;
+            computePosition(this.inputEl, this.listEl, {
+                placement: "bottom-start",
+                middleware: [
+                    offset(6),
+                    flip(),
+                    shift({ padding: 8 }),
+                    size({
+                        apply: ({ rects, elements }) => {
+                            Object.assign(elements.floating.style, {
+                                width: `${rects.reference.width}px`,
+                            });
+                        },
+                    }),
+                ],
+            }).then(({ x, y }) => {
+                Object.assign(this.listEl.style, { left: `${x}px`, top: `${y}px` });
+            });
+        });
+    }
+    stop() {
+        this.cleanup?.();
+        this.cleanup = undefined;
+    }
+    select(option) {
+        this.value = option.value;
+        this.query = option.label;
+        this.setOpen(false);
+        this.uiChange.emit(option.value);
+    }
+    render() {
+        const items = this.filtered;
+        return (h(Host, { key: '64d332f96d0cb39e1889eb56dbf448f67e5ed240' }, h("div", { key: '30f829b5eff180aa97a2bbb2f90a4e289768df71', class: "field" }, h("input", { key: 'f6df95047db674d2e49d34fed6057cffc86eab49', class: "input", type: "text", role: "combobox", value: this.query, placeholder: this.placeholder, autocomplete: "off", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.listId, "aria-autocomplete": "list", ref: (el) => (this.inputEl = el), onInput: this.onInput, onFocus: this.onFocus, onKeyDown: this.onKeydown })), h("div", { key: 'de55c7ad59dfa3e35aeac8799366e3ee849d1398', id: this.listId, class: { list: true, "is-open": this.open }, role: "listbox", ref: (el) => (this.listEl = el) }, items.length === 0 ? (h("div", { class: "empty" }, "Nenhum resultado")) : (items.map((option, index) => (h("div", { class: {
+                option: true,
+                active: index === this.activeIndex,
+                selected: option.value === this.value,
+            }, role: "option", "aria-selected": option.value === this.value ? "true" : "false", onMouseEnter: () => (this.activeIndex = index), onMouseDown: (event) => {
+                event.preventDefault();
+                this.select(option);
+            } }, option.label)))))));
+    }
+    static get is() { return "ui-combobox"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-combobox.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-combobox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "options": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "UiComboboxOption[]",
+                    "resolved": "UiComboboxOption[]",
+                    "references": {
+                        "UiComboboxOption": {
+                            "location": "local",
+                            "path": "/Users/andersonespindola/.ghq/github.com/andersonflima/ui/packages/core/src/components/ui-combobox/ui-combobox.tsx",
+                            "id": "src/components/ui-combobox/ui-combobox.tsx::UiComboboxOption"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Op\u00E7\u00F5es dispon\u00EDveis para autocomplete."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valor selecionado."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "\"\""
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder do campo."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder",
+                "defaultValue": "\"\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "query": {},
+            "open": {},
+            "activeIndex": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "uiChange",
+                "name": "uiChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitido ao selecionar uma op\u00E7\u00E3o."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+}

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

@@ -12,7 +12,7 @@ export class UiContainer {
             [`size-${this.size}`]: true,
             padded: this.padded,
         };
-        return (h(Host, { key: '4f00ee39f0ae347fafac349ee8e42c991c8013dd' }, h("div", { key: 'a0f8f0c6d418f119c6631d0387f9328af8fbb416', class: classes }, h("slot", { key: '86178f8371c958123fcf8b7e6bfe059aeed9f690' }))));
+        return (h(Host, { key: 'd9f407cdd15aa38d7e21898f4088d58846e38f22' }, h("div", { key: '7c7596a79dedc3daf94ac5440447c4608e037854', class: classes }, h("slot", { key: '5005378ea1514e2d96fa0cdba219055161ee6688' }))));
     }
     static get is() { return "ui-container"; }
     static get encapsulation() { return "shadow"; }