@coopdigital/react 1.12.0 → 1.13.1

package/dist/components/icons/ChevronLeftIcon.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/ChevronLeftIcon.tsx
 const ChevronLeftIcon = ({ 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": "chevron-left",
-        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: "M20.707 7.707a1 1 0 1 0-1.414-1.414L11 14.586a2 2 0 0 0 0 2.828l8.293 8.293a1 1 0 1 0 1.414-1.414L12.414 16z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "chevron-left",
+		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: "M20.707 7.707a1 1 0 1 0-1.414-1.414L11 14.586a2 2 0 0 0 0 2.828l8.293 8.293a1 1 0 1 0 1.414-1.414L12.414 16z" })]
+	});
 };
-
+//#endregion
 export { ChevronLeftIcon };

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

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

package/dist/components/icons/ChevronRightIcon.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/ChevronRightIcon.tsx
 const ChevronRightIcon = ({ 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": "chevron-right",
-        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: "M11.293 24.293a1 1 0 1 0 1.414 1.414L21 17.414a2 2 0 0 0 0-2.828l-8.293-8.293a1 1 0 1 0-1.414 1.414L19.586 16z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "chevron-right",
+		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: "M11.293 24.293a1 1 0 1 0 1.414 1.414L21 17.414a2 2 0 0 0 0-2.828l-8.293-8.293a1 1 0 1 0-1.414 1.414L19.586 16z" })]
+	});
 };
-
+//#endregion
 export { ChevronRightIcon };

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

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

package/dist/components/icons/ChevronUpIcon.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/ChevronUpIcon.tsx
 const ChevronUpIcon = ({ 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": "chevron-up",
-        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: "M24.293 20.707a1 1 0 1 0 1.414-1.414L17.414 11a2 2 0 0 0-2.828 0l-8.293 8.293a1 1 0 1 0 1.414 1.414L16 12.414z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "chevron-up",
+		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: "M24.293 20.707a1 1 0 1 0 1.414-1.414L17.414 11a2 2 0 0 0-2.828 0l-8.293 8.293a1 1 0 1 0 1.414 1.414L16 12.414z" })]
+	});
 };
-
+//#endregion
 export { ChevronUpIcon };

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

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

package/dist/components/icons/CircleBurgerFilledIcon.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/CircleBurgerFilledIcon.tsx
 const CircleBurgerFilledIcon = ({ 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": "circle-burger-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 2.001c7.732 0 14 6.268 14 14s-6.268 14-14 14-14-6.268-14-14 6.268-14 14-14M11.003 20a1 1 0 1 0 0 2H21a1 1 0 1 0 0-2zm0-4.982a1 1 0 0 0 0 2H21a1 1 0 1 0 0-2zm0-5.018a1 1 0 1 0 0 2H21a1 1 0 1 0 0-2z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "circle-burger-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 2.001c7.732 0 14 6.268 14 14s-6.268 14-14 14-14-6.268-14-14 6.268-14 14-14M11.003 20a1 1 0 1 0 0 2H21a1 1 0 1 0 0-2zm0-4.982a1 1 0 0 0 0 2H21a1 1 0 1 0 0-2zm0-5.018a1 1 0 1 0 0 2H21a1 1 0 1 0 0-2z" })]
+	});
 };
-
+//#endregion
 export { CircleBurgerFilledIcon };

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

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

package/dist/components/icons/CircleBurgerIcon.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/CircleBurgerIcon.tsx
 const CircleBurgerIcon = ({ 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": "circle-burger",
-        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 2.001c7.732 0 14 6.268 14 14s-6.268 14-14 14-14-6.268-14-14 6.268-14 14-14m0 2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12M21 20a1 1 0 1 1 0 2h-9.997a1 1 0 1 1 0-2zm0-4.982a1 1 0 0 1 0 2h-9.997a1 1 0 1 1 0-2zM21 10a1 1 0 1 1 0 2h-9.997a1 1 0 1 1 0-2z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "circle-burger",
+		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 2.001c7.732 0 14 6.268 14 14s-6.268 14-14 14-14-6.268-14-14 6.268-14 14-14m0 2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12M21 20a1 1 0 1 1 0 2h-9.997a1 1 0 1 1 0-2zm0-4.982a1 1 0 0 1 0 2h-9.997a1 1 0 1 1 0-2zM21 10a1 1 0 1 1 0 2h-9.997a1 1 0 1 1 0-2z" })]
+	});
 };
-
+//#endregion
 export { CircleBurgerIcon };

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

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

