Update prop expansion on components

lib/component/button/Button.tsx

@@ -19,7 +19,6 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
 			data-testid="mattrixwv-button"
 			ref={ref}
 			type={type}
-			{...buttonProps}
 			disabled={disabled}
 			className={clsx(
 				className,
@@ -57,6 +56,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"cursor-not-allowed opacity-75": disabled
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/DangerButton.tsx

@@ -14,7 +14,6 @@ const DangerButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-danger-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -42,6 +41,7 @@ const DangerButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-danger hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/DarkButton.tsx

@@ -13,7 +13,6 @@ const DarkButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-dark-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const DarkButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-dark hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/InfoButton.tsx

@@ -13,7 +13,6 @@ const InfoButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-info-button"
-			{...buttonProps}
 			variant={variant}
 			disabled={disabled}
 			ref={ref}
@@ -41,6 +40,7 @@ const InfoButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-info hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/LightButton.tsx

@@ -13,7 +13,6 @@ const LightButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-light-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const LightButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-light hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/MoltenButton.tsx

@@ -13,7 +13,6 @@ const MoltenButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-molten-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const MoltenButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-molten hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/PrimaryButton.tsx

@@ -13,7 +13,6 @@ const PrimaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-primary-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const PrimaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-primary hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/SecondaryButton.tsx

@@ -13,7 +13,6 @@ const SecondaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-secondary-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const SecondaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-secondary hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/SuccessButton.tsx

@@ -13,7 +13,6 @@ const SuccessButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-success-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const SuccessButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-success hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/TertiaryButton.tsx

@@ -13,7 +13,6 @@ const TertiaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-tertiary-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const TertiaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-tertiary hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/WarningButton.tsx

@@ -13,7 +13,6 @@ const WarningButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-warning-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const WarningButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-warning hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/input/checkbox/DangerCheckbox.tsx

@@ -19,8 +19,8 @@ const DangerCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/DarkCheckbox.tsx

@@ -19,8 +19,8 @@ const DarkCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/InfoCheckbox.tsx

@@ -19,8 +19,8 @@ const InfoCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/LightCheckbox.tsx

@@ -19,8 +19,8 @@ const LightCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/MoltenCheckbox.tsx

@@ -19,8 +19,8 @@ const MoltenCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/PrimaryCheckbox.tsx

@@ -19,8 +19,8 @@ const PrimaryCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/SecondaryCheckbox.tsx

@@ -19,8 +19,8 @@ const SecondaryCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/SuccessCheckbox.tsx

@@ -19,8 +19,8 @@ const SuccessCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/TertiaryCheckbox.tsx

@@ -19,8 +19,8 @@ const TertiaryCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/checkbox/WarningCheckbox.tsx

@@ -19,8 +19,8 @@ const WarningCheckbox = forwardRef<HTMLInputElement, CheckboxProps>(({
 				}
 			)}
 			showBox={showBox}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/radio/DarkRadioButton.tsx

@@ -14,8 +14,8 @@ const DarkRadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(({
 				"group-data-checked:bg-dark",
 				className
 			)}
-			{...props}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/DangerSwitch.tsx

@@ -12,7 +12,6 @@ const DangerSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-neutral-mid",
 				className,
@@ -30,6 +29,7 @@ const DangerSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/DarkSwitch.tsx

@@ -12,7 +12,6 @@ const DarkSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-neutral-mid",
 				className,
@@ -30,6 +29,7 @@ const DarkSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/InfoSwitch.tsx

@@ -12,7 +12,6 @@ const InfoSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-gray-400",
 				className,
@@ -30,6 +29,7 @@ const InfoSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/LightSwitch.tsx

@@ -12,7 +12,6 @@ const LightSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-neutral-mid",
 				className,
@@ -30,6 +29,7 @@ const LightSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/MoltenSwitch.tsx

@@ -12,7 +12,6 @@ const MoltenSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-neutral-mid",
 				className,
@@ -30,6 +29,7 @@ const MoltenSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/PrimarySwitch.tsx

@@ -12,7 +12,6 @@ const PrimarySwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-neutral-mid",
 				className,
@@ -30,6 +29,7 @@ const PrimarySwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/SecondarySwitch.tsx

@@ -12,7 +12,6 @@ const SecondarySwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-neutral-mid",
 				className,
@@ -30,6 +29,7 @@ const SecondarySwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/SuccessDangerSwitch.tsx

@@ -12,7 +12,6 @@ const SuccessDangerSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				className,
 				{
@@ -29,6 +28,7 @@ const SuccessDangerSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/SuccessSwitch.tsx

@@ -12,7 +12,6 @@ const SuccessSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-neutral-mid",
 				className,
@@ -30,6 +29,7 @@ const SuccessSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/TertiarySwitch.tsx

@@ -12,7 +12,6 @@ const TertiarySwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-gray-400",
 				className,
@@ -30,6 +29,7 @@ const TertiarySwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/input/switch/WarningSwitch.tsx

@@ -12,7 +12,6 @@ const WarningSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 }, ref ) => {
 	return (
 		<MattrixwvSwitch
-			{...props}
 			className={clsx(
 				"bg-neutral-mid",
 				className,
@@ -30,6 +29,7 @@ const WarningSwitch = forwardRef<HTMLButtonElement, MattrixwvSwitchProps>(({
 			)}
 			disabled={disabled}
 			ref={ref}
+			{...props}
 		/>
 	);
 });

lib/component/message/DangerMessageBlock.tsx

@@ -11,12 +11,12 @@ const DangerMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-danger-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-danger-xlight text-danger-dark"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/DarkMessageBlock.tsx

@@ -11,12 +11,12 @@ const DarkMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-dark-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-dark text-dark-xlight"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/InfoMessageBlock.tsx

@@ -11,12 +11,12 @@ const InfoMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-info-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-info-xlight text-info-xdark"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/LightMessageBlock.tsx

@@ -11,12 +11,12 @@ const LightMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-light-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-white text-black"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/MessageBlock.tsx

@@ -12,7 +12,6 @@ const MessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<div
 			data-testid="mattrixwv-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"px-4 py-2",
@@ -32,6 +31,7 @@ const MessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 				}
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/MoltenMessageBlock.tsx

@@ -11,12 +11,12 @@ const MoltenMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-molten-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-molten-xlight text-molten-mid"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/PrimaryMessageBlock.tsx

@@ -11,12 +11,12 @@ const PrimaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-primary-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-primary-xlight text-primary-dark"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/SecondaryMessageBlock.tsx

@@ -11,12 +11,12 @@ const SecondaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-secondary-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-secondary-xlight text-secondary-mid"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/SuccessMessageBlock.tsx

@@ -11,12 +11,12 @@ const SuccessMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-success-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-success-xlight text-success-mid"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/TertiaryMessageBlock.tsx

@@ -11,12 +11,12 @@ const TertiaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-tertiary-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-tertiary-xlight text-tertiary-mid"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/WarningMessageBlock.tsx

@@ -11,12 +11,12 @@ const WarningMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-warning-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-warning-xlight text-warning-dark"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });