@youcan/celeste 0.6.28 → 0.6.29

package/dist/cjs/combobox-anchor.js

@@ -1,3 +0,0 @@
-"use strict";
-const comboboxAnchor_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-anchor.js");
-module.exports = comboboxAnchor_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/combobox-empty.js

@@ -1,32 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  __name: "combobox-empty",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = Mo.computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Zv), Mo.mergeProps(delegatedProps.value, {
-        class: Mo.unref(clsx.clsx)("celeste-dropdown-empty-list", props.class)
-      }), {
-        default: Mo.withCtx(() => [
-          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const ComboboxEmpty = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-450bfb63"]]);
-module.exports = ComboboxEmpty;

package/dist/cjs/combobox-group.js

@@ -1,42 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  __name: "combobox-group",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {},
-    heading: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = Mo.computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.qv), Mo.mergeProps(delegatedProps.value, {
-        class: Mo.unref(clsx.clsx)(props.class, "celeste-dropdown-items-group")
-      }), {
-        default: Mo.withCtx(() => [
-          _ctx.heading ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Yv), {
-            key: 0,
-            class: ""
-          }, {
-            default: Mo.withCtx(() => [
-              Mo.createTextVNode(Mo.toDisplayString(_ctx.heading), 1)
-            ]),
-            _: 1
-          })) : Mo.createCommentVNode("", true),
-          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const ComboboxGroup = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-66b5c9e4"]]);
-module.exports = ComboboxGroup;

package/dist/cjs/combobox-input.js

@@ -1,63 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const textInput = require("./text-input.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  __name: "combobox-input",
-  props: /* @__PURE__ */ Mo.mergeModels({
-    type: {},
-    disabled: { type: Boolean },
-    autoFocus: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {},
-    textInputProps: {},
-    searchable: { type: Boolean }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const model = Mo.useModel(__props, "modelValue");
-    const comboboxInputProps = Mo.computed(() => {
-      const { class: _class, textInputProps: _textInputProps, ...rest } = props;
-      return rest;
-    });
-    const textInputProps = Mo.computed(() => {
-      return {
-        type: "search",
-        size: "sm",
-        placeholder: "Search",
-        ...props.textInputProps
-      };
-    });
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Wv), Mo.mergeProps(comboboxInputProps.value, {
-        class: Mo.unref(clsx.clsx)("celeste-dropdown-input", props.class),
-        readonly: !props.searchable,
-        as: "div"
-      }), {
-        default: Mo.withCtx(() => [
-          Mo.createVNode(textInput, Mo.mergeProps(textInputProps.value, {
-            modelValue: model.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            readonly: !props.searchable,
-            style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
-          }), {
-            leadingIcon: Mo.withCtx(() => _cache[1] || (_cache[1] = [
-              Mo.createElementVNode("i", { "i-celeste-search-2-line": "" }, null, -1)
-            ])),
-            _: 1
-          }, 16, ["modelValue", "readonly", "style"])
-        ]),
-        _: 1
-      }, 16, ["class", "readonly"]);
-    };
-  }
-});
-const ComboboxInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bd59a65e"]]);
-module.exports = ComboboxInput;

package/dist/cjs/combobox-item.js

