@youcan/celeste 0.6.32 → 0.6.34

package/dist/cjs/chunks/index.js

@@ -6423,6 +6423,99 @@ const [Nt, Xc] = Q("PopoverRoot"), ys = /* @__PURE__ */ Mo.defineComponent({
       _: 3
     }, 8, ["type", "as", "as-child"]));
   }
+}), da = 100, [Qc, ef] = Q("ProgressRoot"), Po = (a2) => typeof a2 == "number";
+function tf(a2, t) {
+  return vt(a2) || Po(a2) && !Number.isNaN(a2) && a2 <= t && a2 >= 0 ? a2 : (console.error(`Invalid prop \`value\` of value \`${a2}\` supplied to \`ProgressRoot\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${da} if no \`max\` prop is set)
+  - \`null\`  or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`), null);
+}
+function af(a2) {
+  return Po(a2) && !Number.isNaN(a2) && a2 > 0 ? a2 : (console.error(
+    `Invalid prop \`max\` of value \`${a2}\` supplied to \`ProgressRoot\`. Only numbers greater than 0 are valid max values. Defaulting to \`${da}\`.`
+  ), da);
+}
+const By = /* @__PURE__ */ Mo.defineComponent({
+  __name: "ProgressRoot",
+  props: {
+    modelValue: {},
+    max: { default: da },
+    getValueLabel: { type: Function, default: (a2, t) => `${Math.round(a2 / t * da)}%` },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue", "update:max"],
+  setup(a2, { emit: t }) {
+    const e = a2, n = t;
+    R();
+    const l = ne(e, "modelValue", n, {
+      passive: e.modelValue === void 0
+    }), s = ne(e, "max", n, {
+      passive: e.max === void 0
+    });
+    Mo.watch(
+      () => l.value,
+      async (i) => {
+        const u = tf(i, e.max);
+        u !== i && (await Mo.nextTick(), l.value = u);
+      },
+      { immediate: true }
+    ), Mo.watch(
+      () => e.max,
+      (i) => {
+        const u = af(e.max);
+        u !== i && (s.value = u);
+      },
+      { immediate: true }
+    );
+    const r = Mo.computed(() => vt(l.value) ? "indeterminate" : l.value === s.value ? "complete" : "loading");
+    return ef({
+      modelValue: l,
+      max: s,
+      progressState: r
+    }), (i, u) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), {
+      "as-child": i.asChild,
+      as: i.as,
+      "aria-valuemax": Mo.unref(s),
+      "aria-valuemin": 0,
+      "aria-valuenow": Po(Mo.unref(l)) ? Mo.unref(l) : void 0,
+      "aria-valuetext": i.getValueLabel(Mo.unref(l), Mo.unref(s)),
+      "aria-label": i.getValueLabel(Mo.unref(l), Mo.unref(s)),
+      role: "progressbar",
+      "data-state": r.value,
+      "data-value": Mo.unref(l) ?? void 0,
+      "data-max": Mo.unref(s)
+    }, {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(i.$slots, "default", { modelValue: Mo.unref(l) })
+      ]),
+      _: 3
+    }, 8, ["as-child", "as", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-label", "data-state", "data-value", "data-max"]));
+  }
+}), Iy = /* @__PURE__ */ Mo.defineComponent({
+  __name: "ProgressIndicator",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(a2) {
+    const t = a2, e = Qc();
+    return R(), (n, l) => {
+      var s;
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.mergeProps(t, {
+        "data-state": Mo.unref(e).progressState.value,
+        "data-value": ((s = Mo.unref(e).modelValue) == null ? void 0 : s.value) ?? void 0,
+        "data-max": Mo.unref(e).max.value
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(n.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-state", "data-value", "data-max"]);
+    };
+  }
 });
 const [He, Pf] = Q("ScrollAreaRoot"), Oy = /* @__PURE__ */ Mo.defineComponent({
   __name: "ScrollAreaRoot",
@@ -9210,6 +9303,7 @@ const av = /* @__PURE__ */ Mo.defineComponent({
   }
 });
 exports.At = At;
+exports.By = By;
 exports.Cg = Cg;
 exports.Ch = Ch;
 exports.Du = Du;
@@ -9220,6 +9314,7 @@ exports.Gl = Gl;
 exports.Gy = Gy;
 exports.Hg = Hg;
 exports.Hv = Hv;
+exports.Iy = Iy;
 exports.Jv = Jv;
 exports.Kg = Kg;
 exports.Kv = Kv;

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

@@ -1,3 +1,53 @@
 "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;
+const Mo = require("vue");
+const useDelegatedProps = require("./use-delegated-props.js");
+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: "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), {
+            class: Mo.unref(clsx.clsx)("celeste-dropdown-menu-content", props.class),
+            "side-offset": 8
+          }), {
+            default: Mo.withCtx(() => [
+              Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const dropdownMenuContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3bd71ed1"]]);
+module.exports = dropdownMenuContent;

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

@@ -4,16 +4,15 @@ const useDelegatedProps = require("./use-delegated-props.js");
 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-dropdown-menu-item-prefix" };
-const _hoisted_2 = { class: "celeste-dropdown-menu-item-body" };
-const _hoisted_3 = { class: "celeste-dropdown-menu-item-text" };
-const _hoisted_4 = ["title"];
-const _hoisted_5 = ["title"];
-const _hoisted_6 = {
+const _hoisted_1 = {
   key: 0,
-  class: "celeste-dropdown-menu-item-description"
+  class: "celeste-dropdown-menu-item-prefix"
+};
+const _hoisted_2 = { class: "celeste-dropdown-menu-item-body" };
+const _hoisted_3 = {
+  key: 1,
+  class: "celeste-dropdown-menu-item-suffix"
 };
-const _hoisted_7 = { class: "celeste-dropdown-menu-item-suffix" };
 const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "dropdown-menu-item",
   props: {
@@ -38,31 +37,20 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
         )
       }), {
         default: Mo.withCtx(() => [
-          Mo.createElementVNode("div", _hoisted_1, [
+          _ctx.$slots.prefix ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
             Mo.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
-          ]),
+          ])) : Mo.createCommentVNode("", true),
           Mo.createElementVNode("div", _hoisted_2, [
-            Mo.createElementVNode("div", _hoisted_3, [
-              Mo.createElementVNode("span", {
-                class: "celeste-dropdown-menu-item-label",
-                title: _ctx.label
-              }, Mo.toDisplayString(_ctx.label), 9, _hoisted_4),
-              _ctx.sublabel ? (Mo.openBlock(), Mo.createElementBlock("span", {
-                key: 0,
-                title: _ctx.sublabel,
-                class: "celeste-dropdown-menu-item-sublabel"
-              }, Mo.toDisplayString(_ctx.sublabel), 9, _hoisted_5)) : Mo.createCommentVNode("", true)
-            ]),
-            _ctx.description ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_6, Mo.toDisplayString(_ctx.description), 1)) : Mo.createCommentVNode("", true)
+            Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
-          Mo.createElementVNode("div", _hoisted_7, [
+          _ctx.$slots.suffix ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_3, [
             Mo.renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
-          ])
+          ])) : Mo.createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["class"]);
     };
   }
 });
