@auronui/vue 1.0.19 → 1.0.21

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$63 = ["aria-label"];
+var _hoisted_1$64 = ["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$63);
+			])]))], 10, _hoisted_1$64);
 		};
 	}
 });
 //#endregion
 //#region src/components/separator/Separator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = { class: "separator__content" };
+var _hoisted_1$63 = { 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$62, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				(0, vue.createElementVNode)("div", _hoisted_1$63, [(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$61 = ["for"];
+var _hoisted_1$62 = ["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$61);
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$62);
 		};
 	}
 });
 //#endregion
 //#region src/components/description/Description.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = ["id"];
+var _hoisted_1$61 = ["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$60);
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$61);
 		};
 	}
 });
@@ -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$59 = ["aria-label"];
+var _hoisted_1$60 = ["aria-label"];
 //#endregion
 //#region src/components/chip/Chip.vue
 var Chip_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -713,10 +713,14 @@ var Chip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const resolvedVariant = (0, vue.computed)(() => {
+			if (props.variant === "outlined") return "bordered";
+			return props.variant;
+		});
 		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.chipVariants)({
 			color: props.color,
 			size: props.size,
-			variant: props.variant
+			variant: resolvedVariant.value
 		}));
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [
@@ -762,7 +766,7 @@ var Chip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					y1: "6",
 					x2: "18",
 					y2: "18"
-				})], -1)])], 10, _hoisted_1$59)) : (0, vue.createCommentVNode)("", true)
+				})], -1)])], 10, _hoisted_1$60)) : (0, vue.createCommentVNode)("", true)
 			], 2);
 		};
 	}
@@ -795,7 +799,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$58 = [
+var _hoisted_1$59 = [
 	"role",
 	"tabindex",
 	"aria-disabled",
@@ -878,7 +882,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$58);
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 42, _hoisted_1$59);
 		};
 	}
 });
@@ -1118,11 +1122,13 @@ var Button_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		};
 		const resolvedVariant = (0, vue.computed)(() => {
 			const v = finalVariant.value;
+			if (!v) return v;
+			if (v === "outline") return "bordered";
 			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;
+			if (props.color === void 0 && v && LEGACY_VARIANTS[v]) return LEGACY_VARIANTS[v].color;
 			return finalColor.value;
 		});
 		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.buttonVariants)({
@@ -1184,7 +1190,7 @@ var Button_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/button/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = ["data-orientation"];
+var _hoisted_1$58 = ["data-orientation"];
 //#endregion
 //#region src/components/button/ButtonGroup.vue
 var ButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -1279,7 +1285,7 @@ var ButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"color",
 					"class"
 				]);
-			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 10, _hoisted_1$57);
+			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 10, _hoisted_1$58);
 		};
 	}
 });
@@ -1351,7 +1357,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$56 = ["disabled", "data-orientation"];
+var _hoisted_1$57 = ["disabled", "data-orientation"];
 //#endregion
 //#region src/components/button/ToggleButton.vue
 var ToggleButton_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -1422,7 +1428,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$56)]),
+				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$57)]),
 				_: 3
 			}, 8, [
 				"disabled",
@@ -1434,7 +1440,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$55 = ["data-orientation"];
+var _hoisted_1$56 = ["data-orientation"];
 //#endregion
 //#region src/components/button/ToggleButtonGroup.vue
 var ToggleButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -1525,7 +1531,7 @@ var ToggleButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"disabled",
 					"class"
 				]);
-			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 10, _hoisted_1$55);
+			}), 128)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 })], 10, _hoisted_1$56);
 		};
 	}
 });
@@ -2021,7 +2027,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$54 = [
+var _hoisted_1$55 = [
 	"data-invalid",
 	"data-disabled",
 	"data-readonly",
@@ -2293,13 +2299,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$54);
+			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_12)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$55);
 		};
 	}
 });
 //#endregion
 //#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = [
+var _hoisted_1$54 = [
 	"data-invalid",
 	"data-disabled",
 	"data-readonly",
@@ -2523,13 +2529,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$53);
+			}, (0, vue.toDisplayString)(__props.description), 11, _hoisted_9)) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true)], 2)], 10, _hoisted_1$54);
 		};
 	}
 });
 //#endregion
 //#region src/components/number-field/NumberField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = ["for"];
