@coopdigital/react 1.12.0 → 1.13.0

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

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

package/dist/components/icons/PencilIcon.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/PencilIcon.tsx
 const PencilIcon = ({ 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": "pencil",
-        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.7 6.12 25.88.3a1 1 0 0 0-1.4 0L1.3 23.47a.86.86 0 0 0-.3.6L0 30.9a1.14 1.14 0 0 0 .3.8.91.91 0 0 0 .7.3h.1l6.82-1a.61.61 0 0 0 .61-.3L31.7 7.52a1 1 0 0 0 0-1.4M7.22 29l-3.57.56L5.08 28a1 1 0 0 0 0-1.42 1 1 0 0 0-1.41.05L2.39 28l.52-3.29 1.91-1.91 4.12 4.52Zm3.14-3.11-4.12-4.54L25.18 2.41l4.41 4.41Z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "pencil",
+		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: "M31.7 6.12 25.88.3a1 1 0 0 0-1.4 0L1.3 23.47a.86.86 0 0 0-.3.6L0 30.9a1.14 1.14 0 0 0 .3.8.91.91 0 0 0 .7.3h.1l6.82-1a.61.61 0 0 0 .61-.3L31.7 7.52a1 1 0 0 0 0-1.4M7.22 29l-3.57.56L5.08 28a1 1 0 0 0 0-1.42 1 1 0 0 0-1.41.05L2.39 28l.52-3.29 1.91-1.91 4.12 4.52Zm3.14-3.11-4.12-4.54L25.18 2.41l4.41 4.41Z" })]
+	});
 };
-
+//#endregion
 export { PencilIcon };

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

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

package/dist/components/icons/PhoneIcon.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/PhoneIcon.tsx
 const PhoneIcon = ({ 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": "phone",
-        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: "m25.61 23.552 1.413 1.414-2.318 2.319-1.415-1.415zm0-1.968-2.4-2.4a1.393 1.393 0 0 0-1.862-.095l-.106.096c-1.202 1.202-3.212 1.567-4.78.439a18 18 0 0 1-1.93-1.608l-.276-.27a18 18 0 0 1-1.88-2.21l-.101-.148c-1-1.543-.623-3.464.541-4.628l.096-.106a1.39 1.39 0 0 0 0-1.756l-.096-.106-2.399-2.399a1.39 1.39 0 0 0-1.862-.096l-.106.096-2.318 2.319a.37.37 0 0 0-.109.282c.004.08.021.198.07.41.031.139.129.529.183.799.128.638.35 1.526.735 2.57.722 1.957 2.017 4.476 4.323 6.93l.475.491c2.606 2.606 5.332 4.028 7.421 4.797 1.044.385 1.931.608 2.57.736l.8.183c.212.049.33.065.41.069a.37.37 0 0 0 .281-.109l1.415 1.415c-.43.43-.985.66-1.548.69l-.24.002c-.51-.024-1.01-.19-1.51-.29a19 19 0 0 1-2.87-.819c-2.308-.85-5.297-2.413-8.143-5.26s-4.41-5.835-5.26-8.144a19 19 0 0 1-.82-2.869c-.088-.437-.225-.87-.274-1.313l-.015-.19c-.032-.646.199-1.301.691-1.794l2.32-2.32a3.39 3.39 0 0 1 4.796 0l2.399 2.4a3.39 3.39 0 0 1 0 4.796c-.592.592-.719 1.516-.23 2.196a16 16 0 0 0 1.67 1.962A16 16 0 0 0 17.63 18c.68.49 1.604.363 2.197-.23a3.39 3.39 0 0 1 4.797 0l2.398 2.4a3.39 3.39 0 0 1 0 4.796L25.61 23.55c.51-.51.542-1.316.095-1.862z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "phone",
+		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: "m25.61 23.552 1.413 1.414-2.318 2.319-1.415-1.415zm0-1.968-2.4-2.4a1.393 1.393 0 0 0-1.862-.095l-.106.096c-1.202 1.202-3.212 1.567-4.78.439a18 18 0 0 1-1.93-1.608l-.276-.27a18 18 0 0 1-1.88-2.21l-.101-.148c-1-1.543-.623-3.464.541-4.628l.096-.106a1.39 1.39 0 0 0 0-1.756l-.096-.106-2.399-2.399a1.39 1.39 0 0 0-1.862-.096l-.106.096-2.318 2.319a.37.37 0 0 0-.109.282c.004.08.021.198.07.41.031.139.129.529.183.799.128.638.35 1.526.735 2.57.722 1.957 2.017 4.476 4.323 6.93l.475.491c2.606 2.606 5.332 4.028 7.421 4.797 1.044.385 1.931.608 2.57.736l.8.183c.212.049.33.065.41.069a.37.37 0 0 0 .281-.109l1.415 1.415c-.43.43-.985.66-1.548.69l-.24.002c-.51-.024-1.01-.19-1.51-.29a19 19 0 0 1-2.87-.819c-2.308-.85-5.297-2.413-8.143-5.26s-4.41-5.835-5.26-8.144a19 19 0 0 1-.82-2.869c-.088-.437-.225-.87-.274-1.313l-.015-.19c-.032-.646.199-1.301.691-1.794l2.32-2.32a3.39 3.39 0 0 1 4.796 0l2.399 2.4a3.39 3.39 0 0 1 0 4.796c-.592.592-.719 1.516-.23 2.196a16 16 0 0 0 1.67 1.962A16 16 0 0 0 17.63 18c.68.49 1.604.363 2.197-.23a3.39 3.39 0 0 1 4.797 0l2.398 2.4a3.39 3.39 0 0 1 0 4.796L25.61 23.55c.51-.51.542-1.316.095-1.862z" })]
+	});
 };
