@coopdigital/react 0.54.0 → 0.55.0

package/dist/components/icons/BroomIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const BroomIcon = ({ 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": "broom",
+        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 2a4 4 0 0 1 4 4v11h6a2 2 0 0 1 2 2v2h.015l1.449 6.57a2 2 0 0 1-1.718 2.416l-.235.014H4.544l-.24-.014a2 2 0 0 1-1.746-2.222l.043-.236L4 21.76V19a2 2 0 0 1 2-2h6V6a4 4 0 0 1 4-4M4.544 28H9v-2a1 1 0 1 1 2 0v2h4v-2a1 1 0 0 1 2 0v2h4v-2a1 1 0 0 1 2 0v2h4.51l-1.102-5H5.757zM6 21h20v-2H6zM16 4a2 2 0 0 0-2 2v11h4V6a2 2 0 0 0-2-2" })] }));
+};
+
+export { BroomIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const CalendarFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/CalendarFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const CalendarFilledIcon = ({ 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": "calendar-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: "M23 2a1 1 0 0 1 1 1v1h2a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V3a1 1 0 0 1 2 0v1h12V3a1 1 0 0 1 1-1M9 20a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zm6 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zm6 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zM9 14a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zm6 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zm6 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zM6 10h20V6h-2v1a1 1 0 1 1-2 0V6H10v1a1 1 0 0 1-2 0V6H6z" })] }));
+};
+
+export { CalendarFilledIcon };

package/dist/components/icons/CalendarIcon.js

@@ -8,13 +8,13 @@ const CalendarIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "calendar",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        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: "M31 2h-4V1a1 1 0 0 0-2 0v1H7V1a1 1 0 0 0-2 0v1H1a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1m-1 28H2V10h28Zm0-22H2V4h3v1a1 1 0 0 0 2 0V4h18v1a1 1 0 0 0 2 0V4h3Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M6 23v2a1 1 0 0 0 2 0v-1h7v1a1 1 0 0 0 2 0v-1h7v1a1 1 0 0 0 2 0V15a1 1 0 0 0-2 0v1h-7v-1a1 1 0 0 0-2 0v1H8v-1a1 1 0 0 0-2 0v8m18-1h-7v-4h7Zm-9-4v4H8v-4Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M23 2a1 1 0 0 1 1 1v1h2a2 2 0 0 1 2 2v20a2 2 0 0 1-1.796 1.99L26 28H6l-.204-.01a2 2 0 0 1-1.785-1.786L4 26V6a2 2 0 0 1 2-2h2V3a1 1 0 0 1 2 0v1h12V3a1 1 0 0 1 1-1M6 26h20V12H6zm5-6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zm6 0a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zm6 0a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zm-12-6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zm6 0a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zm6 0a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zM6 10h20V6h-2v1a1 1 0 1 1-2 0V6H10v1a1 1 0 0 1-2 0V6H6z" })] }));
 };
 
 export { CalendarIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const CashFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/CashFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const CashFilledIcon = ({ 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": "cash-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 2v12a2 2 0 0 1-1.796 1.99L28 22h-2v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2h2V8a2 2 0 0 1 2-2zm-12.5 7c-.948 0-1.846.287-2.51.933-.668.65-.99 1.554-.99 2.567v.5h-.5a1 1 0 1 0 0 2h.5v2h-.5a1 1 0 1 0 0 2H16a1 1 0 1 0 0-2h-2v-2h1a1 1 0 1 0 0-2h-1v-.5c0-.587.179-.933.385-1.133.21-.205.564-.367 1.115-.367q.19.001.335.026a1 1 0 0 0 .33-1.972A4 4 0 0 0 15.5 13m8.5-3a2 2 0 0 1 2 2v8h2V8H8v2z" })] }));
+};
+
+export { CashFilledIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const CashIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/CashIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const CashIcon = ({ 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": "cash",
+        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.5 13q.352 0 .665.054a1 1 0 0 1-.33 1.972A2 2 0 0 0 15.5 15c-.551 0-.904.162-1.115.367-.206.2-.385.546-.385 1.133v.5h1a1 1 0 1 1 0 2h-1v2h2a1 1 0 1 1 0 2h-4.5a1 1 0 1 1 0-2h.5v-2h-.5a1 1 0 1 1 0-2h.5v-.5c0-1.013.322-1.918.99-2.567.664-.646 1.562-.933 2.51-.933" }), jsx("path", { clipRule: "evenodd", d: "M28 6a2 2 0 0 1 2 2v12a2 2 0 0 1-1.796 1.99L28 22h-2v2a2 2 0 0 1-1.796 1.99L24 26H4l-.204-.01A2 2 0 0 1 2 24V12a2 2 0 0 1 2-2h2V8a2 2 0 0 1 2-2zM4 24h20V12H4zm4-14h16a2 2 0 0 1 2 2v8h2V8H8z", fillRule: "evenodd" })] }));
+};
+
+export { CashIcon };

package/dist/components/icons/ChevronDownIcon.js

@@ -8,13 +8,13 @@ const ChevronDownIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "chevron-down",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        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: "M31 9a1 1 0 0 0-.29-.71 1 1 0 0 0-1.42 0L16 21.59 2.71 8.3a1 1 0 0 0-1.42 0 1 1 0 0 0 0 1.41l14 14a1 1 0 0 0 1.41 0l14-14A1 1 0 0 0 31 9", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "-title", children: alt }) : null, jsx("path", { d: "M7.707 11.293a1 1 0 1 0-1.414 1.414L14.586 21a2 2 0 0 0 2.828 0l8.293-8.293a1 1 0 1 0-1.414-1.414L16 19.586z" })] }));
 };
 
 export { ChevronDownIcon };

