@auronui/vue 1.0.16 → 1.0.18

package/dist/cjs/index.cjs

@@ -373,7 +373,7 @@ function createContext(contextName) {
 }
 //#endregion
 //#region src/components/spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = ["aria-label"];
+var _hoisted_1$63 = ["aria-label"];
 var _hoisted_2$31 = {
 	"data-slot": "spinner-icon",
 	viewBox: "0 0 24 24",
@@ -447,13 +447,13 @@ var Spinner_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					fill: `url(#${gradId2})`,
 					transform: "translate(1.5 1.625)"
 				}, null, 8, _hoisted_5$9)
-			])]))], 10, _hoisted_1$61);
+			])]))], 10, _hoisted_1$63);
 		};
 	}
 });
 //#endregion
 //#region src/components/separator/Separator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = { class: "separator__content" };
+var _hoisted_1$62 = { class: "separator__content" };
 //#endregion
 //#region src/components/separator/Separator.vue
 var Separator_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -487,7 +487,7 @@ var Separator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"aria-orientation": "horizontal"
 			}, [
 				_cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "separator__line" }, null, -1)),
-				(0, vue.createElementVNode)("div", _hoisted_1$60, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				(0, vue.createElementVNode)("div", _hoisted_1$62, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_cache[1] || (_cache[1] = (0, vue.createElementVNode)("div", { class: "separator__line" }, null, -1))
 			], 2));
 		};
@@ -546,7 +546,7 @@ var Text_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/label/Label.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = ["for"];
+var _hoisted_1$61 = ["for"];
 //#endregion
 //#region src/components/label/Label.vue
 var Label_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -578,13 +578,13 @@ var Label_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", {
 				class: (0, vue.normalizeClass)(classes.value),
 				for: props.for
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$59);
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$61);
 		};
 	}
 });
 //#endregion
 //#region src/components/description/Description.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = ["id"];
+var _hoisted_1$60 = ["id"];
 //#endregion
 //#region src/components/description/Description.vue
 var Description_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -600,7 +600,7 @@ var Description_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("p", {
 				id: props.id,
 				class: (0, vue.normalizeClass)(classes.value)
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$58);
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$60);
 		};
 	}
 });
@@ -682,7 +682,7 @@ var Badge_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/chip/Chip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = ["aria-label"];
+var _hoisted_1$59 = ["aria-label"];
 //#endregion
 //#region src/components/chip/Chip.vue
 var Chip_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -762,7 +762,7 @@ var Chip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					y1: "6",
 					x2: "18",
 					y2: "18"
-				})], -1)])], 10, _hoisted_1$57)) : (0, vue.createCommentVNode)("", true)
+				})], -1)])], 10, _hoisted_1$59)) : (0, vue.createCommentVNode)("", true)
 			], 2);
 		};
 	}
@@ -795,7 +795,7 @@ var Surface_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var { useProvide: useCardProvide, useInject: useCardInject, key: cardContextKey } = createContext("Card");
 //#endregion
 //#region src/components/card/Card.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = [
+var _hoisted_1$58 = [
 	"role",
 	"tabindex",
 	"aria-disabled",
@@ -878,7 +878,7 @@ var Card_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"data-disabled": __props.isDisabled || void 0,
 				onClick,
 				onKeydown
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 42, _hoisted_1$56);
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 42, _hoisted_1$58);
 		};
 	}
 });
@@ -1025,6 +1025,7 @@ var Button_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Button",
 	props: {
 		variant: { default: void 0 },
+		color: { default: void 0 },
 		size: { default: void 0 },
 		radius: { default: void 0 },
 		isIconOnly: {
@@ -1057,7 +1058,8 @@ var Button_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const props = __props;
 		const groupCtx = useButtonGroupInject({
-			variant: (0, vue.ref)("primary"),
+			variant: (0, vue.ref)("solid"),
+			color: (0, vue.ref)("primary"),
 			size: (0, vue.ref)("md"),
 			disabled: (0, vue.ref)(false),
 			fullWidth: (0, vue.ref)(false),
@@ -1073,10 +1075,59 @@ var Button_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		const isDisabled = (0, vue.computed)(() => groupCtx.disabled.value || props.disabled);
 		const finalVariant = (0, vue.computed)(() => props.variant ?? groupCtx.variant.value);
+		const finalColor = (0, vue.computed)(() => props.color ?? groupCtx.color.value);
 		const finalSize = (0, vue.computed)(() => props.size ?? groupCtx.size.value);
 		const finalFullWidth = (0, vue.computed)(() => props.fullWidth || groupCtx.fullWidth.value);
+		const LEGACY_VARIANTS = {
+			primary: {
+				variant: "solid",
+				color: "primary"
+			},
+			secondary: {
+				variant: "default",
+				color: "default"
+			},
+			tertiary: {
+				variant: "default",
+				color: "default"
+			},
+			danger: {
+				variant: "solid",
+				color: "danger"
+			},
+			"danger-soft": {
+				variant: "soft",
+				color: "danger"
+			},
+			success: {
+				variant: "solid",
+				color: "success"
+			},
+			"success-soft": {
+				variant: "soft",
+				color: "success"
+			},
+			warning: {
+				variant: "solid",
+				color: "warning"
+			},
+			"warning-soft": {
+				variant: "soft",
+				color: "warning"
+			}
+		};
+		const resolvedVariant = (0, vue.computed)(() => {
+			const v = finalVariant.value;
+			return LEGACY_VARIANTS[v]?.variant ?? v;
+		});
+		const resolvedColor = (0, vue.computed)(() => {
+			const v = finalVariant.value;
+			if (props.color === void 0 && LEGACY_VARIANTS[v]) return LEGACY_VARIANTS[v].color;
+			return finalColor.value;
+		});
 		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.buttonVariants)({
-			variant: finalVariant.value,
+			variant: resolvedVariant.value,
+			color: resolvedColor.value,
 			size: finalSize.value,
 			radius: props.radius,
 			isIconOnly: props.isIconOnly,
@@ -1133,13 +1184,14 @@ var Button_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/button/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = ["data-orientation"];
+var _hoisted_1$57 = ["data-orientation"];
 //#endregion
 //#region src/components/button/ButtonGroup.vue
 var ButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ButtonGroup",
 	props: {
-		variant: { default: "primary" },
+		variant: { default: "solid" },
+		color: { default: "primary" },
 		size: { default: "md" },
 		disabled: {
 			type: Boolean,
@@ -1159,7 +1211,8 @@ var ButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		] },
 		classNames: {},
 		selectionMode: { default: "single" },
-		modelValue: { default: void 0 }
+		modelValue: { default: void 0 },
+		buttons: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -1187,6 +1240,7 @@ var ButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		useButtonGroupProvide({
 			variant: (0, vue.toRef)(props, "variant"),
+			color: (0, vue.toRef)(props, "color"),
 			size: (0, vue.toRef)(props, "size"),
 			disabled: (0, vue.toRef)(props, "disabled"),
 			fullWidth: (0, vue.toRef)(props, "fullWidth"),
@@ -1205,7 +1259,27 @@ var ButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
 				"data-orientation": props.orientation,
 				role: "group"
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$55);
+			}, [props.buttons ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.buttons, (btn, idx) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(Button_default, {
+					key: idx,
+					value: btn.value,
+					disabled: btn.disabled,
+					"is-loading": btn.isLoading,
+					variant: btn.variant,
+					color: btn.color,
+					class: (0, vue.normalizeClass)(btn.class)
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(btn.label), 1)]),
+					_: 2
+				}, 1032, [
+					"value",
+					"disabled",
+					"is-loading",
+					"variant",
+					"color",
+					"class"
+				]);
+			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 10, _hoisted_1$57);
 		};
 	}
 });
@@ -1277,7 +1351,7 @@ var CloseButton_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var { useProvide: useToggleButtonGroupProvide, useInject: useToggleButtonGroupInject, key: toggleButtonGroupContextKey } = createContext("ToggleButtonGroup");
 //#endregion
 //#region src/components/button/ToggleButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = ["disabled", "data-orientation"];
+var _hoisted_1$56 = ["disabled", "data-orientation"];
 //#endregion
 //#region src/components/button/ToggleButton.vue
 var ToggleButton_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -1348,7 +1422,7 @@ var ToggleButton_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					disabled: isDisabled.value || void 0,
 					"data-orientation": (0, vue.unref)(groupCtx).orientation.value,
 					type: "button"
