@youcan/celeste 0.21.1 → 0.22.0

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

@@ -1,64 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useId } from "./useId.js";
-import { t as PopperAnchor_default } from "./PopperAnchor.js";
-import { n as injectPopoverRootContext } from "./PopoverRoot.js";
-import { createBlock, createVNode, defineComponent, mergeProps, onMounted, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Popover/PopoverTrigger.js
-var PopoverTrigger_default = /* @__PURE__ */ defineComponent({
-	__name: "PopoverTrigger",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectPopoverRootContext();
-		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
-		rootContext.triggerId ||= useId(void 0, "reka-popover-trigger");
-		rootContext.contentId ||= useId(void 0, "reka-popover-content");
-		onMounted(() => {
-			rootContext.triggerElement.value = triggerElement.value;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(unref(rootContext).hasCustomAnchor.value ? unref(Primitive) : unref(PopperAnchor_default)), { "as-child": "" }, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					id: unref(rootContext).triggerId,
-					ref: unref(forwardRef),
-					type: _ctx.as === "button" ? "button" : void 0,
-					"aria-haspopup": "dialog",
-					"aria-expanded": unref(rootContext).open.value,
-					"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
-					"data-state": unref(rootContext).open.value ? "open" : "closed",
-					as: _ctx.as,
-					"as-child": props.asChild,
-					onClick: unref(rootContext).onOpenToggle
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"id",
-					"type",
-					"aria-expanded",
-					"aria-controls",
-					"data-state",
-					"as",
-					"as-child",
-					"onClick"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { PopoverTrigger } from "reka-ui";
 //#endregion
 //#region src/components/popover/popover-trigger.vue
 var popover_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -70,7 +12,7 @@ var popover_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopoverTrigger_default), mergeProps({ class: "celeste-popover-trigger" }, props, { as: "div" }), {
+			return openBlock(), createBlock(unref(PopoverTrigger), mergeProps({ class: "celeste-popover-trigger" }, props, { as: "div" }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16);

package/dist/es/chunks/popover.js

@@ -1,6 +1,5 @@
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as PopoverRoot_default } from "./PopoverRoot.js";
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { PopoverRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/popover/popover.vue
 var popover_default = /* @__PURE__ */ defineComponent({
@@ -14,7 +13,7 @@ var popover_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const forwarded = useForwardPropsEmits(__props, __emit);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopoverRoot_default), normalizeProps(guardReactiveProps(unref(forwarded))), {
+			return openBlock(), createBlock(unref(PopoverRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

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

@@ -1,8 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as ProgressRoot_default, t as ProgressIndicator_default } from "./ProgressIndicator.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, useCssVars, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ProgressIndicator, ProgressRoot } from "reka-ui";
 //#region src/components/progress/progress-bar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-layout"];
 var _hoisted_2 = {
@@ -58,8 +58,8 @@ var progress_bar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"data-layout": __props.layout
 			}, [
 				__props.layout !== "bare" ? (openBlock(), createElementBlock("div", _hoisted_2, [props.title && __props.layout !== "inline" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true), createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(progress.value) + "% ", 1)], true)])])) : createCommentVNode("", true),
-				createVNode(unref(ProgressRoot_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-progress-bar", props.class) }), {
-					default: withCtx(() => [createVNode(unref(ProgressIndicator_default), {
+				createVNode(unref(ProgressRoot), mergeProps(unref(delegatedProps), { class: unref(clsx$1)("celeste-progress-bar", props.class) }), {
+					default: withCtx(() => [createVNode(unref(ProgressIndicator), {
 						class: "celeste-progress-bar-indicator",
 						"data-color": __props.color
 					}, null, 8, ["data-color"])]),

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

@@ -1,8 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as ProgressRoot_default, t as ProgressIndicator_default } from "./ProgressIndicator.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, useCssVars, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ProgressIndicator, ProgressRoot } from "reka-ui";
 //#region src/components/progress/progress-circle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["width", "height"];
 var _hoisted_2 = [
@@ -58,12 +58,12 @@ var progress_circle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		});
 		const circleSize = computed(() => `${props.size}px`);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ProgressRoot_default), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(ProgressRoot), mergeProps(unref(delegatedProps), {
 				value: props.modelValue,
-				class: unref(clsx)("celeste-progress-circle", props.class),
+				class: unref(clsx$1)("celeste-progress-circle", props.class),
 				as: "div"
 			}), {
-				default: withCtx(() => [createVNode(unref(ProgressIndicator_default), { "as-child": "" }, {
+				default: withCtx(() => [createVNode(unref(ProgressIndicator), { "as-child": "" }, {
 					default: withCtx(() => [(openBlock(), createElementBlock("svg", {
 						class: "celeste-progress-circle-svg",
 						width: props.size,

package/dist/es/chunks/radio-group-card.js

@@ -1,9 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as Label_default } from "./Label.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Label, Primitive } from "reka-ui";
 //#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" };
@@ -33,10 +32,10 @@ var radio_group_card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(Label), mergeProps(unref(delegatedProps), {
 				"aria-required": __props.required,
 				"aria-disabled": __props.disabled,
-				class: unref(clsx)("celeste-radio-card", props.class, { "celeste-radio-card-disabled": __props.disabled })
+				class: unref(clsx$1)("celeste-radio-card", props.class, { "celeste-radio-card-disabled": __props.disabled })
 			}), {
 				default: withCtx(() => [
 					_ctx.$slots.image || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {

package/dist/es/chunks/radio-group-item.js

@@ -1,304 +1,7 @@
-import { t as clsx } from "./clsx.js";
-import { t as isEqual } from "./ohash.D__AXeF1.js";
-import { t as createContext } from "./createContext.js";
-import { t as handleAndDispatchCustomEvent } from "./handleAndDispatchCustomEvent.js";
-import { p as useVModel, s as useEventListener } from "./dist2.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useFormControl } from "./useFormControl.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as useForwardScopeId } from "./useForwardScopeId.js";
-import { t as Presence_default } from "./Presence.js";
-import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
-import { t as RovingFocusItem_default } from "./RovingFocusItem.js";
-import { n as injectRadioGroupRootContext } from "./RadioGroupRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toRefs, unref, withCtx, withKeys, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/utils.js
-var RADIO_SELECT = "radio.select";
-function handleSelect(event, value, callback) {
-	handleAndDispatchCustomEvent(RADIO_SELECT, callback, {
-		originalEvent: event,
-		value
-	});
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/Radio.js
-var Radio_default = /* @__PURE__ */ 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 = useVModel(props, "checked", emits, { passive: props.checked === void 0 });
-		const { value } = toRefs(props);
-		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
-		const isFormControl = useFormControl(triggerElement);
-		const scopeIdAttrs = useForwardScopeId();
-		const ariaLabel = computed(() => props.id && triggerElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText : 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 openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Primitive), mergeProps({
-				id: _ctx.id,
-				ref: unref(forwardRef),
-				role: "radio",
-				type: _ctx.as === "button" ? "button" : void 0,
-				as: _ctx.as,
-				"aria-checked": unref(checked) ?? false,
-				"aria-label": ariaLabel.value,
-				"as-child": _ctx.asChild,
-				disabled: _ctx.disabled ? "" : void 0,
-				"data-state": unref(checked) ? "checked" : "unchecked",
-				"data-disabled": _ctx.disabled ? "" : void 0,
-				value: unref(value),
-				required: _ctx.required,
-				name: _ctx.name
-			}, {
-				...unref(scopeIdAttrs),
-				..._ctx.$attrs
-			}, { onClick: withModifiers(handleClick, ["stop"]) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { checked: unref(checked) })]),
-				_: 3
-			}, 16, [
-				"id",
-				"type",
-				"as",
-				"aria-checked",
-				"aria-label",
-				"as-child",
-				"disabled",
-				"data-state",
-				"data-disabled",
-				"value",
-				"required",
-				"name"
-			]), unref(isFormControl) && _ctx.name ? (openBlock(), createBlock(unref(VisuallyHiddenInput_default), mergeProps({
-				key: 0,
-				type: "radio",
-				tabindex: "-1",
-				value: unref(value),
-				checked: !!unref(checked),
-				name: _ctx.name,
-				disabled: _ctx.disabled,
-				required: _ctx.required
-			}, unref(scopeIdAttrs)), null, 16, [
-				"value",
-				"checked",
-				"name",
-				"disabled",
-				"required"
-			])) : createCommentVNode("v-if", true)], 64);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/RadioGroupItem.js
-var [injectRadioGroupItemContext, provideRadiogroupItemContext] = /*#__PURE__*/ createContext("RadioGroupItem");
-var RadioGroupItem_default = /* @__PURE__ */ 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 } = useForwardExpose();
-		const rootContext = injectRadioGroupRootContext();
-		const disabled = computed(() => rootContext.disabled.value || props.disabled);
-		const required = computed(() => rootContext.required.value || props.required);
-		const checked = computed(() => isEqual(rootContext.modelValue?.value, props.value));
-		provideRadiogroupItemContext({
-			disabled,
-			checked
-		});
-		const isArrowKeyPressed = ref(false);
-		const ARROW_KEYS = [
-			"ArrowUp",
-			"ArrowDown",
-			"ArrowLeft",
-			"ArrowRight"
-		];
-		useEventListener("keydown", (event) => {
-			if (ARROW_KEYS.includes(event.key)) isArrowKeyPressed.value = true;
-		});
-		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 = useForwardScopeId();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RovingFocusItem_default), {
-				checked: checked.value,
-				disabled: disabled.value,
-				"as-child": "",
-				focusable: !disabled.value,
-				active: checked.value
-			}, {
-				default: withCtx(() => [createVNode(Radio_default, mergeProps({
-					...unref(scopeIdAttrs),
-					..._ctx.$attrs,
-					...props
-				}, {
-					ref: unref(forwardRef),
-					checked: checked.value,
-					required: required.value,
-					disabled: disabled.value,
-					"onUpdate:checked": _cache[0] || (_cache[0] = ($event) => unref(rootContext).changeModelValue(_ctx.value)),
-					onSelect: _cache[1] || (_cache[1] = ($event) => emits("select", $event)),
-					onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => {}, ["prevent"]), ["enter"])),
-					onFocus: handleFocus
-				}), {
-					default: withCtx(() => [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.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/RadioGroupIndicator.js
-var RadioGroupIndicator_default = /* @__PURE__ */ 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 } = useForwardExpose();
-		const itemContext = injectRadioGroupItemContext();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(itemContext).checked.value }, {
-				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
-					ref: unref(forwardRef),
-					"data-state": unref(itemContext).checked.value ? "checked" : "unchecked",
-					"data-disabled": unref(itemContext).disabled.value ? "" : void 0,
-					"as-child": _ctx.asChild,
-					as: _ctx.as
-				}, _ctx.$attrs), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, [
-					"data-state",
-					"data-disabled",
-					"as-child",
-					"as"
-				])]),
-				_: 3
-			}, 8, ["present"]);
-		};
-	}
-});
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { RadioGroupIndicator, RadioGroupItem, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/radio-group/radio-group-item.vue
 var radio_group_item_default = /* @__PURE__ */ defineComponent({
@@ -324,8 +27,8 @@ var radio_group_item_default = /* @__PURE__ */ defineComponent({
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RadioGroupItem_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-radio-item", props.class) }), {
-				default: withCtx(() => [createVNode(unref(RadioGroupIndicator_default), { class: "celeste-radio-indicator" })]),
+			return openBlock(), createBlock(unref(RadioGroupItem), mergeProps(unref(forwarded), { class: unref(clsx$1)("celeste-radio-item", props.class) }), {
+				default: withCtx(() => [createVNode(unref(RadioGroupIndicator), { class: "celeste-radio-indicator" })]),
 				_: 1
 			}, 16, ["class"]);
 		};

package/dist/es/chunks/radio-group-label.js

@@ -1,9 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as Label_default } from "./Label.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Label, Primitive } from "reka-ui";
 //#region src/components/radio-group/radio-group-label.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { role: "presentation" };
 var _hoisted_2 = {
@@ -36,10 +35,10 @@ var radio_group_label_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(Label), mergeProps(unref(delegatedProps), {
 				"aria-required": __props.required,
 				"aria-disabled": __props.disabled,
-				class: unref(clsx)("celeste-radio-label", props.class)
+				class: unref(clsx$1)("celeste-radio-label", props.class)
 			}), {
 				default: withCtx(() => [createVNode(unref(Primitive), {
 					"as-child": "",

package/dist/es/chunks/radio-group.js

@@ -1,9 +1,8 @@
-import { t as clsx } from "./clsx.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as RadioGroupRoot_default } from "./RadioGroupRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { useDirection } from "../use-direction.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/radio-group/radio-group.vue
 var radio_group_default = /* @__PURE__ */ defineComponent({
@@ -35,7 +34,7 @@ var radio_group_default = /* @__PURE__ */ defineComponent({
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RadioGroupRoot_default), mergeProps({ class: unref(clsx)("celeste-radio-wrapper", props.class) }, unref(forwarded), { dir: unref(dir) }), {
+			return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps({ class: unref(clsx$1)("celeste-radio-wrapper", props.class) }, unref(forwarded), { dir: unref(dir) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class", "dir"]);