package/dist/components/icons/ChevronLeftIcon.js

@@ -8,13 +8,13 @@ const ChevronLeftIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "chevron-left",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        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: "M22.5 30a1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.42L10.91 16 23.2 3.71a1 1 0 0 0 0-1.41 1 1 0 0 0-1.41 0l-13 13a1 1 0 0 0 0 1.41l13 13a1 1 0 0 0 .71.29", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    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" })] }));
 };
 
 export { ChevronLeftIcon };

package/dist/components/icons/ChevronRightIcon.js

@@ -8,13 +8,13 @@ const ChevronRightIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "chevron-right",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        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: "M9.49 2a1 1 0 0 0-.71 1.71L21.07 16 8.79 28.3a1 1 0 1 0 1.41 1.41l13-13a1 1 0 0 0 0-1.42l-13-13A1 1 0 0 0 9.49 2", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    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" })] }));
 };
 
 export { ChevronRightIcon };

package/dist/components/icons/ChevronUpIcon.js

@@ -8,13 +8,13 @@ const ChevronUpIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "chevron-up",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        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: "M1 23a1 1 0 0 0 .29.71 1 1 0 0 0 1.42 0L16 10.41 29.29 23.7a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.41l-14-14a1 1 0 0 0-1.41 0l-14 14A1 1 0 0 0 1 23", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    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" })] }));
 };
 
 export { ChevronUpIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const CircleBurgerFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/CircleBurgerFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+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" })] }));
+};
+
+export { CircleBurgerFilledIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const CircleBurgerIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/CircleBurgerIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+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" })] }));
+};
+
+export { CircleBurgerIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const ClipboardFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/ClipboardFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+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" })] }));
+};
+
+export { ClipboardFilledIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const ClipboardIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/ClipboardIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+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" })] }));
+};
+
+export { ClipboardIcon };

package/dist/components/icons/{InformationIcon.d.ts → ClockFilledIcon.d.ts}

@@ -2,5 +2,5 @@ import { type SVGProps } from "react";
 interface IconProps extends SVGProps<SVGSVGElement> {
     alt?: string;
 }
-export declare const InformationIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClockFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/icons/ClockFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+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" })] }));
+};
+
+export { ClockFilledIcon };

package/dist/components/icons/ClockIcon.js

@@ -8,13 +8,13 @@ const ClockIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "clock",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        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: "M23 21.05a.93.93 0 0 1-.5-.14L15 16.58v-9.5a1 1 0 0 1 1-1 1 1 0 0 1 1 1v8.35l6.47 3.77a1 1 0 0 1 .36 1.36 1 1 0 0 1-.83.49", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M16 2A14 14 0 1 1 2 16 14 14 0 0 1 16 2m0-2a16 16 0 1 0 16 16A16 16 0 0 0 16 0", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    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" })] }));
 };
 
 export { ClockIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const CloseAltFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/CloseAltFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+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" })] }));
+};
+
+export { CloseAltFilledIcon };

package/dist/components/icons/CloseAltIcon.js

@@ -8,13 +8,13 @@ const CloseAltIcon = ({ alt, className, fill, id, ref, ...props }) => {
         "aria-labelledby": alt ? uid + "-title" : undefined,
         className: clsx("coop-icon", className),
         "data-icon": "close-alt",
-        fill: fill !== null && fill !== void 0 ? fill : "none",
+        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: "M21.55 22.51a1 1 0 0 1-.7-.3l-11-11a1 1 0 0 1 1.41-1.41l11 11a1 1 0 0 1 0 1.41 1 1 0 0 1-.71.3", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M10.55 22.51a1 1 0 0 1-.7-.3 1 1 0 0 1 0-1.41l11-11a1 1 0 0 1 1.41 1.41l-11 11a1 1 0 0 1-.71.3", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M16 2A14 14 0 1 1 2 16 14 14 0 0 1 16 2m0-2a16 16 0 1 0 16 16A16 16 0 0 0 16 0", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
+    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 4m4.293 6.293a1 1 0 1 1 1.414 1.414L17.414 16l4.293 4.293a1 1 0 1 1-1.414 1.414L16 17.414l-4.293 4.293a1 1 0 1 1-1.414-1.414L14.586 16l-4.293-4.293a1 1 0 1 1 1.414-1.414L16 14.586z" })] }));
 };
 
 export { CloseAltIcon };

