@coopdigital/react 1.19.1 → 1.21.0

package/dist/components/icons/LoadingIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/LoadingIcon.tsx
 const LoadingIcon = ({ 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": "loading",
@@ -12,7 +12,10 @@ const LoadingIcon = ({ 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/LocationFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/LocationFilledIcon.tsx
 const LocationFilledIcon = ({ 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": "location-filled",
@@ -12,7 +12,10 @@ const LocationFilledIcon = ({ 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/LocationIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/LocationIcon.tsx
 const LocationIcon = ({ 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": "location",
@@ -12,7 +12,10 @@ const LocationIcon = ({ 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/LogoutIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/LogoutIcon.tsx
 const LogoutIcon = ({ 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": "logout",
@@ -12,7 +12,10 @@ const LogoutIcon = ({ 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/MailIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/MailIcon.tsx
 const MailIcon = ({ 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": "mail",
@@ -12,7 +12,10 @@ const MailIcon = ({ 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/MenuIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/MenuIcon.tsx
 const MenuIcon = ({ 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": "menu",
@@ -12,7 +12,10 @@ const MenuIcon = ({ 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/MessageIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/MessageIcon.tsx
 const MessageIcon = ({ 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": "message",
@@ -12,7 +12,10 @@ const MessageIcon = ({ 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/MinusIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/MinusIcon.tsx
 const MinusIcon = ({ 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": "minus",
@@ -12,7 +12,10 @@ const MinusIcon = ({ 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/NotesFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/NotesFilledIcon.tsx
 const NotesFilledIcon = ({ 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": "notes-filled",
@@ -12,7 +12,10 @@ const NotesFilledIcon = ({ 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/NotesIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/NotesIcon.tsx
 const NotesIcon = ({ 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": "notes",
@@ -12,7 +12,10 @@ const NotesIcon = ({ 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/OpenNewIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/OpenNewIcon.tsx
 const OpenNewIcon = ({ 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": "open-new",
@@ -12,7 +12,10 @@ const OpenNewIcon = ({ 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/OwnBagIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/OwnBagIcon.tsx
 const OwnBagIcon = ({ 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": "own-bag",
@@ -12,7 +12,10 @@ const OwnBagIcon = ({ 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/PadlockIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/PadlockIcon.tsx
 const PadlockIcon = ({ 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": "padlock",
@@ -12,7 +12,10 @@ const PadlockIcon = ({ 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/PencilIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/PencilIcon.tsx
 const PencilIcon = ({ 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": "pencil",
@@ -12,7 +12,10 @@ const PencilIcon = ({ 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/PhoneIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/PhoneIcon.tsx
 const PhoneIcon = ({ 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": "phone",
@@ -12,7 +12,10 @@ const PhoneIcon = ({ 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/PowerIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/PowerIcon.tsx
 const PowerIcon = ({ 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": "power",
@@ -12,7 +12,10 @@ const PowerIcon = ({ 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/SaveFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/SaveFilledIcon.tsx
 const SaveFilledIcon = ({ 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": "save-filled",
@@ -12,7 +12,10 @@ const SaveFilledIcon = ({ 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/SaveIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/SaveIcon.tsx
 const SaveIcon = ({ 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": "save",
@@ -12,7 +12,10 @@ const SaveIcon = ({ 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/ScooterIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/ScooterIcon.tsx
 const ScooterIcon = ({ 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": "scooter",
@@ -12,7 +12,10 @@ const ScooterIcon = ({ 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/SearchFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/SearchFilledIcon.tsx
 const SearchFilledIcon = ({ 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": "search-filled",
@@ -12,7 +12,10 @@ const SearchFilledIcon = ({ 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/SearchIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/SearchIcon.tsx
 const SearchIcon = ({ 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": "search",
@@ -12,7 +12,10 @@ const SearchIcon = ({ 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/SendIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/SendIcon.tsx
 const SendIcon = ({ 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": "send",
@@ -12,7 +12,10 @@ const SendIcon = ({ 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/SpannerIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/SpannerIcon.tsx
 const SpannerIcon = ({ 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": "spanner",
@@ -12,7 +12,10 @@ const SpannerIcon = ({ 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/StarFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/StarFilledIcon.tsx
 const StarFilledIcon = ({ 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": "star-filled",
@@ -12,7 +12,10 @@ const StarFilledIcon = ({ 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/StarIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/StarIcon.tsx
 const StarIcon = ({ 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": "star",
@@ -12,7 +12,10 @@ const StarIcon = ({ 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/TickAltFilledIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/TickAltFilledIcon.tsx
 const TickAltFilledIcon = ({ 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": "tick-alt-filled",
@@ -12,7 +12,10 @@ const TickAltFilledIcon = ({ 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/TickAltIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/TickAltIcon.tsx
 const TickAltIcon = ({ 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": "tick-alt",
@@ -12,7 +12,10 @@ const TickAltIcon = ({ 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/TickIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/TickIcon.tsx
 const TickIcon = ({ 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": "tick",
@@ -12,7 +12,10 @@ const TickIcon = ({ 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/TruckIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/TruckIcon.tsx
 const TruckIcon = ({ 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": "truck",
@@ -12,7 +12,10 @@ const TruckIcon = ({ 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/UserWipeIcon.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/UserWipeIcon.tsx
 const UserWipeIcon = ({ 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": "user-wipe",
@@ -12,7 +12,10 @@ const UserWipeIcon = ({ 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",