-				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$54)]),
+				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$56)]),
 				_: 3
 			}, 8, [
 				"disabled",
@@ -1360,7 +1434,7 @@ var ToggleButton_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/button/ToggleButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = ["data-orientation"];
+var _hoisted_1$55 = ["data-orientation"];
 //#endregion
 //#region src/components/button/ToggleButtonGroup.vue
 var ToggleButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -1391,7 +1465,8 @@ var ToggleButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		buttons: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -1434,7 +1509,23 @@ var ToggleButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
 				"data-orientation": props.orientation,
 				role: "group"
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$53);
+			}, [props.buttons ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.buttons, (btn) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(ToggleButton_default, {
+					key: btn.value,
+					value: btn.value,
+					"is-icon-only": btn.isIconOnly,
+					disabled: btn.disabled,
+					class: (0, vue.normalizeClass)(btn.class)
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(btn.label), 1)]),
+					_: 2
+				}, 1032, [
+					"value",
+					"is-icon-only",
+					"disabled",
+					"class"
+				]);
+			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 10, _hoisted_1$55);
 		};
 	}
 });
@@ -1930,7 +2021,7 @@ var FormField_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = [
+var _hoisted_1$54 = [
 	"data-invalid",
 	"data-disabled",
 	"data-readonly",
@@ -2202,13 +2293,13 @@ var Input_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 1,
 				id: descriptionId.value,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.description(), props.classNames?.description))
-			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_12)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$52);
+			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_12)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$54);
 		};
 	}
 });
 //#endregion
 //#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = [
+var _hoisted_1$53 = [
 	"data-invalid",
 	"data-disabled",
 	"data-readonly",
@@ -2432,13 +2523,13 @@ var Textarea_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 1,
 				id: descriptionId.value,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.description(), props.classNames?.description))
-			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_9)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$51);
+			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_9)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$53);
 		};
 	}
 });
 //#endregion
 //#region src/components/number-field/NumberField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = ["for"];
+var _hoisted_1$52 = ["for"];
 //#endregion
 //#region src/components/number-field/NumberField.vue
 var NumberField_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2525,7 +2616,7 @@ var NumberField_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					for: resolvedInputId.value,
 					class: (0, vue.normalizeClass)(isLabelVisible.value ? void 0 : "sr-only"),
 					"data-slot": "label"
-				}, (0, vue.toDisplayString)(props.label || props.ariaLabel), 11, _hoisted_1$50)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", {
+				}, (0, vue.toDisplayString)(props.label || props.ariaLabel), 11, _hoisted_1$52)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", {
 					class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.group(), props.classNames?.group)),
 					"data-slot": "group"
 				}, [
@@ -2588,7 +2679,7 @@ var NumberField_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/fieldset/Fieldset.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = ["disabled"];
+var _hoisted_1$51 = ["disabled"];
 //#endregion
 //#region src/components/fieldset/Fieldset.vue
 var Fieldset_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2616,7 +2707,7 @@ var Fieldset_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, [props.legend ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("legend", {
 				key: 0,
 				class: (0, vue.normalizeClass)((0, vue.unref)(styles).legend())
-			}, (0, vue.toDisplayString)(props.legend), 3)) : (0, vue.createCommentVNode)("", true), (0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$49);
+			}, (0, vue.toDisplayString)(props.legend), 3)) : (0, vue.createCommentVNode)("", true), (0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$51);
 		};
 	}
 });
@@ -2625,7 +2716,7 @@ var Fieldset_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var { useProvide: useCheckboxGroupProvide, useInject: useCheckboxGroupInject, key: checkboxGroupContextKey } = createContext("CheckboxGroup");
 //#endregion
 //#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = {
+var _hoisted_1$50 = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "12",
@@ -2719,7 +2810,7 @@ var Checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"onUpdate:modelValue": handleUpdate
 			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.control(), props.classNames?.control)) }, [(0, vue.createVNode)((0, vue.unref)(reka_ui.CheckboxIndicator), { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.indicator(), props.classNames?.indicator)) }, {
-					default: (0, vue.withCtx)(() => [props.isIndeterminate ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$48, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("line", {
+					default: (0, vue.withCtx)(() => [props.isIndeterminate ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$50, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("line", {
 						x1: "5",
 						y1: "12",
 						x2: "19",
@@ -2740,7 +2831,7 @@ var Checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/checkbox/CheckboxGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = ["aria-labelledby", "data-orientation"];
+var _hoisted_1$49 = ["aria-labelledby", "data-orientation"];
 var _hoisted_2$27 = { class: "checkbox-group__wrapper" };
 var _hoisted_3$17 = {
 	key: 1,
@@ -2762,7 +2853,8 @@ var CheckboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		orientation: { default: "vertical" },
 		label: { default: void 0 },
 		description: { default: void 0 },
-		class: {}
+		class: {},
+		items: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -2796,9 +2888,18 @@ var CheckboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					id: labelId,
 					class: "checkbox-group__label"
 				}, (0, vue.toDisplayString)(props.label), 1)) : (0, vue.createCommentVNode)("", true),
-				(0, vue.createElementVNode)("div", _hoisted_2$27, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				(0, vue.createElementVNode)("div", _hoisted_2$27, [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)(Checkbox_default, {
+						key: item.value,
+						value: item.value,
+						disabled: item.disabled
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label ?? item.value), 1)]),
+						_: 2
+					}, 1032, ["value", "disabled"]);
+				}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })]),
 				props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$17, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
-			], 10, _hoisted_1$47);
+			], 10, _hoisted_1$49);
 		};
 	}
 });
@@ -2859,7 +2960,7 @@ var Radio_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/radio/RadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = { class: "radio-group__wrapper" };
+var _hoisted_1$48 = { class: "radio-group__wrapper" };
 var _hoisted_2$26 = {
 	key: 1,
 	class: "radio-group__description"
@@ -2880,7 +2981,8 @@ var RadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		orientation: { default: "vertical" },
 		label: { default: void 0 },
 		description: { default: void 0 },
-		class: {}
+		class: {},
+		items: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -2909,7 +3011,16 @@ var RadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						id: labelId,
 						class: "radio-group__label"
 					}, (0, vue.toDisplayString)(props.label), 1)) : (0, vue.createCommentVNode)("", true),
-					(0, vue.createElementVNode)("div", _hoisted_1$46, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					(0, vue.createElementVNode)("div", _hoisted_1$48, [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item) => {
+						return (0, vue.openBlock)(), (0, vue.createBlock)(Radio_default, {
+							key: item.value,
+							value: item.value,
+							disabled: item.disabled
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label ?? item.value), 1)]),
+							_: 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)
 				]),
 				_: 3
@@ -3008,7 +3119,7 @@ var Switch_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/switch/SwitchGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["aria-labelledby", "data-orientation"];
+var _hoisted_1$47 = ["aria-labelledby", "data-orientation"];
 var _hoisted_2$25 = {
 	key: 1,
 	class: "switch-group__description"
@@ -3029,7 +3140,8 @@ var SwitchGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		orientation: { default: "vertical" },
 		label: { default: void 0 },
 		description: { default: void 0 },
-		class: {}
+		class: {},
+		items: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -3063,9 +3175,18 @@ var SwitchGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					id: labelId,
 					class: "switch-group__label"
 				}, (0, vue.toDisplayString)(props.label), 1)) : (0, vue.createCommentVNode)("", true),
-				(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(groupSlots.value.items()) }, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2),
+				(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(groupSlots.value.items()) }, [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)(Switch_default, {
+						key: item.value,
+						value: item.value,
+						disabled: item.disabled
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label ?? item.value), 1)]),
+						_: 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)
-			], 10, _hoisted_1$45);
+			], 10, _hoisted_1$47);
 		};
 	}
 });
@@ -12555,6 +12676,9 @@ var ModalOverlay_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/components/modal/ModalContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$46 = { class: "modal__portal" };
+//#endregion
 //#region src/components/modal/ModalContent.vue
 var ModalContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ModalContent",
@@ -12579,7 +12703,7 @@ var ModalContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const styles = modalVariants();
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogPortal), null, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(ModalOverlay_default), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogContent), {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$46, [(0, vue.createVNode)(ModalOverlay_default), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogContent), {
 					class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).container({ scroll: (0, vue.unref)(ctx).scroll }), props.class)),
 					"data-placement": (0, vue.unref)(ctx).placement,
 					"aria-hidden": !(0, vue.unref)(dialogRootContext).open.value || void 0,
@@ -12627,7 +12751,7 @@ var ModalContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"class",
 					"data-placement",
 					"aria-hidden"
-				])]),
+				])])]),
 				_: 3
 			});
 		};
