@coopdigital/react 1.12.0 → 1.13.0

package/dist/components/icons/EyeFilledIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "eye-filled",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16.001 6C23.126 6 29.019 10.346 30 16c-.98 5.654-6.874 10-13.999 10S2.981 21.654 2 16c.98-5.654 6.875-10 14.001-10M16 10a6 6 0 1 0 0 12 6 6 0 0 0 0-12m0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "eye-filled",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M16.001 6C23.126 6 29.019 10.346 30 16c-.98 5.654-6.874 10-13.999 10S2.981 21.654 2 16c.98-5.654 6.875-10 14.001-10M16 10a6 6 0 1 0 0 12 6 6 0 0 0 0-12m0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8" })]
+	});
 };
-
+//#endregion
 export { EyeFilledIcon };

package/dist/components/icons/EyeIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/EyeIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const EyeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const EyeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { EyeIcon };

package/dist/components/icons/EyeIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "eye",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M16.001 6C23.126 6 29.019 10.346 30 16c-.98 5.654-6.874 10-13.999 10S2.981 21.654 2 16c.98-5.654 6.875-10 14.001-10m0 1.894c-6.307 0-11.115 3.73-12.07 8.106.955 4.376 5.763 8.106 12.07 8.106 6.306 0 11.112-3.73 12.067-8.106-.924-4.236-5.457-7.867-11.466-8.095zM16 10a6 6 0 1 1 0 12 6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "eye",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M16.001 6C23.126 6 29.019 10.346 30 16c-.98 5.654-6.874 10-13.999 10S2.981 21.654 2 16c.98-5.654 6.875-10 14.001-10m0 1.894c-6.307 0-11.115 3.73-12.07 8.106.955 4.376 5.763 8.106 12.07 8.106 6.306 0 11.112-3.73 12.067-8.106-.924-4.236-5.457-7.867-11.466-8.095zM16 10a6 6 0 1 1 0 12 6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8" })]
+	});
 };
-
+//#endregion
 export { EyeIcon };

package/dist/components/icons/EyeStrikeFilledIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/EyeStrikeFilledIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const EyeStrikeFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const EyeStrikeFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { EyeStrikeFilledIcon };

package/dist/components/icons/EyeStrikeFilledIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "eye-strike-filled",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.414 0l21.921 21.92a1 1 0 0 1-1.415 1.415l-3.558-3.558A16.6 16.6 0 0 1 16.001 26C8.875 26 2.981 21.654 2 16c.467-2.691 2.047-5.086 4.344-6.856L3.707 6.507a1 1 0 0 1 0-1.414M16 6c7.125 0 13.02 4.346 14 10-.466 2.685-2.041 5.073-4.33 6.843l-4.256-4.257a6 6 0 0 0-8.001-8.002L9.95 7.12A16.6 16.6 0 0 1 16 6m-5.406 7.393a6 6 0 0 0 8.01 8.012l-1.547-1.548a3.998 3.998 0 0 1-4.915-4.915zM16 12a4 4 0 0 1 3.863 5.035l-4.9-4.9Q15.462 12.003 16 12" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "eye-strike-filled",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.414 0l21.921 21.92a1 1 0 0 1-1.415 1.415l-3.558-3.558A16.6 16.6 0 0 1 16.001 26C8.875 26 2.981 21.654 2 16c.467-2.691 2.047-5.086 4.344-6.856L3.707 6.507a1 1 0 0 1 0-1.414M16 6c7.125 0 13.02 4.346 14 10-.466 2.685-2.041 5.073-4.33 6.843l-4.256-4.257a6 6 0 0 0-8.001-8.002L9.95 7.12A16.6 16.6 0 0 1 16 6m-5.406 7.393a6 6 0 0 0 8.01 8.012l-1.547-1.548a3.998 3.998 0 0 1-4.915-4.915zM16 12a4 4 0 0 1 3.863 5.035l-4.9-4.9Q15.462 12.003 16 12" })]
+	});
 };
-
+//#endregion
 export { EyeStrikeFilledIcon };

package/dist/components/icons/EyeStrikeIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/EyeStrikeIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const EyeStrikeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const EyeStrikeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { EyeStrikeIcon };

