@youcan/celeste 0.6.96 → 0.6.98

package/dist/cjs/chunks/pagination-next.js

@@ -1,32 +1,34 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const index$1 = require("./index.js");
-const index = require("./index2.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "pagination-next",
-  props: {
-    class: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegated = index.reactiveOmit(props, "class");
-    const forwarded = index$1.Ot(delegated);
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index$1.$y), No.mergeProps({
-        class: No.unref(clsx.clsx)("celeste-pagination-element", "celeste-pagination-next", props.class),
-        "data-slot": "pagination-next"
-      }, No.unref(forwarded)), {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default", {}, () => [
-            _cache[0] || (_cache[0] = No.createElementVNode("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))
-          ])
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require_core = require("./core.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/pagination/pagination-next.vue
+var pagination_next_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "pagination-next",
+	props: {
+		class: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwarded = require_dist.Ot(require_core.reactiveOmit(props, "class"));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.$y), (0, vue.mergeProps)({
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination-element", "celeste-pagination-next", props.class),
+				"data-slot": "pagination-next"
+			}, (0, vue.unref)(forwarded)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))])]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "pagination_next_default", {
+	enumerable: true,
+	get: function() {
+		return pagination_next_default;
+	}
 });
-exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/pagination-previous.js

@@ -1,32 +1,34 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./clsx.js");
-const index$1 = require("./index.js");
-const index = require("./index2.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "pagination-previous",
-  props: {
-    class: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegated = index.reactiveOmit(props, "class");
-    const forwarded = index$1.Ot(delegated);
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index$1.By), No.mergeProps({
-        class: No.unref(clsx.clsx)("celeste-pagination-element", "celeste-pagination-previous", props.class),
-        "data-slot": "pagination-previous"
-      }, No.unref(forwarded)), {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default", {}, () => [
-            _cache[0] || (_cache[0] = No.createElementVNode("i", { class: "i-celeste-arrow-left-s-line" }, null, -1))
-          ])
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require_core = require("./core.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/pagination/pagination-previous.vue
+var pagination_previous_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "pagination-previous",
+	props: {
+		class: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwarded = require_dist.Ot(require_core.reactiveOmit(props, "class"));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.By), (0, vue.mergeProps)({
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination-element", "celeste-pagination-previous", props.class),
+				"data-slot": "pagination-previous"
+			}, (0, vue.unref)(forwarded)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" }, null, -1))])]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "pagination_previous_default", {
+	enumerable: true,
+	get: function() {
+		return pagination_previous_default;
+	}
 });
-exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/pagination.js