+var _hoisted_1$53 = ["for"];
 //#endregion
 //#region src/components/number-field/NumberField.vue
 var NumberField_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2616,7 +2622,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$52)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", {
+				}, (0, vue.toDisplayString)(props.label || props.ariaLabel), 11, _hoisted_1$53)) : (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"
 				}, [
@@ -2679,7 +2685,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$51 = ["disabled"];
+var _hoisted_1$52 = ["disabled"];
 //#endregion
 //#region src/components/fieldset/Fieldset.vue
 var Fieldset_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2707,7 +2713,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$51);
+			}, (0, vue.toDisplayString)(props.legend), 3)) : (0, vue.createCommentVNode)("", true), (0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$52);
 		};
 	}
 });
@@ -2716,7 +2722,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$50 = {
+var _hoisted_1$51 = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "12",
@@ -2810,7 +2816,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$50, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("line", {
+					default: (0, vue.withCtx)(() => [props.isIndeterminate ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$51, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("line", {
 						x1: "5",
 						y1: "12",
 						x2: "19",
@@ -2831,7 +2837,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$49 = ["aria-labelledby", "data-orientation"];
+var _hoisted_1$50 = ["aria-labelledby", "data-orientation"];
 var _hoisted_2$27 = { class: "checkbox-group__wrapper" };
 var _hoisted_3$17 = {
 	key: 1,
@@ -2899,7 +2905,7 @@ var CheckboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					}, 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$49);
+			], 10, _hoisted_1$50);
 		};
 	}
 });
@@ -2960,7 +2966,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$48 = { class: "radio-group__wrapper" };
+var _hoisted_1$49 = { class: "radio-group__wrapper" };
 var _hoisted_2$26 = {
 	key: 1,
 	class: "radio-group__description"
@@ -3011,7 +3017,7 @@ 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$48, [props.items ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(props.items, (item) => {
+					(0, vue.createElementVNode)("div", _hoisted_1$49, [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,
@@ -3119,7 +3125,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$47 = ["aria-labelledby", "data-orientation"];
+var _hoisted_1$48 = ["aria-labelledby", "data-orientation"];
 var _hoisted_2$25 = {
 	key: 1,
 	class: "switch-group__description"
@@ -3186,7 +3192,7 @@ var SwitchGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					}, 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$47);
+			], 10, _hoisted_1$48);
 		};
 	}
 });
@@ -12677,7 +12683,7 @@ 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" };
+var _hoisted_1$47 = { class: "modal__portal" };
 //#endregion
 //#region src/components/modal/ModalContent.vue
 var ModalContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -12703,7 +12709,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.createElementVNode)("div", _hoisted_1$46, [(0, vue.createVNode)(ModalOverlay_default), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogContent), {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$47, [(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,
@@ -13011,7 +13017,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$45 = ["data-placement"];
+var _hoisted_1$46 = ["data-placement"];
 //#endregion
 //#region src/components/alert-dialog/AlertDialogContent.vue
 var AlertDialogContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -13046,7 +13052,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$45)]),
+				}, 8, ["class", "data-placement"])], 10, _hoisted_1$46)]),
 				_: 3
 			});
 		};
