@auronui/vue 1.0.15 → 1.0.17

package/dist/cjs/index.cjs

@@ -499,7 +499,13 @@ var Skeleton_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Skeleton",
 	props: {
 		animationType: { default: "shimmer" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -623,7 +629,13 @@ var Kbd_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Kbd",
 	props: {
 		variant: { default: "default" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -646,7 +658,13 @@ var Badge_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		size: { default: "md" },
 		variant: { default: "primary" },
 		placement: { default: "top-right" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -682,7 +700,13 @@ var Chip_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		closeAriaLabel: { default: "Remove" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["close"],
@@ -801,7 +825,13 @@ var Card_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["press"],
@@ -861,7 +891,13 @@ var CardHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -886,7 +922,13 @@ var CardHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var CardBody_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "CardBody",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -915,7 +957,13 @@ var CardFooter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -996,7 +1044,13 @@ var Button_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		as: { default: "button" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		value: { default: void 0 }
 	},
@@ -1096,7 +1150,13 @@ var ButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		orientation: { default: "horizontal" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		selectionMode: { default: "single" },
 		modelValue: { default: void 0 }
@@ -1324,7 +1384,13 @@ var ToggleButtonGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		selectionMode: { default: "multiple" },
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:modelValue"],
@@ -1391,7 +1457,13 @@ var Link_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		},
 		color: {},
 		underline: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -1957,7 +2029,13 @@ var Input_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": { default: "" },
@@ -2206,7 +2284,13 @@ var Textarea_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": { default: "" },
@@ -2389,7 +2473,13 @@ var NumberField_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		placeholder: {},
 		label: { default: void 0 },
 		ariaLabel: { default: void 0 },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -2585,7 +2675,13 @@ var Checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		name: { default: void 0 },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:modelValue"],
@@ -2721,7 +2817,16 @@ var Radio_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {
@@ -2844,7 +2949,13 @@ var Switch_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		name: { default: void 0 },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:modelValue"],
@@ -2982,7 +3093,16 @@ var InputOTP_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		defaultValue: { default: void 0 },
 		name: { default: void 0 },
 		variant: { default: "primary" },
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	emits: ["update:modelValue", "complete"],
@@ -13049,7 +13169,13 @@ var AlertDialogAction_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: {
 		variant: { default: "danger" },
 		size: { default: "md" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		asChild: {
 			type: Boolean,
@@ -13080,7 +13206,13 @@ var AlertDialogCancel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: {
 		variant: { default: "secondary" },
 		size: { default: "md" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		asChild: {
 			type: Boolean,
@@ -13360,7 +13492,13 @@ var Tabs_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		orientation: { default: "horizontal" },
 		variant: { default: "primary" },
 		activationMode: { default: "automatic" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:modelValue"],
@@ -13417,7 +13555,13 @@ var TabList_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: {
 		loop: { type: Boolean },
 		overflow: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -13693,7 +13837,13 @@ var Tab_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: {
 		value: {},
 		disabled: { type: Boolean },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -13724,7 +13874,13 @@ var TabPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: {
 		value: {},
 		forceMount: { type: Boolean },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -13751,7 +13907,13 @@ var TabPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var TabIndicator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "TabIndicator",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -13783,7 +13945,13 @@ var Accordion_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		},
 		variant: { default: "default" },
 		size: { default: "md" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:modelValue"],
@@ -13830,7 +13998,13 @@ var AccordionItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: {
 		value: {},
 		disabled: { type: Boolean },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -13860,7 +14034,13 @@ var AccordionItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var AccordionHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "AccordionHeader",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -13879,7 +14059,13 @@ var AccordionHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var AccordionTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "AccordionTrigger",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -13913,7 +14099,13 @@ var AccordionTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var AccordionContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "AccordionContent",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -13982,7 +14174,13 @@ var Collapsible_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:open"],
@@ -14043,7 +14241,13 @@ var _hoisted_1$41 = ["data-state"];
 var CollapsibleTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "CollapsibleTrigger",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -14078,7 +14282,13 @@ var CollapsibleTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var CollapsibleContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "CollapsibleContent",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -14130,7 +14340,13 @@ var CollapsibleGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -14165,7 +14381,13 @@ var Breadcrumbs_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Breadcrumbs",
 	props: {
 		maxItems: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -14241,7 +14463,13 @@ var BreadcrumbItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -15040,7 +15268,16 @@ var ListBox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: {}
 	},
 	emits: ["update:modelValue"],
@@ -15063,7 +15300,7 @@ var ListBox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				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.base(), props.class, props.classNames?.base) }), {
+				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"])]),
@@ -15090,7 +15327,16 @@ var ListBoxItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		variant: { default: void 0 },
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {
@@ -15228,6 +15474,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,
@@ -15237,7 +15496,8 @@ 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", {
@@ -15413,6 +15673,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, {
@@ -15430,7 +15693,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")]),
@@ -15569,7 +15833,13 @@ var Select_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
@@ -16520,7 +16790,16 @@ var ComboBox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	emits: ["update:modelValue", "update:open"],
@@ -17179,7 +17458,13 @@ var Autocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
@@ -21763,7 +22048,13 @@ var Table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var TableRow_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "TableRow",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -21870,7 +22161,13 @@ var Avatar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -21995,7 +22292,16 @@ var AspectRatio_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "AspectRatio",
 	props: {
 		ratio: { default: 1 },
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: {}
 	},
 	setup(__props) {
@@ -22024,7 +22330,16 @@ var SplitterGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		id: { default: void 0 },
 		direction: { default: "horizontal" },
 		autoSaveId: { default: void 0 },
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {
@@ -22065,7 +22380,16 @@ var SplitterPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		},
 		collapsedSize: { default: void 0 },
 		order: { default: void 0 },
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	emits: ["collapse", "expand"],
@@ -22111,7 +22435,16 @@ var SplitterResizeHandle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	emits: ["dragging"],
@@ -22154,7 +22487,16 @@ var Stepper_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		orientation: { default: "horizontal" },
 		size: { default: "md" },
 		color: { default: "accent" },
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: {}
 	},
 	emits: ["update:modelValue"],
@@ -22206,7 +22548,16 @@ var StepperItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "StepperItem",
 	props: {
 		step: {},
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {
@@ -22239,7 +22590,16 @@ var StepperItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var StepperIndicator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "StepperIndicator",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {
@@ -22263,7 +22623,16 @@ var StepperIndicator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var StepperTitle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "StepperTitle",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {
@@ -22283,7 +22652,16 @@ var StepperTitle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var StepperDescription_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "StepperDescription",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {
@@ -22302,7 +22680,16 @@ var StepperDescription_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var StepperContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "StepperContent",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: {}
 	},
 	setup(__props) {
@@ -22321,7 +22708,16 @@ var StepperContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 var StepperSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "StepperSeparator",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {
@@ -22365,7 +22761,16 @@ var Tree_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		size: { default: "md" },
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: {}
 	},
 	emits: ["update:modelValue", "update:expanded"],
@@ -22422,7 +22827,16 @@ var TreeItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: {
 		value: {},
 		level: {},
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	emits: ["select", "toggle"],
@@ -22484,7 +22898,16 @@ var TreeItemToggle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: true
 		},
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: {}
 	},
 	setup(__props) {
@@ -22557,7 +22980,13 @@ var Slider_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:modelValue"],
@@ -22706,7 +23135,13 @@ var ProgressBar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -22798,7 +23233,13 @@ var ProgressCircle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -22896,7 +23337,13 @@ var Meter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		formatOptions: {},
 		size: {},
 		color: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -22963,7 +23410,13 @@ var ScrollShadow_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		size: { default: 40 },
 		offset: { default: 0 },
 		visibility: { default: "auto" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -23748,7 +24201,13 @@ var CalendarYearPicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		calendarLabel: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -23917,7 +24376,13 @@ var Calendar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		calendarLabel: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -24276,7 +24741,13 @@ var RangeCalendar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		calendarLabel: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -24721,7 +25192,13 @@ var DateInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		defaultValue: {},
 		placeholderValue: {},
@@ -25032,7 +25509,13 @@ var DateRangeField_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		defaultValue: {},
 		placeholderValue: {},
@@ -25366,7 +25849,13 @@ var TimeField_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		defaultValue: {},
 		placeholderValue: {},
@@ -25683,7 +26172,13 @@ var DatePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -25949,7 +26444,13 @@ var DateRangePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -26353,7 +26854,13 @@ var DateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		name: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		granularity: { default: "minute" },
 		hourCycle: {},