@@ -1,109 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const checkbox_vue_vue_type_style_index_0_lang = require("./chunks/checkbox.vue_vue_type_style_index_0_lang.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = ["aria-disabled"];
-const _hoisted_2 = { class: "celeste-dropdown-item-info" };
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = {
-  key: 0,
-  class: "celeste-dropdown-item-sublabel"
-};
-const _hoisted_5 = {
-  key: 0,
-  class: "celeste-dropdown-item-description"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "celeste-dropdown-item-suffix"
-};
-const _hoisted_7 = {
-  key: 3,
-  class: "i-celeste-check-fill"
-};
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  __name: "combobox-item",
-  props: {
-    class: {},
-    label: {},
-    size: { default: "sm" },
-    checkbox: { type: Boolean },
-    sublabel: {},
-    description: {},
-    selected: { type: [Boolean, String] },
-    focused: { type: Boolean },
-    value: { type: [String, Number, Boolean, Object] },
-    icon: {},
-    image: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = Mo.computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = index.xe(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Qv), Mo.mergeProps(Mo.unref(forwarded), {
-        disabled: _ctx.disabled,
-        "as-child": ""
-      }), {
-        default: Mo.withCtx(() => [
-          Mo.createElementVNode("div", {
-            tabindex: "0",
-            "aria-disabled": _ctx.disabled,
-            class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
-              props.class,
-              "celeste-dropdown-item",
-              { "celeste-dropdown-item-disabled": _ctx.disabled },
-              { "celeste-dropdown-item-selected": _ctx.selected },
-              { "celeste-dropdown-item-focused": _ctx.focused }
-            ))
-          }, [
-            _ctx.checkbox && _ctx.size === "sm" ? (Mo.openBlock(), Mo.createBlock(checkbox_vue_vue_type_style_index_0_lang._sfc_main, {
-              key: 0,
-              checked: _ctx.selected,
-              disabled: _ctx.disabled
-            }, null, 8, ["checked", "disabled"])) : Mo.createCommentVNode("", true),
-            _ctx.$slots.prefix ? (Mo.openBlock(), Mo.createElementBlock("div", {
-              key: 1,
-              class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
-                "celeste-dropdown-item-prefix",
-                `celeste-dropdown-item-prefix-${_ctx.size}`
-              ))
-            }, [
-              Mo.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
-            ], 2)) : Mo.createCommentVNode("", true),
-            Mo.createElementVNode("div", _hoisted_2, [
-              Mo.createElementVNode("div", {
-                class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
-                  "celeste-dropdown-item-header",
-                  `celeste-dropdown-item-header-${_ctx.size}`
-                ))
-              }, [
-                Mo.createElementVNode("span", {
-                  class: "celeste-dropdown-item-label",
-                  innerHTML: _ctx.label
-                }, null, 8, _hoisted_3),
-                _ctx.sublabel ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_4, Mo.toDisplayString(_ctx.sublabel), 1)) : Mo.createCommentVNode("", true)
-              ], 2),
-              _ctx.description && _ctx.size === "lg" ? (Mo.openBlock(), Mo.createElementBlock("p", _hoisted_5, Mo.toDisplayString(_ctx.description), 1)) : Mo.createCommentVNode("", true)
-            ]),
-            _ctx.$slots.suffix ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_6, [
-              Mo.renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
-            ])) : Mo.createCommentVNode("", true),
-            _ctx.selected ? (Mo.openBlock(), Mo.createElementBlock("i", _hoisted_7)) : Mo.createCommentVNode("", true)
-          ], 10, _hoisted_1)
-        ]),
-        _: 3
-      }, 16, ["disabled"]);
-    };
-  }
-});
-const ComboboxItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3c2bd0ae"]]);
-module.exports = ComboboxItem;

package/dist/cjs/combobox-list.js