-
+//#endregion
 export { PhoneIcon };

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

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

package/dist/components/icons/PowerIcon.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/PowerIcon.tsx
 const PowerIcon = ({ 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": "power",
-        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: "M25.158 6.843c.41-.41 1.078-.412 1.456.027a14 14 0 0 1 2.321 14.487l-.207.476a14 14 0 0 1-4.95 5.808l-.436.28A14 14 0 0 1 16 30l-.518-.01a14 14 0 0 1-6.823-2.07l-.437-.28A14 14 0 0 1 5.387 6.87c.378-.44 1.046-.437 1.456-.027s.406 1.072.034 1.516l-.235.29a11.9 11.9 0 0 0-2.313 5.03l-.078.433a11.9 11.9 0 0 0 11.309 13.78l.44.008c2.207 0 4.367-.613 6.24-1.767l.372-.238a11.9 11.9 0 0 0 5.137-11.783l-.078-.433a11.9 11.9 0 0 0-2.548-5.32c-.372-.444-.375-1.106.035-1.516M16 2a1 1 0 0 1 1 1v13a1 1 0 0 1-1.995.102L15 16V3a1 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": "power",
+		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: "M25.158 6.843c.41-.41 1.078-.412 1.456.027a14 14 0 0 1 2.321 14.487l-.207.476a14 14 0 0 1-4.95 5.808l-.436.28A14 14 0 0 1 16 30l-.518-.01a14 14 0 0 1-6.823-2.07l-.437-.28A14 14 0 0 1 5.387 6.87c.378-.44 1.046-.437 1.456-.027s.406 1.072.034 1.516l-.235.29a11.9 11.9 0 0 0-2.313 5.03l-.078.433a11.9 11.9 0 0 0 11.309 13.78l.44.008c2.207 0 4.367-.613 6.24-1.767l.372-.238a11.9 11.9 0 0 0 5.137-11.783l-.078-.433a11.9 11.9 0 0 0-2.548-5.32c-.372-.444-.375-1.106.035-1.516M16 2a1 1 0 0 1 1 1v13a1 1 0 0 1-1.995.102L15 16V3a1 1 0 0 1 1-1" })]
+	});
 };
-
+//#endregion
 export { PowerIcon };

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

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

