@youcan/celeste 0.6.3

package/dist/cjs/alert.js

@@ -0,0 +1,111 @@
+"use strict";
+const Mo = require("vue");
+const crypto = require("./crypto.js");
+const clsx = require("./chunks/clsx.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = ["aria-labelledby", "aria-describedby", "role"];
+const _hoisted_2 = {
+  class: "celeste-alert-inner",
+  role: "presentation"
+};
+const _hoisted_3 = {
+  role: "presentation",
+  class: "celeste-alert-content"
+};
+const _hoisted_4 = ["id"];
+const _hoisted_5 = ["id"];
+const _hoisted_6 = {
+  key: 0,
+  class: "celeste-alert-actions",
+  role: "presentation"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "celeste-alert-action-primary"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "celeste-alert-action-divider"
+};
+const _hoisted_9 = {
+  key: 2,
+  class: "celeste-alert-action-secondary"
+};
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "alert",
+  props: {
+    class: {},
+    size: { default: "xs" },
+    variant: { default: "fill" },
+    state: { default: "information" },
+    dismissable: { type: Boolean, default: false }
+  },
+  emits: ["dismiss"],
+  setup(__props) {
+    const props = __props;
+    const labelledby = crypto.uid();
+    const describedby = crypto.uid();
+    const ICON_MAP = {
+      warning: "i-celeste-alert-fill",
+      feature: "i-celeste-magic-fill",
+      error: "i-celeste-error-warning-fill",
+      success: "i-celeste-checkbox-circle-fill",
+      information: "i-celeste-information-fill"
+    };
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", {
+        "aria-labelledby": Mo.unref(labelledby),
+        "aria-describedby": Mo.unref(describedby),
+        role: _ctx.$slots.primary || _ctx.$slots.secondary ? "alert-dialog" : "alert",
+        class: Mo.normalizeClass(["celeste-alert", Mo.unref(clsx.clsx)(
+          `celeste-alert--${_ctx.size}`,
+          `celeste-alert--${_ctx.variant}--${_ctx.state}`,
+          props.class
+        )])
+      }, [
+        Mo.createElementVNode("i", {
+          class: Mo.normalizeClass(["celeste-alert-icon", [`celeste-alert-icon--${_ctx.variant}--${_ctx.state}`, ICON_MAP[props.state]]])
+        }, null, 2),
+        Mo.createElementVNode("div", _hoisted_2, [
+          Mo.createElementVNode("div", _hoisted_3, [
+            Mo.renderSlot(_ctx.$slots, "default", {}, () => [
+              Mo.createElementVNode("h5", {
+                id: Mo.unref(labelledby),
+                class: "celeste-alert-title"
+              }, [
+                Mo.renderSlot(_ctx.$slots, "title", {}, void 0, true)
+              ], 8, _hoisted_4),
+              _ctx.size === "lg" && _ctx.$slots.description ? (Mo.openBlock(), Mo.createElementBlock("div", {
+                key: 0,
+                id: Mo.unref(describedby),
+                class: "celeste-alert-description"
+              }, [
+                Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
+              ], 8, _hoisted_5)) : Mo.createCommentVNode("", true)
+            ], true)
+          ]),
+          _ctx.$slots.primary || _ctx.$slots.secondary ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_6, [
+            _ctx.$slots.primary ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_7, [
+              Mo.renderSlot(_ctx.$slots, "primary", {}, void 0, true)
+            ])) : Mo.createCommentVNode("", true),
+            _ctx.$slots.primary && _ctx.$slots.secondary && _ctx.size === "lg" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_8, " ∙ ")) : Mo.createCommentVNode("", true),
+            _ctx.$slots.secondary && _ctx.size === "lg" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_9, [
+              Mo.renderSlot(_ctx.$slots, "secondary", {}, void 0, true)
+            ])) : Mo.createCommentVNode("", true)
+          ])) : Mo.createCommentVNode("", true)
+        ]),
+        _ctx.dismissable ? (Mo.openBlock(), Mo.createElementBlock("a", {
+          key: 0,
+          href: "#",
+          "aria-label": "close",
+          class: Mo.normalizeClass(["celeste-alert-close", [`celeste-alert-close--${_ctx.variant}`]]),
+          onClick: _cache[0] || (_cache[0] = Mo.withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent"]))
+        }, _cache[1] || (_cache[1] = [
+          Mo.createElementVNode("i", { "i-celeste-close-line": "" }, null, -1)
+        ]), 2)) : Mo.createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+const alert = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bf31e7d4"]]);
+module.exports = alert;

package/dist/cjs/alpha-slider.js

@@ -0,0 +1,3 @@
+"use strict";
+const alphaSlider_vue_vue_type_script_setup_true_lang = require("./chunks/alpha-slider.js");
+module.exports = alphaSlider_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/badge.js

@@ -0,0 +1,55 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = ["aria-label", "aria-disabled"];
+const _hoisted_2 = {
+  key: 0,
+  class: "dot i-celeste-dot"
+};
+const _hoisted_3 = { key: 2 };
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "badge",
+  props: {
+    size: { default: "md" },
+    variant: { default: "fill" },
+    type: { default: "basic" },
+    state: {},
+    disabled: { type: Boolean },
+    icon: {},
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", {
+        class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
+          "celeste-badge",
+          `celeste-badge-${_ctx.size}`,
+          `celeste-badge-${_ctx.type}`,
+          `celeste-badge-${_ctx.state}`,
+          `celeste-badge-${_ctx.variant}`,
+          _ctx.disabled && "celeste-badge-disabled",
+          props.class
+        )),
+        "aria-label": _ctx.label,
+        "aria-disabled": _ctx.disabled || void 0,
+        role: "badge"
+      }, [
+        _ctx.type === "dot" ? (Mo.openBlock(), Mo.createElementBlock("i", _hoisted_2)) : Mo.createCommentVNode("", true),
+        _ctx.type === "leading-icon" ? (Mo.openBlock(), Mo.createElementBlock("i", {
+          key: 1,
+          class: Mo.normalizeClass(_ctx.icon)
+        }, null, 2)) : Mo.createCommentVNode("", true),
+        _ctx.label ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_3, Mo.toDisplayString(_ctx.label), 1)) : Mo.createCommentVNode("", true),
+        _ctx.type === "trailing-icon" ? (Mo.openBlock(), Mo.createElementBlock("i", {
+          key: 3,
+          class: Mo.normalizeClass(_ctx.icon)
+        }, null, 2)) : Mo.createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+const Badge = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-f6cc59c9"]]);
+module.exports = Badge;

