@coopdigital/react 1.11.0 → 1.13.0

package/dist/components/icons/AccountFilledIcon.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/AccountFilledIcon.tsx
 const AccountFilledIcon = ({ 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": "account-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 2a7 7 0 0 1 4.055 12.703l.075.027a12.03 12.03 0 0 1 7.514 8.36q.063.252.115.51-.117.18-.24.357a14.05 14.05 0 0 1-7.11 5.334A13.9 13.9 0 0 1 16 30c-4.93 0-9.266-2.55-11.76-6.401a12.02 12.02 0 0 1 7.63-8.87l.074-.026A7 7 0 0 1 16 2" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "account-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 2a7 7 0 0 1 4.055 12.703l.075.027a12.03 12.03 0 0 1 7.514 8.36q.063.252.115.51-.117.18-.24.357a14.05 14.05 0 0 1-7.11 5.334A13.9 13.9 0 0 1 16 30c-4.93 0-9.266-2.55-11.76-6.401a12.02 12.02 0 0 1 7.63-8.87l.074-.026A7 7 0 0 1 16 2" })]
+	});
 };
-
+//#endregion
 export { AccountFilledIcon };

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

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

package/dist/components/icons/AccountIcon.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/AccountIcon.tsx
 const AccountIcon = ({ 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": "account",
-        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 2a7 7 0 0 1 4.055 12.703 12.03 12.03 0 0 1 7.565 8.304l.04.157q.054.216.099.435-.108.166-.22.329l-.075.105-.155.218-.097.13a14 14 0 0 1-.493.623l-.088.101A13.97 13.97 0 0 1 16 30a13.97 13.97 0 0 1-10.565-4.817l-.156-.18q-.085-.103-.169-.207l-.069-.085a13 13 0 0 1-.255-.331l-.097-.13-.155-.218-.074-.105a14 14 0 0 1-.22-.328q.045-.22.098-.436l.04-.157q.041-.165.089-.328.038-.128.078-.254l.066-.21a12 12 0 0 1 .128-.363 12.03 12.03 0 0 1 7.205-7.148A7 7 0 0 1 16 2m0 14c-4.55 0-8.387 3.04-9.598 7.2A11.98 11.98 0 0 0 16 28c3.926 0 7.407-1.887 9.596-4.802C24.385 19.04 20.55 16 16 16m0-12a5 5 0 1 0 0 10 5 5 0 0 0 0-10" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "account",
+		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 2a7 7 0 0 1 4.055 12.703 12.03 12.03 0 0 1 7.565 8.304l.04.157q.054.216.099.435-.108.166-.22.329l-.075.105-.155.218-.097.13a14 14 0 0 1-.493.623l-.088.101A13.97 13.97 0 0 1 16 30a13.97 13.97 0 0 1-10.565-4.817l-.156-.18q-.085-.103-.169-.207l-.069-.085a13 13 0 0 1-.255-.331l-.097-.13-.155-.218-.074-.105a14 14 0 0 1-.22-.328q.045-.22.098-.436l.04-.157q.041-.165.089-.328.038-.128.078-.254l.066-.21a12 12 0 0 1 .128-.363 12.03 12.03 0 0 1 7.205-7.148A7 7 0 0 1 16 2m0 14c-4.55 0-8.387 3.04-9.598 7.2A11.98 11.98 0 0 0 16 28c3.926 0 7.407-1.887 9.596-4.802C24.385 19.04 20.55 16 16 16m0-12a5 5 0 1 0 0 10 5 5 0 0 0 0-10" })]
+	});
 };
-
+//#endregion
 export { AccountIcon };

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

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

package/dist/components/icons/AddIcon.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/AddIcon.tsx
 const AddIcon = ({ 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": "add",
-        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.957 4a1 1 0 0 1 1 1v10H27a1 1 0 1 1 0 2H16.957v10a1 1 0 0 1-2 0V17H5a1 1 0 1 1 0-2h9.957V5a1 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": "add",
+		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.957 4a1 1 0 0 1 1 1v10H27a1 1 0 1 1 0 2H16.957v10a1 1 0 0 1-2 0V17H5a1 1 0 1 1 0-2h9.957V5a1 1 0 0 1 1-1" })]
+	});
 };
-
+//#endregion
 export { AddIcon };

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

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

