@auronui/vue 1.0.15 → 1.0.16

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) {
@@ -15569,7 +15815,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 +16772,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 +17440,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 +22030,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 +22143,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 +22274,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 +22312,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 +22362,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 +22417,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 +22469,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 +22530,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 +22572,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 +22605,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 +22634,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 +22662,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 +22690,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 +22743,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 +22809,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 +22880,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 +22962,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 +23117,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 +23215,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 +23319,13 @@ var Meter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		formatOptions: {},
 		size: {},
 		color: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {
@@ -22963,7 +23392,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 +24183,13 @@ var CalendarYearPicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		calendarLabel: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -23917,7 +24358,13 @@ var Calendar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		calendarLabel: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -24276,7 +24723,13 @@ var RangeCalendar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		calendarLabel: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -24721,7 +25174,13 @@ var DateInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		defaultValue: {},
 		placeholderValue: {},
@@ -25032,7 +25491,13 @@ var DateRangeField_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		defaultValue: {},
 		placeholderValue: {},
@@ -25366,7 +25831,13 @@ var TimeField_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		defaultValue: {},
 		placeholderValue: {},
@@ -25683,7 +26154,13 @@ var DatePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -25949,7 +26426,13 @@ var DateRangePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": {},
@@ -26353,7 +26836,13 @@ var DateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		name: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		granularity: { default: "minute" },
 		hourCycle: {},