@youcan/celeste 0.6.23 → 0.6.25

package/dist/cjs/combobox-root.js

@@ -1,3 +1,40 @@
 "use strict";
-const comboboxRoot_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-root.js");
-module.exports = comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main;
+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-trigger.js

@@ -43,5 +43,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const ComboboxTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-43f9e53e"]]);
+const ComboboxTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bddcd2de"]]);
 module.exports = ComboboxTrigger;

package/dist/cjs/combobox.js

@@ -8,7 +8,7 @@ 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_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-root.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");
@@ -27,13 +27,11 @@ const _hoisted_6 = {
   key: 2,
   class: "celeste-dropdown-input"
 };
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = {
-  key: 2,
+const _hoisted_7 = {
+  key: 0,
   class: "celeste-input-badge"
 };
-const _hoisted_10 = ["src"];
+const _hoisted_8 = ["src"];
 const __default__ = {
   inheritAttrs: false
 };
@@ -43,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   props: {
     options: {},
     valueBy: {},
+    labelBy: {},
     placeholder: { default: "Select" },
     type: {},
     size: { default: "md" },
@@ -76,6 +75,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
         filterFunction: filterFunction2,
         options,
         valueBy,
+        labelBy,
         placeholder,
         type,
         size,
@@ -89,6 +89,16 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     });
     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;
@@ -104,13 +114,13 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     }
     function filterFunction(list, searchTerm) {
       return list.filter((option) => {
-        const { value, label } = option;
-        if (!value || !label)
+        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()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+          return String(value[props.valueBy]).toLowerCase().includes(searchTerm.toLowerCase()) || label2.toString().toLowerCase().includes(searchTerm.toLowerCase());
         }
-        return value.toString().toLowerCase().includes(searchTerm.toLowerCase()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+        return value.toString().toLowerCase().includes(searchTerm.toLowerCase()) || label2.toString().toLowerCase().includes(searchTerm.toLowerCase());
       });
     }
     const mergedBadgeProps = Mo.computed(() => ({
@@ -118,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
       disabled: props.disabled
     }));
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main, Mo.mergeProps(Mo.unref(forwarded), { "filter-function": filterFunction }), {
+      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(() => [
@@ -149,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
                     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, [
-                    _ctx.multiple ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_7, Mo.toDisplayString(_ctx.placeholder), 1)) : (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_8, Mo.toDisplayString(model.value && !Array.isArray(model.value) ? model.value.label : props.placeholder), 1)),
-                    mergedBadgeProps.value && _ctx.badgeProps ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_9, [
+                    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),
@@ -202,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
                           src: option.image,
                           alt: "option",
                           class: "celeste-dropdown-item-image"
-                        }, null, 8, _hoisted_10)) : Mo.createCommentVNode("", true)
+                        }, null, 8, _hoisted_8)) : Mo.createCommentVNode("", true)
                       ]),
                       _: 2
                     }, 1032, ["label", "sublabel", "description", "checkbox", "value", "selected"]);
@@ -219,5 +229,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-268c7202"]]);
+const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-e3715243"]]);
 module.exports = combobox;

package/dist/cjs/dropdown.js

@@ -287,5 +287,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-dd43a899"]]);
+const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8ef0e6e7"]]);
 module.exports = dropdown;

package/dist/cjs/index.js

@@ -15,7 +15,7 @@ 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_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-root.js");
+const comboboxRoot = require("./combobox-root.js");
 const comboboxSeparator = require("./combobox-separator.js");
 const comboboxTrigger = require("./combobox-trigger.js");
 const combobox = require("./combobox.js");
@@ -81,7 +81,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   ComboboxInput: comboboxInput,
   ComboboxItem: comboboxItem,
   ComboboxList: comboboxList,
-  ComboboxRoot: comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main,
+  ComboboxRoot: comboboxRoot,
   ComboboxSeparator: comboboxSeparator,
   ComboboxTrigger: comboboxTrigger,
   CompactButton: compactButton,
@@ -161,7 +161,7 @@ exports.ComboboxGroup = comboboxGroup;
 exports.ComboboxInput = comboboxInput;
 exports.ComboboxItem = comboboxItem;
 exports.ComboboxList = comboboxList;
-exports.ComboboxRoot = comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.ComboboxRoot = comboboxRoot;
 exports.ComboboxSeparator = comboboxSeparator;
 exports.ComboboxTrigger = comboboxTrigger;
 exports.Combobox = combobox;

package/dist/components/combobox/combobox.d.ts

