@youcan/celeste 0.6.97 → 0.6.99

package/dist/es/combobox.js

@@ -1,241 +1,2 @@
-import { defineComponent, computed, createBlock, openBlock, mergeProps, unref, withCtx, createVNode, normalizeClass, createElementBlock, createCommentVNode, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createSlots, createTextVNode, Fragment, renderList } from "vue";
-import { S as Se } from "./chunks/index.js";
-import Badge from "./badge.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 ComboboxRoot from "./combobox-root.js";
-import ComboboxSeparator from "./combobox-separator.js";
-import ComboboxTrigger from "./combobox-trigger.js";
-/* empty css                                                                */
-import { _ as _export_sfc } from "./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-trigger-label"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "celeste-input-badge"
-};
-const _hoisted_8 = ["src"];
-const __default__ = {
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "combobox",
-  props: {
-    options: {},
-    valueBy: {},
-    labelBy: {},
-    placeholder: { default: "Select" },
-    searchPlaceholder: {},
-    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 },
-    resetSearchTermOnSelect: { 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,
-        filterFunction: filterFunction2,
-        options,
-        valueBy,
-        labelBy,
-        placeholder,
-        searchPlaceholder,
-        type,
-        size,
-        emptyLabel,
-        badgeProps,
-        searchable,
-        class: _class,
-        ...delegated
-      } = props;
-      return delegated;
-    });
-    const forwarded = Se(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;
-      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 = computed(() => ({
-      ...props.badgeProps,
-      disabled: props.disabled
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(ComboboxRoot, mergeProps(unref(forwarded), { "filter-function": filterFunction }), {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1, { "as-child": "" }, {
-            default: withCtx(() => [
-              createVNode(ComboboxTrigger, {
-                type: _ctx.type,
-                filled: !!model.value,
-                size: _ctx.size,
-                class: normalizeClass(props.class)
-              }, {
-                default: withCtx(() => [
-                  model.value && !Array.isArray(model.value) && (model.value.icon || model.value.image) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                    createElementVNode("div", _hoisted_2, [
-                      model.value.icon ? (openBlock(), createElementBlock("i", {
-                        key: 0,
-                        class: normalizeClass(model.value.icon)
-                      }, null, 2)) : createCommentVNode("", true),
-                      model.value.image ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                        renderSlot(_ctx.$slots, "image", normalizeProps(guardReactiveProps({ selected: model.value })), () => [
-                          createElementVNode("img", {
-                            src: model.value.image,
-                            alt: "Selected option",
-                            class: "selected-dropdown-image"
-                          }, null, 8, _hoisted_4)
-                        ], true)
-                      ])) : createCommentVNode("", true)
-                    ])
-                  ])) : _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    renderSlot(_ctx.$slots, "prefix", { class: "celeste-dropdown-anchor-trigger-prefix-default" }, void 0, true)
-                  ])) : createCommentVNode("", true),
-                  _ctx.type !== "inline" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                    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),
-                  _cache[0] || (_cache[0] = createElementVNode("div", { class: "celeste-dropdown-trigger" }, [
-                    createElementVNode("i", { class: "i-celeste-arrow-down-s-line" })
-                  ], -1))
-                ]),
-                _: 3
-              }, 8, ["type", "filled", "size", "class"])
-            ]),
-            _: 3
-          }),
-          createVNode(ComboboxList, null, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(["celeste-dropdown-inner-input", { "sr-only": !_ctx.searchable }])
-              }, [
-                createVNode(ComboboxInput, {
-                  searchable: _ctx.searchable,
-                  placeholder: _ctx.searchPlaceholder
-                }, null, 8, ["searchable", "placeholder"]),
-                _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_8)) : createCommentVNode("", true)
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "sublabel", "description", "checkbox", "value", "selected"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7baed4e9"]]);
-export {
-  combobox as default
-};
+import { t as combobox_default } from "./chunks/combobox.js";
+export { combobox_default as default };

package/dist/es/command-group.js

