@auronui/vue 1.1.0 → 1.1.1

package/dist/cjs/index.cjs

@@ -381,8 +381,8 @@ var _hoisted_2$31 = {
 	width: "100%",
 	height: "100%"
 };
-var _hoisted_3$19 = { fill: "none" };
-var _hoisted_4$13 = ["fill"];
+var _hoisted_3$21 = { fill: "none" };
+var _hoisted_4$14 = ["fill"];
 var _hoisted_5$9 = ["fill"];
 //#endregion
 //#region src/components/spinner/Spinner.vue
@@ -435,13 +435,13 @@ var Spinner_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				offset: "100%",
 				"stop-color": "currentColor",
 				"stop-opacity": "0.55"
-			}, null, -1)])])]), (0, vue.createElementVNode)("g", _hoisted_3$19, [
+			}, null, -1)])])]), (0, vue.createElementVNode)("g", _hoisted_3$21, [
 				_cache[2] || (_cache[2] = (0, vue.createElementVNode)("path", { d: "m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }, null, -1)),
 				(0, vue.createElementVNode)("path", {
 					d: "M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021",
 					fill: `url(#${gradId1})`,
 					transform: "translate(1.5 1.625)"
-				}, null, 8, _hoisted_4$13),
+				}, null, 8, _hoisted_4$14),
 				(0, vue.createElementVNode)("path", {
 					d: "M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118",
 					fill: `url(#${gradId2})`,
@@ -1692,7 +1692,7 @@ async function runValidation(value, rules, validate, context) {
 	if (!rules && !validate) return void 0;
 	if (rules?.required !== void 0) {
 		const { enabled, message } = resolveSimpleRule(rules.required);
-		if (enabled && isEmpty(value)) return message ?? "This field is required";
+		if (enabled && isEmpty(value)) return message ?? "Enter a value";
 	}
 	if (isEmpty(value)) {
 		if (validate) return await validate(value, context);
@@ -2050,11 +2050,11 @@ var _hoisted_1$55 = [
 	"data-has-helper"
 ];
 var _hoisted_2$30 = ["for"];
-var _hoisted_3$18 = {
+var _hoisted_3$20 = {
 	key: 0,
 	"aria-hidden": "true"
 };
-var _hoisted_4$12 = ["data-filled"];
+var _hoisted_4$13 = ["data-filled"];
 var _hoisted_5$8 = ["for"];
 var _hoisted_6$6 = {
 	key: 0,
@@ -2218,7 +2218,7 @@ var Input_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 0,
 				for: inputId.value,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.label(), props.classNames?.label))
-			}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1), __props.isRequired ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$18, " *")) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_2$30)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.mainWrapper(), props.classNames?.mainWrapper)) }, [(0, vue.createElementVNode)("div", {
+			}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1), __props.isRequired ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$20, " *")) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_2$30)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.mainWrapper(), props.classNames?.mainWrapper)) }, [(0, vue.createElementVNode)("div", {
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.inputWrapper(), props.classNames?.inputWrapper)),
 				"data-filled": hasLabel.value ? isFilled.value || void 0 : void 0
 			}, [
@@ -2302,7 +2302,7 @@ var Input_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					cy: "12",
 					r: "3"
 				}, null, -1)])]))], 10, _hoisted_8$1)) : (0, vue.createCommentVNode)("", true)
-			], 10, _hoisted_4$12), hasHelper.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			], 10, _hoisted_4$13), hasHelper.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				key: 0,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.helperWrapper(), props.classNames?.helperWrapper))
 			}, [showError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -2328,11 +2328,11 @@ var _hoisted_1$54 = [
 	"data-has-helper"
 ];
 var _hoisted_2$29 = ["for"];
-var _hoisted_3$17 = {
+var _hoisted_3$19 = {
 	key: 0,
 	"aria-hidden": "true"
 };
-var _hoisted_4$11 = ["data-filled"];
+var _hoisted_4$12 = ["data-filled"];
 var _hoisted_5$7 = ["for"];
 var _hoisted_6$5 = {
 	key: 0,
@@ -2465,7 +2465,7 @@ var Textarea_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 0,
 				for: inputId.value,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.label(), props.classNames?.label))
-			}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1), __props.isRequired ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$17, " *")) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_2$29)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.mainWrapper(), props.classNames?.mainWrapper)) }, [(0, vue.createElementVNode)("div", {
+			}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1), __props.isRequired ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$19, " *")) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_2$29)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.mainWrapper(), props.classNames?.mainWrapper)) }, [(0, vue.createElementVNode)("div", {
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.inputWrapper(), props.classNames?.inputWrapper)),
 				"data-filled": hasLabel.value ? isFilled.value || void 0 : void 0
 			}, [
@@ -2532,7 +2532,7 @@ var Textarea_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						y2: "15"
 					})
 				], -1)])], 2)) : (0, vue.createCommentVNode)("", true)
-			], 10, _hoisted_4$11), hasHelper.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			], 10, _hoisted_4$12), hasHelper.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				key: 0,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.helperWrapper(), props.classNames?.helperWrapper))
 			}, [showError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -2801,6 +2801,10 @@ var Checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
 		isIndeterminate: {
 			type: Boolean,
 			default: false
@@ -2858,11 +2862,13 @@ var Checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const groupCtx = useCheckboxGroupInject({
 			variant: (0, vue.ref)("primary"),
 			disabled: (0, vue.ref)(false),
+			isInvalid: (0, vue.ref)(false),
 			selectedValues: (0, vue.ref)([]),
 			toggleValue: () => {},
 			name: (0, vue.ref)(void 0)
 		});
 		const isDisabled = (0, vue.computed)(() => groupCtx.disabled.value || props.disabled);
+		const effectiveInvalid = (0, vue.computed)(() => groupCtx.isInvalid.value || props.isInvalid);
 		const finalVariant = (0, vue.computed)(() => props.variant ?? groupCtx.variant.value);
 		const isInGroup = (0, vue.computed)(() => props.value !== void 0);
 		const checkedState = (0, vue.computed)(() => {
@@ -2879,6 +2885,7 @@ var Checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.CheckboxRoot), (0, vue.mergeProps)((0, vue.unref)(attrs), {
 				"model-value": checkedState.value,
 				disabled: isDisabled.value,
+				"aria-invalid": effectiveInvalid.value || void 0,
 				name: props.name ?? (0, vue.unref)(groupCtx).name.value,
 				value: props.value,
 				id: props.id,
@@ -2913,6 +2920,7 @@ var Checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, 16, [
 				"model-value",
 				"disabled",
+				"aria-invalid",
 				"name",
 				"value",
 				"id",
@@ -2928,10 +2936,18 @@ var Checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/checkbox/CheckboxGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = ["aria-labelledby", "data-orientation"];
+var _hoisted_1$50 = [
+	"aria-labelledby",
+	"aria-invalid",
+	"data-orientation"
+];
 var _hoisted_2$27 = { class: "checkbox-group__wrapper" };
-var _hoisted_3$16 = {
+var _hoisted_3$18 = {
 	key: 1,
+	class: "checkbox-group__error-message"
+};
+var _hoisted_4$11 = {
+	key: 2,
 	class: "checkbox-group__description"
 };
 //#endregion
@@ -2944,12 +2960,17 @@ var CheckboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
 		name: { default: void 0 },
 		orientation: { default: "vertical" },
 		label: { default: void 0 },
 		description: { default: void 0 },
+		errorMessage: { default: void 0 },
 		class: {},
 		items: {}
 	},
@@ -2967,6 +2988,7 @@ var CheckboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		useCheckboxGroupProvide({
 			variant: (0, vue.toRef)(props, "variant"),
 			disabled: (0, vue.toRef)(props, "disabled"),
+			isInvalid: (0, vue.toRef)(props, "isInvalid"),
 			selectedValues: currentValues,
 			toggleValue,
 			name: (0, vue.toRef)(props, "name")
@@ -2977,6 +2999,7 @@ var CheckboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				role: "group",
 				"aria-labelledby": props.label ? labelId : void 0,
+				"aria-invalid": props.isInvalid || void 0,
 				"data-orientation": props.orientation,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(groupClasses.value, props.class))
 			}, [
@@ -2995,7 +3018,7 @@ var CheckboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						_: 2
 					}, 1032, ["value", "disabled"]);
 				}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })]),