package/dist/components/icons/AppsFilledIcon.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/AppsFilledIcon.tsx
 const AppsFilledIcon = ({ 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": "apps-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: "M13 17a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2zm13.204.01A2 2 0 0 1 28 19v7l-.01.204a2 2 0 0 1-1.786 1.785L26 28h-7a2 2 0 0 1-1.99-1.796L17 26v-7a2 2 0 0 1 2-2h7zM19 26h7v-7h-7zM13 4a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm13 0a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "apps-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: "M13 17a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2zm13.204.01A2 2 0 0 1 28 19v7l-.01.204a2 2 0 0 1-1.786 1.785L26 28h-7a2 2 0 0 1-1.99-1.796L17 26v-7a2 2 0 0 1 2-2h7zM19 26h7v-7h-7zM13 4a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm13 0a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" })]
+	});
 };
-
+//#endregion
 export { AppsFilledIcon };

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

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

package/dist/components/icons/AppsIcon.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/AppsIcon.tsx
 const AppsIcon = ({ 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": "apps",
-        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: "M13.204 17.01A2 2 0 0 1 15 19v7l-.01.204a2 2 0 0 1-1.786 1.785L13 28H6a2 2 0 0 1-1.99-1.796L4 26v-7a2 2 0 0 1 2-2h7zM26 17a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2zM6 26h7v-7H6zm7.204-21.99A2 2 0 0 1 15 6v7l-.01.204a2 2 0 0 1-1.786 1.785L13 15H6a2 2 0 0 1-1.99-1.796L4 13V6a2 2 0 0 1 2-2h7zm13 0A2 2 0 0 1 28 6v7l-.01.204a2 2 0 0 1-1.786 1.785L26 15h-7a2 2 0 0 1-1.99-1.796L17 13V6a2 2 0 0 1 2-2h7zM6 13h7V6H6zm13 0h7V6h-7z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "apps",
+		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: "M13.204 17.01A2 2 0 0 1 15 19v7l-.01.204a2 2 0 0 1-1.786 1.785L13 28H6a2 2 0 0 1-1.99-1.796L4 26v-7a2 2 0 0 1 2-2h7zM26 17a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2zM6 26h7v-7H6zm7.204-21.99A2 2 0 0 1 15 6v7l-.01.204a2 2 0 0 1-1.786 1.785L13 15H6a2 2 0 0 1-1.99-1.796L4 13V6a2 2 0 0 1 2-2h7zm13 0A2 2 0 0 1 28 6v7l-.01.204a2 2 0 0 1-1.786 1.785L26 15h-7a2 2 0 0 1-1.99-1.796L17 13V6a2 2 0 0 1 2-2h7zM6 13h7V6H6zm13 0h7V6h-7z" })]
+	});
 };
-
+//#endregion
 export { AppsIcon };

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

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

package/dist/components/icons/ArrowDownIcon.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/ArrowDownIcon.tsx
 const ArrowDownIcon = ({ 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": "arrow-down",
-        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 2a1 1 0 0 1 1 1v23.586l10.293-10.293a1 1 0 1 1 1.414 1.414L17.414 29a2 2 0 0 1-2.828 0L3.293 17.707a1 1 0 1 1 1.414-1.414L15 26.586V3a1 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": "arrow-down",
+		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 2a1 1 0 0 1 1 1v23.586l10.293-10.293a1 1 0 1 1 1.414 1.414L17.414 29a2 2 0 0 1-2.828 0L3.293 17.707a1 1 0 1 1 1.414-1.414L15 26.586V3a1 1 0 0 1 1-1" })]
+	});
 };
-
+//#endregion
 export { ArrowDownIcon };

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

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

package/dist/components/icons/ArrowLeftIcon.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/ArrowLeftIcon.tsx
 const ArrowLeftIcon = ({ 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": "arrow-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: "M15.707 28.707a1 1 0 0 1-1.414 0L3 17.414a2 2 0 0 1 0-2.828L14.293 3.293a1 1 0 1 1 1.414 1.414L5.414 15H29a1 1 0 1 1 0 2H5.414l10.293 10.293a1 1 0 0 1 0 1.414" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "arrow-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: "M15.707 28.707a1 1 0 0 1-1.414 0L3 17.414a2 2 0 0 1 0-2.828L14.293 3.293a1 1 0 1 1 1.414 1.414L5.414 15H29a1 1 0 1 1 0 2H5.414l10.293 10.293a1 1 0 0 1 0 1.414" })]
+	});
 };
-
+//#endregion
 export { ArrowLeftIcon };

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

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

