@youcan/celeste 0.6.102 → 0.7.0

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

@@ -1,6 +1,65 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useId = require("./useId.cjs");
+const require_PopperAnchor = require("./PopperAnchor.cjs");
+const require_PopoverRoot = require("./PopoverRoot.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Popover/PopoverTrigger.js
+var PopoverTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "PopoverTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_PopoverRoot.injectPopoverRootContext();
+		const { forwardRef, currentElement: triggerElement } = require_useForwardExpose.useForwardExpose();
+		rootContext.triggerId ||= require_useId.useId(void 0, "reka-popover-trigger");
+		(0, vue.onMounted)(() => {
+			rootContext.triggerElement.value = triggerElement.value;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(rootContext).hasCustomAnchor.value ? (0, vue.unref)(require_Primitive.Primitive) : (0, vue.unref)(require_PopperAnchor.PopperAnchor_default)), { "as-child": "" }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
+					id: (0, vue.unref)(rootContext).triggerId,
+					ref: (0, vue.unref)(forwardRef),
+					type: _ctx.as === "button" ? "button" : void 0,
+					"aria-haspopup": "dialog",
+					"aria-expanded": (0, vue.unref)(rootContext).open.value,
+					"aria-controls": (0, vue.unref)(rootContext).contentId,
+					"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+					as: _ctx.as,
+					"as-child": props.asChild,
+					onClick: (0, vue.unref)(rootContext).onOpenToggle
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"id",
+					"type",
+					"aria-expanded",
+					"aria-controls",
+					"data-state",
+					"as",
+					"as-child",
+					"onClick"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
 //#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",
@@ -11,7 +70,7 @@ var popover_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 	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" }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PopoverTrigger_default), (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);
@@ -20,7 +79,7 @@ var popover_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 });
 //#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"]]);
+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-3c732fb6"]]);
 //#endregion
 Object.defineProperty(exports, "popover_trigger_default", {
 	enumerable: true,

package/dist/cjs/chunks/popover.cjs

@@ -1,4 +1,6 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_PopoverRoot = require("./PopoverRoot.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/popover/popover.vue
@@ -11,9 +13,9 @@ var popover_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
-		const forwarded = require_dist.Se(__props, __emit);
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(__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))), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_PopoverRoot.PopoverRoot_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

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

@@ -1,6 +1,7 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_ProgressIndicator = require("./ProgressIndicator.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
@@ -24,6 +25,7 @@ var progress_bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 		modelValue: { default: 0 },
 		max: { default: 100 },
 		getValueLabel: {},
+		getValueText: {},
 		asChild: { type: Boolean },
 		as: {},
 		class: {},
@@ -32,7 +34,7 @@ var progress_bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 		layout: { default: "bare" }
 	},
 	setup(__props) {
-		(0, vue.useCssVars)((_ctx) => ({ "271b0fea": progressIndicator.value }));
+		(0, vue.useCssVars)((_ctx) => ({ "0d78d07f": progressIndicator.value }));
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		const progress = (0, vue.computed)(() => {
@@ -49,8 +51,8 @@ var progress_bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 				"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), {
+				(0, vue.createVNode)((0, vue.unref)(require_ProgressIndicator.ProgressRoot_default), (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_ProgressIndicator.ProgressIndicator_default), {
 						class: "celeste-progress-bar-indicator",
 						"data-color": _ctx.color
 					}, null, 8, ["data-color"])]),
@@ -63,7 +65,7 @@ var progress_bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 });
 //#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"]]);
+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-5c1a0e60"]]);
 //#endregion
 Object.defineProperty(exports, "progress_bar_default", {
 	enumerable: true,

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

@@ -1,6 +1,7 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_ProgressIndicator = require("./ProgressIndicator.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
@@ -28,13 +29,14 @@ var progress_circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		modelValue: { default: 0 },
 		max: { default: 100 },
 		getValueLabel: {},
+		getValueText: {},
 		asChild: { type: Boolean },
 		as: {},
 		class: {},
 		size: { default: 80 }
 	},
 	setup(__props) {
-		(0, vue.useCssVars)((_ctx) => ({ "0af0f94a": circleSize.value }));
+		(0, vue.useCssVars)((_ctx) => ({ "52734034": circleSize.value }));
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		const radius = (0, vue.computed)(() => (props.size - STROKE_WIDTH) / 2);
@@ -49,12 +51,12 @@ var progress_circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		});
 		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), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ProgressIndicator.ProgressRoot_default), (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.createVNode)((0, vue.unref)(require_ProgressIndicator.ProgressIndicator_default), { "as-child": "" }, {
 					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", {
 						class: "celeste-progress-circle-svg",
 						width: props.size,
@@ -85,7 +87,7 @@ var progress_circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 });
 //#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"]]);