-const dropdownMenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-f6a0291c"]]);
+const dropdownMenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-b374fad1"]]);
 module.exports = dropdownMenuItem;

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

@@ -1,3 +1,50 @@
 "use strict";
-const dropdownMenuSubContent_vue_vue_type_style_index_0_lang = require("./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js");
-module.exports = dropdownMenuSubContent_vue_vue_type_style_index_0_lang._sfc_main;
+const Mo = require("vue");
+const useDelegatedProps = require("./use-delegated-props.js");
+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: "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), {
+            class: Mo.unref(clsx.clsx)(props.class, "celeste-dropdown-menu-sub-content")
+          }), {
+            default: Mo.withCtx(() => [
+              Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const dropdownMenuSubContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ba978953"]]);
+module.exports = dropdownMenuSubContent;

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

@@ -1,3 +1,44 @@
 "use strict";
-const dropdownMenuSubTrigger_vue_vue_type_style_index_0_lang = require("./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js");
-module.exports = dropdownMenuSubTrigger_vue_vue_type_style_index_0_lang._sfc_main;
+const Mo = require("vue");
+const useDelegatedProps = require("./use-delegated-props.js");
+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 = {
+  key: 0,
+  class: "celeste-dropdown-menu-sub-prefix"
+};
+const _hoisted_2 = { class: "celeste-dropdown-menu-sub-body" };
+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(() => [
+          _ctx.$slots.prefix ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
+            Mo.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+          ])) : Mo.createCommentVNode("", true),
+          Mo.createElementVNode("div", _hoisted_2, [
+            Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _cache[0] || (_cache[0] = Mo.createElementVNode("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const dropdownMenuSubTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-44257601"]]);
+module.exports = dropdownMenuSubTrigger;

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

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

package/dist/cjs/dropdown.js

@@ -192,7 +192,6 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
             }),
             !_ctx.disabled ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Xv), {
               key: 0,
-              "force-mount": "",
               dismissable: "",
               "avoid-collisions": true,
               class: Mo.normalizeClass(["celeste-dropdown-content", Mo.unref(clsx.clsx)(
@@ -287,5 +286,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8ef0e6e7"]]);
+const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-13b7b76a"]]);
 module.exports = dropdown;

package/dist/cjs/index.js

@@ -24,13 +24,13 @@ const contentDivider_vue_vue_type_style_index_0_lang = require("./chunks/content
 const contextMenuItem = require("./context-menu-item.js");
 const dropdownItem = require("./dropdown-item.js");
 const dropdown = require("./dropdown.js");
-const dropdownMenuContent_vue_vue_type_style_index_0_lang = require("./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js");
+const dropdownMenuContent = require("./dropdown-menu-content.js");
 const dropdownMenuGroup = require("./dropdown-menu-group.js");
 const dropdownMenuItem = require("./dropdown-menu-item.js");
 const dropdownMenuLabel = require("./dropdown-menu-label.js");
 const dropdownMenuSeparator = require("./dropdown-menu-separator.js");
-const dropdownMenuSubContent_vue_vue_type_style_index_0_lang = require("./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js");
-const dropdownMenuSubTrigger_vue_vue_type_style_index_0_lang = require("./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js");
+const dropdownMenuSubContent = require("./dropdown-menu-sub-content.js");
+const dropdownMenuSubTrigger = require("./dropdown-menu-sub-trigger.js");
 const dropdownMenuSub_vue_vue_type_script_setup_true_lang = require("./chunks/dropdown-menu-sub.js");
 const dropdownMenuTrigger = require("./dropdown-menu-trigger.js");
 const dropdownMenu = require("./dropdown-menu.js");
@@ -46,6 +46,8 @@ const modal_vue_vue_type_script_setup_true_lang = require("./chunks/modal.js");
 const popoverContent = require("./popover-content.js");
 const popoverTrigger = require("./popover-trigger.js");
 const popover_vue_vue_type_script_setup_true_lang = require("./chunks/popover.js");
+const progressBar = require("./progress-bar.js");
+const progressCircle = require("./progress-circle.js");
 const richEditor = require("./rich-editor.js");
 const scrollArea_vue_vue_type_script_setup_true_lang = require("./chunks/scroll-area.js");
 const segmentedControlItem = require("./segmented-control-item.js");
@@ -98,14 +100,14 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Dropdown: dropdown,
   DropdownItem: dropdownItem,
   DropdownMenu: dropdownMenu,
-  DropdownMenuContent: dropdownMenuContent_vue_vue_type_style_index_0_lang._sfc_main,
+  DropdownMenuContent: dropdownMenuContent,
   DropdownMenuGroup: dropdownMenuGroup,
   DropdownMenuItem: dropdownMenuItem,
   DropdownMenuLabel: dropdownMenuLabel,
   DropdownMenuSeparator: dropdownMenuSeparator,
   DropdownMenuSub: dropdownMenuSub_vue_vue_type_script_setup_true_lang._sfc_main,
-  DropdownMenuSubContent: dropdownMenuSubContent_vue_vue_type_style_index_0_lang._sfc_main,
-  DropdownMenuSubTrigger: dropdownMenuSubTrigger_vue_vue_type_style_index_0_lang._sfc_main,
+  DropdownMenuSubContent: dropdownMenuSubContent,
+  DropdownMenuSubTrigger: dropdownMenuSubTrigger,
   DropdownMenuTrigger: dropdownMenuTrigger,
   FancyButton: fancyButton,
   HintText: hintText,
@@ -121,6 +123,8 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Popover: popover_vue_vue_type_script_setup_true_lang._sfc_main,
   PopoverContent: popoverContent,
   PopoverTrigger: popoverTrigger,
+  ProgressBar: progressBar,
+  ProgressCircle: progressCircle,
   RichEditor: richEditor,
   ScrollArea: scrollArea_vue_vue_type_script_setup_true_lang._sfc_main,
   SegmentedControl: segmentedControl,
@@ -230,13 +234,13 @@ exports.ContentDivider = contentDivider_vue_vue_type_style_index_0_lang._sfc_mai
 exports.ContextMenuItem = contextMenuItem;
 exports.DropdownItem = dropdownItem;
 exports.Dropdown = dropdown;
-exports.DropdownMenuContent = dropdownMenuContent_vue_vue_type_style_index_0_lang._sfc_main;
+exports.DropdownMenuContent = dropdownMenuContent;
 exports.DropdownMenuGroup = dropdownMenuGroup;
 exports.DropdownMenuItem = dropdownMenuItem;
 exports.DropdownMenuLabel = dropdownMenuLabel;
 exports.DropdownMenuSeparator = dropdownMenuSeparator;
-exports.DropdownMenuSubContent = dropdownMenuSubContent_vue_vue_type_style_index_0_lang._sfc_main;
-exports.DropdownMenuSubTrigger = dropdownMenuSubTrigger_vue_vue_type_style_index_0_lang._sfc_main;
+exports.DropdownMenuSubContent = dropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = dropdownMenuSubTrigger;
 exports.DropdownMenuSub = dropdownMenuSub_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.DropdownMenuTrigger = dropdownMenuTrigger;
 exports.DropdownMenu = dropdownMenu;
@@ -252,6 +256,8 @@ exports.Modal = modal_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PopoverContent = popoverContent;
 exports.PopoverTrigger = popoverTrigger;
 exports.Popover = popover_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.ProgressBar = progressBar;
+exports.ProgressCircle = progressCircle;
 exports.RichEditor = richEditor;
 exports.ScrollArea = scrollArea_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.SegmentedControlItem = segmentedControlItem;

package/dist/cjs/progress-bar.js

@@ -0,0 +1,84 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("./use-delegated-props.js");
+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 = ["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__ */ Mo.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) {
+    Mo.useCssVars((_ctx) => ({
+      "6ba22aeb": progressIndicator.value
+    }));
+    const props = __props;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    const progress = Mo.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 = Mo.computed(() => {
+      return 100 - (props.modelValue ?? 0) / props.max * 100;
+    });
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", {
+        class: "celeste-progress-bar-wrapper",
+        "data-layout": _ctx.layout
+      }, [
+        _ctx.layout !== "bare" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_2, [
+          props.title && _ctx.layout !== "inline" ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_3, Mo.toDisplayString(_ctx.title), 1)) : Mo.createCommentVNode("", true),
+          Mo.createElementVNode("span", _hoisted_4, [
+            Mo.renderSlot(_ctx.$slots, "label", {}, () => [
+              Mo.createTextVNode(Mo.toDisplayString(progress.value) + "% ", 1)
+            ], true)
+          ])
+        ])) : Mo.createCommentVNode("", true),
+        Mo.createVNode(Mo.unref(index.By), Mo.mergeProps(Mo.unref(delegatedProps), {
+          class: Mo.unref(clsx.clsx)(
+            "celeste-progress-bar",
+            props.class
+          )
+        }), {
+          default: Mo.withCtx(() => [
+            Mo.createVNode(Mo.unref(index.Iy), {
+              class: "celeste-progress-bar-indicator",
+              "data-color": _ctx.color
+            }, null, 8, ["data-color"])
+          ]),
+          _: 1
+        }, 16, ["class"]),
+        _ctx.$slots.description && _ctx.layout === "default" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_5, [
+          Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
+        ])) : Mo.createCommentVNode("", true)
+      ], 8, _hoisted_1);
+    };
+  }
+});
+const progressBar = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-850aadb2"]]);
+module.exports = progressBar;

