@youcan/celeste 0.6.15 → 0.6.17

package/dist/cjs/chunks/combobox-anchor.js

@@ -0,0 +1,31 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "combobox-anchor",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  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.jv), Mo.mergeProps(Mo.unref(forwarded), {
+        class: Mo.unref(clsx.clsx)(props.class, "celeste-dropdown-anchor")
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/combobox-root.js

@@ -0,0 +1,38 @@
+"use strict";
+const Mo = require("vue");
+const index = require("./index.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.normalizeProps(Mo.guardReactiveProps(Mo.unref(forwarded))), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/index.js

@@ -4686,6 +4686,22 @@ const Jv = /* @__PURE__ */ Mo.defineComponent({
       _: 3
     }, 16));
   }
+}), nm = /* @__PURE__ */ Mo.defineComponent({
+  __name: "ComboboxPortal",
+  props: {
+    to: {},
+    disabled: { type: Boolean },
+    forceMount: { type: Boolean }
+  },
+  setup(a2) {
+    const t = a2;
+    return (e, n) => (Mo.openBlock(), Mo.createBlock(Mo.unref(ot), Mo.normalizeProps(Mo.guardReactiveProps(t)), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
 }), Za = /* @__PURE__ */ Mo.defineComponent({
   __name: "MenuAnchor",
   props: {
@@ -9033,6 +9049,7 @@ exports.ky = ky;
 exports.lv = lv;
 exports.mg = mg;
 exports.ng = ng;
+exports.nm = nm;
 exports.og = og;
 exports.ph = ph;
 exports.qv = qv;

package/dist/cjs/combobox-anchor.js

@@ -0,0 +1,3 @@
+"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

@@ -0,0 +1,32 @@
+"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

@@ -0,0 +1,42 @@
+"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

@@ -0,0 +1,67 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const index = require("./chunks/index.js");
+const textInputIcon = require("./text-input-icon.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;" : ""
+          }), {
+            default: Mo.withCtx(() => [
+              props.searchable ? (Mo.openBlock(), Mo.createBlock(textInputIcon, {
+                key: 0,
+                icon: "i-celeste-search-2-line"
+              })) : Mo.createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16, ["modelValue", "readonly", "style"])
+        ]),
+        _: 1
+      }, 16, ["class", "readonly"]);
+    };
+  }
+});
+const ComboboxInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-6de83486"]]);
+module.exports = ComboboxInput;

package/dist/cjs/combobox-item.js

@@ -0,0 +1,109 @@
+"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

@@ -0,0 +1,62 @@
+"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

@@ -0,0 +1,3 @@
+"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;

package/dist/cjs/combobox-separator.js

@@ -0,0 +1,32 @@
+"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

@@ -0,0 +1,46 @@
+"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), {
+        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-1d007d84"]]);
+module.exports = ComboboxTrigger;