@youcan/celeste 0.6.14 → 0.6.16

package/dist/es/combobox-trigger.js

@@ -0,0 +1,47 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { A as At, U as Uv } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "combobox-trigger",
+  props: {
+    class: {},
+    size: {},
+    filled: { type: Boolean },
+    type: { default: "normal" },
+    error: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = At(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Uv), mergeProps(unref(forwarded), {
+        tabindex: "0",
+        class: unref(clsx)(
+          "celeste-dropdown-anchor-trigger",
+          `celeste-dropdown-anchor-trigger-size-${props.size}`,
+          `celeste-dropdown-anchor-trigger-type-${props.type}`,
+          { "celeste-dropdown-anchor-trigger-error": props.error },
+          { "celeste-dropdown-anchor-trigger-filled": _ctx.filled },
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const ComboboxTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d007d84"]]);
+export {
+  ComboboxTrigger as default
+};

package/dist/es/combobox.js

@@ -0,0 +1,209 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createBlock, createSlots, createTextVNode, Fragment, renderList } from "vue";
+import { x as xe } from "./chunks/index.js";
+import Badge from "./badge.js";
+import { _ as _sfc_main$2 } from "./chunks/combobox-anchor.js";
+import ComboboxEmpty from "./combobox-empty.js";
+import ComboboxGroup from "./combobox-group.js";
+import ComboboxInput from "./combobox-input.js";
+import ComboboxItem from "./combobox-item.js";
+import ComboboxList from "./combobox-list.js";
+import { _ as _sfc_main$1 } from "./chunks/combobox-root.js";
+import ComboboxSeparator from "./combobox-separator.js";
+import ComboboxTrigger from "./combobox-trigger.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "root" };
+const _hoisted_2 = { class: "celeste-dropdown-anchor-trigger-prefix" };
+const _hoisted_3 = {
+  key: 0,
+  class: "celeste-dropdown-anchor-trigger-prefix-selected"
+};
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = ["src"];
+const _hoisted_6 = {
+  key: 0,
+  class: "celeste-dropdown-input"
+};
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = {
+  key: 2,
+  class: "celeste-input-badge"
+};
+const _hoisted_10 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "combobox",
+  props: {
+    options: {},
+    valueBy: {},
+    placeholder: { default: "Select" },
+    type: {},
+    size: { default: "sm" },
+    emptyLabel: {},
+    badgeProps: {},
+    searchable: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    searchTerm: {},
+    selectedValue: {},
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    name: {},
+    dir: {},
+    filterFunction: {},
+    displayValue: {},
+    resetSearchTermOnBlur: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { open, modelValue, filterFunction: filterFunction2, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = xe(delegatedProps, emits);
+    const selected = ref(props.multiple ? [] : void 0);
+    function isSelected(value) {
+      if (!Array.isArray(selected.value) || !props.multiple)
+        return;
+      if (value === void 0 || value === null)
+        return false;
+      return selected.value.some((selectedItem) => {
+        const { value: selectedValue } = selectedItem;
+        if (props.valueBy && Object.prototype.hasOwnProperty.call(value, props.valueBy) && Object.prototype.hasOwnProperty.call(selectedValue, props.valueBy)) {
+          return value[props.valueBy] === selectedValue[props.valueBy];
+        }
+        return selectedValue === value;
+      });
+    }
+    function filterFunction(list, searchTerm) {
+      return list.filter((option) => {
+        const { value, label } = option;
+        if (!value || !label)
+          return false;
+        if (props.valueBy && typeof value === "object" && props.valueBy in value) {
+          return String(value[props.valueBy]).toLowerCase().includes(searchTerm.toLowerCase()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+        }
+        return value.toString().toLowerCase().includes(searchTerm.toLowerCase()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+      });
+    }
+    const mergedBadgeProps = computed(() => ({
+      ...props.badgeProps,
+      disabled: props.disabled
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, mergeProps(unref(forwarded), {
+          "model-value": selected.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
+          "filter-function": filterFunction
+        }), {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, { "as-child": "" }, {
+              default: withCtx(() => [
+                createVNode(ComboboxTrigger, {
+                  type: _ctx.type,
+                  filled: !!selected.value,
+                  size: _ctx.size
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_2, [
+                      selected.value && !Array.isArray(selected.value) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                        selected.value.icon ? (openBlock(), createElementBlock("i", {
+                          key: 0,
+                          class: normalizeClass(selected.value.icon)
+                        }, null, 2)) : createCommentVNode("", true),
+                        selected.value.image ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                          renderSlot(_ctx.$slots, "image", normalizeProps(guardReactiveProps({ selected: selected.value })), () => [
+                            createElementVNode("img", {
+                              src: selected.value.image,
+                              alt: "Selected option",
+                              class: "selected-dropdown-image"
+                            }, null, 8, _hoisted_5)
+                          ], true)
+                        ])) : createCommentVNode("", true)
+                      ])) : renderSlot(_ctx.$slots, "prefix", {
+                        key: 1,
+                        class: "celeste-dropdown-anchor-trigger-prefix-default"
+                      }, void 0, true)
+                    ]),
+                    _ctx.type !== "inline" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                      _ctx.multiple ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.placeholder), 1)) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(selected.value && !Array.isArray(selected.value) ? selected.value.label : props.placeholder), 1)),
+                      mergedBadgeProps.value && _ctx.badgeProps ? (openBlock(), createElementBlock("span", _hoisted_9, [
+                        createVNode(Badge, normalizeProps(guardReactiveProps(mergedBadgeProps.value)), null, 16)
+                      ])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    _cache[1] || (_cache[1] = createElementVNode("div", { class: "celeste-dropdown-trigger" }, [
+                      createElementVNode("i", { class: "i-celeste-arrow-down-s-line" })
+                    ], -1))
+                  ]),
+                  _: 3
+                }, 8, ["type", "filled", "size"])
+              ]),
+              _: 3
+            }),
+            createVNode(ComboboxList, null, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(["celeste-dropdown-inner-input", { "sr-only": !_ctx.searchable }])
+                }, [
+                  createVNode(ComboboxInput, { searchable: _ctx.searchable }, null, 8, ["searchable"]),
+                  _ctx.searchable ? (openBlock(), createBlock(ComboboxSeparator, { key: 0 })) : createCommentVNode("", true)
+                ], 2),
+                createVNode(ComboboxEmpty, null, createSlots({ _: 2 }, [
+                  _ctx.emptyLabel ? {
+                    name: "default",
+                    fn: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.emptyLabel), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1024),
+                createVNode(ComboboxGroup, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (option) => {
+                      return openBlock(), createBlock(ComboboxItem, {
+                        key: option.label,
+                        label: option.label,
+                        sublabel: option.sublabel,
+                        description: option.description,
+                        checkbox: props.multiple,
+                        value: option,
+                        selected: isSelected(option.value)
+                      }, {
+                        prefix: withCtx(() => [
+                          option.icon ? (openBlock(), createElementBlock("i", {
+                            key: 0,
+                            class: normalizeClass(option.icon)
+                          }, null, 2)) : createCommentVNode("", true),
+                          option.image ? (openBlock(), createElementBlock("img", {
+                            key: 1,
+                            src: option.image,
+                            alt: "option",
+                            class: "celeste-dropdown-item-image"
+                          }, null, 8, _hoisted_10)) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "sublabel", "description", "checkbox", "value", "selected"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 16, ["model-value"])
+      ]);
+    };
+  }
+});
+const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-424c9dad"]]);
+export {
+  combobox as default
+};

package/dist/es/command-group.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
-import { D as qv, ao as Yv } from "./chunks/index.js";
+import { B as qv, Y as Yv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-group",

package/dist/es/command-input.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, mergeProps } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, an as Wv } from "./chunks/index.js";
+import { A as At, D as Wv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   class: "celeste-command-input",

package/dist/es/command-separator.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { B as tm } from "./chunks/index.js";
+import { L as tm } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-separator",

package/dist/es/dropdown-menu-group.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { I as fh } from "./chunks/index.js";
+import { P as fh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-group",

package/dist/es/dropdown-menu-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot, toDisplayString, createElementBlock, createCommentVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, L as ch } from "./chunks/index.js";
+import { A as At, R as ch } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-dropdown-menu-item-prefix" };
 const _hoisted_2 = { class: "celeste-dropdown-menu-item-body" };

package/dist/es/dropdown-menu-label.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, P as hh } from "./chunks/index.js";
+import { A as At, S as hh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-label",

package/dist/es/dropdown-menu-separator.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { R as ph } from "./chunks/index.js";
+import { T as ph } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-separator",

package/dist/es/dropdown-menu-trigger.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { A as At, S as rh } from "./chunks/index.js";
+import { A as At, _ as rh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-trigger",

package/dist/es/dropdown-menu.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
-import { T as sh } from "./chunks/index.js";
+import { $ as sh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu",

package/dist/es/dropdown.js

@@ -1,6 +1,6 @@
 import { defineComponent, mergeModels, useModel, ref, computed, watch, openBlock, createElementBlock, withKeys, createVNode, unref, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createBlock, createSlots, Fragment, renderList } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { H as Hv, v as jv, U as Uv, X as Xv, J as Jv, B as tm, Z as Zv, D as qv, E as Qv } from "./chunks/index.js";
+import { H as Hv, j as jv, U as Uv, X as Xv, J as Jv, L as tm, Z as Zv, B as qv, E as Qv } from "./chunks/index.js";
 import Badge from "./badge.js";
 import TextInput from "./text-input.js";
 import DropdownItem from "./dropdown-item.js";
@@ -36,6 +36,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     error: { type: Boolean },
     size: { default: "sm" },
     type: { default: "normal" },
+    position: { default: "bottom" },
+    align: { default: "start" },
     multiple: { type: Boolean, default: false },
     emptyLabel: { default: "No options available" },
     searchable: { type: Boolean, default: false },
@@ -191,7 +193,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 0,
               "force-mount": "",
               dismissable: "",
-              class: "celeste-dropdown-content"
+              "avoid-collisions": true,
+              class: normalizeClass(["celeste-dropdown-content", unref(clsx)(
+                "celeste-dropdown-content",
+                `celeste-dropdown-content-size-${_ctx.position}`,
+                `celeste-dropdown-content-align-${_ctx.align}`
+              )])
             }, {
               default: withCtx(() => [
                 createVNode(unref(Jv), { class: "celeste-dropdown-items-viewport" }, {
@@ -271,7 +278,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 1
-            })) : createCommentVNode("", true)
+            }, 8, ["class"])) : createCommentVNode("", true)
           ]),
           _: 3
         }, 8, ["modelValue", "open", "disabled", "multiple", "display-value"])