+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-5c212e43"]]);
 //#endregion
 Object.defineProperty(exports, "progress_circle_default", {
 	enumerable: true,

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

@@ -1,6 +1,8 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_Label = require("./Label.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
@@ -24,7 +26,7 @@ var radio_group_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		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), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Label.Label_default), (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 })
@@ -39,14 +41,14 @@ var radio_group_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						"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), {
+						(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
 							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), {
+						_ctx.$slots.sublabel ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 							key: 0,
 							as: "span",
 							class: "celeste-radio-card-sublabel"
@@ -54,7 +56,7 @@ var radio_group_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							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), {
+						_ctx.$slots.badge ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 							key: 1,
 							"as-child": "",
 							class: "celeste-radio-card-badge"
@@ -62,7 +64,7 @@ var radio_group_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							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), {
+					])]), _ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 						key: 0,
 						as: "span",
 						class: "celeste-radio-card-description"
@@ -70,7 +72,7 @@ var radio_group_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						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), {
+					(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
 						disabled: _ctx.disabled,
 						"as-child": "",
 						class: "celeste-radio-card-radio"
@@ -90,7 +92,7 @@ var radio_group_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 });
 //#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"]]);
+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-e670818c"]]);
 //#endregion
 Object.defineProperty(exports, "radio_group_card_default", {
 	enumerable: true,

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

@@ -1,7 +1,305 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
+const require_ohash_D__AXeF1 = require("./ohash.D__AXeF1.cjs");
+const require_createContext = require("./createContext.cjs");
+const require_handleAndDispatchCustomEvent = require("./handleAndDispatchCustomEvent.cjs");
+const require_dist = require("./dist.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useFormControl = require("./useFormControl.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_useForwardScopeId = require("./useForwardScopeId.cjs");
+const require_Presence = require("./Presence.cjs");
+const require_VisuallyHiddenInput = require("./VisuallyHiddenInput.cjs");
+const require_RovingFocusItem = require("./RovingFocusItem.cjs");
+const require_RadioGroupRoot = require("./RadioGroupRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/RadioGroup/utils.js
+var RADIO_SELECT = "radio.select";
+function handleSelect(event, value, callback) {
+	require_handleAndDispatchCustomEvent.handleAndDispatchCustomEvent(RADIO_SELECT, callback, {
+		originalEvent: event,
+		value
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/RadioGroup/Radio.js
+var Radio_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "Radio",
+	props: {
+		id: {
+			type: String,
+			required: false
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		checked: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["update:checked", "select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const checked = require_dist.useVModel(props, "checked", emits, { passive: props.checked === void 0 });
+		const { value } = (0, vue.toRefs)(props);
+		const { forwardRef, currentElement: triggerElement } = require_useForwardExpose.useForwardExpose();
+		const isFormControl = require_useFormControl.useFormControl(triggerElement);
+		const scopeIdAttrs = require_useForwardScopeId.useForwardScopeId();
+		const ariaLabel = (0, vue.computed)(() => props.id && triggerElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText ?? props.value : void 0);
+		function handleClick(event) {
+			if (props.disabled) return;
+			handleSelect(event, props.value, (ev) => {
+				emits("select", ev);
+				if (ev?.defaultPrevented) return;
+				checked.value = true;
+				if (isFormControl.value) ev.stopPropagation();
+			});
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({
+				id: _ctx.id,
+				ref: (0, vue.unref)(forwardRef),
+				role: "radio",
+				type: _ctx.as === "button" ? "button" : void 0,
+				as: _ctx.as,
+				"aria-checked": (0, vue.unref)(checked) ?? false,
+				"aria-label": ariaLabel.value,
+				"as-child": _ctx.asChild,
+				disabled: _ctx.disabled ? "" : void 0,
+				"data-state": (0, vue.unref)(checked) ? "checked" : "unchecked",
+				"data-disabled": _ctx.disabled ? "" : void 0,
+				value: (0, vue.unref)(value),
+				required: _ctx.required,
+				name: _ctx.name
+			}, {
+				...(0, vue.unref)(scopeIdAttrs),
+				..._ctx.$attrs
+			}, { onClick: (0, vue.withModifiers)(handleClick, ["stop"]) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { checked: (0, vue.unref)(checked) })]),
+				_: 3
+			}, 16, [
+				"id",
+				"type",
+				"as",
+				"aria-checked",
+				"aria-label",
+				"as-child",
+				"disabled",
+				"data-state",
+				"data-disabled",
+				"value",
+				"required",
+				"name"
+			]), (0, vue.unref)(isFormControl) && _ctx.name ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_VisuallyHiddenInput.VisuallyHiddenInput_default), (0, vue.mergeProps)({
+				key: 0,
+				type: "radio",
+				tabindex: "-1",
+				value: (0, vue.unref)(value),
+				checked: !!(0, vue.unref)(checked),
+				name: _ctx.name,
+				disabled: _ctx.disabled,
+				required: _ctx.required
+			}, (0, vue.unref)(scopeIdAttrs)), null, 16, [
+				"value",
+				"checked",
+				"name",
+				"disabled",
+				"required"
+			])) : (0, vue.createCommentVNode)("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/RadioGroup/RadioGroupItem.js
+var [injectRadioGroupItemContext, provideRadiogroupItemContext] = /* @__PURE__ */ require_createContext.createContext("RadioGroupItem");
+var RadioGroupItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "RadioGroupItem",
+	props: {
+		id: {
+			type: String,
+			required: false
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
+		const rootContext = require_RadioGroupRoot.injectRadioGroupRootContext();
+		const disabled = (0, vue.computed)(() => rootContext.disabled.value || props.disabled);
+		const required = (0, vue.computed)(() => rootContext.required.value || props.required);
+		const checked = (0, vue.computed)(() => require_ohash_D__AXeF1.isEqual(rootContext.modelValue?.value, props.value));
+		provideRadiogroupItemContext({
+			disabled,
+			checked
+		});
+		const isArrowKeyPressed = (0, vue.ref)(false);
+		const ARROW_KEYS = [
+			"ArrowUp",
+			"ArrowDown",
+			"ArrowLeft",
+			"ArrowRight"
+		];
+		require_dist.useEventListener("keydown", (event) => {
+			if (ARROW_KEYS.includes(event.key)) isArrowKeyPressed.value = true;
+		});
+		require_dist.useEventListener("keyup", () => {
+			isArrowKeyPressed.value = false;
+		});
+		function handleFocus() {
+			setTimeout(() => {
+				/**
+				* Our `RovingFocusGroup` will focus the radio when navigating with arrow keys
+				* and we need to 'check' it in that case. We click it to 'check' it (instead
+				* of updating `context.value`) so that the radio change event fires.
+				*/
+				if (isArrowKeyPressed.value) currentElement.value?.click();
+			}, 0);
+		}
+		const scopeIdAttrs = require_useForwardScopeId.useForwardScopeId();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_RovingFocusItem.RovingFocusItem_default), {
+				checked: checked.value,
+				disabled: disabled.value,
+				"as-child": "",
+				focusable: !disabled.value,
+				active: checked.value
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(Radio_default, (0, vue.mergeProps)({
+					...(0, vue.unref)(scopeIdAttrs),
+					..._ctx.$attrs,
+					...props
+				}, {
+					ref: (0, vue.unref)(forwardRef),
+					checked: checked.value,
+					required: required.value,
+					disabled: disabled.value,
+					"onUpdate:checked": _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(rootContext).changeModelValue(_ctx.value)),
+					onSelect: _cache[1] || (_cache[1] = ($event) => emits("select", $event)),
+					onKeydown: _cache[2] || (_cache[2] = (0, vue.withKeys)((0, vue.withModifiers)(() => {}, ["prevent"]), ["enter"])),
+					onFocus: handleFocus
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+						checked: checked.value,
+						required: required.value,
+						disabled: disabled.value
+					})]),
+					_: 3
+				}, 16, [
+					"checked",
+					"required",
+					"disabled"
+				])]),
+				_: 3
+			}, 8, [
+				"checked",
+				"disabled",
+				"focusable",
+				"active"
+			]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/RadioGroup/RadioGroupIndicator.js
+var RadioGroupIndicator_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "RadioGroupIndicator",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "span"
+		}
+	},
+	setup(__props) {
+		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		const itemContext = injectRadioGroupItemContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), { present: _ctx.forceMount || (0, vue.unref)(itemContext).checked.value }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({
+					ref: (0, vue.unref)(forwardRef),
+					"data-state": (0, vue.unref)(itemContext).checked.value ? "checked" : "unchecked",
+					"data-disabled": (0, vue.unref)(itemContext).disabled.value ? "" : void 0,
+					"as-child": _ctx.asChild,
+					as: _ctx.as
+				}, _ctx.$attrs), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"data-state",
+					"data-disabled",
+					"as-child",
+					"as"
+				])]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/radio-group/radio-group-item.vue
 var radio_group_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -10,18 +308,18 @@ var radio_group_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		id: {},
 		value: {},
 		disabled: { type: Boolean },
-		required: { type: Boolean },
-		name: {},
 		asChild: { type: Boolean },
 		as: {},
+		name: {},
+		required: { type: Boolean },
 		class: {}
 	},
 	setup(__props) {
 		const props = __props;
-		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "class"));
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(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" })]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RadioGroupItem_default), (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)(RadioGroupIndicator_default), { class: "celeste-radio-indicator" })]),
 				_: 1
 			}, 16, ["class"]);
 		};