@@ -1,62 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  __name: "combobox-list",
-  props: {
-    forceMount: { type: Boolean },
-    position: { default: "popper" },
-    bodyLock: { type: Boolean },
-    dismissable: { type: Boolean },
-    side: {},
-    sideOffset: { default: 4 },
-    align: { default: "start" },
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    updatePositionStrategy: {},
-    prioritizePosition: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean },
-    class: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = Mo.computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = index.xe(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.nm), null, {
-        default: Mo.withCtx(() => [
-          Mo.createVNode(Mo.unref(index.Xv), Mo.mergeProps(Mo.unref(forwarded), {
-            class: Mo.unref(clsx.clsx)("celeste-dropdown-content", props.class)
-          }), {
-            default: Mo.withCtx(() => [
-              Mo.createVNode(Mo.unref(index.Jv), { class: "celeste-dropdown-items-viewport" }, {
-                default: Mo.withCtx(() => [
-                  Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          }, 16, ["class"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const ComboboxList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-dc6bae8b"]]);
-module.exports = ComboboxList;

package/dist/cjs/combobox-root.js

@@ -1,40 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const index = require("./chunks/index.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  __name: "combobox-root",
-  props: {
-    modelValue: {},
-    defaultValue: {},
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    searchTerm: {},
-    selectedValue: {},
-    multiple: { type: Boolean },
-    disabled: { type: Boolean },
-    name: {},
-    dir: {},
-    filterFunction: { type: Function },
-    displayValue: { type: Function },
-    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 forwarded = index.xe(props, emits);
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Hv), Mo.mergeProps({ class: "celeste-combobox-root" }, Mo.unref(forwarded)), {
-        default: Mo.withCtx(() => [
-          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const ComboboxRoot = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-29e14e56"]]);
-module.exports = ComboboxRoot;

package/dist/cjs/combobox-separator.js

@@ -1,32 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  __name: "combobox-separator",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = Mo.computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.tm), Mo.mergeProps(delegatedProps.value, {
-        class: Mo.unref(clsx.clsx)("celeste-dropdown-separator", props.class)
-      }), {
-        default: Mo.withCtx(() => [
-          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const ComboboxSeparator = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-987226c9"]]);
-module.exports = ComboboxSeparator;

package/dist/cjs/combobox-trigger.js

@@ -1,47 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ Mo.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 = Mo.computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = index.At(delegatedProps);
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Uv), Mo.mergeProps(Mo.unref(forwarded), {
-        type: "button",
-        tabindex: "0",
-        class: Mo.unref(clsx.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: Mo.withCtx(() => [
-          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const ComboboxTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bddcd2de"]]);
-module.exports = ComboboxTrigger;

package/dist/cjs/combobox.js

@@ -1,233 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const index = require("./chunks/index.js");
-const badge = require("./badge.js");
-const comboboxAnchor_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-anchor.js");
-const comboboxEmpty = require("./combobox-empty.js");
-const comboboxGroup = require("./combobox-group.js");
-const comboboxInput = require("./combobox-input.js");
-const comboboxItem = require("./combobox-item.js");
-const comboboxList = require("./combobox-list.js");
-const comboboxRoot = require("./combobox-root.js");
-const comboboxSeparator = require("./combobox-separator.js");
-const comboboxTrigger = require("./combobox-trigger.js");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = {
-  key: 0,
-  class: "celeste-dropdown-anchor-trigger-prefix"
-};
-const _hoisted_2 = { class: "celeste-dropdown-anchor-trigger-prefix-selected" };
-const _hoisted_3 = { key: 1 };
-const _hoisted_4 = ["src"];
-const _hoisted_5 = {
-  key: 1,
-  class: "celeste-dropdown-anchor-trigger-prefix"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "celeste-dropdown-input"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "celeste-input-badge"
-};
-const _hoisted_8 = ["src"];
-const __default__ = {
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  ...__default__,
-  __name: "combobox",
-  props: {
-    options: {},
-    valueBy: {},
-    labelBy: {},
-    placeholder: { default: "Select" },
-    type: {},
-    size: { default: "md" },
-    emptyLabel: {},
-    badgeProps: {},
-    searchable: { type: Boolean },
-    class: {},
-    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 = Mo.computed(() => {
-      const {
-        open,
-        filterFunction: filterFunction2,
-        options,
-        valueBy,
-        labelBy,
-        placeholder,
-        type,
-        size,
-        emptyLabel,
-        badgeProps,
-        searchable,
-        class: _class,
-        ...delegated
-      } = props;
-      return delegated;
-    });
-    const forwarded = index.xe(delegatedProps, emits);
-    const model = Mo.computed(() => props.modelValue);
-    const label = Mo.computed(() => {
-      if (!model.value)
-        return props.placeholder;
-      if (Array.isArray(model.value)) {
-        if (model.value.length === 0)
-          return props.placeholder;
-        return model.value.map((item) => props.labelBy ? item[props.labelBy] : item.label).join(", ");
-      }
-      return props.labelBy ? model.value[props.labelBy] : model.value.label;
-    });
-    function isSelected(value) {
-      if (!Array.isArray(props.modelValue) || !props.multiple)
-        return;
-      if (value === void 0 || value === null)
-        return false;
-      return props.modelValue.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: label2 } = option;
-        if (!value || !label2)
-          return false;
-        if (props.valueBy && typeof value === "object" && props.valueBy in value) {
-          return String(value[props.valueBy]).toLowerCase().includes(searchTerm.toLowerCase()) || label2.toString().toLowerCase().includes(searchTerm.toLowerCase());
-        }
-        return value.toString().toLowerCase().includes(searchTerm.toLowerCase()) || label2.toString().toLowerCase().includes(searchTerm.toLowerCase());
-      });
-    }
-    const mergedBadgeProps = Mo.computed(() => ({
-      ...props.badgeProps,
-      disabled: props.disabled
-    }));
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(comboboxRoot, Mo.mergeProps(Mo.unref(forwarded), { "filter-function": filterFunction }), {
-        default: Mo.withCtx(() => [
-          Mo.createVNode(comboboxAnchor_vue_vue_type_script_setup_true_lang._sfc_main, { "as-child": "" }, {
-            default: Mo.withCtx(() => [
-              Mo.createVNode(comboboxTrigger, {
-                type: _ctx.type,
-                filled: !!model.value,
-                size: _ctx.size,
-                class: Mo.normalizeClass(props.class)
-              }, {
-                default: Mo.withCtx(() => [
-                  model.value && !Array.isArray(model.value) && (model.value.icon || model.value.image) ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
-                    Mo.createElementVNode("div", _hoisted_2, [
-                      model.value.icon ? (Mo.openBlock(), Mo.createElementBlock("i", {
-                        key: 0,
-                        class: Mo.normalizeClass(model.value.icon)
-                      }, null, 2)) : Mo.createCommentVNode("", true),
-                      model.value.image ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_3, [
-                        Mo.renderSlot(_ctx.$slots, "image", Mo.normalizeProps(Mo.guardReactiveProps({ selected: model.value })), () => [
-                          Mo.createElementVNode("img", {
-                            src: model.value.image,
-                            alt: "Selected option",
-                            class: "selected-dropdown-image"
-                          }, null, 8, _hoisted_4)
-                        ], true)
-                      ])) : Mo.createCommentVNode("", true)
-                    ])
-                  ])) : _ctx.$slots.prefix ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_5, [
-                    Mo.renderSlot(_ctx.$slots, "prefix", { class: "celeste-dropdown-anchor-trigger-prefix-default" }, void 0, true)
-                  ])) : Mo.createCommentVNode("", true),
-                  _ctx.type !== "inline" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_6, [
-                    Mo.createElementVNode("span", null, Mo.toDisplayString(label.value), 1),
-                    mergedBadgeProps.value && _ctx.badgeProps ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_7, [
-                      Mo.createVNode(badge, Mo.normalizeProps(Mo.guardReactiveProps(mergedBadgeProps.value)), null, 16)
-                    ])) : Mo.createCommentVNode("", true)
-                  ])) : Mo.createCommentVNode("", true),
-                  _cache[0] || (_cache[0] = Mo.createElementVNode("div", { class: "celeste-dropdown-trigger" }, [
-                    Mo.createElementVNode("i", { class: "i-celeste-arrow-down-s-line" })
-                  ], -1))
-                ]),
-                _: 3
-              }, 8, ["type", "filled", "size", "class"])
-            ]),
-            _: 3
-          }),
-          Mo.createVNode(comboboxList, null, {
-            default: Mo.withCtx(() => [
-              Mo.createElementVNode("div", {
-                class: Mo.normalizeClass(["celeste-dropdown-inner-input", { "sr-only": !_ctx.searchable }])
-              }, [
-                Mo.createVNode(comboboxInput, { searchable: _ctx.searchable }, null, 8, ["searchable"]),
-                _ctx.searchable ? (Mo.openBlock(), Mo.createBlock(comboboxSeparator, { key: 0 })) : Mo.createCommentVNode("", true)
-              ], 2),
-              Mo.createVNode(comboboxEmpty, null, Mo.createSlots({ _: 2 }, [
-                _ctx.emptyLabel ? {
-                  name: "default",
-                  fn: Mo.withCtx(() => [
-                    Mo.createTextVNode(Mo.toDisplayString(_ctx.emptyLabel), 1)
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1024),
-              Mo.createVNode(comboboxGroup, null, {
-                default: Mo.withCtx(() => [
-                  (Mo.openBlock(true), Mo.createElementBlock(Mo.Fragment, null, Mo.renderList(props.options, (option) => {
-                    return Mo.openBlock(), Mo.createBlock(comboboxItem, {
-                      key: option.label,
-                      label: option.label,
-                      sublabel: option.sublabel,
-                      description: option.description,
-                      checkbox: props.multiple,
-                      value: option,
-                      selected: isSelected(option.value)
-                    }, {
-                      prefix: Mo.withCtx(() => [
-                        option.icon ? (Mo.openBlock(), Mo.createElementBlock("i", {
-                          key: 0,
-                          class: Mo.normalizeClass(option.icon)
-                        }, null, 2)) : Mo.createCommentVNode("", true),
-                        option.image ? (Mo.openBlock(), Mo.createElementBlock("img", {
-                          key: 1,
-                          src: option.image,
-                          alt: "option",
-                          class: "celeste-dropdown-item-image"
-                        }, null, 8, _hoisted_8)) : Mo.createCommentVNode("", true)
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "sublabel", "description", "checkbox", "value", "selected"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-e3715243"]]);
-module.exports = combobox;