@@ -0,0 +1,60 @@
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
+const require_core = require("./core.js");
+let vue = require("vue");
+//#region src/components/pagination/pagination.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "celeste-pagination-leading"
+};
+var _hoisted_2 = { class: "celeste-pagination-center" };
+var _hoisted_3 = {
+	key: 1,
+	class: "celeste-pagination-trailing"
+};
+var pagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "pagination",
+	props: {
+		class: {},
+		variant: { default: "basic" },
+		page: {},
+		defaultPage: {},
+		itemsPerPage: {},
+		total: {},
+		siblingCount: {},
+		disabled: { type: Boolean },
+		showEdges: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["update:page"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = require_dist.Se(require_core.reactiveOmit(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist._y), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				"data-slot": "pagination",
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination", `celeste-pagination-variant-${props.variant}`, props.class)
+			}), {
+				default: (0, vue.withCtx)((sprops) => [
+					_ctx.$slots.leading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "leading", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sprops)), void 0, true)])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sprops)), void 0, true)]),
+					_ctx.$slots.trailing ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "trailing", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sprops)), void 0, true)])) : (0, vue.createCommentVNode)("", true)
+				]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pagination/pagination.vue
+var pagination_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(pagination_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0511c5ac"]]);
+//#endregion
+Object.defineProperty(exports, "pagination_default", {
+	enumerable: true,
+	get: function() {
+		return pagination_default;
+	}
+});

package/dist/cjs/chunks/popover-content.js

@@ -0,0 +1,113 @@
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
+const require_compact_button = require("./compact-button.js");
+const require_use_delegated_props = require("../use-delegated-props.js");
+let vue = require("vue");
+//#region src/components/popover/popover-content.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-icon-size"];
+var _hoisted_2 = { class: "celeste-popover-title" };
+var _hoisted_3 = { class: "celeste-popover-description" };
+var _hoisted_4 = {
+	key: 2,
+	class: "celeste-popover-footer"
+};
+var popover_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "popover-content",
+	props: {
+		class: {},
+		side: { default: "bottom" },
+		sideOffset: {},
+		align: {},
+		alignOffset: {},
+		title: {},
+		description: {},
+		showTail: {
+			type: Boolean,
+			default: true
+		},
+		dismissible: {
+			type: Boolean,
+			default: true
+		},
+		icon: {},
+		iconSize: { default: "lg" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, ["class", "title"]);
+		const sideOffset = props.showTail ? 0 : props.sideOffset ?? 8;
+		const forwarded = require_dist.Se(delegatedProps, emits);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist._s), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.Ss), (0, vue.mergeProps)({
+					...(0, vue.unref)(forwarded),
+					..._ctx.$attrs
+				}, {
+					"side-offset": (0, vue.unref)(sideOffset),
+					class: "celeste-popover-content-wrapper"
+				}), {
+					default: (0, vue.withCtx)(() => [
+						(0, vue.createElementVNode)("div", {
+							class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-popover-content", props.class)),
+							style: (0, vue.normalizeStyle)({ padding: !_ctx.$slots.default ? "var(--spacing-16)" : "" })
+						}, [!_ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [
+							_ctx.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+								key: 0,
+								class: "celeste-popover-icon",
+								"data-icon-size": _ctx.iconSize
+							}, [(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)(_ctx.icon) }, null, 2)], 8, _hoisted_1)) : (0, vue.createCommentVNode)("", true),
+							(0, vue.createElementVNode)("p", _hoisted_2, (0, vue.toDisplayString)(_ctx.title), 1),
+							(0, vue.createElementVNode)("p", _hoisted_3, (0, vue.toDisplayString)(_ctx.description), 1)
+						], 64)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 }, void 0, true)], 6),
+						_ctx.showTail ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Es), {
+							key: 0,
+							"as-child": "",
+							width: 16,
+							height: 8
+						}, {
+							default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createElementVNode)("span", { class: "celeste-popover-arrow" }, null, -1)])),
+							_: 1
+						})) : (0, vue.createCommentVNode)("", true),
+						_ctx.dismissible ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Ps), {
+							key: 1,
+							"as-child": "",
+							class: "PopoverClose",
+							"aria-label": "Close"
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_compact_button.compact_button_default, {
+								variant: "ghost",
+								icon: "i-celeste-close-line",
+								class: "celeste-popover-close-button"
+							})]),
+							_: 1
+						})) : (0, vue.createCommentVNode)("", true),
+						_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "footer", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+					]),
+					_: 3
+				}, 16, ["side-offset"])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/popover-content.vue
+var popover_content_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(popover_content_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2c991232"]]);
+//#endregion
+Object.defineProperty(exports, "popover_content_default", {
+	enumerable: true,
+	get: function() {
+		return popover_content_default;
+	}
+});

package/dist/cjs/chunks/popover-trigger.js

@@ -0,0 +1,30 @@
+const require_dist = require("./dist.js");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
+let vue = require("vue");
+//#region src/components/popover/popover-trigger.vue?vue&type=script&setup=true&lang.ts
+var popover_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "popover-trigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.ws), (0, vue.mergeProps)({ class: "celeste-popover-trigger" }, props, { as: "div" }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/popover-trigger.vue
+var popover_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(popover_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2664c4cb"]]);
+//#endregion
+Object.defineProperty(exports, "popover_trigger_default", {
+	enumerable: true,
+	get: function() {
+		return popover_trigger_default;
+	}
+});

package/dist/cjs/chunks/popover.js

@@ -1,26 +1,29 @@
-"use strict";
-const No = require("vue");
-const index = require("./index.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "popover",
-  props: {
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    modal: { type: Boolean }
-  },
-  emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = index.Se(props, emits);
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.Cs), No.normalizeProps(No.guardReactiveProps(No.unref(forwarded))), {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
+const require_dist = require("./dist.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/popover/popover.vue
+var popover_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "popover",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = require_dist.Se(__props, __emit);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Cs), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "popover_default", {
+	enumerable: true,
+	get: function() {
+		return popover_default;
+	}
 });
-exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/progress-bar.js

@@ -0,0 +1,73 @@
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
+const require_use_delegated_props = require("../use-delegated-props.js");
+let vue = require("vue");
+//#region src/components/progress/progress-bar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-layout"];
+var _hoisted_2 = {
+	key: 0,
+	class: "celeste-progress-bar-label"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "celeste-progress-bar-label-title"
+};
+var _hoisted_4 = { class: "celeste-progress-bar-label" };
+var _hoisted_5 = {
+	key: 1,
+	class: "celeste-progress-bar-description"
+};
+var progress_bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.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) {
+		(0, vue.useCssVars)((_ctx) => ({ "271b0fea": progressIndicator.value }));
+		const props = __props;
+		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
+		const progress = (0, vue.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 = (0, vue.computed)(() => {
+			return 100 - (props.modelValue ?? 0) / props.max * 100;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "celeste-progress-bar-wrapper",
+				"data-layout": _ctx.layout
+			}, [
+				_ctx.layout !== "bare" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [props.title && _ctx.layout !== "inline" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, (0, vue.toDisplayString)(_ctx.title), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "label", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(progress.value) + "% ", 1)], true)])])) : (0, vue.createCommentVNode)("", true),
+				(0, vue.createVNode)((0, vue.unref)(require_dist.Ry), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-progress-bar", props.class) }), {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.Ay), {
+						class: "celeste-progress-bar-indicator",
+						"data-color": _ctx.color
+					}, null, 8, ["data-color"])]),
+					_: 1
+				}, 16, ["class"]),
+				_ctx.$slots.description && _ctx.layout === "default" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "description", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/components/progress/progress-bar.vue
+var progress_bar_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(progress_bar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f1c01879"]]);
+//#endregion
+Object.defineProperty(exports, "progress_bar_default", {
+	enumerable: true,
+	get: function() {
+		return progress_bar_default;
+	}
+});

package/dist/cjs/chunks/progress-circle.js

@@ -0,0 +1,95 @@
+const require_dist = require("./dist.js");
+const require_clsx = require("./clsx.js");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
+const require_use_delegated_props = require("../use-delegated-props.js");
+let vue = require("vue");
+//#region src/components/progress/progress-circle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["width", "height"];
+var _hoisted_2 = [
+	"cx",
+	"cy",
+	"r"
+];
+var _hoisted_3 = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-dasharray",
+	"stroke-dashoffset"
+];
+var _hoisted_4 = {
+	key: 0,
+	class: "celeste-progress-circle-label"
+};
+var STROKE_WIDTH = 6.4;
+var progress_circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "progress-circle",
+	props: {
+		modelValue: { default: 0 },
+		max: { default: 100 },
+		getValueLabel: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: {},
+		size: { default: 80 }
+	},
+	setup(__props) {
+		(0, vue.useCssVars)((_ctx) => ({ "0af0f94a": circleSize.value }));
+		const props = __props;
+		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
+		const radius = (0, vue.computed)(() => (props.size - STROKE_WIDTH) / 2);
+		const circumference = (0, vue.computed)(() => 2 * Math.PI * radius.value);
+		const progress = (0, vue.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 = (0, vue.computed)(() => {
+			return circumference.value * (1 - progress.value / 100);
+		});
+		const circleSize = (0, vue.computed)(() => `${props.size}px`);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Ry), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
+				value: props.modelValue,
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-progress-circle", props.class),
+				as: "div"
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.Ay), { "as-child": "" }, {
+					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", {
+						class: "celeste-progress-circle-svg",
+						width: props.size,
+						height: props.size
+					}, [(0, vue.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), (0, vue.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 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(progress.value) + "% ", 1)], true)])) : (0, vue.createCommentVNode)("", true)]),
+				_: 3
+			}, 16, ["value", "class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/progress/progress-circle.vue
+var progress_circle_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(progress_circle_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-46e6488d"]]);
+//#endregion
+Object.defineProperty(exports, "progress_circle_default", {
+	enumerable: true,
+	get: function() {
+		return progress_circle_default;
+	}
+});