package/dist/components/icons/ArrowRightIcon.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/ArrowRightIcon.tsx
 const ArrowRightIcon = ({ 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": "arrow-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: "M16.293 3.293a1 1 0 0 1 1.414 0L29 14.586a2 2 0 0 1 0 2.828L17.707 28.707a1 1 0 1 1-1.414-1.414L26.586 17H3a1 1 0 1 1 0-2h23.586L16.293 4.707a1 1 0 0 1 0-1.414" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "arrow-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: "M16.293 3.293a1 1 0 0 1 1.414 0L29 14.586a2 2 0 0 1 0 2.828L17.707 28.707a1 1 0 1 1-1.414-1.414L26.586 17H3a1 1 0 1 1 0-2h23.586L16.293 4.707a1 1 0 0 1 0-1.414" })]
+	});
 };
-
+//#endregion
 export { ArrowRightIcon };

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

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

package/dist/components/icons/ArrowUpIcon.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/ArrowUpIcon.tsx
 const ArrowUpIcon = ({ 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": "arrow-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: "M14.586 3a2 2 0 0 1 2.829 0l11.308 11.309a1 1 0 0 1-1.415 1.414L17 5.413V29a1 1 0 0 1-2 0V5.414L4.692 15.723a1 1 0 0 1-1.414-1.415z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "arrow-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: "M14.586 3a2 2 0 0 1 2.829 0l11.308 11.309a1 1 0 0 1-1.415 1.414L17 5.413V29a1 1 0 0 1-2 0V5.414L4.692 15.723a1 1 0 0 1-1.414-1.415z" })]
+	});
 };
-
+//#endregion
 export { ArrowUpIcon };

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

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

package/dist/components/icons/BackspaceFilledIcon.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/BackspaceFilledIcon.tsx
 const BackspaceFilledIcon = ({ 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": "backspace-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: "M27.992 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H11.945a2 2 0 0 1-1.415-.586l-7.999-8a2 2 0 0 1 0-2.828l8-8A2 2 0 0 1 11.944 6zm-4.285 5.293a1 1 0 0 0-1.414 0L19 14.586l-3.293-3.293a1 1 0 1 0-1.414 1.414L17.586 16l-3.293 3.293a1 1 0 1 0 1.414 1.414L19 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L20.414 16l3.293-3.293a1 1 0 0 0 0-1.414" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "backspace-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: "M27.992 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H11.945a2 2 0 0 1-1.415-.586l-7.999-8a2 2 0 0 1 0-2.828l8-8A2 2 0 0 1 11.944 6zm-4.285 5.293a1 1 0 0 0-1.414 0L19 14.586l-3.293-3.293a1 1 0 1 0-1.414 1.414L17.586 16l-3.293 3.293a1 1 0 1 0 1.414 1.414L19 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L20.414 16l3.293-3.293a1 1 0 0 0 0-1.414" })]
+	});
 };
-
+//#endregion
 export { BackspaceFilledIcon };

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

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

package/dist/components/icons/BackspaceIcon.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/BackspaceIcon.tsx
 const BackspaceIcon = ({ 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": "backspace",
-        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: "M27.991 6a2 2 0 0 1 2 2v16l-.01.204A2 2 0 0 1 27.991 26H11.944l-.198-.01a2 2 0 0 1-1.217-.576l-7.998-8a2 2 0 0 1-.137-2.677l.137-.151 7.998-8c.328-.328.76-.53 1.217-.576l.198-.01zM3.945 16l8 8H27.99V8H11.944zm18.348-4.707a1 1 0 0 1 1.414 1.414L20.414 16l3.293 3.293a1 1 0 1 1-1.414 1.414L19 17.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L17.586 16l-3.293-3.293a1 1 0 1 1 1.414-1.414L19 14.586z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "backspace",
+		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: "M27.991 6a2 2 0 0 1 2 2v16l-.01.204A2 2 0 0 1 27.991 26H11.944l-.198-.01a2 2 0 0 1-1.217-.576l-7.998-8a2 2 0 0 1-.137-2.677l.137-.151 7.998-8c.328-.328.76-.53 1.217-.576l.198-.01zM3.945 16l8 8H27.99V8H11.944zm18.348-4.707a1 1 0 0 1 1.414 1.414L20.414 16l3.293 3.293a1 1 0 1 1-1.414 1.414L19 17.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L17.586 16l-3.293-3.293a1 1 0 1 1 1.414-1.414L19 14.586z" })]
+	});
 };
-
+//#endregion
 export { BackspaceIcon };