@youcan/celeste 0.6.32 → 0.6.34

package/dist/es/dropdown-menu-sub-trigger.js

@@ -1,4 +1,45 @@
-import { _ as _sfc_main } from "./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from "vue";
+import { useDelegatedProps } from "./use-delegated-props.js";
+import { c as clsx } from "./chunks/clsx.js";
+import { A as At, a7 as wh } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "celeste-dropdown-menu-sub-prefix"
+};
+const _hoisted_2 = { class: "celeste-dropdown-menu-sub-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dropdown-menu-sub-trigger",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = useDelegatedProps(props, "class");
+    const forwardedProps = At(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(wh), mergeProps(unref(forwardedProps), {
+        class: unref(clsx)(props.class, "celeste-dropdown-menu-sub-trigger")
+      }), {
+        default: withCtx(() => [
+          _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _cache[0] || (_cache[0] = createElementVNode("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const dropdownMenuSubTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44257601"]]);
 export {
-  _sfc_main as default
+  dropdownMenuSubTrigger as default
 };

package/dist/es/dropdown-menu-trigger.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const forwardedProps = At(props);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(rh), mergeProps({ class: "celeste-dropdown-menu-trigger" }, unref(forwardedProps)), {
+      return openBlock(), createBlock(unref(rh), mergeProps({ class: "celeste-dropdown-menu-trigger" }, unref(forwardedProps), { as: "div" }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dropdownMenuTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d81106e4"]]);
+const dropdownMenuTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-003a2030"]]);
 export {
   dropdownMenuTrigger as default
 };

package/dist/es/dropdown.js

@@ -1,6 +1,6 @@
 import { defineComponent, mergeModels, useModel, ref, computed, watch, openBlock, createElementBlock, withKeys, createVNode, unref, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createBlock, createSlots, Fragment, renderList } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { a1 as Hv, j as jv, a3 as Uv, $ as Xv, a0 as Jv, a2 as tm, Z as Zv, T as qv, X as Qv } from "./chunks/index.js";
+import { U as Hv, j as jv, $ as Uv, X as Xv, T as Jv, _ as tm, Z as Zv, L as qv, R as Qv } from "./chunks/index.js";
 import Badge from "./badge.js";
 import TextInput from "./text-input.js";
 import DropdownItem from "./dropdown-item.js";
@@ -191,7 +191,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             !_ctx.disabled ? (openBlock(), createBlock(unref(Xv), {
               key: 0,
-              "force-mount": "",
               dismissable: "",
               "avoid-collisions": true,
               class: normalizeClass(["celeste-dropdown-content", unref(clsx)(
@@ -286,7 +285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8ef0e6e7"]]);
+const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-13b7b76a"]]);
 export {
   dropdown as default
 };

package/dist/es/index.js

@@ -22,45 +22,47 @@ import { _ as _sfc_main$2 } from "./chunks/content-divider.vue_vue_type_style_in
 import contextMenuItem from "./context-menu-item.js";
 import DropdownItem from "./dropdown-item.js";
 import dropdown from "./dropdown.js";
-import { _ as _sfc_main$3 } from "./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js";
+import dropdownMenuContent from "./dropdown-menu-content.js";
 import dropdownMenuGroup from "./dropdown-menu-group.js";
 import dropdownMenuItem from "./dropdown-menu-item.js";
 import dropdownMenuLabel from "./dropdown-menu-label.js";
 import dropdownMenuSeparator from "./dropdown-menu-separator.js";
-import { _ as _sfc_main$5 } from "./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$6 } from "./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$4 } from "./chunks/dropdown-menu-sub.js";
+import dropdownMenuSubContent from "./dropdown-menu-sub-content.js";
+import dropdownMenuSubTrigger from "./dropdown-menu-sub-trigger.js";
+import { _ as _sfc_main$3 } from "./chunks/dropdown-menu-sub.js";
 import dropdownMenuTrigger from "./dropdown-menu-trigger.js";
 import dropdownMenu from "./dropdown-menu.js";
 import hintText from "./hint-text.js";
 import Label from "./label.js";
 import modalBody from "./modal-body.js";
-import { _ as _sfc_main$8 } from "./chunks/modal-close.js";
+import { _ as _sfc_main$5 } from "./chunks/modal-close.js";
 import modalContent from "./modal-content.js";
 import modalFooter from "./modal-footer.js";
 import modalHeader from "./modal-header.js";
-import { _ as _sfc_main$9 } from "./chunks/modal-trigger.js";
-import { _ as _sfc_main$7 } from "./chunks/modal.js";
+import { _ as _sfc_main$6 } from "./chunks/modal-trigger.js";
+import { _ as _sfc_main$4 } from "./chunks/modal.js";
 import PopoverContent from "./popover-content.js";
 import PopoverTrigger from "./popover-trigger.js";
-import { _ as _sfc_main$a } from "./chunks/popover.js";
+import { _ as _sfc_main$7 } from "./chunks/popover.js";
+import progressBar from "./progress-bar.js";
+import progressCircle from "./progress-circle.js";
 import richEditor from "./rich-editor.js";
-import { _ as _sfc_main$b } from "./chunks/scroll-area.js";
+import { _ as _sfc_main$8 } from "./chunks/scroll-area.js";
 import segmentedControlItem from "./segmented-control-item.js";
 import segmentedControl from "./segmented-control.js";
 import SelectContent from "./select-content.js";
-import { _ as _sfc_main$d } from "./chunks/select-group.js";
+import { _ as _sfc_main$a } from "./chunks/select-group.js";
 import SelectIcon from "./select-icon.js";
 import SelectItem from "./select-item.js";
 import selectLabel from "./select-label.js";
 import selectSeparator from "./select-separator.js";
 import SelectTrigger from "./select-trigger.js";
 import SelectValue from "./select-value.js";
-import { _ as _sfc_main$c } from "./chunks/select.js";
-import { _ as _sfc_main$e } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$9 } from "./chunks/select.js";
+import { _ as _sfc_main$b } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
 import SonnerAlert from "./sonner-alert.js";
-import { _ as _sfc_main$f, t as toast$1 } from "./chunks/sonner.js";
-import { _ as _sfc_main$g } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$c, t as toast$1 } from "./chunks/sonner.js";
+import { _ as _sfc_main$d } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
 import tabMenuContent from "./tab-menu-content.js";
 import tabMenuItem from "./tab-menu-item.js";
 import tabMenuList from "./tab-menu-list.js";
@@ -96,48 +98,50 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Dropdown: dropdown,
   DropdownItem,
   DropdownMenu: dropdownMenu,
-  DropdownMenuContent: _sfc_main$3,
+  DropdownMenuContent: dropdownMenuContent,
   DropdownMenuGroup: dropdownMenuGroup,
   DropdownMenuItem: dropdownMenuItem,
   DropdownMenuLabel: dropdownMenuLabel,
   DropdownMenuSeparator: dropdownMenuSeparator,
-  DropdownMenuSub: _sfc_main$4,
-  DropdownMenuSubContent: _sfc_main$5,
-  DropdownMenuSubTrigger: _sfc_main$6,
+  DropdownMenuSub: _sfc_main$3,
+  DropdownMenuSubContent: dropdownMenuSubContent,
+  DropdownMenuSubTrigger: dropdownMenuSubTrigger,
   DropdownMenuTrigger: dropdownMenuTrigger,
   FancyButton: fancyButton,
   HintText: hintText,
   Label,
   LinkButton,
-  Modal: _sfc_main$7,
+  Modal: _sfc_main$4,
   ModalBody: modalBody,
-  ModalClose: _sfc_main$8,
+  ModalClose: _sfc_main$5,
   ModalContent: modalContent,
   ModalFooter: modalFooter,
   ModalHeader: modalHeader,
-  ModalTrigger: _sfc_main$9,
-  Popover: _sfc_main$a,
+  ModalTrigger: _sfc_main$6,
+  Popover: _sfc_main$7,
   PopoverContent,
   PopoverTrigger,
+  ProgressBar: progressBar,
+  ProgressCircle: progressCircle,
   RichEditor: richEditor,
-  ScrollArea: _sfc_main$b,
+  ScrollArea: _sfc_main$8,
   SegmentedControl: segmentedControl,
   SegmentedControlItem: segmentedControlItem,
-  Select: _sfc_main$c,
+  Select: _sfc_main$9,
   SelectContent,
-  SelectGroup: _sfc_main$d,
+  SelectGroup: _sfc_main$a,
   SelectIcon,
   SelectItem,
   SelectLabel: selectLabel,
   SelectSeparator: selectSeparator,
   SelectTrigger,
   SelectValue,
-  Slider: _sfc_main$e,
+  Slider: _sfc_main$b,
   SocialButton: socialButton,
-  Sonner: _sfc_main$f,
+  Sonner: _sfc_main$c,
   SonnerAlert,
   StatusBadge: statusBadge,
-  Switch: _sfc_main$g,
+  Switch: _sfc_main$d,
   TabMenu: tabMenu,
   TabMenuContent: tabMenuContent,
   TabMenuItem: tabMenuItem,
@@ -229,49 +233,51 @@ export {
   dropdown as Dropdown,
   DropdownItem,
   dropdownMenu as DropdownMenu,
-  _sfc_main$3 as DropdownMenuContent,
+  dropdownMenuContent as DropdownMenuContent,
   dropdownMenuGroup as DropdownMenuGroup,
   dropdownMenuItem as DropdownMenuItem,
   dropdownMenuLabel as DropdownMenuLabel,
   dropdownMenuSeparator as DropdownMenuSeparator,
-  _sfc_main$4 as DropdownMenuSub,
-  _sfc_main$5 as DropdownMenuSubContent,
-  _sfc_main$6 as DropdownMenuSubTrigger,
+  _sfc_main$3 as DropdownMenuSub,
+  dropdownMenuSubContent as DropdownMenuSubContent,
+  dropdownMenuSubTrigger as DropdownMenuSubTrigger,
   dropdownMenuTrigger as DropdownMenuTrigger,
   fancyButton as FancyButton,
   HEX_VALIDATION_PATTERN,
   hintText as HintText,
   Label,
   LinkButton,
-  _sfc_main$7 as Modal,
+  _sfc_main$4 as Modal,
   modalBody as ModalBody,
-  _sfc_main$8 as ModalClose,
+  _sfc_main$5 as ModalClose,
   modalContent as ModalContent,
   modalFooter as ModalFooter,
   modalHeader as ModalHeader,
-  _sfc_main$9 as ModalTrigger,
-  _sfc_main$a as Popover,
+  _sfc_main$6 as ModalTrigger,
+  _sfc_main$7 as Popover,
   PopoverContent,
   PopoverTrigger,
+  progressBar as ProgressBar,
+  progressCircle as ProgressCircle,
   richEditor as RichEditor,
-  _sfc_main$b as ScrollArea,
+  _sfc_main$8 as ScrollArea,
   segmentedControl as SegmentedControl,
   segmentedControlItem as SegmentedControlItem,
-  _sfc_main$c as Select,
+  _sfc_main$9 as Select,
   SelectContent,
-  _sfc_main$d as SelectGroup,
+  _sfc_main$a as SelectGroup,
   SelectIcon,
   SelectItem,
   selectLabel as SelectLabel,
   selectSeparator as SelectSeparator,
   SelectTrigger,
   SelectValue,
-  _sfc_main$e as Slider,
+  _sfc_main$b as Slider,
   socialButton as SocialButton,
-  _sfc_main$f as Sonner,
+  _sfc_main$c as Sonner,
   SonnerAlert,
   statusBadge as StatusBadge,
-  _sfc_main$g as Switch,
+  _sfc_main$d as Switch,
   tabMenu as TabMenu,
   tabMenuContent as TabMenuContent,
   tabMenuItem as TabMenuItem,

package/dist/es/label.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, re
 import Tooltip from "./tooltip.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { S as Oh } from "./chunks/index.js";
+import { J as Oh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,

package/dist/es/progress-bar.js

@@ -0,0 +1,85 @@
+import { defineComponent, useCssVars, computed, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createTextVNode, createVNode, unref, mergeProps, withCtx } from "vue";
+import { useDelegatedProps } from "./use-delegated-props.js";
+import { c as clsx } from "./chunks/clsx.js";
+import { ak as By, al as Iy } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["data-layout"];
+const _hoisted_2 = {
+  key: 0,
+  class: "celeste-progress-bar-label"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "celeste-progress-bar-label-title"
+};
+const _hoisted_4 = { class: "celeste-progress-bar-label" };
+const _hoisted_5 = {
+  key: 1,
+  class: "celeste-progress-bar-description"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "progress-bar",
+  props: {
+    modelValue: { default: 0 },
+    max: { default: 100 },
+    getValueLabel: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    color: { default: "primary" },
+    title: {},
+    layout: { default: "bare" }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "6ba22aeb": progressIndicator.value
+    }));
+    const props = __props;
+    const delegatedProps = useDelegatedProps(props, "class");
+    const progress = computed(() => {
+      if (props.max === 0)
+        return 0;
+      const value = Math.min(Math.max(props.modelValue ?? 0, 0), props.max);
+      return Math.round(value / props.max * 100);
+    });
+    const progressIndicator = computed(() => {
+      return 100 - (props.modelValue ?? 0) / props.max * 100;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "celeste-progress-bar-wrapper",
+        "data-layout": _ctx.layout
+      }, [
+        _ctx.layout !== "bare" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          props.title && _ctx.layout !== "inline" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_4, [
+            renderSlot(_ctx.$slots, "label", {}, () => [
+              createTextVNode(toDisplayString(progress.value) + "% ", 1)
+            ], true)
+          ])
+        ])) : createCommentVNode("", true),
+        createVNode(unref(By), mergeProps(unref(delegatedProps), {
+          class: unref(clsx)(
+            "celeste-progress-bar",
+            props.class
+          )
+        }), {
+          default: withCtx(() => [
+            createVNode(unref(Iy), {
+              class: "celeste-progress-bar-indicator",
+              "data-color": _ctx.color
+            }, null, 8, ["data-color"])
+          ]),
+          _: 1
+        }, 16, ["class"]),
+        _ctx.$slots.description && _ctx.layout === "default" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "description", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 8, _hoisted_1);
+    };
+  }
+});
+const progressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-850aadb2"]]);
+export {
+  progressBar as default
+};

package/dist/es/progress-circle.js

@@ -0,0 +1,93 @@
+import { defineComponent, useCssVars, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { useDelegatedProps } from "./use-delegated-props.js";
+import { c as clsx } from "./chunks/clsx.js";
+import { ak as By, al as Iy } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = ["cx", "cy", "r"];
+const _hoisted_3 = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"];
+const _hoisted_4 = {
+  key: 0,
+  class: "celeste-progress-circle-label"
+};
+const STROKE_WIDTH = 6.4;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "progress-circle",
+  props: {
+    modelValue: { default: 0 },
+    max: { default: 100 },
+    getValueLabel: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    size: { default: 80 }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "433ff7ca": circleSize.value
+    }));
+    const props = __props;
+    const delegatedProps = useDelegatedProps(props, "class");
+    const radius = computed(() => (props.size - STROKE_WIDTH) / 2);
+    const circumference = computed(() => 2 * Math.PI * radius.value);
+    const progress = computed(() => {
+      if (props.max === 0)
+        return 0;
+      const value = Math.min(Math.max(props.modelValue ?? 0, 0), props.max);
+      return Math.round(value / props.max * 100);
+    });
+    const offset = computed(() => {
+      return circumference.value * (1 - progress.value / 100);
+    });
+    const circleSize = computed(() => `${props.size}px`);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(By), mergeProps(unref(delegatedProps), {
+        value: props.modelValue,
+        class: unref(clsx)("celeste-progress-circle", props.class),
+        as: "div"
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(Iy), { "as-child": "" }, {
+            default: withCtx(() => [
+              (openBlock(), createElementBlock("svg", {
+                class: "celeste-progress-circle-svg",
+                width: props.size,
+                height: props.size
+              }, [
+                createElementVNode("circle", {
+                  class: "celeste-progress-circle-track",
+                  cx: props.size / 2,
+                  cy: props.size / 2,
+                  r: radius.value,
+                  "stroke-width": STROKE_WIDTH,
+                  fill: "transparent"
+                }, null, 8, _hoisted_2),
+                createElementVNode("circle", {
+                  class: "celeste-progress-circle-indicator",
+                  cx: props.size / 2,
+                  cy: props.size / 2,
+                  r: radius.value,
+                  "stroke-width": STROKE_WIDTH,
+                  fill: "transparent",
+                  "stroke-dasharray": circumference.value,
+                  "stroke-dashoffset": offset.value
+                }, null, 8, _hoisted_3)
+              ], 8, _hoisted_1))
+            ]),
+            _: 1
+          }),
+          props.size !== 48 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(progress.value) + "% ", 1)
+            ], true)
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["value", "class"]);
+    };
+  }
+});
+const progressCircle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f8ba36bb"]]);
+export {
+  progressCircle as default
+};