package/dist/components/icons/EyeStrikeIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "eye-strike",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.414 0l21.921 21.92a1 1 0 0 1-1.415 1.415l-3.558-3.558A16.6 16.6 0 0 1 16.001 26C8.875 26 2.981 21.654 2 16c.467-2.691 2.047-5.086 4.344-6.856L3.707 6.507a1 1 0 0 1 0-1.414m3.991 5.405c-1.967 1.46-3.31 3.406-3.767 5.502.955 4.376 5.763 8.106 12.07 8.106 1.648 0 3.192-.257 4.593-.713l-1.99-1.988a6 6 0 0 1-8.01-8.012zM16 6c7.125 0 13.02 4.346 14 10-.466 2.685-2.041 5.073-4.33 6.843l-1.352-1.353c1.958-1.46 3.294-3.4 3.75-5.49-.955-4.376-5.761-8.106-12.068-8.106-1.64 0-3.178.253-4.573.704L9.949 7.12A16.6 16.6 0 0 1 16 6m-3.858 8.942a4 4 0 0 0 4.915 4.915zM16 10a6 6 0 0 1 5.414 8.586l-1.55-1.55q.134-.498.136-1.036a4 4 0 0 0-5.036-3.864l-1.55-1.552A6 6 0 0 1 16 10" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "eye-strike",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.414 0l21.921 21.92a1 1 0 0 1-1.415 1.415l-3.558-3.558A16.6 16.6 0 0 1 16.001 26C8.875 26 2.981 21.654 2 16c.467-2.691 2.047-5.086 4.344-6.856L3.707 6.507a1 1 0 0 1 0-1.414m3.991 5.405c-1.967 1.46-3.31 3.406-3.767 5.502.955 4.376 5.763 8.106 12.07 8.106 1.648 0 3.192-.257 4.593-.713l-1.99-1.988a6 6 0 0 1-8.01-8.012zM16 6c7.125 0 13.02 4.346 14 10-.466 2.685-2.041 5.073-4.33 6.843l-1.352-1.353c1.958-1.46 3.294-3.4 3.75-5.49-.955-4.376-5.761-8.106-12.068-8.106-1.64 0-3.178.253-4.573.704L9.949 7.12A16.6 16.6 0 0 1 16 6m-3.858 8.942a4 4 0 0 0 4.915 4.915zM16 10a6 6 0 0 1 5.414 8.586l-1.55-1.55q.134-.498.136-1.036a4 4 0 0 0-5.036-3.864l-1.55-1.552A6 6 0 0 1 16 10" })]
+	});
 };
-
+//#endregion
 export { EyeStrikeIcon };

package/dist/components/icons/FeedbackFilledIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/FeedbackFilledIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const FeedbackFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const FeedbackFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { FeedbackFilledIcon };

package/dist/components/icons/FeedbackFilledIcon.js

@@ -1,20 +1,27 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "feedback-filled",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M4 7h24a1 1 0 0 1 1 1v16l-.005.102A1 1 0 0 1 28 25H5.586L3 27.586V8l.005-.103a1 1 0 0 1 .892-.892zm7 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z", strokeWidth: "2" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "feedback-filled",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", {
+			d: "M4 7h24a1 1 0 0 1 1 1v16l-.005.102A1 1 0 0 1 28 25H5.586L3 27.586V8l.005-.103a1 1 0 0 1 .892-.892zm7 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z",
+			strokeWidth: "2"
+		})]
+	});
 };
-
+//#endregion
 export { FeedbackFilledIcon };

package/dist/components/icons/FeedbackIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/FeedbackIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const FeedbackIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const FeedbackIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { FeedbackIcon };

package/dist/components/icons/FeedbackIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "feedback",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zM4 25.172 5.172 24H28V8H4zM11 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "feedback",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zM4 25.172 5.172 24H28V8H4zM11 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2" })]
+	});
 };
-
+//#endregion
 export { FeedbackIcon };

package/dist/components/icons/FilterIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/FilterIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const FilterIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const FilterIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { FilterIcon };

package/dist/components/icons/FilterIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "filter",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M12 17a4 4 0 0 1 3.874 3H27a1 1 0 1 1 0 2H15.874a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h3.126c.444-1.725 2.01-3 3.874-3m0 2a1.998 1.998 0 0 0-1.73 3 1.998 1.998 0 1 0 3.46-2c-.346-.597-.99-1-1.73-1m8-12a4 4 0 0 1 3.874 3H27a1 1 0 1 1 0 2h-3.126a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h11.126c.444-1.725 2.01-3 3.874-3m0 2a2 2 0 0 0-1.986 1.771A1.98 1.98 0 0 0 18.27 12a1.998 1.998 0 1 0 3.46-2c-.346-.597-.99-1-1.73-1" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "filter",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M12 17a4 4 0 0 1 3.874 3H27a1 1 0 1 1 0 2H15.874a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h3.126c.444-1.725 2.01-3 3.874-3m0 2a1.998 1.998 0 0 0-1.73 3 1.998 1.998 0 1 0 3.46-2c-.346-.597-.99-1-1.73-1m8-12a4 4 0 0 1 3.874 3H27a1 1 0 1 1 0 2h-3.126a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h11.126c.444-1.725 2.01-3 3.874-3m0 2a2 2 0 0 0-1.986 1.771A1.98 1.98 0 0 0 18.27 12a1.998 1.998 0 1 0 3.46-2c-.346-.597-.99-1-1.73-1" })]
+	});
 };