package/dist/components/icons/SaveFilledIcon.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/SaveFilledIcon.tsx
 const SaveFilledIcon = ({ 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": "save-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: "M21.499 4a2 2 0 0 1 1.4.572l4.502 4.42A2 2 0 0 1 28 10.417V26a2 2 0 0 1-2 2h-4v-9a2 2 0 0 0-1.796-1.99L20 17h-8a2 2 0 0 0-1.99 1.796L10 19v9H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2v4a2 2 0 0 0 1.796 1.99L10 10h6l.204-.01A2 2 0 0 0 18 8V4zM20 19v9h-8v-9zM16 4v4h-6V4z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "save-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: "M21.499 4a2 2 0 0 1 1.4.572l4.502 4.42A2 2 0 0 1 28 10.417V26a2 2 0 0 1-2 2h-4v-9a2 2 0 0 0-1.796-1.99L20 17h-8a2 2 0 0 0-1.99 1.796L10 19v9H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2v4a2 2 0 0 0 1.796 1.99L10 10h6l.204-.01A2 2 0 0 0 18 8V4zM20 19v9h-8v-9zM16 4v4h-6V4z" })]
+	});
 };
-
+//#endregion
 export { SaveFilledIcon };

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

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

package/dist/components/icons/SaveIcon.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/SaveIcon.tsx
 const SaveIcon = ({ 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": "save",
-        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.694 4.01a2 2 0 0 1 1.205.562l4.502 4.42A2 2 0 0 1 28 10.417V26a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h15.499zM6 26h4v-7l.01-.204A2 2 0 0 1 12 17h8l.204.01a2 2 0 0 1 1.785 1.786L22 19v7h4V10.418L21.499 6H18v2a2 2 0 0 1-1.796 1.99L16 10h-6l-.204-.01A2 2 0 0 1 8.01 8.203L8 8V6H6zm6 0h8v-7h-8zM10 8h6V6h-6z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "save",
+		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: "M21.694 4.01a2 2 0 0 1 1.205.562l4.502 4.42A2 2 0 0 1 28 10.417V26a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h15.499zM6 26h4v-7l.01-.204A2 2 0 0 1 12 17h8l.204.01a2 2 0 0 1 1.785 1.786L22 19v7h4V10.418L21.499 6H18v2a2 2 0 0 1-1.796 1.99L16 10h-6l-.204-.01A2 2 0 0 1 8.01 8.203L8 8V6H6zm6 0h8v-7h-8zM10 8h6V6h-6z" })]
+	});
 };
-
+//#endregion
 export { SaveIcon };

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

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

package/dist/components/icons/ScooterIcon.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/ScooterIcon.tsx
 const ScooterIcon = ({ 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": "scooter",
-        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: "m19.017 5.5 4.916 8.517q.248-.017.5-.017c2.061 0 3.925.85 5.278 2.217.2.203.295.47.287.734a1 1 0 0 1-.483.906l-.81.485a4.5 4.5 0 1 1-7.593 4.158h-8.225a4.5 4.5 0 0 1-8.774 0H3a1 1 0 0 1-1-1V21c0-3.401 3.002-6 6.5-6 3.325 0 6.2 2.347 6.477 5.5h6.246l6.095-3.658A5.36 5.36 0 0 0 24.434 16c-1.06 0-2.05.308-2.89.844a1 1 0 0 1-1.074-1.688c.44-.28.912-.516 1.408-.7L17.573 7H15a1 1 0 1 1 0-2h3.727zM6.21 22.5a2.5 2.5 0 0 0 4.58 0zm16.803-.742A2.5 2.5 0 0 0 28 21.5c0-.863-.439-1.623-1.105-2.072zM8.5 17c-2.372 0-4.189 1.592-4.463 3.5h8.926c-.274-1.908-2.09-3.5-4.463-3.5m0-6c4.54 0 8.442 2.75 9.897 6.65a1 1 0 0 1-1.874.7C15.369 15.258 12.233 13 8.5 13H7a1 1 0 1 1 0-2zM4 11a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2zm5-3a1 1 0 0 1 0 2H3a1 1 0 0 1 0-2zm0-3a1 1 0 0 1 0 2H5a1 1 0 0 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": "scooter",
+		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: "m19.017 5.5 4.916 8.517q.248-.017.5-.017c2.061 0 3.925.85 5.278 2.217.2.203.295.47.287.734a1 1 0 0 1-.483.906l-.81.485a4.5 4.5 0 1 1-7.593 4.158h-8.225a4.5 4.5 0 0 1-8.774 0H3a1 1 0 0 1-1-1V21c0-3.401 3.002-6 6.5-6 3.325 0 6.2 2.347 6.477 5.5h6.246l6.095-3.658A5.36 5.36 0 0 0 24.434 16c-1.06 0-2.05.308-2.89.844a1 1 0 0 1-1.074-1.688c.44-.28.912-.516 1.408-.7L17.573 7H15a1 1 0 1 1 0-2h3.727zM6.21 22.5a2.5 2.5 0 0 0 4.58 0zm16.803-.742A2.5 2.5 0 0 0 28 21.5c0-.863-.439-1.623-1.105-2.072zM8.5 17c-2.372 0-4.189 1.592-4.463 3.5h8.926c-.274-1.908-2.09-3.5-4.463-3.5m0-6c4.54 0 8.442 2.75 9.897 6.65a1 1 0 0 1-1.874.7C15.369 15.258 12.233 13 8.5 13H7a1 1 0 1 1 0-2zM4 11a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2zm5-3a1 1 0 0 1 0 2H3a1 1 0 0 1 0-2zm0-3a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2z" })]
+	});
 };