package/dist/cjs/button.js

@@ -0,0 +1,39 @@
+"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: "button",
+  props: {
+    class: {},
+    size: { default: "md" },
+    intent: { default: "primary" },
+    variant: { default: "fill" },
+    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-button",
+          `celeste-button-intent-${_ctx.intent}`,
+          `celeste-button-size-${_ctx.size}`,
+          `celeste-button-variant-${_ctx.variant}`,
+          props.class
+        ))
+      }, {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "class"]);
+    };
+  }
+});
+const Button = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ba4c26eb"]]);
+module.exports = Button;

package/dist/cjs/checkbox.js

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

package/dist/cjs/chunks/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+"use strict";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+exports._export_sfc = _export_sfc;

package/dist/cjs/chunks/alpha-slider.js

@@ -0,0 +1,127 @@
+"use strict";
+const Mo = require("vue");
+const useUserSelect = require("../use-user-select.js");
+const color = require("../color.js");
+const useColorModel = require("./use-color-model.js");
+const _hoisted_1 = { class: "celeste-color-slider" };
+const _hoisted_2 = ["aria-valuenow"];
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "alpha-slider",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tinyColorRef = useColorModel.defineColorModel(props, emit);
+    const { preventPageUserSelect, allowPageUserSelect } = useUserSelect.useUserPageSelection();
+    const containerRef = Mo.useTemplateRef("slider-track");
+    const alpha = Mo.computed(() => tinyColorRef.value.getAlpha());
+    const alphaSliderBg = Mo.computed(() => {
+      const { r, g, b } = tinyColorRef.value.toRgb();
+      return `
+    linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0), rgba(${r}, ${g}, ${b}, 1)),
+      repeating-conic-gradient(
+        #ffffff 0deg,
+        #ffffff 90deg,
+        rgba(0, 0, 0, 0.3) 90deg,
+        rgba(0, 0, 0, 0.3) 180deg
+      ) 0% -25% / 6px 6px
+  `;
+    });
+    const trackThumbBg = Mo.computed(() => {
+      const { r, g, b, a } = tinyColorRef.value.toRgb();
+      const rgbaString = [r, g, b, a].join(",");
+      return `rgba(${rgbaString})`;
+    });
+    function handleChange(e, skip = false) {
+      if (!skip) {
+        e.preventDefault();
+      }
+      const container = containerRef.value;
+      if (!container) {
+        return;
+      }
+      const containerWidth = container.clientWidth;
+      const { x: xOffset } = color.getAbsolutePosition(container);
+      const { x: pageX } = color.getPageXYFromEvent(e);
+      const left = pageX - xOffset;
+      let a;
+      if (left < 0) {
+        a = 0;
+      } else if (left > containerWidth) {
+        a = 1;
+      } else {
+        a = Math.round(left * 100 / containerWidth) / 100;
+      }
+      if (alpha.value !== a) {
+        tinyColorRef.value = tinyColorRef.value.setAlpha(a).clone();
+      }
+    }
+    function handleMouseDown(e) {
+      handleChange(e, true);
+      preventPageUserSelect();
+      window.addEventListener("mousemove", handleChange);
+      window.addEventListener("mouseup", handleMouseUp);
+    }
+    function handleMouseUp() {
+      allowPageUserSelect();
+      unbindEventListeners();
+    }
+    function unbindEventListeners() {
+      window.removeEventListener("mousemove", handleChange);
+      window.removeEventListener("mouseup", handleMouseUp);
+    }
+    function handleKeydown(e) {
+      const direction = color.resolveArrowDirection(e);
+      if (!direction) {
+        return;
+      }
+      e.preventDefault();
+      const currentValue = alpha.value;
+      let newValue;
+      switch (direction) {
+        case "left": {
+          newValue = currentValue - 0.1 < 0 ? 0 : currentValue - 0.1;
+          break;
+        }
+        case "right": {
+          newValue = currentValue + 0.1 > 1 ? 1 : currentValue + 0.1;
+          break;
+        }
+      }
+      if (typeof newValue !== "undefined") {
+        tinyColorRef.value = tinyColorRef.value.setAlpha(newValue).clone();
+      }
+    }
+    Mo.onUnmounted(() => {
+      unbindEventListeners();
+    });
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
+        Mo.createElementVNode("div", {
+          ref: "slider-track",
+          class: "slider-track",
+          style: Mo.normalizeStyle({ background: alphaSliderBg.value }),
+          role: "slider",
+          "aria-label": "Transparency",
+          "aria-valuemax": "1",
+          "aria-valuemin": "0",
+          "aria-valuenow": alpha.value.toFixed(1),
+          tabindex: "0",
+          onMousedown: handleMouseDown,
+          onTouchmovePassive: handleChange,
+          onTouchstartPassive: handleChange,
+          onKeydown: handleKeydown
+        }, [
+          Mo.createElementVNode("div", {
+            class: "celeste-color-thumb",
+            style: Mo.normalizeStyle({ left: `${alpha.value * 100}%`, background: trackThumbBg.value })
+          }, null, 4)
+        ], 44, _hoisted_2)
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/checkbox.vue_vue_type_style_index_0_lang.js