@@ -13196,7 +13202,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$44 = {
+var _hoisted_1$45 = {
 	key: 0,
 	"data-slot": "alert-dialog-default-icon",
 	viewBox: "0 0 24 24",
@@ -13258,7 +13264,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$44, [..._cache[0] || (_cache[0] = [
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [resolvedStatus() === "danger" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$45, [..._cache[0] || (_cache[0] = [
 				(0, vue.createElementVNode)("circle", {
 					cx: "12",
 					cy: "12",
@@ -13308,14 +13314,33 @@ var AlertDialogAction_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
-		const slotFns = (0, _auronui_styles.buttonVariants)({
-			variant: props.variant,
-			size: props.size
+		const LEGACY_VARIANTS = {
+			primary: "primary",
+			secondary: "secondary",
+			tertiary: "secondary",
+			danger: "danger",
+			"danger-soft": "danger-soft",
+			success: "success",
+			"success-soft": "success-soft",
+			warning: "warning",
+			"warning-soft": "warning-soft",
+			ghost: "ghost",
+			bordered: "bordered"
+		};
+		const resolvedVariant = (0, vue.computed)(() => {
+			const v = props.variant;
+			if (!v) return v;
+			if (v === "outline") return "bordered";
+			return LEGACY_VARIANTS[v] ?? v;
 		});
+		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.buttonVariants)({
+			variant: resolvedVariant.value,
+			size: props.size
+		}));
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.AlertDialogAction), {
 				"as-child": props.asChild,
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(slotFns).base(), props.class, props.classNames?.base))
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base))
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
@@ -13345,14 +13370,33 @@ var AlertDialogCancel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
-		const slotFns = (0, _auronui_styles.buttonVariants)({
-			variant: props.variant,
-			size: props.size
+		const LEGACY_VARIANTS = {
+			primary: "primary",
+			secondary: "secondary",
+			tertiary: "secondary",
+			danger: "danger",
+			"danger-soft": "danger-soft",
+			success: "success",
+			"success-soft": "success-soft",
+			warning: "warning",
+			"warning-soft": "warning-soft",
+			ghost: "ghost",
+			bordered: "bordered"
+		};
+		const resolvedVariant = (0, vue.computed)(() => {
+			const v = props.variant;
+			if (!v) return v;
+			if (v === "outline") return "bordered";
+			return LEGACY_VARIANTS[v] ?? v;
 		});
+		const slotFns = (0, vue.computed)(() => (0, _auronui_styles.buttonVariants)({
+			variant: resolvedVariant.value,
+			size: props.size
+		}));
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.AlertDialogCancel), {
 				"as-child": props.asChild,
-				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(slotFns).base(), props.class, props.classNames?.base))
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base))
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
@@ -13361,6 +13405,59 @@ var AlertDialogCancel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region ../styles/src/components/drawer/drawer.styles.ts
+var drawerVariants = (0, tailwind_variants.tv)({
+	defaultVariants: {
+		placement: "bottom",
+		variant: "opaque"
+	},
+	slots: {
+		backdrop: "drawer__backdrop",
+		body: "drawer__body",
+		closeTrigger: "drawer__close-trigger",
+		content: "drawer__content",
+		dialog: "drawer__dialog",
+		footer: "drawer__footer",
+		handle: "drawer__handle",
+		header: "drawer__header",
+		heading: "drawer__heading",
+		trigger: "drawer__trigger",
+		dockContainer: "drawer__dock-container",
+		main: "drawer__main"
+	},
+	variants: {
+		inline: { true: { dialog: "drawer__dialog--inline" } },
+		dock: { true: { dialog: "drawer__dialog--dock" } },
+		placement: {
+			bottom: {
+				content: "drawer__content--bottom",
+				dialog: "drawer__dialog--bottom",
+				dockContainer: "drawer__dock-container--bottom"
+			},
+			left: {
+				content: "drawer__content--left",
+				dialog: "drawer__dialog--left",
+				dockContainer: "drawer__dock-container--left"
+			},
+			right: {
+				content: "drawer__content--right",
+				dialog: "drawer__dialog--right",
+				dockContainer: "drawer__dock-container--right"
+			},
+			top: {
+				content: "drawer__content--top",
+				dialog: "drawer__dialog--top",
+				dockContainer: "drawer__dock-container--top"
+			}
+		},
+		variant: {
+			blur: { backdrop: "drawer__backdrop--blur" },
+			opaque: { backdrop: "drawer__backdrop--opaque" },
+			transparent: { backdrop: "drawer__backdrop--transparent" }
+		}
+	}
+});
+//#endregion
 //#region src/components/drawer/drawer.context.ts
 var { useProvide: useDrawerProvide, useInject: useDrawerInject, key: DrawerContextKey } = createContext("Drawer");
 //#endregion
@@ -13387,24 +13484,57 @@ var Drawer_default = (0, vue.defineComponent)({
 		size: {
 			type: String,
 			default: "md"
+		},
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		hideBackdrop: {
+			type: Boolean,
+			default: false
+		},
+		dock: {
+			type: Boolean,
+			default: false
 		}
 	},
 	emits: ["update:open"],
 	setup(props, { slots, emit }) {
+		const styles = drawerVariants();
+		const localPushOpen = (0, vue.ref)(props.defaultOpen ?? false);
+		const dockOpen = (0, vue.computed)(() => props.open !== void 0 ? props.open : localPushOpen.value);
+		function toggleDock() {
+			const next = !dockOpen.value;
+			if (props.open === void 0) localPushOpen.value = next;
+			emit("update:open", next);
+		}
+		function closeDock() {
+			if (props.open === void 0) localPushOpen.value = false;
+			emit("update:open", false);
+		}
 		useDrawerProvide({
 			placement: (0, vue.toRef)(props, "placement"),
-			size: (0, vue.toRef)(props, "size")
+			size: (0, vue.toRef)(props, "size"),
+			inline: (0, vue.toRef)(props, "inline"),
+			hideBackdrop: (0, vue.toRef)(props, "hideBackdrop"),
+			dock: (0, vue.toRef)(props, "dock"),
+			dockOpen,
+			toggleDock,
+			closeDock
 		});
 		const rootProps = (0, vue.computed)(() => {
 			const p = {
 				defaultOpen: props.defaultOpen,
-				modal: props.modal,
+				modal: props.inline || props.hideBackdrop ? false : props.modal,
 				"onUpdate:open": (val) => emit("update:open", val)
 			};
 			if (props.open !== void 0) p.open = props.open;
 			return p;
 		});
-		return () => (0, vue.h)(reka_ui.DialogRoot, rootProps.value, slots);
+		return () => {
+			if (props.dock) return (0, vue.h)("div", { class: styles.dockContainer({ placement: props.placement }) }, slots.default?.());
+			return (0, vue.h)(reka_ui.DialogRoot, rootProps.value, slots);
+		};
 	}
 });
 //#endregion
@@ -13417,60 +13547,27 @@ var DrawerTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	} },
 	setup(__props) {
 		const props = __props;
+		const ctx = useDrawerInject();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogTrigger), { "as-child": props.asChild }, {
+			return (0, vue.unref)(ctx).dock.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
+				key: 0,
+				"as-child": props.asChild,
+				as: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(ctx).toggleDock())
+			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as-child"]);
+			}, 8, ["as-child"])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogTrigger), {
+				key: 1,
+				"as-child": props.asChild
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]));
 		};
 	}
 });
 //#endregion