-
+//#endregion
 export { ScooterIcon };

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

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

package/dist/components/icons/SearchFilledIcon.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/SearchFilledIcon.tsx
 const SearchFilledIcon = ({ 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": "search-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 6c5.523 0 10 4.477 10 10a9.96 9.96 0 0 1-2.258 6.328l5.965 5.965a1 1 0 1 1-1.414 1.414l-5.965-5.965A9.96 9.96 0 0 1 16 26c-5.523 0-10-4.477-10-10S10.477 6 16 6" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "search-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 6c5.523 0 10 4.477 10 10a9.96 9.96 0 0 1-2.258 6.328l5.965 5.965a1 1 0 1 1-1.414 1.414l-5.965-5.965A9.96 9.96 0 0 1 16 26c-5.523 0-10-4.477-10-10S10.477 6 16 6" })]
+	});
 };
-
+//#endregion
 export { SearchFilledIcon };

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

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

package/dist/components/icons/SearchIcon.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/SearchIcon.tsx
 const SearchIcon = ({ 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": "search",
-        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 4c5.523 0 10 4.477 10 10a9.96 9.96 0 0 1-2.258 6.328l5.965 5.965a1 1 0 1 1-1.414 1.414l-5.965-5.965A9.96 9.96 0 0 1 14 24C8.477 24 4 19.523 4 14S8.477 4 14 4m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "search",
+		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 4c5.523 0 10 4.477 10 10a9.96 9.96 0 0 1-2.258 6.328l5.965 5.965a1 1 0 1 1-1.414 1.414l-5.965-5.965A9.96 9.96 0 0 1 14 24C8.477 24 4 19.523 4 14S8.477 4 14 4m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16" })]
+	});
 };
-
+//#endregion
 export { SearchIcon };

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

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

package/dist/components/icons/SendIcon.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/SendIcon.tsx
 const SendIcon = ({ 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": "send",
-        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.73 6.235c-.278-.848.592-1.618 1.4-1.241l22.655 10.57c.784.367.785 1.482.001 1.849L5.132 27.994l-.153.058c-.76.223-1.508-.503-1.249-1.298l3.246-9.943a1 1 0 0 0 .038-.476l-.038-.156zm5.172 11.253L6.4 25.15l16.405-7.662zm-.005-2h13.9L6.398 7.836z" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "send",
+		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.73 6.235c-.278-.848.592-1.618 1.4-1.241l22.655 10.57c.784.367.785 1.482.001 1.849L5.132 27.994l-.153.058c-.76.223-1.508-.503-1.249-1.298l3.246-9.943a1 1 0 0 0 .038-.476l-.038-.156zm5.172 11.253L6.4 25.15l16.405-7.662zm-.005-2h13.9L6.398 7.836z" })]
+	});
 };