-				props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$16, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
+				props.isInvalid && props.errorMessage ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$18, (0, vue.toDisplayString)(props.errorMessage), 1)) : props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$11, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
 			], 10, _hoisted_1$50);
 		};
 	}
@@ -3015,6 +3038,10 @@ var Radio_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
 		id: { default: void 0 },
 		asChild: {
 			type: Boolean,
@@ -3054,15 +3081,18 @@ var Radio_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const attrs = (0, vue.useAttrs)();
 		const groupCtx = useRadioGroupInject({
 			variant: (0, vue.ref)(void 0),
-			disabled: (0, vue.ref)(false)
+			disabled: (0, vue.ref)(false),
+			isInvalid: (0, vue.ref)(false)
 		});
 		const isDisabled = (0, vue.computed)(() => groupCtx.disabled.value || props.disabled);
+		const effectiveInvalid = (0, vue.computed)(() => groupCtx.isInvalid.value || props.isInvalid);
 		const finalVariant = (0, vue.computed)(() => props.variant ?? groupCtx.variant.value);
 		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.radioVariants)());
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.RadioGroupItem), (0, vue.mergeProps)((0, vue.unref)(attrs), {
 				value: props.value,
 				disabled: isDisabled.value,
+				"aria-invalid": effectiveInvalid.value || void 0,
 				id: props.id,
 				"as-child": props.asChild,
 				as: props.as,
@@ -3087,6 +3117,7 @@ var Radio_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, 16, [
 				"value",
 				"disabled",
+				"aria-invalid",
 				"id",
 				"as-child",
 				"as",
@@ -3103,6 +3134,10 @@ var Radio_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var _hoisted_1$49 = { class: "radio-group__wrapper" };
 var _hoisted_2$26 = {
 	key: 1,
+	class: "radio-group__error-message"
+};
+var _hoisted_3$17 = {
+	key: 2,
 	class: "radio-group__description"
 };
 //#endregion
@@ -3115,12 +3150,17 @@ var RadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
 		name: { default: void 0 },
 		orientation: { default: "vertical" },
 		label: { default: void 0 },
 		description: { default: void 0 },
+		errorMessage: { default: void 0 },
 		dir: { default: void 0 },
 		loop: {
 			type: Boolean,
@@ -3144,7 +3184,8 @@ var RadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		useRadioGroupProvide({
 			variant: (0, vue.toRef)(props, "variant"),
-			disabled: (0, vue.toRef)(props, "disabled")
+			disabled: (0, vue.toRef)(props, "disabled"),
+			isInvalid: (0, vue.toRef)(props, "isInvalid")
 		});
 		const labelId = `radio-group-label-${Math.random().toString(36).slice(2, 8)}`;
 		const groupClasses = (0, vue.computed)(() => (0, _auronui_styles.radioGroupVariants)({ variant: props.variant }));
@@ -3153,6 +3194,7 @@ var RadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"model-value": props.modelValue,
 				"default-value": props.defaultValue,
 				disabled: props.disabled,
+				"aria-invalid": props.isInvalid || void 0,
 				name: props.name,
 				orientation: props.orientation,
 				dir: props.dir,
@@ -3180,13 +3222,14 @@ var RadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							_: 2
 						}, 1032, ["value", "disabled"]);
 					}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })]),
-					props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$26, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
+					props.isInvalid && props.errorMessage ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$26, (0, vue.toDisplayString)(props.errorMessage), 1)) : props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$17, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
 				]),
 				_: 3
 			}, 8, [
 				"model-value",
 				"default-value",
 				"disabled",
+				"aria-invalid",
 				"name",
 				"orientation",
 				"dir",
@@ -3210,6 +3253,10 @@ var Switch_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Switch",
 	props: {
 		size: { default: void 0 },
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
 		value: { default: void 0 },
 		modelValue: {
 			type: Boolean,
@@ -3272,11 +3319,13 @@ var Switch_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const groupCtx = useSwitchGroupInject({
 			size: (0, vue.ref)("md"),
 			disabled: (0, vue.ref)(false),
+			isInvalid: (0, vue.ref)(false),
 			selectedValues: (0, vue.ref)([]),
 			toggleValue: () => {},
 			name: (0, vue.ref)(void 0)
 		});
 		const isDisabled = (0, vue.computed)(() => groupCtx.disabled.value || props.disabled);
+		const effectiveInvalid = (0, vue.computed)(() => groupCtx.isInvalid.value || props.isInvalid);
 		const finalSize = (0, vue.computed)(() => props.size ?? groupCtx.size.value);
 		const isInGroup = (0, vue.computed)(() => props.value !== void 0);
 		const checked = (0, vue.computed)(() => {
@@ -3292,6 +3341,7 @@ var Switch_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.SwitchRoot), (0, vue.mergeProps)((0, vue.unref)(attrs), {
 				"model-value": checked.value,
 				disabled: isDisabled.value,
+				"aria-invalid": effectiveInvalid.value || void 0,
 				name: props.name ?? (0, vue.unref)(groupCtx).name.value,
 				value: props.value,
 				id: props.id,
@@ -3319,6 +3369,7 @@ var Switch_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, 16, [
 				"model-value",
 				"disabled",
+				"aria-invalid",
 				"name",
 				"value",
 				"id",
@@ -3334,9 +3385,17 @@ var Switch_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/switch/SwitchGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = ["aria-labelledby", "data-orientation"];
+var _hoisted_1$48 = [
+	"aria-labelledby",
+	"aria-invalid",
+	"data-orientation"
+];
 var _hoisted_2$25 = {
 	key: 1,
+	class: "switch-group__error-message"
+};
+var _hoisted_3$16 = {
+	key: 2,
 	class: "switch-group__description"
 };
 //#endregion
@@ -3353,6 +3412,11 @@ var SwitchGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		defaultValue: { default: void 0 },
 		name: { default: void 0 },
 		orientation: { default: "vertical" },
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		errorMessage: { default: void 0 },
 		label: { default: void 0 },
 		description: { default: void 0 },
 		class: {},
@@ -3372,6 +3436,7 @@ var SwitchGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		useSwitchGroupProvide({
 			size: (0, vue.toRef)(props, "size"),
 			disabled: (0, vue.toRef)(props, "disabled"),
+			isInvalid: (0, vue.toRef)(props, "isInvalid"),
 			selectedValues: currentValues,
 			toggleValue,
 			name: (0, vue.toRef)(props, "name")
@@ -3382,6 +3447,7 @@ var SwitchGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				role: "group",
 				"aria-labelledby": props.label ? labelId : void 0,
+				"aria-invalid": props.isInvalid || void 0,
 				"data-orientation": props.orientation,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(groupSlots.value.base(), props.class))
 			}, [
@@ -3400,7 +3466,7 @@ var SwitchGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						_: 2
 					}, 1032, ["value", "disabled"]);
 				}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 2),
-				props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$25, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
+				props.isInvalid && props.errorMessage ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$25, (0, vue.toDisplayString)(props.errorMessage), 1)) : props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$16, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
 			], 10, _hoisted_1$48);
 		};
 	}
