@youcan/celeste 0.6.98 → 0.6.100

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

@@ -0,0 +1,113 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_compact_button = require("./compact-button.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+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.cjs

@@ -0,0 +1,30 @@
+const require_dist = require("./dist.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+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.cjs

@@ -0,0 +1,29 @@
+const require_dist = require("./dist.cjs");
+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;
+	}
+});

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

@@ -0,0 +1,73 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+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.cjs

@@ -0,0 +1,95 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+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;
+	}
+});

package/dist/cjs/chunks/radio-group-card.cjs

@@ -0,0 +1,100 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+let vue = require("vue");
+//#region src/components/radio-group/radio-group-card.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "celeste-radio-card-content" };
+var _hoisted_2 = { role: "presentation" };
+var _hoisted_3 = {
+	role: "presentation",
+	class: "celeste-radio-card-row"
+};
+var radio_group_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "radio-group-card",
+	props: {
+		for: {},
+		asChild: { type: Boolean },
+		as: {},
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Vh), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
+				"aria-required": _ctx.required,
+				"aria-disabled": _ctx.disabled,
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-card", props.class, { "celeste-radio-card-disabled": _ctx.disabled })
+			}), {
+				default: (0, vue.withCtx)(() => [
+					_ctx.$slots.image || _ctx.$slots.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 0,
+						role: "presentation",
+						class: (0, vue.normalizeClass)(["celeste-radio-card-preview", [_ctx.$slots.image ? "celeste-radio-card-preview-image" : "celeste-radio-card-preview-icon"]])
+					}, [_ctx.$slots.image ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", {
+						class: "celeste-radio-card-preview-fallback",
+						"i-celeste-image-circle-fill": ""
+					}, null, -1)), (0, vue.renderSlot)(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? (0, vue.renderSlot)(_ctx.$slots, "icon", { key: 1 }, void 0, true) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true),
+					(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", _hoisted_3, [
+						(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
+							as: "span",
+							class: "celeste-radio-card-label"
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "label", {}, void 0, true)]),
+							_: 3
+						}),
+						_ctx.$slots.sublabel ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+							key: 0,
+							as: "span",
+							class: "celeste-radio-card-sublabel"
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sublabel", {}, void 0, true)]),
+							_: 3
+						})) : (0, vue.createCommentVNode)("", true),
+						_ctx.$slots.badge ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+							key: 1,
+							"as-child": "",
+							class: "celeste-radio-card-badge"
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)]),
+							_: 3
+						})) : (0, vue.createCommentVNode)("", true)
+					])]), _ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+						key: 0,
+						as: "span",
+						class: "celeste-radio-card-description"
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "description", {}, void 0, true)]),
+						_: 3
+					})) : (0, vue.createCommentVNode)("", true)]),
+					(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
+						disabled: _ctx.disabled,
+						"as-child": "",
+						class: "celeste-radio-card-radio"
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+						_: 3
+					}, 8, ["disabled"])
+				]),
+				_: 3
+			}, 16, [
+				"aria-required",
+				"aria-disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/radio-group/radio-group-card.vue
+var radio_group_card_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(radio_group_card_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dd18629b"]]);
+//#endregion
+Object.defineProperty(exports, "radio_group_card_default", {
+	enumerable: true,
+	get: function() {
+		return radio_group_card_default;
+	}
+});

package/dist/cjs/chunks/radio-group-item.cjs

@@ -0,0 +1,36 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/radio-group/radio-group-item.vue
+var radio_group_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "radio-group-item",
+	props: {
+		id: {},
+		value: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		name: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "class"));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.ky), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-item", props.class) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.My), { class: "celeste-radio-indicator" })]),
+				_: 1
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "radio_group_item_default", {
+	enumerable: true,
+	get: function() {
+		return radio_group_item_default;
+	}
+});

package/dist/cjs/chunks/radio-group-label.cjs

@@ -0,0 +1,94 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+let vue = require("vue");
+//#region src/components/radio-group/radio-group-label.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { role: "presentation" };
+var _hoisted_2 = {
+	role: "presentation",
+	class: "celeste-radio-label-row"
+};
+var _hoisted_3 = {
+	role: "presentation",
+	class: "celeste-radio-label-content"
+};
+var radio_group_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "radio-group-label",
+	props: {
+		for: {},
+		asChild: { type: Boolean },
+		as: {},
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Vh), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
+				"aria-required": _ctx.required,
+				"aria-disabled": _ctx.disabled,
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-label", props.class)
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
+					"as-child": "",
+					class: "celeste-radio-label-radio"
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}), (0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", null, [(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
+					as: "span",
+					class: "celeste-radio-label-label"
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "label", {}, void 0, true)]),
+					_: 3
+				}), _ctx.$slots.sublabel ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+					key: 0,
+					as: "span",
+					class: "celeste-radio-label-sublabel"
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sublabel", {}, void 0, true)]),
+					_: 3
+				})) : (0, vue.createCommentVNode)("", true)]), _ctx.$slots.badge ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+					key: 0,
+					"as-child": "",
+					class: "celeste-radio-label-badge"
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "badge", {}, void 0, true)]),
+					_: 3
+				})) : (0, vue.createCommentVNode)("", true)]), (0, vue.createElementVNode)("div", _hoisted_3, [_ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+					key: 0,
+					as: "span",
+					class: "celeste-radio-label-description"
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "description", {}, void 0, true)]),
+					_: 3
+				})) : (0, vue.createCommentVNode)("", true), _ctx.$slots.linkButton ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+					key: 1,
+					"as-child": "",
+					class: "celeste-radio-label-link-button"
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "linkButton", {}, void 0, true)]),
+					_: 3
+				})) : (0, vue.createCommentVNode)("", true)])])]),
+				_: 3
+			}, 16, [
+				"aria-required",
+				"aria-disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/radio-group/radio-group-label.vue
+var radio_group_label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(radio_group_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-05c6d619"]]);
+//#endregion
+Object.defineProperty(exports, "radio_group_label_default", {
+	enumerable: true,
+	get: function() {
+		return radio_group_label_default;
+	}
+});

package/dist/cjs/chunks/radio-group.cjs

@@ -0,0 +1,41 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require_use_delegated_props = require("../use-delegated-props.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/radio-group/radio-group.vue
+var radio_group_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "radio-group",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		disabled: { type: Boolean },
+		name: {},
+		required: { type: Boolean },
+		orientation: {},
+		dir: {},
+		loop: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Oy), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-wrapper", props.class) }, (0, vue.unref)(forwarded)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "radio_group_default", {
+	enumerable: true,
+	get: function() {
+		return radio_group_default;
+	}
+});