@@ -279,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2cc18da8"]]);
+const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd43a899"]]);
 export {
   dropdown as default
 };

package/dist/es/index.js

@@ -7,53 +7,63 @@ import fancyButton from "./fancy-button.js";
 import linkButton from "./link-button.js";
 import socialButton from "./social-button.js";
 import { _ as _sfc_main } from "./chunks/checkbox.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$1 } from "./chunks/content-divider.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$1 } from "./chunks/combobox-anchor.js";
+import ComboboxEmpty from "./combobox-empty.js";
+import ComboboxGroup from "./combobox-group.js";
+import ComboboxInput from "./combobox-input.js";
+import ComboboxItem from "./combobox-item.js";
+import ComboboxList from "./combobox-list.js";
+import { _ as _sfc_main$2 } from "./chunks/combobox-root.js";
+import ComboboxSeparator from "./combobox-separator.js";
+import ComboboxTrigger from "./combobox-trigger.js";
+import combobox from "./combobox.js";
+import { _ as _sfc_main$3 } from "./chunks/content-divider.vue_vue_type_style_index_0_lang.js";
 import contextMenuItem from "./context-menu-item.js";
 import DropdownItem from "./dropdown-item.js";
 import dropdown from "./dropdown.js";
-import { _ as _sfc_main$2 } from "./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$4 } from "./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js";
 import dropdownMenuGroup from "./dropdown-menu-group.js";
 import dropdownMenuItem from "./dropdown-menu-item.js";
 import dropdownMenuLabel from "./dropdown-menu-label.js";
 import dropdownMenuSeparator from "./dropdown-menu-separator.js";