@@ -0,0 +1,38 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("../use-delegated-props.js");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "checkbox",
+  props: {
+    defaultChecked: { type: Boolean },
+    checked: { type: [Boolean, String] },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    name: {},
+    value: {},
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["update:checked"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    const forwarded = index.xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.zv), Mo.mergeProps(Mo.unref(forwarded), {
+        class: Mo.unref(clsx.clsx)("celeste-checkbox", props.class)
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(Mo.unref(index.Kv), { class: "celeste-checkbox-indicator" })
+        ]),
+        _: 1
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/clsx.js

@@ -0,0 +1,15 @@
+"use strict";
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+exports.clsx = clsx;

package/dist/cjs/chunks/content-divider.vue_vue_type_style_index_0_lang.js

@@ -0,0 +1,52 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "celecte-content-divider-type-line"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "celecte-content-divider-type-text"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "celecte-content-divider-type-text-line"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "celecte-content-divider-type-solid-text"
+};
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "content-divider",
+  props: {
+    class: {},
+    type: { default: "line" },
+    text: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Qf), {
+        "aria-label": "divider",
+        class: Mo.normalizeClass([Mo.unref(clsx.clsx)("celeste-celecte-content-divider", props.class), "celecte-content-divider"])
+      }, {
+        default: Mo.withCtx(() => [
+          _ctx.type === "line" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1)) : Mo.createCommentVNode("", true),
+          _ctx.type === "text" && _ctx.text ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_2, Mo.toDisplayString(_ctx.text), 1)) : Mo.createCommentVNode("", true),
+          _ctx.type === "text-line" && _ctx.text ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_3, [
+            _cache[0] || (_cache[0] = Mo.createElementVNode("hr", null, null, -1)),
+            _cache[1] || (_cache[1] = Mo.createTextVNode()),
+            Mo.createElementVNode("span", null, Mo.toDisplayString(_ctx.text), 1),
+            _cache[2] || (_cache[2] = Mo.createTextVNode()),
+            _cache[3] || (_cache[3] = Mo.createElementVNode("hr", null, null, -1))
+          ])) : Mo.createCommentVNode("", true),
+          _ctx.type === "solid-text" && _ctx.text ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_4, Mo.toDisplayString(_ctx.text), 1)) : Mo.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

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