-
+//#endregion
 export { FilterIcon };

package/dist/components/icons/GiftCardFilledIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/GiftCardFilledIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const GiftCardFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const GiftCardFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { GiftCardFilledIcon };

package/dist/components/icons/GiftCardFilledIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "gift-card-filled",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm-10.75 4.001c-.492 0-.937.203-1.255.53a1.73 1.73 0 0 0-1.245-.53c-.966 0-1.75.799-1.75 1.783l.009.182q.03.284.14.535H12a2 2 0 0 0-2 2v.5l.01.204A2 2 0 0 0 11 16.73v3.749l.008.155A1.524 1.524 0 0 0 12.523 22h6.954l.156-.008a1.524 1.524 0 0 0 1.36-1.36L21 20.48v-3.75c.597-.345 1-.989 1-1.728v-.5a2 2 0 0 0-1.796-1.99l-.204-.01h-1.17a1.75 1.75 0 0 0-1.58-2.5m-1.85 7v3.731h-2.877a.255.255 0 0 1-.254-.253V17zm4.331 0v3.477c0 .14-.114.254-.254.254h-2.876v-3.731zm-4.33-3.3v2.1H12a.8.8 0 0 1-.8-.8v-.5a.8.8 0 0 1 .8-.8zm4.599 0a.8.8 0 0 1 .8.8v.5a.8.8 0 0 1-.8.8h-3.4v-2.1zm-5.25-2.5c.283 0 .55.24.55.583a.567.567 0 0 1-.55.582.567.567 0 0 1-.55-.582c0-.343.267-.583.55-.583m2.5 0a.55.55 0 1 1 0 1.1.55.55 0 0 1 0-1.1" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "gift-card-filled",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm-10.75 4.001c-.492 0-.937.203-1.255.53a1.73 1.73 0 0 0-1.245-.53c-.966 0-1.75.799-1.75 1.783l.009.182q.03.284.14.535H12a2 2 0 0 0-2 2v.5l.01.204A2 2 0 0 0 11 16.73v3.749l.008.155A1.524 1.524 0 0 0 12.523 22h6.954l.156-.008a1.524 1.524 0 0 0 1.36-1.36L21 20.48v-3.75c.597-.345 1-.989 1-1.728v-.5a2 2 0 0 0-1.796-1.99l-.204-.01h-1.17a1.75 1.75 0 0 0-1.58-2.5m-1.85 7v3.731h-2.877a.255.255 0 0 1-.254-.253V17zm4.331 0v3.477c0 .14-.114.254-.254.254h-2.876v-3.731zm-4.33-3.3v2.1H12a.8.8 0 0 1-.8-.8v-.5a.8.8 0 0 1 .8-.8zm4.599 0a.8.8 0 0 1 .8.8v.5a.8.8 0 0 1-.8.8h-3.4v-2.1zm-5.25-2.5c.283 0 .55.24.55.583a.567.567 0 0 1-.55.582.567.567 0 0 1-.55-.582c0-.343.267-.583.55-.583m2.5 0a.55.55 0 1 1 0 1.1.55.55 0 0 1 0-1.1" })]
+	});
 };
-
+//#endregion
 export { GiftCardFilledIcon };

package/dist/components/icons/GiftCardIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/GiftCardIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const GiftCardIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const GiftCardIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { GiftCardIcon };