-import { _ as _sfc_main$4 } from "./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$5 } from "./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$3 } from "./chunks/dropdown-menu-sub.js";
+import { _ as _sfc_main$6 } from "./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$7 } from "./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$5 } from "./chunks/dropdown-menu-sub.js";
 import dropdownMenuTrigger from "./dropdown-menu-trigger.js";
 import dropdownMenu from "./dropdown-menu.js";
 import hintText from "./hint-text.js";
 import label from "./label.js";
 import modalBody from "./modal-body.js";
-import { _ as _sfc_main$7 } from "./chunks/modal-close.js";
+import { _ as _sfc_main$9 } from "./chunks/modal-close.js";
 import modalContent from "./modal-content.js";
 import modalFooter from "./modal-footer.js";
 import modalHeader from "./modal-header.js";
-import { _ as _sfc_main$8 } from "./chunks/modal-trigger.js";
-import { _ as _sfc_main$6 } from "./chunks/modal.js";
+import { _ as _sfc_main$a } from "./chunks/modal-trigger.js";
+import { _ as _sfc_main$8 } from "./chunks/modal.js";
 import PopoverContent from "./popover-content.js";
 import PopoverTrigger from "./popover-trigger.js";
-import { _ as _sfc_main$9 } from "./chunks/popover.js";
-import { _ as _sfc_main$a } from "./chunks/scroll-area.js";
+import { _ as _sfc_main$b } from "./chunks/popover.js";
+import { _ as _sfc_main$c } from "./chunks/scroll-area.js";
 import segmentedControlItem from "./segmented-control-item.js";
 import segmentedControl from "./segmented-control.js";
 import SelectContent from "./select-content.js";