package/dist/cjs/progress-circle.js

@@ -0,0 +1,92 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("./use-delegated-props.js");
+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 = ["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__ */ Mo.defineComponent({
+  __name: "progress-circle",
+  props: {
+    modelValue: { default: 0 },
+    max: { default: 100 },
+    getValueLabel: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    size: { default: 80 }
+  },
+  setup(__props) {
+    Mo.useCssVars((_ctx) => ({
+      "433ff7ca": circleSize.value
+    }));
+    const props = __props;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    const radius = Mo.computed(() => (props.size - STROKE_WIDTH) / 2);
+    const circumference = Mo.computed(() => 2 * Math.PI * radius.value);
+    const progress = Mo.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 = Mo.computed(() => {
+      return circumference.value * (1 - progress.value / 100);
+    });
+    const circleSize = Mo.computed(() => `${props.size}px`);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.By), Mo.mergeProps(Mo.unref(delegatedProps), {
+        value: props.modelValue,
+        class: Mo.unref(clsx.clsx)("celeste-progress-circle", props.class),
+        as: "div"
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(Mo.unref(index.Iy), { "as-child": "" }, {
+            default: Mo.withCtx(() => [
+              (Mo.openBlock(), Mo.createElementBlock("svg", {
+                class: "celeste-progress-circle-svg",
+                width: props.size,
+                height: props.size
+              }, [
+                Mo.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),
+                Mo.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 ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_4, [
+            Mo.renderSlot(_ctx.$slots, "default", {}, () => [
+              Mo.createTextVNode(Mo.toDisplayString(progress.value) + "% ", 1)
+            ], true)
+          ])) : Mo.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["value", "class"]);
+    };
+  }
+});
+const progressCircle = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-f8ba36bb"]]);
+module.exports = progressCircle;

package/dist/components/dropdown-menu/dropdown-menu-item.d.ts

@@ -10,6 +10,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         prefix?(_: {}): any;
+        default?(_: {}): any;
         suffix?(_: {}): any;
     };
     refs: {};

package/dist/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts

@@ -6,6 +6,7 @@ type __VLS_Props = DropdownMenuSubTriggerProps & {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        prefix?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './hint-text';
 export * from './label';
 export * from './modal';
 export * from './popover';
+export * from './progress';
 export * from './rich-editor';
 export * from './scroll-area';
 export * from './segmented-control';

package/dist/components/progress/index.d.ts

@@ -0,0 +1,4 @@
+export * from './progress-bar';
+export { default as ProgressBar } from './progress-bar';
+export * from './progress-circle';
+export { default as ProgressCircle } from './progress-circle';