@@ -12887,7 +13011,7 @@ var AlertDialogOverlay_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/alert-dialog/AlertDialogContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = ["data-placement"];
+var _hoisted_1$45 = ["data-placement"];
 //#endregion
 //#region src/components/alert-dialog/AlertDialogContent.vue
 var AlertDialogContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -12922,7 +13046,7 @@ var AlertDialogContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, ["class", "data-placement"])], 10, _hoisted_1$44)]),
+				}, 8, ["class", "data-placement"])], 10, _hoisted_1$45)]),
 				_: 3
 			});
 		};
@@ -13072,7 +13196,7 @@ var AlertDialogDescription_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/alert-dialog/AlertDialogIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = {
+var _hoisted_1$44 = {
 	key: 0,
 	"data-slot": "alert-dialog-default-icon",
 	viewBox: "0 0 24 24",
@@ -13134,7 +13258,7 @@ var AlertDialogIcon_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).icon({ status: resolvedStatus() }), props.class)),
 				"aria-hidden": "true"
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [resolvedStatus() === "danger" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$43, [..._cache[0] || (_cache[0] = [
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [resolvedStatus() === "danger" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$44, [..._cache[0] || (_cache[0] = [
 				(0, vue.createElementVNode)("circle", {
 					cx: "12",
 					cy: "12",
@@ -13483,67 +13607,8 @@ var DrawerTitle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 //#region src/components/tabs/tabs.context.ts
 var { useProvide: useTabsProvide, useInject: useTabsInject, key: tabsContextKey } = createContext("Tabs");
 //#endregion
-//#region src/components/tabs/Tabs.vue
-var Tabs_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "Tabs",
-	props: {
-		modelValue: {},
-		defaultValue: {},
-		orientation: { default: "horizontal" },
-		variant: { default: "primary" },
-		activationMode: { default: "automatic" },
-		class: { type: [
-			String,
-			Boolean,
-			null,
-			Object,
-			Array
-		] },
-		classNames: {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const internalValue = (0, vue.ref)(props.modelValue ?? props.defaultValue);
-		(0, vue.watch)(() => props.modelValue, (v) => {
-			if (v !== void 0) internalValue.value = v;
-		});
-		function changeTab(value) {
-			internalValue.value = value;
-			emit("update:modelValue", value);
-		}
-		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.tabsVariants)({ variant: props.variant }));
-		useTabsProvide({
-			slotFns,
-			orientation: (0, vue.toRef)(props, "orientation"),
-			currentValue: internalValue,
-			changeTab
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TabsRoot), {
-				"model-value": internalValue.value,
-				orientation: props.orientation,
-				"activation-mode": props.activationMode,
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
-				"data-orientation": props.orientation,
-				"onUpdate:modelValue": changeTab
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"model-value",
-				"orientation",
-				"activation-mode",
-				"class",
-				"data-orientation"
-			]);
-		};
-	}
-});
-//#endregion
 //#region src/components/tabs/TabList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = {
+var _hoisted_1$43 = {
 	key: 0,
 	class: "tabs__overflow-menu",
 	role: "menu"
@@ -13813,7 +13878,7 @@ var TabList_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"stroke-linejoin": "round"
 				})], -1))]),
 				_: 1
-			}, 8, ["aria-expanded"]), dropdownOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$42, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(hiddenTabs.value, (tab) => {
+			}, 8, ["aria-expanded"]), dropdownOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$43, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(hiddenTabs.value, (tab) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)(Button_default, {
 					key: tab.value,
 					variant: "ghost",
@@ -13903,10 +13968,15 @@ var TabPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region src/components/tabs/TabIndicator.vue
-var TabIndicator_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "TabIndicator",
+//#region src/components/tabs/Tabs.vue
+var Tabs_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "Tabs",
 	props: {
+		modelValue: {},
+		defaultValue: {},
+		orientation: { default: "horizontal" },
+		variant: { default: "primary" },
+		activationMode: { default: "automatic" },
 		class: { type: [
 			String,
 			Boolean,
@@ -13914,37 +13984,77 @@ var TabIndicator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		items: {}
 	},
-	setup(__props) {
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const ctx = useTabsInject();
+		const emit = __emit;
+		const internalValue = (0, vue.ref)(props.modelValue ?? props.defaultValue);
+		(0, vue.watch)(() => props.modelValue, (v) => {
+			if (v !== void 0) internalValue.value = v;
+		});
+		(0, vue.watch)(() => props.items, (items) => {
+			if (items && items.length > 0 && !props.modelValue && !props.defaultValue && internalValue.value === void 0) internalValue.value = items[0].value;
+		}, { immediate: true });
+		function changeTab(value) {
+			internalValue.value = value;
+			emit("update:modelValue", value);
+		}
+		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.tabsVariants)({ variant: props.variant }));
+		useTabsProvide({
+			slotFns,
+			orientation: (0, vue.toRef)(props, "orientation"),
+			currentValue: internalValue,
+			changeTab
+		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TabsIndicator), { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.tabIndicator(), props.class, props.classNames?.tabIndicator)) }, null, 8, ["class"]);
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TabsRoot), {
+				"model-value": internalValue.value,
+				orientation: props.orientation,
+				"activation-mode": props.activationMode,
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
+				"data-orientation": props.orientation,
+				"onUpdate:modelValue": changeTab
+			}, {
+				default: (0, vue.withCtx)(() => [props.items ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createVNode)(TabList_default, null, {
+					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(props.items, (item) => {
+						return (0, vue.openBlock)(), (0, vue.createBlock)(Tab_default, {
+							key: item.value,
+							value: item.value,
+							disabled: item.disabled
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label), 1)]),
+							_: 2
+						}, 1032, ["value", "disabled"]);
+					}), 128))]),
+					_: 1
+				}), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(props.items, (item) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)(TabPanel_default, {
+						key: item.value,
+						value: item.value
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.content), 1)]),
+						_: 2
+					}, 1032, ["value"]);
+				}), 128))], 64)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"orientation",
+				"activation-mode",
+				"class",
+				"data-orientation"
+			]);
 		};
 	}
 });
 //#endregion
-//#region src/components/accordion/accordion.context.ts
-var { useProvide: useAccordionProvide, useInject: useAccordionInject, key: accordionContextKey } = createContext("Accordion");
-//#endregion
-//#region src/components/accordion/Accordion.vue
-var Accordion_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "Accordion",
+//#region src/components/tabs/TabIndicator.vue
+var TabIndicator_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "TabIndicator",
 	props: {
-		type: {},
-		modelValue: {},
-		defaultValue: {},
-		collapsible: {
-			type: Boolean,
-			default: true
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		variant: { default: "default" },
-		size: { default: "md" },
 		class: { type: [
 			String,
 			Boolean,
@@ -13954,41 +14064,18 @@ var Accordion_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		] },
 		classNames: {}
 	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
+	setup(__props) {
 		const props = __props;
-		const emit = __emit;
-		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.accordionVariants)({
-			variant: props.variant,
-			size: props.size
-		}));
-		useAccordionProvide({ slotFns });
+		const ctx = useTabsInject();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.AccordionRoot), {
-				type: props.type,
-				"model-value": props.modelValue,
-				"default-value": props.defaultValue,
-				collapsible: props.collapsible,
-				disabled: props.disabled,
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => {
-					if (v !== void 0) emit("update:modelValue", v);
-				})
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"type",
-				"model-value",
-				"default-value",
-				"collapsible",
-				"disabled",
-				"class"
-			]);
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TabsIndicator), { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.tabIndicator(), props.class, props.classNames?.tabIndicator)) }, null, 8, ["class"]);
 		};
 	}
 });
 //#endregion
+//#region src/components/accordion/accordion.context.ts
+var { useProvide: useAccordionProvide, useInject: useAccordionInject, key: accordionContextKey } = createContext("Accordion");
+//#endregion
 //#region src/components/accordion/accordion-item.context.ts
 var { useProvide: useAccordionItemProvide, useInject: useAccordionItemInject, key: accordionItemContextKey } = createContext("AccordionItem");
 //#endregion