@@ -3570,227 +3636,751 @@ var PopoverTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/utils/createContext.mjs
-function createContext$1(providerComponentName, contextName) {
-	const symbolDescription = typeof providerComponentName === "string" && !contextName ? `${providerComponentName}Context` : contextName;
-	const injectionKey = Symbol(symbolDescription);
-	const injectContext = (fallback) => {
-		const context = (0, vue.inject)(injectionKey, fallback);
-		if (context === void 0) throw new Error(`Injection \`${injectionKey.toString()}\` not found. Component must be used within ${Array.isArray(providerComponentName) ? `one of the following components: ${providerComponentName.join(", ")}` : `\`${providerComponentName}\``}`);
-		return context;
-	};
-	const provideContext = (contextValue) => {
-		(0, vue.provide)(injectionKey, contextValue);
-		return contextValue;
-	};
-	return [
-		injectContext,
-		provideContext,
-		injectionKey
-	];
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/utils/resolve-motion-props.mjs
-function resolveMotionProps(props, context) {
-	const { layoutGroup, presenceContext, config } = context;
-	const layoutId = layoutGroup.id && props.layoutId ? `${layoutGroup.id}-${props.layoutId}` : props.layoutId || void 0;
-	return {
-		...props,
-		layoutId,
-		transition: props.transition ?? config.transition,
-		layoutGroup,
-		motionConfig: config,
-		inViewOptions: props.inViewOptions ?? config.inViewOptions,
-		presenceContext,
-		initial: presenceContext.initial === false ? presenceContext.initial : props.initial === true ? void 0 : props.initial
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/array.mjs
-function addUniqueItem(arr, item) {
-	if (arr.indexOf(item) === -1) arr.push(item);
-}
-function removeItem(arr, item) {
-	const index = arr.indexOf(item);
-	if (index > -1) arr.splice(index, 1);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/clamp.mjs
-var clamp = (min, max, v) => {
-	if (v > max) return max;
-	if (v < min) return min;
-	return v;
-};
+//#region ../styles/src/components/popover/popover.styles.ts
+var popoverVariants = (0, tailwind_variants.tv)({ slots: {
+	base: "popover",
+	dialog: "popover__dialog",
+	heading: "popover__heading",
+	trigger: "popover__trigger"
+} });
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/format-error-message.mjs
-function formatErrorMessage(message, errorCode) {
-	return errorCode ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}` : message;
-}
+//#region src/components/popover/PopoverContent.vue
+var PopoverContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "PopoverContent",
+	props: {
+		side: { default: "bottom" },
+		sideOffset: { default: 8 },
+		sideFlip: { type: Boolean },
+		align: { default: "center" },
+		alignOffset: { default: 0 },
+		alignFlip: { type: Boolean },
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		collisionBoundary: {},
+		collisionPadding: { default: 8 },
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: {
+			type: Boolean,
+			default: true
+		},
+		class: {}
+	},
+	emits: [
+		"escape-key-down",
+		"pointer-down-outside",
+		"focus-outside",
+		"interact-outside",
+		"open-auto-focus",
+		"close-auto-focus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const styles = popoverVariants();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverPortal), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverContent), (0, vue.mergeProps)({
+					side: props.side,
+					"side-offset": props.sideOffset,
+					align: props.align,
+					"align-offset": props.alignOffset,
+					"side-flip": props.sideFlip,
+					"align-flip": props.alignFlip,
+					"avoid-collisions": props.avoidCollisions,
+					"collision-boundary": props.collisionBoundary,
+					"collision-padding": props.collisionPadding,
+					"arrow-padding": props.arrowPadding,
+					"hide-shifted-arrow": props.hideShiftedArrow,
+					sticky: props.sticky,
+					"hide-when-detached": props.hideWhenDetached,
+					"position-strategy": props.positionStrategy,
+					"update-position-strategy": props.updatePositionStrategy,
+					"disable-update-on-layout-shift": props.disableUpdateOnLayoutShift,
+					"prioritize-position": props.prioritizePosition,
+					class: (0, vue.unref)(composeClassName)((0, vue.unref)(styles).base(), props.class)
+				}, _ctx.$attrs, {
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
+					onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
+					onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event)),
+					onOpenAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("open-auto-focus", $event)),
+					onCloseAutoFocus: _cache[5] || (_cache[5] = ($event) => emit("close-auto-focus", $event))
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"side",
+					"side-offset",
+					"align",
+					"align-offset",
+					"side-flip",
+					"align-flip",
+					"avoid-collisions",
+					"collision-boundary",
+					"collision-padding",
+					"arrow-padding",
+					"hide-shifted-arrow",
+					"sticky",
+					"hide-when-detached",
+					"position-strategy",
+					"update-position-strategy",
+					"disable-update-on-layout-shift",
+					"prioritize-position",
+					"class"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/errors.mjs
-var warning$1 = () => {};
-var invariant$1 = () => {};
-if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
-	warning$1 = (check, message, errorCode) => {
-		if (!check && typeof console !== "undefined") console.warn(formatErrorMessage(message, errorCode));
-	};
-	invariant$1 = (check, message, errorCode) => {
-		if (!check) throw new Error(formatErrorMessage(message, errorCode));
-	};
-}
+//#region src/components/popover/PopoverArrow.vue
+var PopoverArrow_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "PopoverArrow",
+	props: {
+		as: {},
+		asChild: { type: Boolean },
+		width: {},
+		height: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverArrow), (0, vue.mergeProps)({
+				as: props.as,
+				"as-child": props.asChild,
+				width: props.width,
+				height: props.height,
+				class: props.class
+			}, _ctx.$attrs), null, 16, [
+				"as",
+				"as-child",
+				"width",
+				"height",
+				"class"
+			]);
+		};
+	}
+});
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/global-config.mjs
-var MotionGlobalConfig = {};
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-numerical-string.mjs
-/**
-* Check if value is a numerical string, ie a string that is purely a number eg "100" or "-100.1"
-*/
-var isNumericalString = (v) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-object.mjs
-function isObject(value) {
-	return typeof value === "object" && value !== null;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs
-/**
-* Check if the value is a zero value string like "0px" or "0%"
-*/
-var isZeroValueString = (v) => /^0[^.\s]+$/u.test(v);
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/memo.mjs
-/* @__NO_SIDE_EFFECTS__ */
-function memo$2(callback) {
-	let result;
-	return () => {
-		if (result === void 0) result = callback();
-		return result;
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/noop.mjs
-var noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/pipe.mjs
-/**
-* Pipe
-* Compose other transformers to run linearily
-* pipe(min(20), max(40))
-* @param  {...functions} transformers
-* @return {function}
-*/
-var combineFunctions = (a, b) => (v) => b(a(v));
-var pipe = (...transformers) => transformers.reduce(combineFunctions);
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/progress.mjs
-var progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
-	const toFromDifference = to - from;
-	return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
-};
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/subscription-manager.mjs
-var SubscriptionManager = class {
-	constructor() {
-		this.subscriptions = [];
+//#region src/components/popover/PopoverAnchor.vue
+var PopoverAnchor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "PopoverAnchor",
+	props: {
+		as: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverAnchor), (0, vue.mergeProps)({
+				as: props.as,
+				"as-child": props.asChild
+			}, _ctx.$attrs), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as", "as-child"]);
+		};
 	}
-	add(handler) {
-		addUniqueItem(this.subscriptions, handler);
-		return () => removeItem(this.subscriptions, handler);
+});
+//#endregion
+//#region src/components/popover/PopoverClose.vue
+var PopoverClose_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "PopoverClose",
+	props: {
+		as: {},
+		asChild: { type: Boolean },
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverClose), (0, vue.mergeProps)({
+				as: props.as,
+				"as-child": props.asChild,
+				disabled: props.disabled,
+				class: props.class
+			}, _ctx.$attrs), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as",
+				"as-child",
+				"disabled",
+				"class"
+			]);
+		};
 	}
