@youcan/celeste 0.6.29 → 0.6.31

package/dist/cjs/command-group.js

@@ -0,0 +1,41 @@
+"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: "command-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: ["celeste-command-group", props.class]
+      }), {
+        default: Mo.withCtx(() => [
+          _ctx.heading ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Yv), {
+            key: 0,
+            class: "celeste-command-label"
+          }, {
+            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 commandGroup = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-04d6d7e5"]]);
+module.exports = commandGroup;

package/dist/cjs/command-input.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 _hoisted_1 = {
+  class: "celeste-command-input",
+  "cmdk-input-wrapper": ""
+};
+const _sfc_main = /* @__PURE__ */ Mo.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 = Mo.computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = index.At(delegatedProps);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = Mo.createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)),
+        Mo.createVNode(Mo.unref(index.Wv), Mo.mergeProps({ ...Mo.unref(forwardedProps), ..._ctx.$attrs }, {
+          "auto-focus": "",
+          class: Mo.unref(clsx.clsx)("celeste-command-input-primitive", props.class)
+        }), null, 16, ["class"])
+      ]);
+    };
+  }
+});
+const commandInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-0407a5d5"]]);
+module.exports = commandInput;

package/dist/cjs/command-item.js

@@ -0,0 +1,34 @@
+"use strict";
+const Mo = require("vue");
+const index = require("./chunks/index.js");
+const _sfc_main = /* @__PURE__ */ Mo.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 = 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), {
+        class: ["celeste-command-item", props.class]
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/cjs/command-list.js

@@ -0,0 +1,52 @@
+"use strict";
+const Mo = require("vue");
+const index = require("./chunks/index.js");
+const _hoisted_1 = { role: "presentation" };
+const _sfc_main = /* @__PURE__ */ Mo.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 = 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.Xv), Mo.mergeProps(Mo.unref(forwarded), {
+        class: ["celeste-command-list", props.class]
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.createElementVNode("div", _hoisted_1, [
+            Mo.renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/cjs/command-root.js

@@ -0,0 +1,45 @@
+"use strict";
+const Mo = require("vue");
+const index = require("./chunks/index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "command-root",
+  props: {
+    modelValue: { default: "" },
+    defaultValue: {},
+    open: { type: Boolean, default: true },
+    defaultOpen: { type: Boolean },
+    searchTerm: {},
+    selectedValue: {},
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    name: {},
+    dir: {},
+    filterFunction: {},
+    displayValue: {},
+    resetSearchTermOnBlur: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
+  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.Hv), Mo.mergeProps(Mo.unref(forwarded), {
+        class: ["celeste-command-root", props.class]
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/cjs/command-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: "command-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-command-separator", props.class)
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const commandSeparator = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-547148a7"]]);
+module.exports = commandSeparator;

package/dist/cjs/compact-button.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: "compact-button",
+  props: {
+    class: {},
+    icon: {},
+    size: { default: "lg" },
+    rounded: { type: Boolean },
+    variant: { default: "stroke" },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
+        class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
+          "celeste-cbutton",
+          `celeste-cbutton-${_ctx.size}`,
+          `celeste-cbutton-${_ctx.variant}`,
+          _ctx.rounded && `celeste-cbutton-rounded`,
+          props.class
+        ))
+      }, {
+        default: Mo.withCtx(() => [
+          Mo.createElementVNode("i", {
+            class: Mo.normalizeClass(_ctx.icon)
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["as", "as-child", "class"]);
+    };
+  }
+});
+const CompactButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c062bacd"]]);
+module.exports = CompactButton;

package/dist/cjs/config.js

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Mo = require("vue");
+const fullToolbar = Mo.ref([
+  {
+    slug: "heading",
+    name: "Text styles",
+    children: [
+      { option: "p", name: "Normal text", active: "paragraph" },
+      { option: "1", name: "Heading 1", active: { level: 1 } },
+      { option: "2", name: "Heading 2", active: { level: 2 } },
+      { option: "3", name: "Heading 3", active: { level: 3 } },
+      { option: "4", name: "Heading 4", active: { level: 4 } },
+      { option: "5", name: "Heading 5", active: { level: 5 } },
+      { option: "6", name: "Heading 6", active: { level: 6 } }
+    ]
+  },
+  { type: "divider" },
+  {
+    slug: "fontSize",
+    name: "Font size",
+    children: [
+      { option: "8px", name: "8", active: { fontSize: "8px" } },
+      { option: "10px", name: "10", active: { fontSize: "10px" } },
+      { option: "12px", name: "12", active: { fontSize: "12px" } },
+      { option: "14px", name: "14", active: { fontSize: "14px" } },
+      { option: "16px", name: "16", active: { fontSize: "16px" } },
+      { option: "18px", name: "18", active: { fontSize: "18px" } },
+      { option: "24px", name: "24", active: { fontSize: "24px" } },
+      { option: "30px", name: "30", active: { fontSize: "30px" } },
+      { option: "36px", name: "36", active: { fontSize: "36px" } },
+      { option: "48px", name: "48", active: { fontSize: "48px" } },
+      { option: "60px", name: "60", active: { fontSize: "60px" } },
+      { option: "72px", name: "72", active: { fontSize: "72px" } },
+      { option: "96px", name: "96", active: { fontSize: "96px" } }
+    ]
+  },
+  { type: "divider" },
+  {
+    slug: "color",
+    name: "Text color",
+    children: [
+      { option: "#000000", name: "Black", icon: "i-celeste-circle-fill", active: { color: "#000000" } },
+      { option: "#7B7B7B", name: "Gray", icon: "i-celeste-circle-fill", active: { color: "#7B7B7B" } },
+      { option: "#335CFF", name: "Blue", icon: "i-celeste-circle-fill", active: { color: "#335CFF" } },
+      { option: "#FA7319", name: "Orange", icon: "i-celeste-circle-fill", active: { color: "#FA7319" } },
+      { option: "#7D52F4", name: "Purple", icon: "i-celeste-circle-fill", active: { color: "#7D52F4" } },
+      { option: "#47C2FF", name: "Sky", icon: "i-celeste-circle-fill", active: { color: "#47C2FF" } }
+    ]
+  },
+  { type: "divider" },
+  { slug: "bold", name: "Bold", icon: "i-celeste-bold", active: "bold" },
+  { slug: "italic", name: "Italic", icon: "i-celeste-italic", active: "italic" },
+  { slug: "underline", name: "Underline", icon: "i-celeste-underline", active: "underline" },
+  { slug: "strike", name: "Strike", icon: "i-celeste-strikethrough", active: "strike" },
+  { type: "divider" },
+  { slug: "bulletList", name: "Bulleted list", icon: "i-celeste-list-unordered", active: "bulletList" },
+  { slug: "orderedList", name: "Numbered list", icon: "i-celeste-list-ordered", active: "orderedList" },
+  { type: "divider" },
+  {
+    slug: "align",
+    name: "Text alignment",
+    children: [
+      { option: "left", name: "Left align", icon: "i-celeste-align-left", active: { textAlign: "left" } },
+      { option: "center", name: "Center align", icon: "i-celeste-align-center", active: { textAlign: "center" } },
+      { option: "right", name: "Right align", icon: "i-celeste-align-right", active: { textAlign: "right" } },
+      { option: "justify", name: "Justify", icon: "i-celeste-align-justify", active: { textAlign: "justify" } }
+    ]
+  },
+  { type: "divider" },
+  { slug: "link", name: "Insert Link", icon: "i-celeste-link", active: "link" },
+  { type: "divider" },
+  { slug: "undo", name: "Undo", icon: "i-celeste-arrow-go-back-line", active: "undo" },
+  { slug: "redo", name: "Redo", icon: "i-celeste-arrow-go-forward-line", active: "redo" },
+  { slug: "clear", name: "Clear style", icon: "i-celeste-format-clear", active: "clear" }
+]);
+function onActionClick(editor, slug, option = null, showLinkBubble) {
+  var _a;
+  const chain = editor.chain().focus();
+  if (!chain) {
+    return;
+  }
+  const actionTriggers = {
+    heading: () => {
+      if (!option) {
+        return;
+      }
+      if (option === "p") {
+        chain.setParagraph().run();
+      } else {
+        const headingLevel = Number(option);
+        chain.toggleHeading({ level: headingLevel }).run();
+      }
+    },
+    fontSize: () => {
+      editor.chain().focus().setFontSize(option ?? "16px").run();
+    },
+    color: () => {
+      editor.chain().focus().setColor(option ?? "#000000").run();
+    },
+    bold: () => chain.toggleBold().run(),
+    italic: () => chain.toggleItalic().run(),
+    underline: () => chain.toggleUnderline().run(),
+    strike: () => chain.toggleStrike().run(),
+    bulletList: () => chain.toggleBulletList().run(),
+    orderedList: () => chain.toggleOrderedList().run(),
+    align: () => chain.setTextAlign(option ?? "left").run(),
+    link: () => {
+      if (showLinkBubble) {
+        showLinkBubble();
+      }
+    },
+    undo: () => chain.undo().run(),
+    redo: () => chain.redo().run(),
+    clear: () => chain.clearNodes().unsetAllMarks().run()
+  };
+  (_a = actionTriggers[slug]) == null ? void 0 : _a.call(actionTriggers);
+}
+function selectedOption(editor, children) {
+  if (!Array.isArray(children)) {
+    return "";
+  }
+  for (const child of children) {
+    if (Object.prototype.hasOwnProperty.call(child.active, "fontSize")) {
+      const currentFontSize = editor.getAttributes("textStyle").fontSize || "16px";
+      return currentFontSize;
+    }
+    if (editor.isActive(child.active)) {
+      return child.option;
+    }
+  }
+  return children[0].option;
+}
+exports.fullToolbar = fullToolbar;
+exports.onActionClick = onActionClick;
+exports.selectedOption = selectedOption;

package/dist/cjs/content-divider.js

@@ -0,0 +1,3 @@
+"use strict";
+const contentDivider_vue_vue_type_style_index_0_lang = require("./chunks/content-divider.vue_vue_type_style_index_0_lang.js");
+module.exports = contentDivider_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/cjs/context-menu-item.js

@@ -0,0 +1,134 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const index = require("./chunks/index.js");
+const badge = require("./badge.js");
+const button = require("./button.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = ["aria-disabled"];
+const _hoisted_2 = { class: "celeste-context-menu-item-info" };
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = {
+  key: 0,
+  class: "celeste-context-menu-item-sublabel"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "celeste-context-menu-item-description"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "celeste-context-menu-item-shortcut"
+};
+const _hoisted_7 = { class: "celeste-context-menu-item-switch" };
+const _hoisted_8 = { class: "celeste-context-menu-item-button" };
+const _hoisted_9 = {
+  key: 3,
+  class: "celeste-context-menu-item-suffix"
+};
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "context-menu-item",
+  props: /* @__PURE__ */ Mo.mergeModels({
+    size: { default: "sm" },
+    class: {},
+    label: {},
+    sublabel: {},
+    description: {},
+    disabled: { type: Boolean, default: false },
+    focused: { type: Boolean, default: false },
+    badgeProps: {},
+    shortcut: {},
+    toggle: { type: Boolean },
+    selected: { type: Boolean },
+    buttonProps: {},
+    rightIcon: {}
+  }, {
+    "selected": { type: Boolean },
+    "selectedModifiers": {}
+  }),
+  emits: ["update:selected"],
+  setup(__props) {
+    const props = __props;
+    const selectedModel = Mo.useModel(__props, "selected");
+    const mergedBadgeProps = Mo.computed(() => ({
+      ...props.badgeProps,
+      disabled: props.disabled
+    }));
+    const mergedButtonProps = Mo.computed(() => {
+      return props.buttonProps ? {
+        size: props.size === "sm" ? "xxs" : "xs",
+        variant: props.size === "sm" ? "ghost" : "lighter",
+        disabled: props.disabled,
+        ...props.buttonProps
+      } : null;
+    });
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", {
+        tabindex: "0",
+        "aria-disabled": _ctx.disabled,
+        class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
+          "celeste-context-menu-item",
+          `celeste-context-menu-item-size-${_ctx.size}`,
+          { "celeste-context-menu-item-disabled": _ctx.disabled },
+          { "celeste-context-menu-item-selected": __props.selected },
+          { "celeste-context-menu-item-focused": _ctx.focused }
+        ))
+      }, [
+        _ctx.$slots.prefix ? (Mo.openBlock(), Mo.createElementBlock("div", {
+          key: 0,
+          class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
+            "celeste-context-menu-item-prefix",
+            `celeste-context-menu-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-context-menu-item-header",
+              `celeste-context-menu-item-header-${_ctx.size}`
+            ))
+          }, [
+            Mo.createElementVNode("span", {
+              class: "celeste-context-menu-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),
+          props.description && props.size === "lg" ? (Mo.openBlock(), Mo.createElementBlock("p", _hoisted_5, Mo.toDisplayString(_ctx.description), 1)) : Mo.createCommentVNode("", true)
+        ]),
+        mergedBadgeProps.value ? (Mo.openBlock(), Mo.createBlock(badge, Mo.mergeProps({ key: 1 }, mergedBadgeProps.value, { class: "celeste-context-menu-item-badge" }), null, 16)) : Mo.createCommentVNode("", true),
+        _ctx.shortcut ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_6, Mo.toDisplayString(_ctx.shortcut), 1)) : Mo.createCommentVNode("", true),
+        Mo.createElementVNode("span", _hoisted_7, [
+          Mo.createVNode(Mo.unref(index.mg), {
+            checked: selectedModel.value,
+            "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => selectedModel.value = $event),
+            disabled: _ctx.disabled,
+            class: "celeste-switch-root"
+          }, {
+            default: Mo.withCtx(() => [
+              Mo.createVNode(Mo.unref(index.hg), { class: "celeste-switch-thumb" })
+            ]),
+            _: 1
+          }, 8, ["checked", "disabled"])
+        ]),
+        Mo.createElementVNode("span", _hoisted_8, [
+          mergedButtonProps.value ? (Mo.openBlock(), Mo.createBlock(button, Mo.normalizeProps(Mo.mergeProps({ key: 0 }, mergedButtonProps.value)), {
+            default: Mo.withCtx(() => [
+              Mo.renderSlot(_ctx.$slots, "button-label", {}, void 0, true)
+            ]),
+            _: 3
+          }, 16)) : Mo.createCommentVNode("", true)
+        ]),
+        _ctx.rightIcon ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_9, [
+          Mo.createElementVNode("i", {
+            class: Mo.normalizeClass(_ctx.rightIcon)
+          }, null, 2)
+        ])) : Mo.createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+const contextMenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3d94f388"]]);
+module.exports = contextMenuItem;

package/dist/cjs/crypto.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function uid(prefix = "", random = false) {
+  const sec = Date.now() * 1e3 + Math.random() * 1e3;
+  const id = sec.toString(16).replace(/\./g, "").padEnd(14, "0");
+  return `${prefix}${id}${random ? `.${Math.trunc(Math.random() * 1e8)}` : ""}`;
+}
+exports.uid = uid;

package/dist/cjs/dropdown-item.js

@@ -0,0 +1,99 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.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: "dropdown-item",
+  props: {
+    class: {},
+    label: {},
+    size: { default: "sm" },
+    checkbox: { type: Boolean },
+    sublabel: {},
+    description: {},
+    selected: { type: [Boolean, String], default: false },
+    disabled: { type: Boolean, default: false },
+    focused: { type: Boolean, default: false }
+  },
+  emits: ["update:selected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function toggleSelection() {
+      if (!props.disabled && props.checkbox) {
+        emit("update:selected", !props.selected);
+      }
+    }
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", {
+        tabindex: "0",
+        "aria-disabled": _ctx.disabled,
+        class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
+          "celeste-dropdown-item",
+          { "celeste-dropdown-item-disabled": _ctx.disabled },
+          { "celeste-dropdown-item-selected": _ctx.selected },
+          { "celeste-dropdown-item-focused": _ctx.focused }
+        )),
+        onKeydown: Mo.withKeys(toggleSelection, ["enter"]),
+        onClick: toggleSelection
+      }, [
+        _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,
+          "onUpdate:checked": _cache[0] || (_cache[0] = (value) => _ctx.$emit("update:selected", value))
+        }, 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),
+          props.description && props.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)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+const DropdownItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a0a634ce"]]);
+module.exports = DropdownItem;