@@ -4,6 +4,7 @@ import { ComboboxItemPropsType } from './combobox-item';
 export interface ComboboxPropsType extends ComboboxRootProps {
     options: ComboboxItemPropsType[];
     valueBy?: string;
+    labelBy?: string;
     placeholder?: string;
     type?: 'normal' | 'compact' | 'inline' | 'compact-input';
     size?: 'xs' | 'sm' | 'md';

package/dist/es/chunks/index.js

@@ -8983,8 +8983,8 @@ export {
   Qv as E,
   Fy as F,
   Gy as G,
-  Hv as H,
-  nm as I,
+  nm as H,
+  Hv as I,
   Jv as J,
   Kv as K,
   tm as L,

package/dist/es/combobox-list.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, I as nm, X as Xv, J as Jv } from "./chunks/index.js";
+import { x as xe, H as nm, X as Xv, J as Jv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "combobox-list",
@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     dismissable: { type: Boolean },
     side: {},
     sideOffset: { default: 4 },
-    align: { default: "center" },
+    align: { default: "start" },
     alignOffset: {},
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
@@ -39,7 +39,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(nm), null, {
         default: withCtx(() => [
           createVNode(unref(Xv), mergeProps(unref(forwarded), {
-            "force-mount": "",
             class: unref(clsx)("celeste-dropdown-content", props.class)
           }), {
             default: withCtx(() => [
@@ -58,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ComboboxList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e15332e"]]);
+const ComboboxList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc6bae8b"]]);
 export {
   ComboboxList as default
 };

package/dist/es/combobox-root.js

@@ -1,4 +1,41 @@
-import { _ as _sfc_main } from "./chunks/combobox-root.js";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { x as xe, I as Hv } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ 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 = xe(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Hv), mergeProps({ class: "celeste-combobox-root" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const ComboboxRoot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29e14e56"]]);
 export {
-  _sfc_main as default
+  ComboboxRoot as default
 };

package/dist/es/combobox-trigger.js

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ComboboxTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-43f9e53e"]]);
+const ComboboxTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bddcd2de"]]);
 export {
   ComboboxTrigger as default
 };

package/dist/es/combobox.js

@@ -1,13 +1,13 @@
 import { defineComponent, computed, openBlock, createBlock, mergeProps, unref, withCtx, createVNode, normalizeClass, createElementBlock, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, 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 { _ 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$1 } from "./chunks/combobox-root.js";
+import ComboboxRoot from "./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";
@@ -26,13 +26,11 @@ const _hoisted_6 = {
   key: 2,
   class: "celeste-dropdown-input"
 };
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = {
-  key: 2,
+const _hoisted_7 = {
+  key: 0,
   class: "celeste-input-badge"
 };
-const _hoisted_10 = ["src"];
+const _hoisted_8 = ["src"];
 const __default__ = {
   inheritAttrs: false
 };
@@ -42,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     options: {},
     valueBy: {},
+    labelBy: {},
     placeholder: { default: "Select" },
     type: {},
     size: { default: "md" },
@@ -75,6 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         filterFunction: filterFunction2,
         options,
         valueBy,
+        labelBy,
         placeholder,
         type,
         size,
@@ -88,6 +88,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const forwarded = xe(delegatedProps, emits);
     const model = computed(() => props.modelValue);
+    const label = 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;
@@ -103,13 +113,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function filterFunction(list, searchTerm) {
       return list.filter((option) => {
-        const { value, label } = option;
-        if (!value || !label)
+        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()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+          return String(value[props.valueBy]).toLowerCase().includes(searchTerm.toLowerCase()) || label2.toString().toLowerCase().includes(searchTerm.toLowerCase());
         }
-        return value.toString().toLowerCase().includes(searchTerm.toLowerCase()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+        return value.toString().toLowerCase().includes(searchTerm.toLowerCase()) || label2.toString().toLowerCase().includes(searchTerm.toLowerCase());
       });
     }
     const mergedBadgeProps = computed(() => ({
@@ -117,9 +127,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       disabled: props.disabled
     }));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps(unref(forwarded), { "filter-function": filterFunction }), {
+      return openBlock(), createBlock(ComboboxRoot, mergeProps(unref(forwarded), { "filter-function": filterFunction }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$2, { "as-child": "" }, {
+          createVNode(_sfc_main$1, { "as-child": "" }, {
             default: withCtx(() => [
               createVNode(ComboboxTrigger, {
                 type: _ctx.type,
@@ -148,8 +158,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "prefix", { class: "celeste-dropdown-anchor-trigger-prefix-default" }, void 0, true)
                   ])) : createCommentVNode("", 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(model.value && !Array.isArray(model.value) ? model.value.label : props.placeholder), 1)),
-                    mergedBadgeProps.value && _ctx.badgeProps ? (openBlock(), createElementBlock("span", _hoisted_9, [
+                    createElementVNode("span", null, toDisplayString(label.value), 1),
+                    mergedBadgeProps.value && _ctx.badgeProps ? (openBlock(), createElementBlock("span", _hoisted_7, [
                       createVNode(Badge, normalizeProps(guardReactiveProps(mergedBadgeProps.value)), null, 16)
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
@@ -201,7 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           src: option.image,
                           alt: "option",
                           class: "celeste-dropdown-item-image"
-                        }, null, 8, _hoisted_10)) : createCommentVNode("", true)
+                        }, null, 8, _hoisted_8)) : createCommentVNode("", true)
                       ]),
                       _: 2
                     }, 1032, ["label", "sublabel", "description", "checkbox", "value", "selected"]);
@@ -218,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-268c7202"]]);
+const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3715243"]]);
 export {
   combobox as default
 };

package/dist/es/command-root.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { x as xe, H as Hv } from "./chunks/index.js";
+import { x as xe, I as Hv } from "./chunks/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-root",
   props: {

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, 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 { I 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";
@@ -286,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd43a899"]]);
+const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8ef0e6e7"]]);
 export {
   dropdown as default
 };