-	notify(a, b, c) {
-		const numSubscriptions = this.subscriptions.length;
-		if (!numSubscriptions) return;
-		if (numSubscriptions === 1)
- /**
-		* If there's only a single handler we can just call it without invoking a loop.
-		*/
-		this.subscriptions[0](a, b, c);
-		else for (let i = 0; i < numSubscriptions; i++) {
-			/**
-			* Check whether the handler exists before firing as it's possible
-			* the subscriptions were modified during this loop running.
-			*/
-			const handler = this.subscriptions[i];
-			handler && handler(a, b, c);
+});
+//#endregion
+//#region src/components/tooltip/Tooltip.vue
+var Tooltip_default = (0, vue.defineComponent)({
+	name: "Tooltip",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		delayDuration: {
+			type: Number,
+			default: void 0
+		},
+		disableHoverableContent: {
+			type: Boolean,
+			default: void 0
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			default: void 0
 		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const rootProps = (0, vue.computed)(() => {
+			const p = {
+				defaultOpen: props.defaultOpen,
+				"onUpdate:open": (val) => emit("update:open", val)
+			};
+			if (props.open !== void 0) p.open = props.open;
+			if (props.delayDuration !== void 0) p.delayDuration = props.delayDuration;
+			if (props.disableHoverableContent !== void 0) p.disableHoverableContent = props.disableHoverableContent;
+			if (props.disableClosingTrigger !== void 0) p.disableClosingTrigger = props.disableClosingTrigger;
+			if (props.disabled !== void 0) p.disabled = props.disabled;
+			if (props.ignoreNonKeyboardFocus !== void 0) p.ignoreNonKeyboardFocus = props.ignoreNonKeyboardFocus;
+			return p;
+		});
+		return () => (0, vue.h)(reka_ui.TooltipRoot, rootProps.value, slots);
 	}
-	getSize() {
-		return this.subscriptions.length;
-	}
-	clear() {
-		this.subscriptions.length = 0;
+});
+//#endregion
+//#region src/components/tooltip/TooltipProvider.vue
+var TooltipProvider_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: { default: 700 },
+		skipDelayDuration: { default: 300 },
+		disableHoverableContent: {
+			type: Boolean,
+			default: false
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			default: false
+		},
+		content: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TooltipProvider), {
+				"delay-duration": props.delayDuration,
+				"skip-delay-duration": props.skipDelayDuration,
+				"disable-hoverable-content": props.disableHoverableContent,
+				"disable-closing-trigger": props.disableClosingTrigger,
+				disabled: props.disabled,
+				"ignore-non-keyboard-focus": props.ignoreNonKeyboardFocus,
+				content: props.content
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"delay-duration",
+				"skip-delay-duration",
+				"disable-hoverable-content",
+				"disable-closing-trigger",
+				"disabled",
+				"ignore-non-keyboard-focus",
+				"content"
+			]);
+		};
 	}
-};
+});
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/time-conversion.mjs
-/**
-* Converts seconds to milliseconds
-*
-* @param seconds - Time in seconds.
-* @return milliseconds - Converted time in milliseconds.
-*/
-var secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
-var millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
+//#region src/components/tooltip/TooltipTrigger.vue
+var TooltipTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "TooltipTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TooltipTrigger), (0, vue.mergeProps)({
+				"as-child": props.asChild,
+				as: props.as
+			}, _ctx.$attrs), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child", "as"]);
+		};
+	}
+});
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/velocity-per-second.mjs
-function velocityPerSecond(velocity, frameDuration) {
-	return frameDuration ? velocity * (1e3 / frameDuration) : 0;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/warn-once.mjs
-var warned = /* @__PURE__ */ new Set();
-function warnOnce(condition, message, errorCode) {
-	if (condition || warned.has(message)) return;
-	console.warn(formatErrorMessage(message, errorCode));
-	warned.add(message);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs
-var calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
-var subdivisionPrecision = 1e-7;
-var subdivisionMaxIterations = 12;
-function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
-	let currentX;
-	let currentT;
-	let i = 0;
-	do {
-		currentT = lowerBound + (upperBound - lowerBound) / 2;
-		currentX = calcBezier(currentT, mX1, mX2) - x;
-		if (currentX > 0) upperBound = currentT;
-		else lowerBound = currentT;
-	} while (Math.abs(currentX) > subdivisionPrecision && ++i < subdivisionMaxIterations);
-	return currentT;
-}
-function cubicBezier(mX1, mY1, mX2, mY2) {
-	if (mX1 === mY1 && mX2 === mY2) return noop;
-	const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);
-	return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs
-var mirrorEasing = (easing) => (p) => p <= .5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
+//#region ../styles/src/components/tooltip/tooltip.styles.ts
+var tooltipVariants = (0, tailwind_variants.tv)({ slots: {
+	base: "tooltip",
+	trigger: "tooltip__trigger"
+} });
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/modifiers/reverse.mjs
-var reverseEasing = (easing) => (p) => 1 - easing(1 - p);
+//#region src/components/tooltip/TooltipContent.vue
+var TooltipContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "TooltipContent",
+	props: {
+		side: { default: "top" },
+		sideOffset: { default: 8 },
+		sideFlip: { type: Boolean },
+		align: { default: "center" },
+		alignOffset: { default: 0 },
+		alignFlip: { type: Boolean },
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		collisionBoundary: {},
+		collisionPadding: { default: 8 },
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: {
+			type: Boolean,
+			default: true
+		},
+		class: {}
+	},
+	emits: ["escape-key-down", "pointer-down-outside"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const styles = tooltipVariants();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TooltipPortal), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.TooltipContent), (0, vue.mergeProps)({
+					side: props.side,
+					"side-offset": props.sideOffset,
+					align: props.align,
+					"align-offset": props.alignOffset,
+					"side-flip": props.sideFlip,
+					"align-flip": props.alignFlip,
+					"avoid-collisions": props.avoidCollisions,
+					"collision-boundary": props.collisionBoundary,
+					"collision-padding": props.collisionPadding,
+					"arrow-padding": props.arrowPadding,
+					"hide-shifted-arrow": props.hideShiftedArrow,
+					sticky: props.sticky,
+					"hide-when-detached": props.hideWhenDetached,
+					"position-strategy": props.positionStrategy,
+					"update-position-strategy": props.updatePositionStrategy,
+					"disable-update-on-layout-shift": props.disableUpdateOnLayoutShift,
+					"prioritize-position": props.prioritizePosition,
+					class: (0, vue.unref)(composeClassName)((0, vue.unref)(styles).base(), props.class)
+				}, _ctx.$attrs, {
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event))
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"side",
+					"side-offset",
+					"align",
+					"align-offset",
+					"side-flip",
+					"align-flip",
+					"avoid-collisions",
+					"collision-boundary",
+					"collision-padding",
+					"arrow-padding",
+					"hide-shifted-arrow",
+					"sticky",
+					"hide-when-detached",
+					"position-strategy",
+					"update-position-strategy",
+					"disable-update-on-layout-shift",
+					"prioritize-position",
+					"class"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/back.mjs
-var backOut = /* @__PURE__ */ cubicBezier(.33, 1.53, .69, .99);
-var backIn = /* @__PURE__ */ reverseEasing(backOut);
-var backInOut = /* @__PURE__ */ mirrorEasing(backIn);
+//#region src/components/tooltip/TooltipArrow.vue
+var TooltipArrow_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "TooltipArrow",
+	props: {
+		as: {},
+		asChild: { type: Boolean },
+		width: {},
+		height: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const styles = tooltipVariants();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TooltipArrow), (0, vue.mergeProps)({
+				as: props.as,
+				"as-child": props.asChild,
+				width: props.width,
+				height: props.height,
+				class: (0, vue.unref)(composeClassName)((0, vue.unref)(styles).trigger(), props.class)
+			}, _ctx.$attrs), null, 16, [
+				"as",
+				"as-child",
+				"width",
+				"height",
+				"class"
+			]);
+		};
+	}
+});
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs
-var anticipate = (p) => p >= 1 ? 1 : (p *= 2) < 1 ? .5 * backIn(p) : .5 * (2 - Math.pow(2, -10 * (p - 1)));
+//#region src/components/modal/Modal.vue?vue&type=script&lang.ts
+var { useProvide: useModalProvide, useInject: useModalInject } = createContext("Modal");
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/circ.mjs
-var circIn = (p) => 1 - Math.sin(Math.acos(p));
-var circOut = reverseEasing(circIn);
-var circInOut = mirrorEasing(circIn);
+//#region src/components/modal/Modal.vue
+var Modal_default = (0, vue.defineComponent)({
+	name: "Modal",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		size: {
+			type: String,
+			default: "md"
+		},
+		scroll: {
+			type: String,
+			default: "inside"
+		},
+		variant: {
+			type: String,
+			default: "opaque"
+		},
+		placement: {
+			type: String,
+			default: "auto"
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		useModalProvide({
+			get size() {
+				return props.size;
+			},
+			get scroll() {
+				return props.scroll;
+			},
+			get variant() {
+				return props.variant;
+			},
+			get placement() {
+				return props.placement;
+			}
+		});
+		const rootProps = (0, vue.computed)(() => {
+			const p = {
+				defaultOpen: props.defaultOpen,
+				modal: props.modal,
+				"onUpdate:open": (val) => emit("update:open", val)
+			};
+			if (props.open !== void 0) p.open = props.open;
+			return p;
+		});
+		return () => (0, vue.h)(reka_ui.DialogRoot, rootProps.value, slots);
+	}
+});
 //#endregion