package/dist/components/icons/ClipboardFilledIcon.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/ClipboardFilledIcon.tsx
 const ClipboardFilledIcon = ({ 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": "clipboard-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: "M10 6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4h2a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2zm1 12.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 0a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2zM11 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 0a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2zm-3-3.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 0a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2zM20 3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "clipboard-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: "M10 6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4h2a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2zm1 12.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 0a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2zM11 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 0a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2zm-3-3.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 0a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2zM20 3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" })]
+	});
 };
-
+//#endregion
 export { ClipboardFilledIcon };

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

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

package/dist/components/icons/ClipboardIcon.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/ClipboardIcon.tsx
 const ClipboardIcon = ({ 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": "clipboard",
-        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: "M20 3a1 1 0 0 1 1 1h3l.204.01A2 2 0 0 1 26 6v20a2 2 0 0 1-1.796 1.99L24 28H8a2 2 0 0 1-1.99-1.796L6 26V6a2 2 0 0 1 2-2h3a1 1 0 0 1 1-1zM8 26h16V6h-3l-.005.103A1 1 0 0 1 20 7h-8a1 1 0 0 1-1-1H8zm3-7.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m10 0a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2zM11 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m10 0a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2zm-10-3.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m10 0a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "clipboard",
+		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: "M20 3a1 1 0 0 1 1 1h3l.204.01A2 2 0 0 1 26 6v20a2 2 0 0 1-1.796 1.99L24 28H8a2 2 0 0 1-1.99-1.796L6 26V6a2 2 0 0 1 2-2h3a1 1 0 0 1 1-1zM8 26h16V6h-3l-.005.103A1 1 0 0 1 20 7h-8a1 1 0 0 1-1-1H8zm3-7.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m10 0a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2zM11 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m10 0a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2zm-10-3.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m10 0a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2z" })]
+	});
 };
-
+//#endregion
 export { ClipboardIcon };

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

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

package/dist/components/icons/ClockFilledIcon.js

@@ -1,20 +1,28 @@
-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/ClockFilledIcon.tsx
 const ClockFilledIcon = ({ 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": "clock-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", { clipRule: "evenodd", d: "M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m0-21a1 1 0 0 0-1 1v6a1 1 0 0 0 .293.707l4 4a1 1 0 1 0 1.414-1.414L17 15.586V10a1 1 0 0 0-1-1", fillRule: "evenodd" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "clock-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", {
+			clipRule: "evenodd",
+			d: "M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m0-21a1 1 0 0 0-1 1v6a1 1 0 0 0 .293.707l4 4a1 1 0 1 0 1.414-1.414L17 15.586V10a1 1 0 0 0-1-1",
+			fillRule: "evenodd"
+		})]
+	});
 };
-
+//#endregion
 export { ClockFilledIcon };

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

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

package/dist/components/icons/ClockIcon.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/ClockIcon.tsx
 const ClockIcon = ({ 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": "clock",
-        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 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 2C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4m0 5a1 1 0 0 1 1 1v5.586l3.707 3.707a1 1 0 1 1-1.414 1.414l-4-4A1 1 0 0 1 15 16v-6a1 1 0 0 1 1-1" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "clock",
+		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 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 2C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4m0 5a1 1 0 0 1 1 1v5.586l3.707 3.707a1 1 0 1 1-1.414 1.414l-4-4A1 1 0 0 1 15 16v-6a1 1 0 0 1 1-1" })]
+	});
 };
-
+//#endregion
 export { ClockIcon };

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

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

package/dist/components/icons/CloseAltFilledIcon.js

@@ -1,20 +1,28 @@
-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/CloseAltFilledIcon.tsx
 const CloseAltFilledIcon = ({ 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": "close-alt-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", { clipRule: "evenodd", d: "M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m5.407-19.407a1 1 0 0 0-1.414 0L16 14.586l-3.993-3.993a1 1 0 0 0-1.414 1.414L14.586 16l-3.993 3.993a1 1 0 0 0 1.414 1.414L16 17.414l3.991 3.991a1 1 0 1 0 1.414-1.414l-3.99-3.99 3.992-3.994a1 1 0 0 0 0-1.414", fillRule: "evenodd" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "close-alt-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", {
+			clipRule: "evenodd",
+			d: "M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m5.407-19.407a1 1 0 0 0-1.414 0L16 14.586l-3.993-3.993a1 1 0 0 0-1.414 1.414L14.586 16l-3.993 3.993a1 1 0 0 0 1.414 1.414L16 17.414l3.991 3.991a1 1 0 1 0 1.414-1.414l-3.99-3.99 3.992-3.994a1 1 0 0 0 0-1.414",
+			fillRule: "evenodd"
+		})]
+	});
 };
-
+//#endregion
 export { CloseAltFilledIcon };

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

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