@@ -14146,21 +14233,101 @@ var AccordionContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region src/components/collapsible/collapsible.context.ts
-var { useProvide: useCollapsibleProvide, useInject: useCollapsibleInject, key: collapsibleContextKey } = createContext("Collapsible");
-//#endregion
-//#region src/components/collapsible/collapsible-group.context.ts
-var collapsibleGroupKey = Symbol("CollapsibleGroup");
-function provideCollapsibleGroup(ctx) {
-	(0, vue.provide)(collapsibleGroupKey, ctx);
-}
-function injectCollapsibleGroup() {
-	return (0, vue.inject)(collapsibleGroupKey, null);
-}
-//#endregion
-//#region src/components/collapsible/Collapsible.vue
-var Collapsible_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "Collapsible",
+//#region src/components/accordion/Accordion.vue
+var Accordion_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "Accordion",
+	props: {
+		type: {},
+		modelValue: {},
+		defaultValue: {},
+		collapsible: {
+			type: Boolean,
+			default: true
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "default" },
+		size: { default: "md" },
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {},
+		items: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.accordionVariants)({
+			variant: props.variant,
+			size: props.size
+		}));
+		useAccordionProvide({ slotFns });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.AccordionRoot), {
+				type: props.type,
+				"model-value": props.modelValue,
+				"default-value": props.defaultValue,
+				collapsible: props.collapsible,
+				disabled: props.disabled,
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => {
+					if (v !== void 0) emit("update:modelValue", v);
+				})
+			}, {
+				default: (0, vue.withCtx)(() => [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)(AccordionItem_default, {
+						key: item.value,
+						value: item.value,
+						disabled: item.disabled
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)(AccordionHeader_default, null, {
+							default: (0, vue.withCtx)(() => [(0, vue.createVNode)(AccordionTrigger_default, null, {
+								default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.title), 1)]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1024), (0, vue.createVNode)(AccordionContent_default, null, {
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.content), 1)]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["value", "disabled"]);
+				}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })]),
+				_: 3
+			}, 8, [
+				"type",
+				"model-value",
+				"default-value",
+				"collapsible",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/collapsible/collapsible.context.ts
+var { useProvide: useCollapsibleProvide, useInject: useCollapsibleInject, key: collapsibleContextKey } = createContext("Collapsible");
+//#endregion
+//#region src/components/collapsible/collapsible-group.context.ts
+var collapsibleGroupKey = Symbol("CollapsibleGroup");
+function provideCollapsibleGroup(ctx) {
+	(0, vue.provide)(collapsibleGroupKey, ctx);
+}
+function injectCollapsibleGroup() {
+	return (0, vue.inject)(collapsibleGroupKey, null);
+}
+//#endregion
+//#region src/components/collapsible/Collapsible.vue
+var Collapsible_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "Collapsible",
 	props: {
 		open: {
 			type: [Boolean, null],
@@ -14235,7 +14402,7 @@ var Collapsible_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/collapsible/CollapsibleTrigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = ["data-state"];
+var _hoisted_1$42 = ["data-state"];
 //#endregion
 //#region src/components/collapsible/CollapsibleTrigger.vue
 var CollapsibleTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -14271,7 +14438,7 @@ var CollapsibleTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"stroke-linejoin": "round",
 					"aria-hidden": "true",
 					focusable: "false"
-				}, [(0, vue.createElementVNode)("polyline", { points: "6 9 12 15 18 9" })], -1)])], 10, _hoisted_1$41)]),
+				}, [(0, vue.createElementVNode)("polyline", { points: "6 9 12 15 18 9" })], -1)])], 10, _hoisted_1$42)]),
 				_: 3
 			}, 8, ["class"]);
 		};
@@ -14347,7 +14514,8 @@ var CollapsibleGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		items: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -14368,7 +14536,22 @@ var CollapsibleGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		});
 		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.collapsibleGroupVariants)({}));
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item, idx) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(Collapsible_default, {
+					key: idx,
+					"default-open": item.defaultOpen,
+					disabled: item.disabled
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(CollapsibleTrigger_default, null, {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.title), 1)]),
+						_: 2
+					}, 1024), (0, vue.createVNode)(CollapsibleContent_default, null, {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.content), 1)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1032, ["default-open", "disabled"]);
+			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 2);
 		};
 	}
 });
@@ -14376,6 +14559,63 @@ var CollapsibleGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 //#region src/components/breadcrumbs/breadcrumbs.context.ts
 var { useProvide: useBreadcrumbsProvide, useInject: useBreadcrumbsInject, key: breadcrumbsContextKey } = createContext("Breadcrumbs");
 //#endregion
+//#region src/components/breadcrumbs/BreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$41 = ["aria-current"];
+var _hoisted_2$23 = ["href"];
+var _hoisted_3$15 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	focusable: "false"
+};
+//#endregion
+//#region src/components/breadcrumbs/BreadcrumbItem.vue
+var BreadcrumbItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BreadcrumbItem",
+	props: {
+		href: {},
+		isLast: {
+			type: Boolean,
+			default: false
+		},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useBreadcrumbsInject();
+		const SeparatorRenderer = (0, vue.computed)(() => ctx.separatorSlot ? () => (0, vue.h)(() => ctx.separatorSlot()) : null);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", {
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.item(), props.class, props.classNames?.item)),
+				"aria-current": props.isLast ? "page" : void 0
+			}, [props.href && !props.isLast ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+				key: 0,
+				href: props.href,
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.link(), props.classNames?.link))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_2$23)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 1,
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.link(), props.classNames?.link))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2)), !props.isLast ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 2,
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.separator(), props.classNames?.separator)),
+				"aria-hidden": "true"
+			}, [SeparatorRenderer.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(SeparatorRenderer.value), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_3$15, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("polyline", { points: "9 6 15 12 9 18" }, null, -1)])]))], 2)) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_1$41);
+		};
+	}
+});
+//#endregion
 //#region src/components/breadcrumbs/Breadcrumbs.vue
 var Breadcrumbs_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Breadcrumbs",
@@ -14388,7 +14628,8 @@ var Breadcrumbs_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		items: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -14423,79 +14664,42 @@ var Breadcrumbs_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}
 			return list;
 		});
+		const total = (0, vue.computed)(() => renderedChildren.value.length);
+		const renderedItems = (0, vue.computed)(() => {
+			if (!props.items) return [];
+			const max = props.maxItems;
+			if (!max || props.items.length <= max || max < 2) return props.items;
+			return [
+				props.items[0],
+				{ label: "…" },
+				...props.items.slice(props.items.length - (max - 2))
+			];
+		});
 		useBreadcrumbsProvide({
 			slotFns,
-			total: (0, vue.computed)(() => renderedChildren.value.length),
+			total,
 			separatorSlot: slots.separator
 		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("nav", {
 				"aria-label": "Breadcrumb",
 				class: (0, vue.normalizeClass)(props.class)
-			}, [(0, vue.createElementVNode)("ol", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(renderedChildren.value, (child, idx) => {
+			}, [(0, vue.createElementVNode)("ol", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(renderedItems.value, (item, idx) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(BreadcrumbItem_default, {
+					key: idx,
+					href: item.href,
+					"is-last": idx === renderedItems.value.length - 1
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label), 1)]),
+					_: 2
+				}, 1032, ["href", "is-last"]);
+			}), 128)) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(renderedChildren.value, (child, idx) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(child), { key: idx });
 			}), 128))], 2)], 2);
 		};
 	}
 });
 //#endregion
-//#region src/components/breadcrumbs/BreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = ["aria-current"];
-var _hoisted_2$23 = ["href"];
-var _hoisted_3$15 = {
-	key: 1,
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": "2",
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round",
-	focusable: "false"
-};
-//#endregion
-//#region src/components/breadcrumbs/BreadcrumbItem.vue
-var BreadcrumbItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "BreadcrumbItem",
-	props: {
-		href: {},
-		isLast: {
-			type: Boolean,
-			default: false
-		},
-		class: { type: [
-			String,
-			Boolean,
-			null,
-			Object,
-			Array
-		] },
-		classNames: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const ctx = useBreadcrumbsInject();
-		const SeparatorRenderer = (0, vue.computed)(() => ctx.separatorSlot ? () => (0, vue.h)(() => ctx.separatorSlot()) : null);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", {
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.item(), props.class, props.classNames?.item)),
-				"aria-current": props.isLast ? "page" : void 0
-			}, [props.href && !props.isLast ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-				key: 0,
-				href: props.href,
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.link(), props.classNames?.link))
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_2$23)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
-				key: 1,
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.link(), props.classNames?.link))
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2)), !props.isLast ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
-				key: 2,
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(ctx).slotFns.value.separator(), props.classNames?.separator)),
-				"aria-hidden": "true"
-			}, [SeparatorRenderer.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(SeparatorRenderer.value), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_3$15, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("polyline", { points: "9 6 15 12 9 18" }, null, -1)])]))], 2)) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_1$40);
-		};
-	}
-});
-//#endregion
 //#region src/components/toolbar/toolbar.context.ts
 var { useProvide: useToolbarProvide, useInject: useToolbarInject } = createContext("Toolbar");
 //#endregion