-//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/ease.mjs
-var easeIn = /* @__PURE__ */ cubicBezier(.42, 0, 1, 1);
-var easeOut = /* @__PURE__ */ cubicBezier(0, 0, .58, 1);
-var easeInOut = /* @__PURE__ */ cubicBezier(.42, 0, .58, 1);
+//#region src/components/modal/ModalTrigger.vue
+var ModalTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ModalTrigger",
+	props: {
+		as: {},
+		asChild: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogTrigger), {
+				as: props.as,
+				"as-child": props.asChild
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/utils/createContext.mjs
+function createContext$1(providerComponentName, contextName) {
+	const symbolDescription = typeof providerComponentName === "string" && !contextName ? `${providerComponentName}Context` : contextName;
+	const injectionKey = Symbol(symbolDescription);
+	const injectContext = (fallback) => {
+		const context = (0, vue.inject)(injectionKey, fallback);
+		if (context === void 0) throw new Error(`Injection \`${injectionKey.toString()}\` not found. Component must be used within ${Array.isArray(providerComponentName) ? `one of the following components: ${providerComponentName.join(", ")}` : `\`${providerComponentName}\``}`);
+		return context;
+	};
+	const provideContext = (contextValue) => {
+		(0, vue.provide)(injectionKey, contextValue);
+		return contextValue;
+	};
+	return [
+		injectContext,
+		provideContext,
+		injectionKey
+	];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/utils/resolve-motion-props.mjs
+function resolveMotionProps(props, context) {
+	const { layoutGroup, presenceContext, config } = context;
+	const layoutId = layoutGroup.id && props.layoutId ? `${layoutGroup.id}-${props.layoutId}` : props.layoutId || void 0;
+	return {
+		...props,
+		layoutId,
+		transition: props.transition ?? config.transition,
+		layoutGroup,
+		motionConfig: config,
+		inViewOptions: props.inViewOptions ?? config.inViewOptions,
+		presenceContext,
+		initial: presenceContext.initial === false ? presenceContext.initial : props.initial === true ? void 0 : props.initial
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/array.mjs
+function addUniqueItem(arr, item) {
+	if (arr.indexOf(item) === -1) arr.push(item);
+}
+function removeItem(arr, item) {
+	const index = arr.indexOf(item);
+	if (index > -1) arr.splice(index, 1);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/clamp.mjs
+var clamp = (min, max, v) => {
+	if (v > max) return max;
+	if (v < min) return min;
+	return v;
+};
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/format-error-message.mjs
+function formatErrorMessage(message, errorCode) {
+	return errorCode ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}` : message;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/errors.mjs
+var warning$1 = () => {};
+var invariant$1 = () => {};
+if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
+	warning$1 = (check, message, errorCode) => {
+		if (!check && typeof console !== "undefined") console.warn(formatErrorMessage(message, errorCode));
+	};
+	invariant$1 = (check, message, errorCode) => {
+		if (!check) throw new Error(formatErrorMessage(message, errorCode));
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/global-config.mjs
+var MotionGlobalConfig = {};
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-numerical-string.mjs
+/**
+* Check if value is a numerical string, ie a string that is purely a number eg "100" or "-100.1"
+*/
+var isNumericalString = (v) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-object.mjs
+function isObject(value) {
+	return typeof value === "object" && value !== null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs
+/**
+* Check if the value is a zero value string like "0px" or "0%"
+*/
+var isZeroValueString = (v) => /^0[^.\s]+$/u.test(v);
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/memo.mjs
+/* @__NO_SIDE_EFFECTS__ */
+function memo$2(callback) {
+	let result;
+	return () => {
+		if (result === void 0) result = callback();
+		return result;
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/noop.mjs
+var noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/pipe.mjs
+/**
+* Pipe
+* Compose other transformers to run linearily
+* pipe(min(20), max(40))
+* @param  {...functions} transformers
+* @return {function}
+*/
+var combineFunctions = (a, b) => (v) => b(a(v));
+var pipe = (...transformers) => transformers.reduce(combineFunctions);
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/progress.mjs
+var progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
+	const toFromDifference = to - from;
+	return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
+};
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/subscription-manager.mjs
+var SubscriptionManager = class {
+	constructor() {
+		this.subscriptions = [];
+	}
+	add(handler) {
+		addUniqueItem(this.subscriptions, handler);
+		return () => removeItem(this.subscriptions, handler);
+	}
+	notify(a, b, c) {
+		const numSubscriptions = this.subscriptions.length;
+		if (!numSubscriptions) return;
+		if (numSubscriptions === 1)
+ /**
+		* If there's only a single handler we can just call it without invoking a loop.
+		*/
+		this.subscriptions[0](a, b, c);
+		else for (let i = 0; i < numSubscriptions; i++) {
+			/**
+			* Check whether the handler exists before firing as it's possible
+			* the subscriptions were modified during this loop running.
+			*/
+			const handler = this.subscriptions[i];
+			handler && handler(a, b, c);
+		}
+	}
+	getSize() {
+		return this.subscriptions.length;
+	}
+	clear() {
+		this.subscriptions.length = 0;
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/time-conversion.mjs
+/**
+* Converts seconds to milliseconds
+*
+* @param seconds - Time in seconds.
+* @return milliseconds - Converted time in milliseconds.
+*/
+var secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
+var millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/velocity-per-second.mjs
+function velocityPerSecond(velocity, frameDuration) {
+	return frameDuration ? velocity * (1e3 / frameDuration) : 0;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/warn-once.mjs
+var warned = /* @__PURE__ */ new Set();
+function warnOnce(condition, message, errorCode) {
+	if (condition || warned.has(message)) return;
+	console.warn(formatErrorMessage(message, errorCode));
+	warned.add(message);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs
+var calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
+var subdivisionPrecision = 1e-7;
+var subdivisionMaxIterations = 12;
+function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
+	let currentX;
+	let currentT;
+	let i = 0;
+	do {
+		currentT = lowerBound + (upperBound - lowerBound) / 2;
+		currentX = calcBezier(currentT, mX1, mX2) - x;
+		if (currentX > 0) upperBound = currentT;
+		else lowerBound = currentT;
+	} while (Math.abs(currentX) > subdivisionPrecision && ++i < subdivisionMaxIterations);
+	return currentT;
+}
+function cubicBezier(mX1, mY1, mX2, mY2) {
+	if (mX1 === mY1 && mX2 === mY2) return noop;
+	const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);
+	return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs
+var mirrorEasing = (easing) => (p) => p <= .5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/modifiers/reverse.mjs
+var reverseEasing = (easing) => (p) => 1 - easing(1 - p);
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/back.mjs
+var backOut = /* @__PURE__ */ cubicBezier(.33, 1.53, .69, .99);
+var backIn = /* @__PURE__ */ reverseEasing(backOut);
+var backInOut = /* @__PURE__ */ mirrorEasing(backIn);
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs
+var anticipate = (p) => p >= 1 ? 1 : (p *= 2) < 1 ? .5 * backIn(p) : .5 * (2 - Math.pow(2, -10 * (p - 1)));
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/circ.mjs
+var circIn = (p) => 1 - Math.sin(Math.acos(p));
+var circOut = reverseEasing(circIn);
+var circInOut = mirrorEasing(circIn);
+//#endregion
+//#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/ease.mjs
+var easeIn = /* @__PURE__ */ cubicBezier(.42, 0, 1, 1);
+var easeOut = /* @__PURE__ */ cubicBezier(0, 0, .58, 1);
+var easeInOut = /* @__PURE__ */ cubicBezier(.42, 0, .58, 1);
 //#endregion
 //#region ../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs
 var isEasingArray = (ease) => {
@@ -12236,677 +12826,181 @@ function createMotionComponentWithFeatures(featureBundle) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/motion/index.mjs
-var motion = createMotionComponentWithFeatures(domMax);
-motion.create("div");
-//#endregion
-//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/use-pop-layout.mjs
-var popId = 0;
-function usePopLayout(props) {
-	const styles = /* @__PURE__ */ new WeakMap();
-	const config = useMotionConfig();
-	function addPopStyle(element) {
-		if (props.mode !== "popLayout") return;
-		const parent = element.offsetParent;
-		const parentWidth = parent instanceof HTMLElement ? parent.offsetWidth || 0 : 0;
-		const size = {
-			height: element.offsetHeight || 0,
-			width: element.offsetWidth || 0,
-			top: element.offsetTop,
-			left: element.offsetLeft,
-			right: 0
-		};
-		size.right = parentWidth - size.width - size.left;
-		const x = props.anchorX === "left" ? `left: ${size.left}px` : `right: ${size.right}px`;
-		const elementPopId = `pop-${popId++}`;
-		element.dataset.motionPopId = elementPopId;
-		const style = document.createElement("style");
-		if (config.value.nonce) style.nonce = config.value.nonce;
-		styles.set(element, style);
-		document.head.appendChild(style);
-		if (style.sheet) style.sheet.insertRule(`
-    [data-motion-pop-id="${elementPopId}"] {
-      position: absolute !important;
-      width: ${size.width}px !important;
-      height: ${size.height}px !important;
-      top: ${size.top}px !important;
-      ${x} !important;
-      }
-      `);
-	}
-	function removePopStyle(element) {
-		const style = styles.get(element);
-		if (!style) return;
-		styles.delete(element);
-		frame.render(() => {
-			document.head.removeChild(style);
-		});
-	}
-	return {
-		addPopStyle,
-		removePopStyle
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/use-presence-container.mjs
-var apId = 0;
-function usePresenceContainer(props) {
-	const presenceId = String(apId++);
-	const exitSessions = /* @__PURE__ */ new Map();
-	const { addPopStyle, removePopStyle } = usePopLayout(props);
-	function findMotionStates(container) {
-		const states = [];
-		const selfState = mountedStates.get(container);
-		if (selfState && container.getAttribute(motionGlobalConfig.motionAttribute) === presenceId) states.push(selfState);
-		const elements = Array.from(container.querySelectorAll(`[${motionGlobalConfig.motionAttribute}="${presenceId}"]`));
-		for (const el of elements) {
-			const s = mountedStates.get(el);
-			if (s) states.push(s);
-		}
-		return states;
-	}
-	function onMotionExitComplete(container, state) {
-		const session = exitSessions.get(container);
-		if (!session) return;
-		session.remaining.delete(state);
-		if (session.remaining.size === 0) finalizeExit(session);
-	}
-	const presenceContext = {
-		initial: props.initial,
-		custom: props.custom,
-		presenceId,
-		onMotionExitComplete
-	};
-	provideAnimatePresence(presenceContext);
-	(0, vue.onMounted)(() => {
-		presenceContext.initial = void 0;
-	});
-	function finalizeExit(session) {
-		removePopStyle(session.el);
-		session.states.forEach((state) => {
-			state.getSnapshot(state.options, false);
-		});
-		session.done();
-		exitSessions.delete(session.el);
-		if (!session.el?.isConnected) session.states.forEach((state) => {
-			state.unmount();
-		});
-		else session.states[0]?.didUpdate();
-		props.onExitComplete?.();
-	}
-	function enter(el, done) {
-		findMotionStates(el).forEach((state) => {
-			state.setActive("exit", false);
-			state.getSnapshot(state.options, true);
-		});
-		done();
-	}
-	function exit(el, done) {
-		presenceContext.custom = props.custom;
-		const container = el;
-		const states = findMotionStates(container);
-		if (states.length === 0) {
-			done();
-			props.onExitComplete?.();
-			return;
-		}
-		const session = {
-			remaining: new Set(states),
-			states,
-			done,
-			el: container
-		};
-		exitSessions.set(container, session);
-		addPopStyle(container);
-		states.forEach((state) => {
-			state.presenceContainer = container;
-			state.setActive("exit", true);
-			state.getSnapshot(state.options, false);
-		});
-		states[0]?.didUpdate();
-	}
-	(0, vue.onUnmounted)(() => {
-		exitSessions.forEach((session) => {
-			session.states.forEach((state) => {
-				state.unmount();
-			});
-		});
-		exitSessions.clear();
-	});
-	return {
-		enter,
-		exit
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/AnimatePresence.mjs
-var AnimatePresence_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "AnimatePresence",
-	inheritAttrs: true,
-	__name: "AnimatePresence",
-	props: {
-		mode: { default: "sync" },
-		initial: {
-			type: Boolean,
-			default: true
-		},
-		as: {},
-		custom: {},
-		onExitComplete: {},
-		anchorX: { default: "left" }
-	},
-	setup(__props) {
-		const props = __props;
-		const { enter, exit } = usePresenceContainer(props);
-		const transitionProps = (0, vue.computed)(() => {
-			if (props.mode !== "wait") return { tag: props.as };
-			return { mode: props.mode === "wait" ? "out-in" : void 0 };
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(_ctx.mode === "wait" ? vue.Transition : vue.TransitionGroup), (0, vue.mergeProps)(transitionProps.value, {
-				appear: "",
-				css: false,
-				onLeave: (0, vue.unref)(exit),
-				onEnter: (0, vue.unref)(enter)
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["onLeave", "onEnter"]);
-		};
-	}
-});
-//#endregion
-//#region ../styles/src/components/popover/popover.styles.ts
-var popoverVariants = (0, tailwind_variants.tv)({ slots: {
-	base: "popover",
-	dialog: "popover__dialog",
-	heading: "popover__heading",
-	trigger: "popover__trigger"
-} });
-//#endregion
-//#region src/components/popover/PopoverContent.vue
-var PopoverContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "PopoverContent",
-	props: {
-		side: { default: "bottom" },
-		sideOffset: { default: 8 },
-		align: { default: "center" },
-		alignOffset: { default: 0 },
-		avoidCollisions: {
-			type: Boolean,
-			default: true
-		},
-		class: {}
-	},
-	emits: [
-		"escape-key-down",
-		"pointer-down-outside",
-		"focus-outside",
-		"interact-outside",
-		"open-auto-focus",
-		"close-auto-focus"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const rootContext = (0, reka_ui.injectPopoverRootContext)();
-		const styles = popoverVariants();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverPortal), null, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverContent), (0, vue.mergeProps)({
-					"force-mount": true,
-					side: props.side,
-					"side-offset": props.sideOffset,
-					align: props.align,
-					"align-offset": props.alignOffset,
-					"avoid-collisions": props.avoidCollisions
-				}, _ctx.$attrs, {
-					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
-					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
-					onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
-					onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event)),
-					onOpenAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("open-auto-focus", $event)),
-					onCloseAutoFocus: _cache[5] || (_cache[5] = ($event) => emit("close-auto-focus", $event))
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(AnimatePresence_default), null, {
-						default: (0, vue.withCtx)(() => [(0, vue.unref)(rootContext).open.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(motion).div, {
-							key: "popover-content",
-							class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).base(), props.class)),
-							initial: {
-								opacity: 0,
-								scale: .95
-							},
-							animate: {
-								opacity: 1,
-								scale: 1
-							},
-							exit: {
-								opacity: 0,
-								scale: .95
-							},
-							transition: {
-								duration: .15,
-								ease: "easeOut"
-							}
-						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-							_: 3
-						}, 8, ["class"])) : (0, vue.createCommentVNode)("", true)]),
-						_: 3
-					})]),
-					_: 3
-				}, 16, [
-					"side",
-					"side-offset",
-					"align",
-					"align-offset",
-					"avoid-collisions"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region src/components/popover/PopoverArrow.vue
-var PopoverArrow_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "PopoverArrow",
-	props: {
-		as: {},
-		asChild: { type: Boolean },
-		width: {},
-		height: {},
-		class: {}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverArrow), (0, vue.mergeProps)({
-				as: props.as,
-				"as-child": props.asChild,
-				width: props.width,
-				height: props.height,
-				class: props.class
-			}, _ctx.$attrs), null, 16, [
-				"as",
-				"as-child",
-				"width",
-				"height",
-				"class"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/popover/PopoverAnchor.vue
-var PopoverAnchor_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "PopoverAnchor",
-	props: {
-		as: {},
-		asChild: { type: Boolean }
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverAnchor), (0, vue.mergeProps)({
-				as: props.as,
-				"as-child": props.asChild
-			}, _ctx.$attrs), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as", "as-child"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/popover/PopoverClose.vue
-var PopoverClose_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "PopoverClose",
-	props: {
-		as: {},
-		asChild: { type: Boolean },
-		disabled: { type: Boolean },
-		class: {}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverClose), (0, vue.mergeProps)({
-				as: props.as,
-				"as-child": props.asChild,
-				disabled: props.disabled,
-				class: props.class
-			}, _ctx.$attrs), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"as",
-				"as-child",
-				"disabled",
-				"class"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/tooltip/Tooltip.vue
-var Tooltip_default = (0, vue.defineComponent)({
-	name: "Tooltip",
-	props: {
-		defaultOpen: {
-			type: Boolean,
-			default: false
-		},
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		delayDuration: {
-			type: Number,
-			default: void 0
-		},
-		disableHoverableContent: {
-			type: Boolean,
-			default: void 0
-		},
-		disableClosingTrigger: {
-			type: Boolean,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			default: void 0
-		},
-		ignoreNonKeyboardFocus: {
-			type: Boolean,
-			default: void 0
-		}
-	},
-	emits: ["update:open"],
-	setup(props, { slots, emit }) {
-		const rootProps = (0, vue.computed)(() => {
-			const p = {
-				defaultOpen: props.defaultOpen,
-				"onUpdate:open": (val) => emit("update:open", val)
-			};
-			if (props.open !== void 0) p.open = props.open;
-			if (props.delayDuration !== void 0) p.delayDuration = props.delayDuration;
-			if (props.disableHoverableContent !== void 0) p.disableHoverableContent = props.disableHoverableContent;
-			if (props.disableClosingTrigger !== void 0) p.disableClosingTrigger = props.disableClosingTrigger;
-			if (props.disabled !== void 0) p.disabled = props.disabled;
-			if (props.ignoreNonKeyboardFocus !== void 0) p.ignoreNonKeyboardFocus = props.ignoreNonKeyboardFocus;
-			return p;
-		});
-		return () => (0, vue.h)(reka_ui.TooltipRoot, rootProps.value, slots);
-	}
-});
-//#endregion
-//#region src/components/tooltip/TooltipProvider.vue
-var TooltipProvider_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "TooltipProvider",
-	props: {
-		delayDuration: { default: 700 },
-		skipDelayDuration: { default: 300 },
-		disableHoverableContent: {
-			type: Boolean,
-			default: false
-		},
-		disableClosingTrigger: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		ignoreNonKeyboardFocus: {
-			type: Boolean,
-			default: false
-		},
-		content: {}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TooltipProvider), {
-				"delay-duration": props.delayDuration,
-				"skip-delay-duration": props.skipDelayDuration,
-				"disable-hoverable-content": props.disableHoverableContent,
-				"disable-closing-trigger": props.disableClosingTrigger,
-				disabled: props.disabled,
-				"ignore-non-keyboard-focus": props.ignoreNonKeyboardFocus,
-				content: props.content
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"delay-duration",
-				"skip-delay-duration",
-				"disable-hoverable-content",
-				"disable-closing-trigger",
-				"disabled",
-				"ignore-non-keyboard-focus",
-				"content"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/tooltip/TooltipTrigger.vue
-var TooltipTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "TooltipTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TooltipTrigger), (0, vue.mergeProps)({
-				"as-child": props.asChild,
-				as: props.as
-			}, _ctx.$attrs), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child", "as"]);
-		};
-	}
-});
-//#endregion
-//#region ../styles/src/components/tooltip/tooltip.styles.ts
-var tooltipVariants = (0, tailwind_variants.tv)({ slots: {
-	base: "tooltip",
-	trigger: "tooltip__trigger"
-} });
-//#endregion
-//#region src/components/tooltip/TooltipContent.vue
-var TooltipContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "TooltipContent",
-	props: {
-		side: { default: "top" },
-		sideOffset: { default: 8 },
-		align: { default: "center" },
-		alignOffset: { default: 0 },
-		avoidCollisions: {
-			type: Boolean,
-			default: true
-		},
-		class: {}
-	},
-	emits: ["escape-key-down", "pointer-down-outside"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const rootContext = (0, reka_ui.injectTooltipRootContext)();
-		const styles = tooltipVariants();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TooltipPortal), null, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.TooltipContent), (0, vue.mergeProps)({
-					"force-mount": true,
-					side: props.side,
-					"side-offset": props.sideOffset,
-					align: props.align,
-					"align-offset": props.alignOffset,
-					"avoid-collisions": props.avoidCollisions
-				}, _ctx.$attrs, {
-					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
-					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event))
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(AnimatePresence_default), null, {
-						default: (0, vue.withCtx)(() => [(0, vue.unref)(rootContext).open.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(motion).div, {
-							key: "tooltip-content",
-							class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).base(), props.class)),
-							initial: {
-								opacity: 0,
-								scale: .9
-							},
-							animate: {
-								opacity: 1,
-								scale: 1
-							},
-							exit: {
-								opacity: 0,
-								scale: .9
-							},
-							transition: {
-								duration: .1,
-								ease: "easeOut"
-							}
-						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-							_: 3
-						}, 8, ["class"])) : (0, vue.createCommentVNode)("", true)]),
-						_: 3
-					})]),
-					_: 3
-				}, 16, [
-					"side",
-					"side-offset",
-					"align",
-					"align-offset",
-					"avoid-collisions"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region src/components/tooltip/TooltipArrow.vue
-var TooltipArrow_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "TooltipArrow",
-	props: {
-		as: {},
-		asChild: { type: Boolean },
-		width: {},
-		height: {},
-		class: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const styles = tooltipVariants();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TooltipArrow), (0, vue.mergeProps)({
-				as: props.as,
-				"as-child": props.asChild,
-				width: props.width,
-				height: props.height,
-				class: (0, vue.unref)(composeClassName)((0, vue.unref)(styles).trigger(), props.class)
-			}, _ctx.$attrs), null, 16, [
-				"as",
-				"as-child",
-				"width",
-				"height",
-				"class"
-			]);
+var motion = createMotionComponentWithFeatures(domMax);
+motion.create("div");
+//#endregion
+//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/use-pop-layout.mjs
+var popId = 0;
+function usePopLayout(props) {
+	const styles = /* @__PURE__ */ new WeakMap();
+	const config = useMotionConfig();
+	function addPopStyle(element) {
+		if (props.mode !== "popLayout") return;
+		const parent = element.offsetParent;
+		const parentWidth = parent instanceof HTMLElement ? parent.offsetWidth || 0 : 0;
+		const size = {
+			height: element.offsetHeight || 0,
+			width: element.offsetWidth || 0,
+			top: element.offsetTop,
+			left: element.offsetLeft,
+			right: 0
 		};
+		size.right = parentWidth - size.width - size.left;
+		const x = props.anchorX === "left" ? `left: ${size.left}px` : `right: ${size.right}px`;
+		const elementPopId = `pop-${popId++}`;
+		element.dataset.motionPopId = elementPopId;
+		const style = document.createElement("style");
+		if (config.value.nonce) style.nonce = config.value.nonce;
+		styles.set(element, style);
+		document.head.appendChild(style);
+		if (style.sheet) style.sheet.insertRule(`
+    [data-motion-pop-id="${elementPopId}"] {
+      position: absolute !important;
+      width: ${size.width}px !important;
+      height: ${size.height}px !important;
+      top: ${size.top}px !important;
+      ${x} !important;
+      }
+      `);
 	}
-});
-//#endregion
-//#region src/components/modal/Modal.vue?vue&type=script&lang.ts
-var { useProvide: useModalProvide, useInject: useModalInject } = createContext("Modal");
+	function removePopStyle(element) {
+		const style = styles.get(element);
+		if (!style) return;
+		styles.delete(element);
+		frame.render(() => {
+			document.head.removeChild(style);
+		});
+	}
+	return {
+		addPopStyle,
+		removePopStyle
+	};
+}
 //#endregion