-
+//#endregion
 export { SendIcon };

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

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

package/dist/components/icons/SpannerIcon.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/SpannerIcon.tsx
 const SpannerIcon = ({ 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": "spanner",
-        fill: fill !== null && fill !== void 0 ? fill : "currentColor",
-        id: uid,
-        role: alt ? "img" : undefined,
-        viewBox: "0 0 24 24",
-        ...props,
-    };
-    return (jsxs("svg", { ...componentProps, ref: ref, children: [alt ? jsx("title", { id: uid + "__title", children: alt }) : null, jsx("path", { d: "M13 7.5a5.5 5.5 0 0 0-6.025-5.475l2.482 2.482c.78.78.963 1.79.858 2.603a3.6 3.6 0 0 1-1.054 2.108l-.019.017-.02.02a3.6 3.6 0 0 1-2.108 1.06c-.815.106-1.825-.076-2.607-.858L2.025 6.975A5.5 5.5 0 0 0 7.5 13v2A7.5 7.5 0 0 1 .653 4.435c.26-.577 1.008-.653 1.455-.206l3.813 3.814c.47.47 1.265.347 1.77-.09l.097-.09.04-.042.036-.036c.476-.464.657-1.256.265-1.766l-.086-.098-3.814-3.813c-.447-.447-.371-1.196.206-1.455A7.5 7.5 0 0 1 14.916 8.61c-.051.34.046.689.288.931l7.624 7.624a4 4 0 0 1-5.657 5.657l-7.62-7.619a1.08 1.08 0 0 0-.93-.287A7.4 7.4 0 0 1 7.5 15v-2q.416-.001.82-.062l.167-.021a3.07 3.07 0 0 1 2.479.871l7.619 7.62a2 2 0 0 0 2.83-2.83l-7.626-7.624c-.745-.745-.985-1.755-.85-2.643A5.4 5.4 0 0 0 13 7.5" })] }));
+	const uid = useId(id);
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-labelledby": alt ? uid + "__title" : void 0,
+		className: clsx("coop-icon", className),
+		"data-icon": "spanner",
+		fill: fill ?? "currentColor",
+		id: uid,
+		role: alt ? "img" : void 0,
+		viewBox: "0 0 24 24",
+		...props,
+		ref,
+		children: [alt ? /* @__PURE__ */ jsx("title", {
+			id: uid + "__title",
+			children: alt
+		}) : null, /* @__PURE__ */ jsx("path", { d: "M13 7.5a5.5 5.5 0 0 0-6.025-5.475l2.482 2.482c.78.78.963 1.79.858 2.603a3.6 3.6 0 0 1-1.054 2.108l-.019.017-.02.02a3.6 3.6 0 0 1-2.108 1.06c-.815.106-1.825-.076-2.607-.858L2.025 6.975A5.5 5.5 0 0 0 7.5 13v2A7.5 7.5 0 0 1 .653 4.435c.26-.577 1.008-.653 1.455-.206l3.813 3.814c.47.47 1.265.347 1.77-.09l.097-.09.04-.042.036-.036c.476-.464.657-1.256.265-1.766l-.086-.098-3.814-3.813c-.447-.447-.371-1.196.206-1.455A7.5 7.5 0 0 1 14.916 8.61c-.051.34.046.689.288.931l7.624 7.624a4 4 0 0 1-5.657 5.657l-7.62-7.619a1.08 1.08 0 0 0-.93-.287A7.4 7.4 0 0 1 7.5 15v-2q.416-.001.82-.062l.167-.021a3.07 3.07 0 0 1 2.479.871l7.619 7.62a2 2 0 0 0 2.83-2.83l-7.626-7.624c-.745-.745-.985-1.755-.85-2.643A5.4 5.4 0 0 0 13 7.5" })]
+	});
 };
-
+//#endregion
 export { SpannerIcon };

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

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