package/dist/components/icons/GiftCardIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "gift-card",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M28.204 6.01A2 2 0 0 1 30 8v16l-.01.204a2 2 0 0 1-1.786 1.785L28 26H4a2 2 0 0 1-1.99-1.796L2 24V8a2 2 0 0 1 2-2h24zM4 24h24V8H4zm13.25-13.999a1.75 1.75 0 0 1 1.58 2.5H20l.204.01A2 2 0 0 1 22 14.502v.5c0 .74-.403 1.383-1 1.729v3.749l-.008.155a1.524 1.524 0 0 1-1.36 1.36l-.155.007h-6.954c-.789 0-1.437-.6-1.515-1.367L11 20.479V16.73a2 2 0 0 1-.99-1.526l-.01-.204v-.5a2 2 0 0 1 2-2h1.15a1.8 1.8 0 0 1-.141-.535L13 11.784c0-.984.784-1.783 1.75-1.783.487 0 .928.203 1.245.53.318-.327.763-.53 1.255-.53m-4.981 10.478c0 .14.114.253.254.253H15.4v-3.731H12.27zm4.332.253h2.877c.14 0 .253-.114.253-.253V17h-3.13zM12 13.702a.8.8 0 0 0-.8.799v.5a.8.8 0 0 0 .8.8h3.4v-2.1zm4.6 2.099H20a.8.8 0 0 0 .8-.8v-.5a.8.8 0 0 0-.8-.8h-3.4zm-1.85-4.6c-.283 0-.55.24-.55.583.001.342.268.582.55.582s.549-.24.55-.582a.567.567 0 0 0-.55-.583m2.5 0a.55.55 0 1 0 0 1.1.55.55 0 0 0 0-1.1" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "gift-card",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M28.204 6.01A2 2 0 0 1 30 8v16l-.01.204a2 2 0 0 1-1.786 1.785L28 26H4a2 2 0 0 1-1.99-1.796L2 24V8a2 2 0 0 1 2-2h24zM4 24h24V8H4zm13.25-13.999a1.75 1.75 0 0 1 1.58 2.5H20l.204.01A2 2 0 0 1 22 14.502v.5c0 .74-.403 1.383-1 1.729v3.749l-.008.155a1.524 1.524 0 0 1-1.36 1.36l-.155.007h-6.954c-.789 0-1.437-.6-1.515-1.367L11 20.479V16.73a2 2 0 0 1-.99-1.526l-.01-.204v-.5a2 2 0 0 1 2-2h1.15a1.8 1.8 0 0 1-.141-.535L13 11.784c0-.984.784-1.783 1.75-1.783.487 0 .928.203 1.245.53.318-.327.763-.53 1.255-.53m-4.981 10.478c0 .14.114.253.254.253H15.4v-3.731H12.27zm4.332.253h2.877c.14 0 .253-.114.253-.253V17h-3.13zM12 13.702a.8.8 0 0 0-.8.799v.5a.8.8 0 0 0 .8.8h3.4v-2.1zm4.6 2.099H20a.8.8 0 0 0 .8-.8v-.5a.8.8 0 0 0-.8-.8h-3.4zm-1.85-4.6c-.283 0-.55.24-.55.583.001.342.268.582.55.582s.549-.24.55-.582a.567.567 0 0 0-.55-.583m2.5 0a.55.55 0 1 0 0 1.1.55.55 0 0 0 0-1.1" })]
+	});
 };
-
+//#endregion
 export { GiftCardIcon };

package/dist/components/icons/GiftFilledIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/GiftFilledIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const GiftFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const GiftFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { GiftFilledIcon };

package/dist/components/icons/GiftFilledIcon.js

@@ -1,20 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-
+import { useId } from "../../hooks/useId.js";
+import clsx from "clsx";
+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);
-    const componentProps = {
-        "aria-labelledby": alt ? uid + "__title" : undefined,
-        className: clsx("coop-icon", className),
-        "data-icon": "gift-filled",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 32 32",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M15 28H8a2 2 0 0 1-2-2V15h9zm11-2a2 2 0 0 1-2 2h-7V15h9zM18 2a3 3 0 0 1 2.826 4H26a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-9V8h-2v5H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5.174A2.993 2.993 0 0 1 14 2c.77 0 1.469.292 2 .768A3 3 0 0 1 18 2m-4 2a1 1 0 1 0 0 2c.423 0 .743-.002.992-.008.006-.25.008-.569.008-.992a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1c0 .423.001.743.007.992.25.006.57.008.993.008a1 1 0 1 0 0-2" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "gift-filled",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 32 32",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M15 28H8a2 2 0 0 1-2-2V15h9zm11-2a2 2 0 0 1-2 2h-7V15h9zM18 2a3 3 0 0 1 2.826 4H26a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-9V8h-2v5H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5.174A2.993 2.993 0 0 1 14 2c.77 0 1.469.292 2 .768A3 3 0 0 1 18 2m-4 2a1 1 0 1 0 0 2c.423 0 .743-.002.992-.008.006-.25.008-.569.008-.992a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1c0 .423.001.743.007.992.25.006.57.008.993.008a1 1 0 1 0 0-2" })]
+	});
 };
-
+//#endregion
 export { GiftFilledIcon };

package/dist/components/icons/GiftIcon.d.ts

@@ -1,6 +1,8 @@
-import type { JSX, SVGProps } from "react";
+import { JSX, SVGProps } from "react";
+//#region src/components/icons/GiftIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
-    alt?: string;
+  alt?: string;
 }
-export declare const GiftIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-export {};
+declare const GiftIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion
+export { GiftIcon };