-//#region src/components/modal/Modal.vue
-var Modal_default = (0, vue.defineComponent)({
-	name: "Modal",
-	props: {
-		defaultOpen: {
-			type: Boolean,
-			default: false
-		},
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		modal: {
-			type: Boolean,
-			default: true
-		},
-		size: {
-			type: String,
-			default: "md"
-		},
-		scroll: {
-			type: String,
-			default: "inside"
-		},
-		variant: {
-			type: String,
-			default: "opaque"
-		},
-		placement: {
-			type: String,
-			default: "auto"
+//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/use-presence-container.mjs
+var apId = 0;
+function usePresenceContainer(props) {
+	const presenceId = String(apId++);
+	const exitSessions = /* @__PURE__ */ new Map();
+	const { addPopStyle, removePopStyle } = usePopLayout(props);
+	function findMotionStates(container) {
+		const states = [];
+		const selfState = mountedStates.get(container);
+		if (selfState && container.getAttribute(motionGlobalConfig.motionAttribute) === presenceId) states.push(selfState);
+		const elements = Array.from(container.querySelectorAll(`[${motionGlobalConfig.motionAttribute}="${presenceId}"]`));
+		for (const el of elements) {
+			const s = mountedStates.get(el);
+			if (s) states.push(s);
 		}
-	},
-	emits: ["update:open"],
-	setup(props, { slots, emit }) {
-		useModalProvide({
-			get size() {
-				return props.size;
-			},
-			get scroll() {
-				return props.scroll;
-			},
-			get variant() {
-				return props.variant;
-			},
-			get placement() {
-				return props.placement;
-			}
+		return states;
+	}
+	function onMotionExitComplete(container, state) {
+		const session = exitSessions.get(container);
+		if (!session) return;
+		session.remaining.delete(state);
+		if (session.remaining.size === 0) finalizeExit(session);
+	}
+	const presenceContext = {
+		initial: props.initial,
+		custom: props.custom,
+		presenceId,
+		onMotionExitComplete
+	};
+	provideAnimatePresence(presenceContext);
+	(0, vue.onMounted)(() => {
+		presenceContext.initial = void 0;
+	});
+	function finalizeExit(session) {
+		removePopStyle(session.el);
+		session.states.forEach((state) => {
+			state.getSnapshot(state.options, false);
 		});
-		const rootProps = (0, vue.computed)(() => {
-			const p = {
-				defaultOpen: props.defaultOpen,
-				modal: props.modal,
-				"onUpdate:open": (val) => emit("update:open", val)
-			};
-			if (props.open !== void 0) p.open = props.open;
-			return p;
+		session.done();
+		exitSessions.delete(session.el);
+		if (!session.el?.isConnected) session.states.forEach((state) => {
+			state.unmount();
 		});
-		return () => (0, vue.h)(reka_ui.DialogRoot, rootProps.value, slots);
+		else session.states[0]?.didUpdate();
+		props.onExitComplete?.();
 	}
-});
+	function enter(el, done) {
+		findMotionStates(el).forEach((state) => {
+			state.setActive("exit", false);
+			state.getSnapshot(state.options, true);
+		});
+		done();
+	}
+	function exit(el, done) {
+		presenceContext.custom = props.custom;
+		const container = el;
+		const states = findMotionStates(container);
+		if (states.length === 0) {
+			done();
+			props.onExitComplete?.();
+			return;
+		}
+		const session = {
+			remaining: new Set(states),
+			states,
+			done,
+			el: container
+		};
+		exitSessions.set(container, session);
+		addPopStyle(container);
+		states.forEach((state) => {
+			state.presenceContainer = container;
+			state.setActive("exit", true);
+			state.getSnapshot(state.options, false);
+		});
+		states[0]?.didUpdate();
+	}
+	(0, vue.onUnmounted)(() => {
+		exitSessions.forEach((session) => {
+			session.states.forEach((state) => {
+				state.unmount();
+			});
+		});
+		exitSessions.clear();
+	});
+	return {
+		enter,
+		exit
+	};
+}
 //#endregion
-//#region src/components/modal/ModalTrigger.vue
-var ModalTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ModalTrigger",
+//#region ../../node_modules/.pnpm/motion-v@2.2.1_@vueuse+core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/AnimatePresence.mjs
+var AnimatePresence_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "AnimatePresence",
+	inheritAttrs: true,
+	__name: "AnimatePresence",
 	props: {
-		as: {},
-		asChild: {
+		mode: { default: "sync" },
+		initial: {
 			type: Boolean,
-			default: false
-		}
+			default: true
+		},
+		as: {},
+		custom: {},
+		onExitComplete: {},
+		anchorX: { default: "left" }
 	},
 	setup(__props) {
 		const props = __props;
+		const { enter, exit } = usePresenceContainer(props);
+		const transitionProps = (0, vue.computed)(() => {
+			if (props.mode !== "wait") return { tag: props.as };
+			return { mode: props.mode === "wait" ? "out-in" : void 0 };
+		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogTrigger), {
-				as: props.as,
-				"as-child": props.asChild
-			}, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(_ctx.mode === "wait" ? vue.Transition : vue.TransitionGroup), (0, vue.mergeProps)(transitionProps.value, {
+				appear: "",
+				css: false,
+				onLeave: (0, vue.unref)(exit),
+				onEnter: (0, vue.unref)(enter)
+			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as", "as-child"]);
+			}, 16, ["onLeave", "onEnter"]);
 		};
 	}
 });
@@ -29438,9 +29532,12 @@ var DatePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		align: {},
 		alignOffset: {},
 		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
 		collisionBoundary: {},
-		collisionPadding: {},
+		collisionPadding: { default: 8 },
 		arrowPadding: {},
 		hideShiftedArrow: { type: Boolean },
 		sticky: {},
@@ -29448,7 +29545,10 @@ var DatePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		positionStrategy: {},
 		updatePositionStrategy: {},
 		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
+		prioritizePosition: {
+			type: Boolean,
+			default: true
+		},
 		reference: {},
 		contentAs: {},
 		contentAsChild: { type: Boolean },
@@ -29844,9 +29944,12 @@ var DateRangePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		align: {},
 		alignOffset: {},
 		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
 		collisionBoundary: {},
-		collisionPadding: {},
+		collisionPadding: { default: 8 },
 		arrowPadding: {},
 		hideShiftedArrow: { type: Boolean },
 		sticky: {},
@@ -29854,7 +29957,10 @@ var DateRangePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		positionStrategy: {},
 		updatePositionStrategy: {},
 		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
+		prioritizePosition: {
+			type: Boolean,
+			default: true
+		},
 		reference: {},
 		contentAs: {},
 		contentAsChild: { type: Boolean },
@@ -30397,9 +30503,12 @@ var DateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		align: {},
 		alignOffset: {},
 		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
 		collisionBoundary: {},
-		collisionPadding: {},
+		collisionPadding: { default: 8 },
 		arrowPadding: {},
 		hideShiftedArrow: { type: Boolean },
 		sticky: {},
@@ -30407,7 +30516,10 @@ var DateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		positionStrategy: {},
 		updatePositionStrategy: {},
 		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
+		prioritizePosition: {
+			type: Boolean,
+			default: true
+		},
 		reference: {},
 		contentAs: {},
 		contentAsChild: { type: Boolean },