-//#region ../styles/src/components/drawer/drawer.styles.ts
-var drawerVariants = (0, tailwind_variants.tv)({
-	defaultVariants: {
-		placement: "bottom",
-		variant: "opaque"
-	},
-	slots: {
-		backdrop: "drawer__backdrop",
-		body: "drawer__body",
-		closeTrigger: "drawer__close-trigger",
-		content: "drawer__content",
-		dialog: "drawer__dialog",
-		footer: "drawer__footer",
-		handle: "drawer__handle",
-		header: "drawer__header",
-		heading: "drawer__heading",
-		trigger: "drawer__trigger"
-	},
-	variants: {
-		placement: {
-			bottom: {
-				content: "drawer__content--bottom",
-				dialog: "drawer__dialog--bottom"
-			},
-			left: {
-				content: "drawer__content--left",
-				dialog: "drawer__dialog--left"
-			},
-			right: {
-				content: "drawer__content--right",
-				dialog: "drawer__dialog--right"
-			},
-			top: {
-				content: "drawer__content--top",
-				dialog: "drawer__dialog--top"
-			}
-		},
-		variant: {
-			blur: { backdrop: "drawer__backdrop--blur" },
-			opaque: { backdrop: "drawer__backdrop--opaque" },
-			transparent: { backdrop: "drawer__backdrop--transparent" }
-		}
-	}
-});
-//#endregion
 //#region src/components/drawer/DrawerOverlay.vue
 var DrawerOverlay_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DrawerOverlay",
@@ -13482,6 +13579,9 @@ var DrawerOverlay_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/components/drawer/DrawerContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$44 = ["data-placement", "data-state"];
+//#endregion
 //#region src/components/drawer/DrawerContent.vue
 var DrawerContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DrawerContent",
@@ -13498,22 +13598,86 @@ var DrawerContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const ctx = useDrawerInject();
 		const styles = drawerVariants();