-import { _ as _sfc_main$c } from "./chunks/select-group.js";
+import { _ as _sfc_main$e } from "./chunks/select-group.js";
 import selectIcon from "./select-icon.js";
 import SelectItem from "./select-item.js";
 import selectLabel from "./select-label.js";
 import selectSeparator from "./select-separator.js";
 import SelectTrigger from "./select-trigger.js";
 import SelectValue from "./select-value.js";
-import { _ as _sfc_main$b } from "./chunks/select.js";
-import { _ as _sfc_main$d } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$e } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$d } from "./chunks/select.js";
+import { _ as _sfc_main$f } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$g } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
 import tabMenuContent from "./tab-menu-content.js";
 import tabMenuItem from "./tab-menu-item.js";
 import tabMenuList from "./tab-menu-list.js";
 import tabMenu from "./tab-menu.js";
 import textInputAffix from "./text-input-affix.js";
 import textInputButton from "./text-input-button.js";
-import textInputIcon from "./text-input-icon.js";
+import TextInputIcon from "./text-input-icon.js";
 import TextInput from "./text-input.js";
 import textarea from "./textarea.js";
 import Tooltip from "./tooltip.js";
@@ -63,51 +73,61 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Badge,
   Button,
   Checkbox: _sfc_main,
+  Combobox: combobox,
+  ComboboxAnchor: _sfc_main$1,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxRoot: _sfc_main$2,
+  ComboboxSeparator,
+  ComboboxTrigger,
   CompactButton,
-  ContentDivider: _sfc_main$1,
+  ContentDivider: _sfc_main$3,
   ContextMenuItem: contextMenuItem,
   Dropdown: dropdown,
   DropdownItem,
   DropdownMenu: dropdownMenu,
-  DropdownMenuContent: _sfc_main$2,
+  DropdownMenuContent: _sfc_main$4,
   DropdownMenuGroup: dropdownMenuGroup,
   DropdownMenuItem: dropdownMenuItem,
   DropdownMenuLabel: dropdownMenuLabel,
   DropdownMenuSeparator: dropdownMenuSeparator,
-  DropdownMenuSub: _sfc_main$3,
-  DropdownMenuSubContent: _sfc_main$4,
-  DropdownMenuSubTrigger: _sfc_main$5,
+  DropdownMenuSub: _sfc_main$5,
+  DropdownMenuSubContent: _sfc_main$6,
+  DropdownMenuSubTrigger: _sfc_main$7,
   DropdownMenuTrigger: dropdownMenuTrigger,
   FancyButton: fancyButton,
   HintText: hintText,
   Label: label,
   LinkButton: linkButton,
-  Modal: _sfc_main$6,
+  Modal: _sfc_main$8,
   ModalBody: modalBody,
-  ModalClose: _sfc_main$7,
+  ModalClose: _sfc_main$9,
   ModalContent: modalContent,
   ModalFooter: modalFooter,
   ModalHeader: modalHeader,
-  ModalTrigger: _sfc_main$8,
-  Popover: _sfc_main$9,
+  ModalTrigger: _sfc_main$a,
+  Popover: _sfc_main$b,
   PopoverContent,
   PopoverTrigger,
-  ScrollArea: _sfc_main$a,
+  ScrollArea: _sfc_main$c,
   SegmentedControl: segmentedControl,
   SegmentedControlItem: segmentedControlItem,
-  Select: _sfc_main$b,
+  Select: _sfc_main$d,
   SelectContent,