@@ -1,42 +1,35 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { I as Zv, J as Jv } from "./chunks/index.js";
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "command-group",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {},
-    heading: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Zv), mergeProps(delegatedProps.value, {
-        class: ["celeste-command-group", props.class]
-      }), {
-        default: withCtx(() => [
-          _ctx.heading ? (openBlock(), createBlock(unref(Jv), {
-            key: 0,
-            class: "celeste-command-label"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.heading), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const commandGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04d6d7e5"]]);
-export {
-  commandGroup as default
-};
+import { et as Zv, x as Jv } from "./chunks/dist.js";
+import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper.js";
+import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/command/command-group.vue
+var command_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "command-group",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: {},
+		heading: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = computed(() => {
+			const { class: _, ...delegated } = props;
+			return delegated;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Zv), mergeProps(delegatedProps.value, { class: ["celeste-command-group", props.class] }), {
+				default: withCtx(() => [_ctx.heading ? (openBlock(), createBlock(unref(Jv), {
+					key: 0,
+					class: "celeste-command-label"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.heading), 1)]),
+					_: 1
+				})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-04d6d7e5"]]);
+//#endregion
+export { command_group_default as default };

package/dist/es/command-input.js

@@ -1,43 +1,41 @@
-import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, mergeProps } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { O as Ot, L as Gv } from "./chunks/index.js";
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _hoisted_1 = {
-  class: "celeste-command-input",
-  "cmdk-input-wrapper": ""
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "command-input",
-  props: {
-    type: {},
-    disabled: { type: Boolean },
-    autoFocus: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwardedProps = Ot(delegatedProps);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)),
-        createVNode(unref(Gv), mergeProps({ ...unref(forwardedProps), ..._ctx.$attrs }, {
-          "auto-focus": "",
-          class: unref(clsx)("celeste-command-input-primitive", props.class)
-        }), null, 16, ["class"])
-      ]);
-    };
-  }
-});
-const commandInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0407a5d5"]]);
-export {
-  commandInput as default
+import { O as Ot, m as Gv } from "./chunks/dist.js";
+import { t as clsx } from "./chunks/clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
+//#region src/components/command/command-input.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "celeste-command-input",
+	"cmdk-input-wrapper": ""
 };
+//#endregion
+//#region src/components/command/command-input.vue
+var command_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "command-input",
+	props: {
+		type: {},
+		disabled: { type: Boolean },
+		autoFocus: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwardedProps = Ot(computed(() => {
+			const { class: _, ...delegated } = props;
+			return delegated;
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)), createVNode(unref(Gv), mergeProps({
+				...unref(forwardedProps),
+				..._ctx.$attrs
+			}, {
+				"auto-focus": "",
+				class: unref(clsx)("celeste-command-input-primitive", props.class)
+			}), null, 16, ["class"])]);
+		};
+	}
+}), [["__scopeId", "data-v-0407a5d5"]]);
+//#endregion
+export { command_input_default as default };

package/dist/es/command-item.js

@@ -1,35 +1,31 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { S as Se, N as am } from "./chunks/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "command-item",
-  props: {
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = Se(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(am), mergeProps(unref(forwarded), {
-        class: ["celeste-command-item", props.class]
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
+import { I as Se, st as am } from "./chunks/dist.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/command/command-item.vue
+var command_item_default = /* @__PURE__ */ defineComponent({
+	__name: "command-item",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = Se(computed(() => {
+			const { class: _, ...delegated } = props;
+			return delegated;
+		}), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(am), mergeProps(unref(forwarded), { class: ["celeste-command-item", props.class] }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
 });
-export {
-  _sfc_main as default
-};
+//#endregion
+export { command_item_default as default };

package/dist/es/command-list.js

@@ -1,53 +1,56 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot } from "vue";
-import { S as Se, Q as Qv } from "./chunks/index.js";
-const _hoisted_1 = { role: "presentation" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "command-list",
-  props: {
-    forceMount: { type: Boolean },
-    position: {},
-    bodyLock: { type: Boolean },
-    dismissable: { type: Boolean, default: false },
-    side: {},
-    sideOffset: {},
-    align: {},
-    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 = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = Se(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Qv), mergeProps(unref(forwarded), {
-        class: ["celeste-command-list", props.class]
-      }), {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
+import { I as Se, N as Qv } from "./chunks/dist.js";
+import { computed, createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/command/command-list.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { role: "presentation" };
+//#endregion
+//#region src/components/command/command-list.vue
+var command_list_default = /* @__PURE__ */ defineComponent({
+	__name: "command-list",
+	props: {
+		forceMount: { type: Boolean },
+		position: {},
+		bodyLock: { type: Boolean },
+		dismissable: {
+			type: Boolean,
+			default: false
+		},
+		side: {},
+		sideOffset: {},
+		align: {},
+		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 forwarded = Se(computed(() => {
+			const { class: _, ...delegated } = props;
+			return delegated;
+		}), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Qv), mergeProps(unref(forwarded), { class: ["celeste-command-list", props.class] }), {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
 });
-export {
-  _sfc_main as default
-};
+//#endregion
+export { command_list_default as default };