@youcan/celeste 0.6.3

package/dist/cjs/color.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const COLOR_NUMBER_VALIDATION_PATTERN = /^\d*\s?[%°]?$/;
+const HEX_VALIDATION_PATTERN = /^#?[0-9a-f]{0,6}$/i;
+const DEFAULT_SWATCH = [
+  "#717784ff",
+  "#335cffff",
+  "#ff8547ff",
+  "#fb3747ff",
+  "#1fc16bff",
+  "#f6b51eff",
+  "#7e52f4ff",
+  "#47c2ffff"
+];
+function getFractionDigit(data) {
+  const str = data.toString();
+  if (str.includes(".")) {
+    return str.split(".")[1].length;
+  }
+  return 0;
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function truncColorValue(value) {
+  return Math.trunc(Number(value.replace(/[%°]/g, "").trim()));
+}
+function getColorConstraints(key) {
+  const min = 0;
+  let max = 0;
+  if (key === "r" || key === "g" || key === "b") {
+    max = 255;
+  }
+  if (key === "h") {
+    max = 359;
+  }
+  if (["s", "l", "v", "a"].includes(key)) {
+    max = 100;
+  }
+  return {
+    min,
+    max
+  };
+}
+function bumpColorValue(value, direction) {
+  let multiplier = 0;
+  switch (direction) {
+    case "down":
+      multiplier = -1;
+      break;
+    case "up":
+      multiplier = 1;
+      break;
+  }
+  return value + multiplier;
+}
+function getPageXYFromEvent(e) {
+  const coordinates = { x: 0, y: 0 };
+  if (e instanceof MouseEvent) {
+    coordinates.x = e.pageX;
+    coordinates.y = e.pageY;
+  }
+  if (typeof TouchEvent !== "undefined" && e instanceof TouchEvent) {
+    coordinates.x = e.touches ? e.touches[0].pageX : e.changedTouches ? e.changedTouches[0].pageX : 0;
+    coordinates.y = e.touches ? e.touches[0].pageY : e.changedTouches ? e.changedTouches[0].pageY : 0;
+  }
+  return coordinates;
+}
+function getScrollXY() {
+  const x = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0;
+  const y = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0;
+  return { x, y };
+}
+function getAbsolutePosition(container) {
+  const { x: scrollX, y: scrollY } = getScrollXY();
+  const rect = container.getBoundingClientRect();
+  return {
+    x: rect.left + scrollX,
+    y: rect.top + scrollY
+  };
+}
+function resolveArrowDirection(e) {
+  const arrowMap = {
+    ArrowUp: "up",
+    ArrowDown: "down",
+    ArrowLeft: "left",
+    ArrowRight: "right"
+  };
+  return arrowMap[e.code];
+}
+exports.COLOR_NUMBER_VALIDATION_PATTERN = COLOR_NUMBER_VALIDATION_PATTERN;
+exports.DEFAULT_SWATCH = DEFAULT_SWATCH;
+exports.HEX_VALIDATION_PATTERN = HEX_VALIDATION_PATTERN;
+exports.bumpColorValue = bumpColorValue;
+exports.clamp = clamp;
+exports.getAbsolutePosition = getAbsolutePosition;
+exports.getColorConstraints = getColorConstraints;
+exports.getFractionDigit = getFractionDigit;
+exports.getPageXYFromEvent = getPageXYFromEvent;
+exports.getScrollXY = getScrollXY;
+exports.resolveArrowDirection = resolveArrowDirection;
+exports.truncColorValue = truncColorValue;

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,45 @@
+"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", {
+          "i-celeste-search-line": "",
+          class: "celeste-command-input-icon"
+        }, 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-c3aa78a4"]]);
+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/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;

package/dist/cjs/dropdown-menu-content.js

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

package/dist/cjs/dropdown-menu-group.js

@@ -0,0 +1,24 @@
+"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: "dropdown-menu-group",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.fh), Mo.mergeProps({ class: "celeste-dropdown-menu-group" }, props), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const dropdownMenuGroup = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-87c13894"]]);
+module.exports = dropdownMenuGroup;