package/dist/components/icons/{VanIcon.d.ts → CogIcon.d.ts}

@@ -2,5 +2,5 @@ import { type SVGProps } from "react";
 interface IconProps extends SVGProps<SVGSVGElement> {
     alt?: string;
 }
-export declare const VanIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CogIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/icons/CogIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const CogIcon = ({ 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": "cog",
+        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: "M18 28v-1.801l.032-1.33 1.24-.486a9 9 0 0 0 2.348-1.357l1.039-.832 1.148.625.029.015.072.041 1.483.856.001.001 2-3.464-1.488-.86-.066-.04-1.14-.692.2-1.318a9.1 9.1 0 0 0 0-2.718l-.2-1.319 1.13-.684.005-.002.026-.017.047-.028 1.486-.858-2-3.464v-.001l-1.484.857v.001l-.083.045-1.168.634-1.037-.831a9 9 0 0 0-2.347-1.357l-1.24-.485L18 5.8v-.006L18 5.713V4h-4v1.714l-.003.104-.003.05v.004-.01l-.03 1.27-1.239.484a9 9 0 0 0-2.345 1.357l-1.039.832-1.159-.631-.006-.003-.084-.047-1.485-.856-1.999 3.463 1.483.857h.002l.078.049.036.023.003.002-.005-.004 1.095.665-.199 1.317q-.1.66-.1 1.36t.1 1.36l.2 1.318-1.1.665-.016.01q-.031.021-.089.055l-.004.002-1.486.857h.002l2 3.464 1.483-.856.057-.031.016-.009.008-.004 1.168-.638 1.039.833a9 9 0 0 0 2.03 1.227l.316.13 1.24.485.03 1.295.002.015.003.107V30l-.205-.01a2 2 0 0 1-1.786-1.786L12 28v-1.715l-.001-.039a11 11 0 0 1-2.87-1.66q-.018.012-.037.021l-1.483.857-.183.094a2 2 0 0 1-2.438-.654l-.111-.172-2-3.464a2 2 0 0 1 .731-2.733l1.486-.857.03-.02q-.091-.608-.115-1.237L5.001 16q0-.846.123-1.66l-.033-.02-1.483-.856a2 2 0 0 1-.732-2.732l2-3.464a2 2 0 0 1 2.731-.733l1.484.857.039.02c.86-.689 1.825-1.25 2.868-1.658l.002-.04V4a2 2 0 0 1 1.795-1.99L14 2h4a2 2 0 0 1 2 2v1.753c.914.357 1.766.832 2.542 1.407l.328.252.038-.02 1.484-.857a2 2 0 0 1 2.733.733l2 3.464a2 2 0 0 1-.733 2.732l-1.486.858-.03.019q.123.812.125 1.659l-.008.42a11 11 0 0 1-.117 1.237l.028.019 1.488.86a2 2 0 0 1 .733 2.732l-2 3.464-.112.172a2 2 0 0 1-2.44.654l-.18-.094-1.485-.858-.037-.02c-.86.69-1.827 1.252-2.87 1.66l-.001.04V28l-.011.204a2 2 0 0 1-1.785 1.785L18 30h-4v-2zm-4.005-1.852v-.013l-.001-.007zM20 16a4 4 0 0 0-3.794-3.995L16 12a4 4 0 0 0-4 4l.005.206a4 4 0 0 0 3.789 3.79L16 20a4 4 0 0 0 3.994-3.794zm2 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0" })] }));
+};
+
+export { CogIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const CommunityFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/CommunityFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const CommunityFilledIcon = ({ 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": "community-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.703 12.03 12.03 0 0 1 7.565 8.304l.04.157q.054.216.099.436-.117.18-.24.357a14.05 14.05 0 0 1-6.308 5.04l.02.009c-.85.338-1.74.596-2.663.764l-.008-.005A14 14 0 0 1 16 30c-4.93 0-9.266-2.55-11.76-6.401q.045-.22.098-.436l.04-.157q.041-.165.089-.328.032-.11.066-.22a12 12 0 0 1 .206-.607 12.03 12.03 0 0 1 7.205-7.148A7 7 0 0 1 16 2M7.796 2a5.74 5.74 0 0 1 3.056.877A7.98 7.98 0 0 0 8 9c0 1.956.702 3.748 1.868 5.138a8 8 0 0 0-1.977-.25 7.87 7.87 0 0 0-5.88 2.632Q2 16.261 2 16q.002-1.176.188-2.3a10 10 0 0 1 2.298-1.21A5.768 5.768 0 0 1 7.796 2m16.496 0a5.77 5.77 0 0 1 5.768 5.769 5.76 5.76 0 0 1-2.397 4.677 10 10 0 0 1 2.179 1.084c.143.802.219 1.627.219 2.47q-.001.149-.005.296a7.86 7.86 0 0 0-5.67-2.407c-.816 0-1.604.123-2.345.353A7.97 7.97 0 0 0 24 9a7.98 7.98 0 0 0-2.816-6.09A5.74 5.74 0 0 1 24.292 2" })] }));
+};
+
+export { CommunityFilledIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const CommunityIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/CommunityIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const CommunityIcon = ({ 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": "community",
+        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.101a14.04 14.04 0 0 1-5.421 3.891l.02.01c-.849.338-1.74.596-2.662.764l-.008-.005.012-.003C17.738 29.917 16.88 30 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 16M8.094 2.008a5.73 5.73 0 0 1 2.758.869c-.524.442-.991.95-1.388 1.512a3.769 3.769 0 1 0-1.068 7.099c.32.98.824 1.877 1.472 2.65a8 8 0 0 0-1.977-.25 7.87 7.87 0 0 0-5.88 2.632Q2 16.261 2 16q.002-1.176.188-2.3a9.9 9.9 0 0 1 2.297-1.209 5.76 5.76 0 0 1-2.449-4.426l-.008-.296A5.77 5.77 0 0 1 7.797 2zm16.495 0a5.77 5.77 0 0 1 5.47 5.76l-.006.297a5.76 5.76 0 0 1-2.388 4.381 10 10 0 0 1 2.177 1.084c.143.802.219 1.627.219 2.47q-.001.149-.005.296a7.86 7.86 0 0 0-5.67-2.407c-.816 0-1.604.123-2.345.353a8 8 0 0 0 1.567-2.77q.333.063.684.064a3.768 3.768 0 1 0-1.733-7.114 8 8 0 0 0-1.374-1.513A5.74 5.74 0 0 1 24.292 2zM16 4a5 5 0 1 0 0 10 5 5 0 0 0 0-10" })] }));
+};
+
+export { CommunityIcon };

package/dist/components/icons/{QuestionIcon.d.ts → ComputerIcon.d.ts}

@@ -2,5 +2,5 @@ import { type SVGProps } from "react";
 interface IconProps extends SVGProps<SVGSVGElement> {
     alt?: string;
 }
-export declare const QuestionIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComputerIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/icons/ComputerIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const ComputerIcon = ({ 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": "computer",
+        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 28H3a1 1 0 1 1 0-2h13zM28.204 8.01A2 2 0 0 1 30 10v16l-.01.204a2 2 0 0 1-1.786 1.785L28 28h-8a2 2 0 0 1-1.99-1.796L18 26V10a2 2 0 0 1 2-2h8zM20 26h8V10h-8zm6-22a2 2 0 0 1 2 2H6v16h10.077v2H6l-.204-.01a2 2 0 0 1-1.785-1.786L4 22V6a2 2 0 0 1 2-2zm-2 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2" })] }));
+};
+
+export { ComputerIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const ContactFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/ContactFilledIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const ContactFilledIcon = ({ 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": "contact-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.5 12.004a1.5 1.5 0 0 1 1.5 1.5V30l-4-4H10.5A1.5 1.5 0 0 1 9 24.5v-3.498h13a2 2 0 0 0 2-2v-6.998zM21.5 6A1.5 1.5 0 0 1 23 7.5v10.996a1.5 1.5 0 0 1-1.5 1.5H6l-4 4V7.5A1.5 1.5 0 0 1 3.5 6z" })] }));
+};
+
+export { ContactFilledIcon };

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

@@ -0,0 +1,6 @@
+import { type SVGProps } from "react";
+interface IconProps extends SVGProps<SVGSVGElement> {
+    alt?: string;
+}
+export declare const ContactIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/ContactIcon.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useId } from '../../hooks/useId.js';
+
+const ContactIcon = ({ 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": "contact",
+        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 12.004a2 2 0 0 1 2 2V30l-4-4H11a2 2 0 0 1-2-2v-2.998h2V24h15.828L28 25.172V14.004h-4v-2zM21 6a2 2 0 0 1 2 2v9.996a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zM4 19.168l1.172-1.172H21V8H4z" })] }));
+};
+
+export { ContactIcon };