+		const isHorizontal = (0, vue.computed)(() => ctx.placement.value === "left" || ctx.placement.value === "right");
+		const dockTransitionName = (0, vue.computed)(() => isHorizontal.value ? "drawer-dock-h" : "drawer-dock-v");
+		function handlePointerDownOutside(event) {
+			if (ctx.hideBackdrop.value) {
+				event.preventDefault();
+				return;
+			}
+			emit("pointer-down-outside", event);
+		}
+		function handleInteractOutside(event) {
+			if (ctx.hideBackdrop.value) {
+				event.preventDefault();
+				return;
+			}
+			emit("interact-outside", event);
+		}
+		function handleEscapeKeyDown(event) {
+			if (ctx.hideBackdrop.value) {
+				event.preventDefault();
+				return;
+			}
+			emit("escape-key-down", event);
+		}
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogPortal), null, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(DrawerOverlay_default), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogContent), {
+			return (0, vue.unref)(ctx).dock.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
+				key: 0,
+				name: dockTransitionName.value
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("div", {
+					class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).dialog({
+						placement: (0, vue.unref)(ctx).placement.value,
+						dock: true
+					}), props.class)),
+					"data-placement": (0, vue.unref)(ctx).placement.value,
+					"data-state": (0, vue.unref)(ctx).dockOpen.value ? "open" : "closed"
+				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1$44), [[vue.vShow, (0, vue.unref)(ctx).dockOpen.value]])]),
+				_: 3
+			}, 8, ["name"])) : (0, vue.unref)(ctx).inline.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogContent), {
+				key: 1,
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).dialog({
+					placement: (0, vue.unref)(ctx).placement.value,
+					inline: true
+				}), props.class)),
+				"data-placement": (0, vue.unref)(ctx).placement.value,
+				onPointerDownOutside: handlePointerDownOutside,
+				onInteractOutside: handleInteractOutside,
+				onEscapeKeyDown: handleEscapeKeyDown,
+				onOpenAutoFocus: _cache[0] || (_cache[0] = ($event) => emit("open-auto-focus", $event)),
+				onCloseAutoFocus: _cache[1] || (_cache[1] = ($event) => emit("close-auto-focus", $event))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class", "data-placement"])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogPortal), { key: 2 }, {
+				default: (0, vue.withCtx)(() => [!(0, vue.unref)(ctx).hideBackdrop.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(DrawerOverlay_default, { key: 0 })) : (0, vue.createCommentVNode)("", true), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogContent), {
 					class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).dialog({ placement: (0, vue.unref)(ctx).placement.value }), props.class)),
 					"data-placement": (0, vue.unref)(ctx).placement.value,
-					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
-					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
-					onInteractOutside: _cache[2] || (_cache[2] = ($event) => emit("interact-outside", $event)),
-					onOpenAutoFocus: _cache[3] || (_cache[3] = ($event) => emit("open-auto-focus", $event)),
-					onCloseAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("close-auto-focus", $event))
+					onPointerDownOutside: handlePointerDownOutside,
+					onInteractOutside: handleInteractOutside,
+					onEscapeKeyDown: handleEscapeKeyDown,
+					onOpenAutoFocus: _cache[2] || (_cache[2] = ($event) => emit("open-auto-focus", $event)),
+					onCloseAutoFocus: _cache[3] || (_cache[3] = ($event) => emit("close-auto-focus", $event))
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 					_: 3
 				}, 8, ["class", "data-placement"])]),
 				_: 3
-			});
+			}));
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/DrawerMain.vue
+var DrawerMain_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerMain",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const styles = drawerVariants();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).main(), props.class)) }, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
 		};
 	}
 });
@@ -13569,15 +13733,26 @@ var DrawerClose_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
+		const ctx = useDrawerInject();
 		const styles = drawerVariants();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogClose), {
+			return (0, vue.unref)(ctx).dock.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
+				key: 0,
+				"as-child": props.asChild,
+				as: "button",
+				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).closeTrigger(), props.class)),
+				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(ctx).closeDock())
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child", "class"])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogClose), {
+				key: 1,
 				"as-child": props.asChild,
 				class: (0, vue.normalizeClass)((0, vue.unref)(composeClassName)((0, vue.unref)(styles).closeTrigger(), props.class))
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as-child", "class"]);
+			}, 8, ["as-child", "class"]));
 		};
 	}
 });
@@ -28178,6 +28353,7 @@ exports.DrawerClose = DrawerClose_default;
 exports.DrawerContent = DrawerContent_default;
 exports.DrawerFooter = DrawerFooter_default;
 exports.DrawerHeader = DrawerHeader_default;
+exports.DrawerMain = DrawerMain_default;
 exports.DrawerOverlay = DrawerOverlay_default;
 exports.DrawerTitle = DrawerTitle_default;
 exports.DrawerTrigger = DrawerTrigger_default;