@@ -14604,6 +14808,41 @@ var ToolbarSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/components/toolbar/ToolbarToggleItem.vue
+var ToolbarToggleItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ToolbarToggleItem",
+	props: {
+		value: {},
+		variant: {},
+		size: {},
+		isIconOnly: { type: Boolean },
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const classes = (0, vue.computed)(() => (0, _auronui_styles.toggleButtonVariants)({
+			variant: props.variant ?? "ghost",
+			size: props.size ?? "md",
+			isIconOnly: props.isIconOnly ?? false
+		}));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.ToolbarToggleItem), {
+				value: props.value,
+				disabled: props.disabled,
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(classes.value, props.class))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"value",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/toolbar/ToolbarToggleGroup.vue
 var ToolbarToggleGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ToolbarToggleGroup",
@@ -14614,7 +14853,8 @@ var ToolbarToggleGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		disabled: { type: Boolean },
 		orientation: {},
 		isDetached: { type: Boolean },
-		class: {}
+		class: {},
+		items: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -14635,7 +14875,27 @@ var ToolbarToggleGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(classes.value, props.class)),
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => emit("update:modelValue", v))
 			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				default: (0, vue.withCtx)(() => [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)(ToolbarToggleItem_default, {
+						key: item.value,
+						value: item.value,
+						variant: item.variant,
+						size: item.size,
+						"is-icon-only": item.isIconOnly,
+						disabled: item.disabled,
+						class: (0, vue.normalizeClass)(item.class)
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label), 1)]),
+						_: 2
+					}, 1032, [
+						"value",
+						"variant",
+						"size",
+						"is-icon-only",
+						"disabled",
+						"class"
+					]);
+				}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })]),
 				_: 3
 			}, 8, [
 				"type",
@@ -14648,43 +14908,8 @@ var ToolbarToggleGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region src/components/toolbar/ToolbarToggleItem.vue
-var ToolbarToggleItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ToolbarToggleItem",
-	props: {
-		value: {},
-		variant: {},
-		size: {},
-		isIconOnly: { type: Boolean },
-		disabled: { type: Boolean },
-		class: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const classes = (0, vue.computed)(() => (0, _auronui_styles.toggleButtonVariants)({
-			variant: props.variant ?? "ghost",
-			size: props.size ?? "md",
-			isIconOnly: props.isIconOnly ?? false
-		}));
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.ToolbarToggleItem), {
-				value: props.value,
-				disabled: props.disabled,
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(classes.value, props.class))
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"value",
-				"disabled",
-				"class"
-			]);
-		};
-	}
-});
-//#endregion
 //#region src/components/alert/Alert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = {
+var _hoisted_1$40 = {
 	key: 0,
 	"data-slot": "alert-default-icon",
 	viewBox: "0 0 24 24",
@@ -14779,7 +15004,7 @@ var Alert_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						(0, vue.renderSlot)(_ctx.$slots, "icon", {}, () => [(0, vue.createElementVNode)("span", {
 							class: (0, vue.normalizeClass)(styles.value.indicator()),
 							"aria-hidden": "true"
-						}, [__props.severity === "default" || __props.severity === "primary" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$39, [..._cache[0] || (_cache[0] = [
+						}, [__props.severity === "default" || __props.severity === "primary" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$40, [..._cache[0] || (_cache[0] = [
 							(0, vue.createElementVNode)("circle", {
 								cx: "12",
 								cy: "12",
@@ -15153,7 +15378,7 @@ function useToast() {
 }
 //#endregion
 //#region src/components/toast/ToastViewport.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = { class: "flex shrink-0 items-center gap-1 ml-auto" };
+var _hoisted_1$39 = { class: "flex shrink-0 items-center gap-1 ml-auto" };
 //#endregion
 //#region src/components/toast/ToastViewport.vue
 var ToastViewport_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -15223,7 +15448,7 @@ var ToastViewport_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							}, 1024), toast.description ? ((0, vue.openBlock)(), (0, vue.createBlock)(ToastDescription_default, { key: 0 }, {
 								default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(toast.description), 1)]),
 								_: 2
-							}, 1024)) : (0, vue.createCommentVNode)("", true)], 2), (0, vue.createElementVNode)("div", _hoisted_1$38, [toast.action ? ((0, vue.openBlock)(), (0, vue.createBlock)(ToastAction_default, {
+							}, 1024)) : (0, vue.createCommentVNode)("", true)], 2), (0, vue.createElementVNode)("div", _hoisted_1$39, [toast.action ? ((0, vue.openBlock)(), (0, vue.createBlock)(ToastAction_default, {
 								key: 0,
 								"alt-text": toast.action.label,
 								onClick: toast.action.onClick
@@ -15241,81 +15466,20 @@ var ToastViewport_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						]);
 					}), 128)), (0, vue.renderSlot)(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, [
-					"hotkey",
-					"label",
-					"class"
-				])]),
-				_: 3
-			}, 8, ["swipe-direction"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/list-box/ListBox.context.ts
-var { useProvide: useListBoxProvide, useInject: useListBoxInject, key: listBoxContextKey } = createContext("ListBox");
-//#endregion
-//#region src/components/list-box/ListBox.vue
-var ListBox_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	inheritAttrs: false,
-	__name: "ListBox",
-	props: {
-		modelValue: { default: void 0 },
-		defaultValue: { default: void 0 },
-		selectionMode: { default: "single" },
-		variant: { default: "default" },
-		isDisabled: {
-			type: Boolean,
-			default: false
-		},
-		class: {
-			type: [
-				String,
-				Boolean,
-				null,
-				Object,
-				Array
-			],
-			default: void 0
-		},
-		classNames: {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const attrs = (0, vue.useAttrs)();
-		useListBoxProvide({
-			variant: (0, vue.toRef)(props, "variant"),
-			itemVariant: (0, vue.toRef)(props, "variant"),
-			isDisabled: (0, vue.toRef)(props, "isDisabled")
-		});
-		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.listboxVariants)({ variant: props.variant }));
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.ListboxRoot), {
-				"model-value": props.modelValue == null ? void 0 : [].concat(props.modelValue),
-				"default-value": props.defaultValue == null ? void 0 : [].concat(props.defaultValue),
-				multiple: props.selectionMode === "multiple",
-				"selection-behavior": props.selectionMode === "multiple" ? "toggle" : "replace",
-				disabled: props.isDisabled,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", props.selectionMode === "single" ? Array.isArray($event) ? $event[0] : $event : $event))
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.ListboxContent), (0, vue.mergeProps)((0, vue.unref)(attrs), { class: (0, vue.unref)(composeClassName)(slotFns.value, props.class, props.classNames?.base) }), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, ["class"])]),
+				}, 8, [
+					"hotkey",
+					"label",
+					"class"
+				])]),
 				_: 3
-			}, 8, [
-				"model-value",
-				"default-value",
-				"multiple",
-				"selection-behavior",
-				"disabled"
-			]);
+			}, 8, ["swipe-direction"]);
 		};
 	}
 });
 //#endregion
+//#region src/components/list-box/ListBox.context.ts
+var { useProvide: useListBoxProvide, useInject: useListBoxInject, key: listBoxContextKey } = createContext("ListBox");
+//#endregion
 //#region src/components/list-box/ListBoxItem.vue
 var ListBoxItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ListBoxItem",
@@ -15388,6 +15552,82 @@ var ListBoxItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/components/list-box/ListBox.vue
+var ListBox_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "ListBox",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		selectionMode: { default: "single" },
+		variant: { default: "default" },
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: {},
+		items: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = (0, vue.useAttrs)();
+		useListBoxProvide({
+			variant: (0, vue.toRef)(props, "variant"),
+			itemVariant: (0, vue.toRef)(props, "variant"),
+			isDisabled: (0, vue.toRef)(props, "isDisabled")
+		});
+		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.listboxVariants)({ variant: props.variant }));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.ListboxRoot), {
+				"model-value": props.modelValue == null ? void 0 : [].concat(props.modelValue),
+				"default-value": props.defaultValue == null ? void 0 : [].concat(props.defaultValue),
+				multiple: props.selectionMode === "multiple",
+				"selection-behavior": props.selectionMode === "multiple" ? "toggle" : "replace",
+				disabled: props.isDisabled,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", props.selectionMode === "single" ? Array.isArray($event) ? $event[0] : $event : $event))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.ListboxContent), (0, vue.mergeProps)((0, vue.unref)(attrs), { class: (0, vue.unref)(composeClassName)(slotFns.value, props.class, props.classNames?.base) }), {
+					default: (0, vue.withCtx)(() => [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item) => {
+						return (0, vue.openBlock)(), (0, vue.createBlock)(ListBoxItem_default, {
+							key: item.value,
+							value: item.value,
+							"is-disabled": item.disabled,
+							"text-value": item.textValue
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label ?? item.value), 1)]),
+							_: 2
+						}, 1032, [
+							"value",
+							"is-disabled",
+							"text-value"
+						]);
+					}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"default-value",
+				"multiple",
+				"selection-behavior",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/list-box/ListBoxSection.vue
 var ListBoxSection_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "ListBoxSection",