-  SelectGroup: _sfc_main$c,
+  SelectGroup: _sfc_main$e,
   SelectIcon: selectIcon,
   SelectItem,
   SelectLabel: selectLabel,
   SelectSeparator: selectSeparator,
   SelectTrigger,
   SelectValue,
-  Slider: _sfc_main$d,
+  Slider: _sfc_main$f,
   SocialButton: socialButton,
   StatusBadge: statusBadge,
-  Switch: _sfc_main$e,
+  Switch: _sfc_main$g,
   TabMenu: tabMenu,
   TabMenuContent: tabMenuContent,
   TabMenuItem: tabMenuItem,
@@ -115,7 +135,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TextInput,
   TextInputAffix: textInputAffix,
   TextInputButton: textInputButton,
-  TextInputIcon: textInputIcon,
+  TextInputIcon,
   Textarea: textarea,
   Tooltip
 }, Symbol.toStringTag, { value: "Module" }));
@@ -132,51 +152,61 @@ export {
   Button,
   Celeste,
   _sfc_main as Checkbox,
+  combobox as Combobox,
+  _sfc_main$1 as ComboboxAnchor,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  _sfc_main$2 as ComboboxRoot,
+  ComboboxSeparator,
+  ComboboxTrigger,
   CompactButton,
-  _sfc_main$1 as ContentDivider,
+  _sfc_main$3 as ContentDivider,
   contextMenuItem as ContextMenuItem,
   dropdown as Dropdown,
   DropdownItem,
   dropdownMenu as DropdownMenu,
-  _sfc_main$2 as DropdownMenuContent,
+  _sfc_main$4 as DropdownMenuContent,
   dropdownMenuGroup as DropdownMenuGroup,
   dropdownMenuItem as DropdownMenuItem,
   dropdownMenuLabel as DropdownMenuLabel,
   dropdownMenuSeparator as DropdownMenuSeparator,
-  _sfc_main$3 as DropdownMenuSub,
-  _sfc_main$4 as DropdownMenuSubContent,
-  _sfc_main$5 as DropdownMenuSubTrigger,
+  _sfc_main$5 as DropdownMenuSub,
+  _sfc_main$6 as DropdownMenuSubContent,
+  _sfc_main$7 as DropdownMenuSubTrigger,
   dropdownMenuTrigger as DropdownMenuTrigger,
   fancyButton as FancyButton,
   hintText as HintText,
   label as Label,
   linkButton as LinkButton,
-  _sfc_main$6 as Modal,
+  _sfc_main$8 as Modal,
   modalBody as ModalBody,
-  _sfc_main$7 as ModalClose,
+  _sfc_main$9 as ModalClose,
   modalContent as ModalContent,
   modalFooter as ModalFooter,
   modalHeader as ModalHeader,
-  _sfc_main$8 as ModalTrigger,
-  _sfc_main$9 as Popover,
+  _sfc_main$a as ModalTrigger,
+  _sfc_main$b as Popover,
   PopoverContent,
   PopoverTrigger,
-  _sfc_main$a as ScrollArea,
+  _sfc_main$c as ScrollArea,
   segmentedControl as SegmentedControl,
   segmentedControlItem as SegmentedControlItem,
-  _sfc_main$b as Select,
+  _sfc_main$d as Select,
   SelectContent,
-  _sfc_main$c as SelectGroup,
+  _sfc_main$e as SelectGroup,
   selectIcon as SelectIcon,
   SelectItem,
   selectLabel as SelectLabel,
   selectSeparator as SelectSeparator,
   SelectTrigger,
   SelectValue,
-  _sfc_main$d as Slider,
+  _sfc_main$f as Slider,
   socialButton as SocialButton,
   statusBadge as StatusBadge,
-  _sfc_main$e as Switch,
+  _sfc_main$g as Switch,
   tabMenu as TabMenu,
   tabMenuContent as TabMenuContent,
   tabMenuItem as TabMenuItem,
@@ -184,7 +214,7 @@ export {
   TextInput,
   textInputAffix as TextInputAffix,
   textInputButton as TextInputButton,
-  textInputIcon as TextInputIcon,
+  TextInputIcon,
   textarea as Textarea,
   Tooltip
 };

package/dist/es/label.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, re
 import Tooltip from "./tooltip.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { Y as Oh } from "./chunks/index.js";
+import { a0 as Oh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,