@coopdigital/react 1.19.1 → 1.21.0

package/dist/components/icons/ContactlessIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/ContactlessIcon.tsx
 const ContactlessIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "contactless",
@@ -12,7 +12,10 @@ const ContactlessIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/CoopLiveIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/CoopLiveIcon.tsx
 const CoopLiveIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "coop-live",
@@ -12,7 +12,10 @@ const CoopLiveIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [
 			alt ? /* @__PURE__ */ jsx("title", {

package/dist/components/icons/CoopLocationFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/CoopLocationFilledIcon.tsx
 const CoopLocationFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "coop-location-filled",
@@ -12,7 +12,10 @@ const CoopLocationFilledIcon = ({ alt, className, fill, id, ref, ...props }) =>
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [
 			alt ? /* @__PURE__ */ jsx("title", {

package/dist/components/icons/CoopLogoIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/CoopLogoIcon.tsx
 const CoopLogoIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "coop-logo",
@@ -12,7 +12,10 @@ const CoopLogoIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/CoopMembershipCardFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/CoopMembershipCardFilledIcon.tsx
 const CoopMembershipCardFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "coop-membership-card-filled",
@@ -12,7 +12,10 @@ const CoopMembershipCardFilledIcon = ({ alt, className, fill, id, ref, ...props
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [
 			alt ? /* @__PURE__ */ jsx("title", {

package/dist/components/icons/CreditCardFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/CreditCardFilledIcon.tsx
 const CreditCardFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "credit-card-filled",
@@ -12,7 +12,10 @@ const CreditCardFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [
 			alt ? /* @__PURE__ */ jsx("title", {

package/dist/components/icons/CreditCardIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/CreditCardIcon.tsx
 const CreditCardIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "credit-card",
@@ -12,7 +12,10 @@ const CreditCardIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/CrossIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/CrossIcon.tsx
 const CrossIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "cross",
@@ -12,7 +12,10 @@ const CrossIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/DocumentIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/DocumentIcon.tsx
 const DocumentIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "document",
@@ -12,7 +12,10 @@ const DocumentIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/DownloadIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/DownloadIcon.tsx
 const DownloadIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "download",
@@ -12,7 +12,10 @@ const DownloadIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/EnterStoreIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/EnterStoreIcon.tsx
 const EnterStoreIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "enter-store",
@@ -12,7 +12,10 @@ const EnterStoreIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/ExitStoreIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/ExitStoreIcon.tsx
 const ExitStoreIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "exit-store",
@@ -12,7 +12,10 @@ const ExitStoreIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/EyeFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/EyeFilledIcon.tsx
 const EyeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "eye-filled",
@@ -12,7 +12,10 @@ const EyeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/EyeIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/EyeIcon.tsx
 const EyeIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "eye",
@@ -12,7 +12,10 @@ const EyeIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/EyeStrikeFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/EyeStrikeFilledIcon.tsx
 const EyeStrikeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "eye-strike-filled",
@@ -12,7 +12,10 @@ const EyeStrikeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/EyeStrikeIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/EyeStrikeIcon.tsx
 const EyeStrikeIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "eye-strike",
@@ -12,7 +12,10 @@ const EyeStrikeIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/FeedbackFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/FeedbackFilledIcon.tsx
 const FeedbackFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "feedback-filled",
@@ -12,7 +12,10 @@ const FeedbackFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/FeedbackIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/FeedbackIcon.tsx
 const FeedbackIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "feedback",
@@ -12,7 +12,10 @@ const FeedbackIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/FilterIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/FilterIcon.tsx
 const FilterIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "filter",
@@ -12,7 +12,10 @@ const FilterIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/GiftCardFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/GiftCardFilledIcon.tsx
 const GiftCardFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "gift-card-filled",
@@ -12,7 +12,10 @@ const GiftCardFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/GiftCardIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/GiftCardIcon.tsx
 const GiftCardIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "gift-card",
@@ -12,7 +12,10 @@ const GiftCardIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/GiftFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/GiftFilledIcon.tsx
 const GiftFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "gift-filled",
@@ -12,7 +12,10 @@ const GiftFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/GiftIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/GiftIcon.tsx
 const GiftIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "gift",
@@ -12,7 +12,10 @@ const GiftIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/HelpFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/HelpFilledIcon.tsx
 const HelpFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "help-filled",
@@ -12,7 +12,10 @@ const HelpFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/HelpIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/HelpIcon.tsx
 const HelpIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "help",
@@ -12,7 +12,10 @@ const HelpIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/HomeFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/HomeFilledIcon.tsx
 const HomeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "home-filled",
@@ -12,7 +12,10 @@ const HomeFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/HomeIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/HomeIcon.tsx
 const HomeIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "home",
@@ -12,7 +12,10 @@ const HomeIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/HowDoIAssistantIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/HowDoIAssistantIcon.tsx
 const HowDoIAssistantIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "how-do-I-assistant",
@@ -12,7 +12,10 @@ const HowDoIAssistantIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/InfoIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/InfoIcon.tsx
 const InfoIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "info",
@@ -12,7 +12,10 @@ const InfoIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",

package/dist/components/icons/KebabIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/KebabIcon.tsx
 const KebabIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
-	return /* @__PURE__ */ jsxs("svg", {
+	const componentProps = {
 		"aria-labelledby": alt ? uid + "__title" : void 0,
 		className: clsx("coop-icon", className),
 		"data-icon": "kebab",
@@ -12,7 +12,10 @@ const KebabIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		id: uid,
 		role: alt ? "img" : void 0,
 		viewBox: "0 0 32 32",
-		...props,
+		...props
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		...componentProps,
 		ref,
 		children: [alt ? /* @__PURE__ */ jsx("title", {
 			id: uid + "__title",