@@ -15454,7 +15694,7 @@ function hasSlotComponent(nodes, components) {
 }
 //#endregion
 //#region src/components/select/SelectTrigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = ["for"];
+var _hoisted_1$38 = ["for"];
 var _hoisted_2$21 = {
 	key: 0,
 	"aria-hidden": "true"
@@ -15474,6 +15714,19 @@ var SelectTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return v !== "";
 		});
 		const showInsideLabel = (0, vue.computed)(() => ctx.hasLabel.value && ctx.labelPlacement.value === "inside");
+		const skipNextFocus = (0, vue.ref)(false);
+		(0, vue.watch)(() => rootContext.open.value, (open, wasOpen) => {
+			if (!open && wasOpen) {
+				skipNextFocus.value = true;
+				setTimeout(() => {
+					skipNextFocus.value = false;
+				}, 0);
+			}
+		}, { flush: "sync" });
+		function handleFocus() {
+			if (ctx.isDisabled.value || ctx.isReadonly.value || skipNextFocus.value || rootContext.open.value) return;
+			rootContext.onOpenChange(true);
+		}
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.SelectTrigger), {
 				id: (0, vue.unref)(ctx).triggerId.value,
@@ -15483,14 +15736,15 @@ var SelectTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"data-readonly": (0, vue.unref)(ctx).isReadonly.value || void 0,
 				"aria-invalid": (0, vue.unref)(ctx).isInvalid.value || void 0,
 				"aria-describedby": (0, vue.unref)(ctx).ariaDescribedBy.value,
-				"data-slot": "trigger"
+				"data-slot": "trigger",
+				onFocus: handleFocus
 			}, {
 				default: (0, vue.withCtx)(() => [
 					showInsideLabel.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", {
 						key: 0,
 						for: (0, vue.unref)(ctx).triggerId.value,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ctx).slots.value.label())
-					}, [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(ctx).label.value), 1), (0, vue.unref)(ctx).isRequired.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$21, " *")) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_1$37)) : (0, vue.createCommentVNode)("", true),
+					}, [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(ctx).label.value), 1), (0, vue.unref)(ctx).isRequired.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$21, " *")) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_1$38)) : (0, vue.createCommentVNode)("", true),
 					_ctx.$slots.startContent ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 						key: 1,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ctx).slots.value.startContent()),
@@ -15531,7 +15785,7 @@ var SelectTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/select/SelectOverflowChips.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = {
+var _hoisted_1$37 = {
 	ref: "container",
 	style: {
 		"display": "flex",
@@ -15589,7 +15843,7 @@ var SelectOverflowChips_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		(0, _vueuse_core.useResizeObserver)(containerEl, reflow);
 		(0, vue.watch)(() => props.values.join("\0"), () => reflow(), { flush: "post" });
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$36, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.values, (val, i) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$37, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.values, (val, i) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)(Chip_default, {
 					key: val,
 					"data-chip-item": "",
@@ -15659,6 +15913,9 @@ var SelectContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, 100);
 			}
 		});
+		function handleKeydown(e) {
+			if (e.key === "Tab") rootContext.onOpenChange(false);
+		}
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.SelectPortal), null, {
 				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(AnimatePresence_default), null, {
@@ -15676,7 +15933,8 @@ var SelectContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								opacity: 0,
 								scale: .95
 							},
-							transition: { duration: .15 }
+							transition: { duration: .15 },
+							onKeydown: handleKeydown
 						}, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.SelectViewport), { "data-slot": "list-box" }, {
 								default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
@@ -15765,7 +16023,7 @@ var SelectItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/select/Select.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = [
+var _hoisted_1$36 = [
 	"data-invalid",
 	"data-disabled",
 	"data-readonly",
@@ -15966,7 +16224,7 @@ var Select_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 1,
 				id: descriptionId.value,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.description(), props.classNames?.description))
-			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_5$6)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$35);
+			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_5$6)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$36);
 		};
 	}
 });
@@ -16086,7 +16344,7 @@ var DropdownMenu_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/dropdown/DropdownItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = { class: "flex flex-1 flex-col" };
+var _hoisted_1$35 = { class: "flex flex-1 flex-col" };
 var _hoisted_2$19 = { "data-slot": "label" };
 var _hoisted_3$12 = {
 	key: 0,
@@ -16126,7 +16384,7 @@ var DropdownItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, {
 				default: (0, vue.withCtx)(() => [
 					(0, vue.renderSlot)(_ctx.$slots, "startContent"),
-					(0, vue.createElementVNode)("div", _hoisted_1$34, [(0, vue.createElementVNode)("span", _hoisted_2$19, [(0, vue.renderSlot)(_ctx.$slots, "default")]), props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$12, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)]),
+					(0, vue.createElementVNode)("div", _hoisted_1$35, [(0, vue.createElementVNode)("span", _hoisted_2$19, [(0, vue.renderSlot)(_ctx.$slots, "default")]), props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$12, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)]),
 					props.shortcut ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("kbd", _hoisted_4$7, (0, vue.toDisplayString)(props.shortcut), 1)) : (0, vue.createCommentVNode)("", true),
 					(0, vue.renderSlot)(_ctx.$slots, "endContent")
 				]),
@@ -16709,7 +16967,7 @@ var ComboBoxItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/combo-box/ComboBox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = ["aria-invalid"];
+var _hoisted_1$34 = ["aria-invalid"];
 var _hoisted_2$18 = ["id"];
 var _hoisted_3$11 = {
 	key: 0,
@@ -16889,7 +17147,7 @@ var ComboBox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"filter-function"
 				]),
 				props.description || props.isInvalid && props.errorMessage ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$6, [props.isInvalid && props.errorMessage ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_5$5, (0, vue.toDisplayString)(props.errorMessage), 1)) : props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_6$4, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true)
-			], 10, _hoisted_1$33);
+			], 10, _hoisted_1$34);
 		};
 	}
 });
@@ -16914,7 +17172,7 @@ var ComboBoxEmpty_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var { useProvide: useAutocompleteProvide, useInject: useAutocompleteInject, key: autocompleteContextKey } = createContext("Autocomplete");
 //#endregion
 //#region src/components/autocomplete/AutocompleteOverflowChips.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = {
+var _hoisted_1$33 = {
 	ref: "container",
 	style: {
 		"display": "flex",
@@ -16973,7 +17231,7 @@ var AutocompleteOverflowChips_default = /* @__PURE__ */ (0, vue.defineComponent)
 		(0, _vueuse_core.useResizeObserver)(containerEl, reflow);
 		(0, vue.watch)(() => props.values.join("\0"), () => reflow(), { flush: "post" });
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$32, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.values, (val, i) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$33, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.values, (val, i) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)(Chip_default, {
 					key: val,
 					"data-chip-item": "",
@@ -16998,7 +17256,7 @@ var AutocompleteOverflowChips_default = /* @__PURE__ */ (0, vue.defineComponent)
 });
 //#endregion
 //#region src/components/autocomplete/AutocompleteInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = ["for"];
+var _hoisted_1$32 = ["for"];
 var _hoisted_2$17 = {
 	key: 0,
 	"aria-hidden": "true"
@@ -17035,7 +17293,7 @@ var AutocompleteInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						key: 0,
 						for: (0, vue.unref)(ctx).inputId.value,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ctx).slots.value.label())
-					}, [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(ctx).label.value), 1), (0, vue.unref)(ctx).isRequired.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$17, " *")) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_1$31)) : (0, vue.createCommentVNode)("", true),
+					}, [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(ctx).label.value), 1), (0, vue.unref)(ctx).isRequired.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$17, " *")) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_1$32)) : (0, vue.createCommentVNode)("", true),
 					_ctx.$slots.startContent ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 						key: 1,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ctx).slots.value.startContent()),
@@ -17161,7 +17419,7 @@ var AutocompleteInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/autocomplete/AutocompleteContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = [
+var _hoisted_1$31 = [
 	"inert",
 	"aria-disabled",
 	"data-disabled"
@@ -17261,7 +17519,7 @@ var AutocompleteContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									_: 3
 								})) : (0, vue.createCommentVNode)("", true)]),
 								_: 3
-							})], 10, _hoisted_1$30)]),
+							})], 10, _hoisted_1$31)]),
 							_: 3
 						}, 8, [
 							"data-loading",
@@ -17279,7 +17537,7 @@ var AutocompleteContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/autocomplete/AutocompleteItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = {
+var _hoisted_1$30 = {
 	class: "autocomplete-item__text",
 	"data-slot": "item-text"
 };
@@ -17342,7 +17600,7 @@ var AutocompleteItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, {
 				default: (0, vue.withCtx)(() => [
 					(0, vue.renderSlot)(_ctx.$slots, "startContent"),
-					(0, vue.createElementVNode)("span", _hoisted_1$29, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					(0, vue.createElementVNode)("span", _hoisted_1$30, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 					!(0, vue.unref)(ctx).multiple.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.ComboboxItemIndicator), {
 						key: 0,
 						class: "list-box-item__indicator",
@@ -17390,7 +17648,7 @@ var AutocompleteItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/autocomplete/Autocomplete.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = [
+var _hoisted_1$29 = [
 	"data-invalid",
 	"data-disabled",
 	"data-readonly",
@@ -17775,13 +18033,13 @@ var Autocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 1,
 				id: descriptionId.value,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.description(), props.classNames?.description))
-			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_5$4)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$28);
+			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_5$4)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$29);
 		};
 	}
 });
 //#endregion
 //#region src/components/autocomplete/AutocompleteCreateItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = {
+var _hoisted_1$28 = {
 	class: "autocomplete-item__text",
 	"data-slot": "item-text"
 };
@@ -17822,7 +18080,7 @@ var AutocompleteCreateItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"data-create-item": "",
 				onSelect: handleSelect
 			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { term: term.value }, () => [(0, vue.createElementVNode)("span", _hoisted_1$27, (0, vue.toDisplayString)(displayLabel.value), 1)])]),
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { term: term.value }, () => [(0, vue.createElementVNode)("span", _hoisted_1$28, (0, vue.toDisplayString)(displayLabel.value), 1)])]),
 				_: 3
 			}, 8, [
 				"value",
@@ -17934,7 +18192,7 @@ var Pagination_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/pagination/PaginationContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = ["disabled", "data-disabled"];
+var _hoisted_1$27 = ["disabled", "data-disabled"];
 var _hoisted_2$14 = ["disabled", "data-disabled"];
 //#endregion
 //#region src/components/pagination/PaginationContent.vue
@@ -17967,7 +18225,7 @@ var PaginationContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"data-disabled": !hasPreviousPage.value || (0, vue.unref)(ctx).disabled.value || void 0,
 					"aria-label": "Before page",
 					onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(ctx).onCursorChange((0, vue.unref)(ctx).beforeCursor.value, null))
-				}, [(0, vue.renderSlot)(_ctx.$slots, "before", {}, () => [_cache[2] || (_cache[2] = (0, vue.createTextVNode)(" Before ", -1))])], 10, _hoisted_1$26),
+				}, [(0, vue.renderSlot)(_ctx.$slots, "before", {}, () => [_cache[2] || (_cache[2] = (0, vue.createTextVNode)(" Before ", -1))])], 10, _hoisted_1$27),
 				(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(styles.value.summary?.()) }, [(0, vue.renderSlot)(_ctx.$slots, "page-info", {}, () => [(0, vue.createTextVNode)("Page " + (0, vue.toDisplayString)((0, vue.unref)(ctx).page.value), 1)])], 2),
 				(0, vue.createElementVNode)("button", {
 					type: "button",
@@ -20758,7 +21016,7 @@ function useTableKeyboardNav(options) {
 }
 //#endregion
 //#region src/components/table/TableHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = [
+var _hoisted_1$26 = [
 	"data-col-index",
 	"aria-sort",
 	"data-allows-sorting",
@@ -20815,7 +21073,7 @@ var TableHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						key: 0,
 						render: header.column.columnDef.header,
 						props: header.getContext()
-					}, null, 8, ["render", "props"])) : (0, vue.createCommentVNode)("", true)], 42, _hoisted_1$25);
+					}, null, 8, ["render", "props"])) : (0, vue.createCommentVNode)("", true)], 42, _hoisted_1$26);
 				}), 128))], 2);
 			}), 128))], 2);
 		};
@@ -20823,7 +21081,7 @@ var TableHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/table/TableBody.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = [
+var _hoisted_1$25 = [
 	"aria-rowindex",
 	"aria-selected",
 	"data-state",
@@ -20881,7 +21139,7 @@ var TableBody_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						render: cell.column.columnDef.cell,
 						props: cell.getContext()
 					}, null, 8, ["render", "props"])])], 10, _hoisted_2$13);
-				}), 128))], 42, _hoisted_1$24);
+				}), 128))], 42, _hoisted_1$25);
 			}), 128))], 2);
 		};
 	}
@@ -21673,7 +21931,7 @@ function useVirtualizer(options) {
 }
 //#endregion
 //#region src/components/table/TableVirtualBody.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = {
+var _hoisted_1$24 = {
 	key: 0,
 	"aria-hidden": "true"
 };
@@ -21742,7 +22000,7 @@ var TableVirtualBody_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		__expose({ scrollToIndex: (index) => virtualizer.value.scrollToIndex(index, { align: "auto" }) });
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tbody", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.body(), props.classNames?.body)) }, [
-				paddingTop.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", _hoisted_1$23, [(0, vue.createElementVNode)("td", {
+				paddingTop.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", _hoisted_1$24, [(0, vue.createElementVNode)("td", {
 					colspan: columnCount.value,
 					style: (0, vue.normalizeStyle)({
 						height: `${paddingTop.value}px`,
@@ -21847,7 +22105,7 @@ var TableCheckboxCell_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = [
+var _hoisted_1$23 = [
 	"aria-label",
 	"aria-rowcount",
 	"aria-colcount"
@@ -22021,7 +22279,7 @@ var Table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "footer")]),
 					_: 3
 				})) : (0, vue.createCommentVNode)("", true)
-			], 40, _hoisted_1$22)], 6)], 2);
+			], 40, _hoisted_1$23)], 6)], 2);
 		};
 	}
 });
@@ -22053,7 +22311,7 @@ var TableRow_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/table/TableCell.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = ["data-row-index", "data-col-index"];
+var _hoisted_1$22 = ["data-row-index", "data-col-index"];
 //#endregion
 //#region src/components/table/TableCell.vue
 var TableCell_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -22073,13 +22331,13 @@ var TableCell_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.cell(), props.classNames?.cell)),
 				"data-row-index": __props.rowIndex,
 				"data-col-index": __props.columnIndex
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$21);
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$22);
 		};
 	}
 });
 //#endregion
 //#region src/components/table/TableHeaderCell.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = ["data-col-index", "aria-sort"];
+var _hoisted_1$21 = ["data-col-index", "aria-sort"];
 //#endregion
 //#region src/components/table/TableHeaderCell.vue
 var TableHeaderCell_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -22099,7 +22357,7 @@ var TableHeaderCell_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.column(), props.classNames?.column)),
 				"data-col-index": __props.columnIndex,
 				"aria-sort": __props.sortDirection
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$20);
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$21);
 		};
 	}
 });
@@ -22108,7 +22366,7 @@ var TableHeaderCell_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var { useProvide: useAvatarGroupProvide, useInject: useAvatarGroupInject, key: avatarGroupContextKey } = createContext("AvatarGroup");
 //#endregion
 //#region src/components/avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = {
+var _hoisted_1$20 = {
 	key: 0,
 	class: /* @__PURE__ */ (0, vue.normalizeClass)("avatar__name text-xs font-medium leading-none")
 };
@@ -22194,7 +22452,7 @@ var Avatar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"alt",
 					"class"
 				])) : (0, vue.createCommentVNode)("", true), (0, vue.createVNode)((0, vue.unref)(reka_ui.AvatarFallback), (0, vue.mergeProps)({ class: (0, vue.unref)(composeClassName)(slotFns.value.fallback(), props.classNames?.fallback) }, props.src && !props.showFallback ? { "delay-ms": 600 } : {}), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "fallback", {}, () => [initials.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$19, (0, vue.toDisplayString)(initials.value), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_2$11, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }, null, -1)])]))])]),
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "fallback", {}, () => [initials.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$20, (0, vue.toDisplayString)(initials.value), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_2$11, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }, null, -1)])]))])]),
 					_: 3
 				}, 16, ["class"])]),
 				_: 3
@@ -22207,6 +22465,9 @@ var Avatar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/components/avatar/AvatarGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$19 = { class: "avatar__name text-xs font-medium leading-none" };
+//#endregion
 //#region src/components/avatar/AvatarGroup.vue
 var AvatarGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "AvatarGroup",
@@ -22227,7 +22488,8 @@ var AvatarGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		max: {},
 		total: {},
 		renderCount: {},