@@ -0,0 +1,51 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("../use-delegated-props.js");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "dropdown-menu-content",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    side: {},
+    sideOffset: { default: 4 },
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    updatePositionStrategy: {},
+    prioritizePosition: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    const forwarded = index.xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.ih), null, {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(Mo.unref(index.uh), Mo.mergeProps(Mo.unref(forwarded), {
+            "force-mount": "",
+            class: Mo.unref(clsx.clsx)("celeste-dropdown-menu-content", props.class)
+          }), {
+            default: Mo.withCtx(() => [
+              Mo.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js

@@ -0,0 +1,49 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("../use-delegated-props.js");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "dropdown-menu-sub-content",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    sideOffset: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    updatePositionStrategy: {},
+    prioritizePosition: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    const forwarded = index.xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.ih), null, {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(Mo.unref(index.Ch), Mo.mergeProps(Mo.unref(forwarded), {
+            "force-mount": "",
+            class: Mo.unref(clsx.clsx)(props.class, "celeste-dropdown-menu-sub-content")
+          }), {
+            default: Mo.withCtx(() => [
+              Mo.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js

@@ -0,0 +1,32 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("../use-delegated-props.js");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "dropdown-menu-sub-trigger",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    const forwardedProps = index.At(delegatedProps);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.wh), Mo.mergeProps(Mo.unref(forwardedProps), {
+        class: Mo.unref(clsx.clsx)(props.class, "celeste-dropdown-menu-sub-trigger")
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default"),
+          _cache[0] || (_cache[0] = Mo.createElementVNode("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/dropdown-menu-sub.js

@@ -0,0 +1,25 @@
+"use strict";
+const Mo = require("vue");
+const index = require("./index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "dropdown-menu-sub",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean }
+  },
+  emits: ["update:open"],
+  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.bh), Mo.normalizeProps(Mo.guardReactiveProps(Mo.unref(forwarded))), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;