package/dist/es/scroll-bar.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { R as My, V as Vy } from "./chunks/index.js";
+import { M as My, V as Vy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "scroll-bar",

package/dist/es/segmented-control-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { P as sv } from "./chunks/index.js";
+import { I as sv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "segmented-control-item",

package/dist/es/segmented-control.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, M as lv } from "./chunks/index.js";
+import { x as xe, H as lv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "segmented-control",

package/dist/es/select-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, ak as zy, al as Ky, am as Xy } from "./chunks/index.js";
+import { x as xe, am as zy, an as Ky, ao as Xy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-content",

package/dist/es/select-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createElementVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { an as jy, ao as Yy, ap as Uy } from "./chunks/index.js";
+import { ap as jy, aq as Yy, ar as Uy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-item",

package/dist/es/select-trigger.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createVNode, createElementVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { aq as Ly, ar as eg } from "./chunks/index.js";
+import { as as Ly, at as eg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-trigger",

package/dist/es/select-value.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { as as Qy } from "./chunks/index.js";
+import { au as Qy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-value",

package/dist/es/tab-menu-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { L as bg } from "./chunks/index.js";
+import { E as bg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tab-menu-content",

package/dist/es/tab-menu-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, createCommentVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, J as Cg } from "./chunks/index.js";
+import { A as At, D as Cg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,

package/dist/es/tab-menu-list.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { I as gg } from "./chunks/index.js";
+import { C as gg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tab-menu-list",

package/dist/es/tab-menu.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { x as xe, H as yg } from "./chunks/index.js";
+import { x as xe, B as yg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tab-menu",

package/dist/es/tooltip.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from "vue";
 import CompactButton from "./compact-button.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, at as Lg, au as zg, av as Kg, aw as jg, ax as Hg, ay as Wg } from "./chunks/index.js";
+import { x as xe, av as Lg, aw as zg, ax as Kg, ay as jg, az as Hg, aA as Wg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-tooltip-content-box" };
 const _hoisted_2 = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.32",
+  "version": "0.6.34",
   "author": "YouCan <tech@youcan.shop>",
   "keywords": [
     "youcan",
@@ -43,8 +43,8 @@
     "radix-vue": "^1.9.12",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.2",
-    "@youcan/celeste-icons": "0.6.32",
-    "@youcan/celeste-tokens": "0.6.32"
+    "@youcan/celeste-icons": "0.6.34",
+    "@youcan/celeste-tokens": "0.6.34"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",

package/src/components/dropdown/dropdown.vue

@@ -211,7 +211,6 @@ export interface SelectedType {
 
       <ComboboxContent
         v-if="!disabled"
-        force-mount
         dismissable
         :avoid-collisions="true"
         class="celeste-dropdown-content"