-		class: {}
+		class: {},
+		avatars: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -22240,6 +22502,18 @@ var AvatarGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			isInGroup: (0, vue.ref)(true)
 		});
 		const containerClass = (0, vue.computed)(() => composeClassName("flex items-center flex-row", props.class));
+		const visibleAvatars = (0, vue.computed)(() => {
+			if (!props.avatars) return [];
+			return props.max !== void 0 ? props.avatars.slice(0, props.max) : props.avatars;
+		});
+		const avatarOverflowCount = (0, vue.computed)(() => {
+			if (!props.avatars || props.max === void 0) return 0;
+			return (props.total ?? props.avatars.length) - props.max;
+		});
+		const avatarOverflowLabel = (0, vue.computed)(() => {
+			if (avatarOverflowCount.value <= 0) return "";
+			return props.renderCount ? props.renderCount(avatarOverflowCount.value) : `+${avatarOverflowCount.value}`;
+		});
 		function flattenVNodes(vnodes) {
 			const result = [];
 			for (const vnode of vnodes) if (vnode.type === vue.Fragment && Array.isArray(vnode.children)) result.push(...flattenVNodes(vnode.children));
@@ -22262,9 +22536,14 @@ var AvatarGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				role: "group",
 				class: (0, vue.normalizeClass)(containerClass.value)
-			}, [props.max !== void 0 ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(getSlicedNodes(), (node, _i) => {
+			}, [props.avatars ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(visibleAvatars.value, (avatar, idx) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(Avatar_default, (0, vue.mergeProps)({ key: idx }, { ref_for: true }, avatar), null, 16);
+			}), 128)), avatarOverflowCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)(Avatar_default, { key: 0 }, {
+				fallback: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_1$19, (0, vue.toDisplayString)(avatarOverflowLabel.value), 1)]),
+				_: 1
+			})) : (0, vue.createCommentVNode)("", true)], 64)) : props.max !== void 0 ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(getSlicedNodes(), (node, _i) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(node), { key: _i });
-			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 2);
+			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 2 })], 2);
 		};
 	}
 });
@@ -22456,74 +22735,8 @@ var SplitterResizeHandle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 //#region src/components/stepper/Stepper.context.ts
 var stepperContextKey = Symbol("Stepper");
 //#endregion
-//#region src/components/stepper/Stepper.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = ["aria-label"];
-//#endregion
-//#region src/components/stepper/Stepper.vue
-var Stepper_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "Stepper",
-	props: {
-		modelValue: { default: void 0 },
-		defaultValue: { default: 1 },
-		totalSteps: { default: 0 },
-		orientation: { default: "horizontal" },
-		size: { default: "md" },
-		color: { default: "accent" },
-		class: {
-			type: [
-				String,
-				Boolean,
-				null,
-				Object,
-				Array
-			],
-			default: void 0
-		},
-		classNames: {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const internalStep = (0, vue.ref)(props.defaultValue ?? 1);
-		const currentStep = (0, vue.computed)({
-			get: () => props.modelValue ?? internalStep.value,
-			set: (val) => {
-				internalStep.value = val;
-				emit("update:modelValue", val);
-			}
-		});
-		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.stepperVariants)({
-			orientation: props.orientation,
-			size: props.size,
-			color: props.color
-		}));
-		function getStepStatus(step) {
-			const curr = currentStep.value;
-			if (step < curr) return "completed";
-			if (step === curr) return "current";
-			return "pending";
-		}
-		(0, vue.provide)(stepperContextKey, {
-			currentStep: (0, vue.computed)(() => currentStep.value),
-			orientation: (0, vue.computed)(() => props.orientation ?? "horizontal"),
-			size: (0, vue.computed)(() => props.size ?? "md"),
-			color: (0, vue.computed)(() => props.color ?? "accent"),
-			totalSteps: (0, vue.computed)(() => props.totalSteps),
-			getStepStatus
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
-				"aria-label": `Step ${currentStep.value} of ${__props.totalSteps}`,
-				"data-slot": "stepper"
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$18);
-		};
-	}
-});
-//#endregion
 //#region src/components/stepper/StepperItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["data-status", "data-step"];
+var _hoisted_1$18 = ["data-status", "data-step"];
 //#endregion
 //#region src/components/stepper/StepperItem.vue
 var StepperItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -22563,7 +22776,7 @@ var StepperItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				isCurrent: status.value === "current",
 				isCompleted: status.value === "completed",
 				isError: status.value === "error"
-			})], 10, _hoisted_1$17);
+			})], 10, _hoisted_1$18);
 		};
 	}
 });
@@ -22658,6 +22871,36 @@ var StepperDescription_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/components/stepper/StepperSeparator.vue
+var StepperSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "StepperSeparator",
+	props: {
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = (0, vue.inject)(stepperContextKey);
+		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.stepperVariants)({ orientation: ctx?.orientation.value }));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.separator(), props.class, props.classNames?.separator)),
+				role: "none",
+				"data-slot": "stepper-separator"
+			}, null, 2);
+		};
+	}
+});
+//#endregion
 //#region src/components/stepper/StepperContent.vue
 var StepperContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "StepperContent",
@@ -22686,10 +22929,19 @@ var StepperContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region src/components/stepper/StepperSeparator.vue
-var StepperSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "StepperSeparator",
+//#region src/components/stepper/Stepper.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$17 = ["aria-label"];
+//#endregion
+//#region src/components/stepper/Stepper.vue
+var Stepper_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "Stepper",
 	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: 1 },
+		totalSteps: { default: 0 },
+		orientation: { default: "horizontal" },
+		size: { default: "md" },
+		color: { default: "accent" },
 		class: {
 			type: [
 				String,
@@ -22700,18 +22952,71 @@ var StepperSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			],
 			default: void 0
 		},
-		classNames: { default: void 0 }
+		classNames: {},
+		items: {}
 	},
-	setup(__props) {
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const ctx = (0, vue.inject)(stepperContextKey);
-		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.stepperVariants)({ orientation: ctx?.orientation.value }));
+		const emit = __emit;
+		const internalStep = (0, vue.ref)(props.defaultValue ?? 1);
+		const currentStep = (0, vue.computed)({
+			get: () => props.modelValue ?? internalStep.value,
+			set: (val) => {
+				internalStep.value = val;
+				emit("update:modelValue", val);
+			}
+		});
+		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.stepperVariants)({
+			orientation: props.orientation,
+			size: props.size,
+			color: props.color
+		}));
+		function getStepStatus(step) {
+			const curr = currentStep.value;
+			if (step < curr) return "completed";
+			if (step === curr) return "current";
+			return "pending";
+		}
+		const resolvedTotalSteps = (0, vue.computed)(() => props.items ? props.items.length : props.totalSteps);
+		(0, vue.provide)(stepperContextKey, {
+			currentStep: (0, vue.computed)(() => currentStep.value),
+			orientation: (0, vue.computed)(() => props.orientation ?? "horizontal"),
+			size: (0, vue.computed)(() => props.size ?? "md"),
+			color: (0, vue.computed)(() => props.color ?? "accent"),
+			totalSteps: resolvedTotalSteps,
+			getStepStatus
+		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.separator(), props.class, props.classNames?.separator)),
-				role: "none",
-				"data-slot": "stepper-separator"
-			}, null, 2);
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
+				"aria-label": `Step ${currentStep.value} of ${resolvedTotalSteps.value}`,
+				"data-slot": "stepper"
+			}, [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item, idx) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(StepperItem_default, {
+					key: idx + 1,
+					step: idx + 1
+				}, {
+					default: (0, vue.withCtx)(() => [
+						(0, vue.createVNode)(StepperIndicator_default, null, {
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(idx + 1), 1)]),
+							_: 2
+						}, 1024),
+						idx < props.items.length - 1 ? ((0, vue.openBlock)(), (0, vue.createBlock)(StepperSeparator_default, { key: 0 })) : (0, vue.createCommentVNode)("", true),
+						(0, vue.createVNode)(StepperContent_default, null, {
+							default: (0, vue.withCtx)(() => [item.title ? ((0, vue.openBlock)(), (0, vue.createBlock)(StepperTitle_default, { key: 0 }, {
+								default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.title), 1)]),
+								_: 2
+							}, 1024)) : (0, vue.createCommentVNode)("", true), item.description ? ((0, vue.openBlock)(), (0, vue.createBlock)(StepperDescription_default, { key: 1 }, {
+								default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.description), 1)]),
+								_: 2
+							}, 1024)) : (0, vue.createCommentVNode)("", true)]),
+							_: 2
+						}, 1024)
+					]),
+					_: 2
+				}, 1032, ["step"]);
+			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 10, _hoisted_1$17);
 		};
 	}
 });