@coopdigital/react 0.22.0 → 0.23.0

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,11 +1,13 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 
-const AlertBanner = (_a) => {
-    var { children, className, heading, variant = "default" } = _a, props = __rest(_a, ["children", "className", "heading", "variant"]);
-    const componentProps = Object.assign({ className: clsx("coop-alert-banner", className), "data-variant": variant }, props);
-    return (jsx("aside", Object.assign({}, componentProps, { children: jsxs("div", { className: "coop-alert-banner--inner", children: [jsx("h2", { id: "coop-alert-banner--headline", children: heading }), children] }) })));
+const AlertBanner = ({ children, className, heading, variant = "default", ...props }) => {
+    const componentProps = {
+        className: clsx("coop-alert-banner", className),
+        "data-variant": variant,
+        ...props,
+    };
+    return (jsx("aside", { ...componentProps, children: jsxs("div", { className: "coop-alert-banner--inner", children: [jsx("h2", { id: "coop-alert-banner--headline", children: heading }), children] }) }));
 };
 
 export { AlertBanner, AlertBanner as default };

package/dist/components/Author/Author.js

@@ -1,16 +1,20 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { Image } from '../Image/Image.js';
 
-const Author = (_a) => {
-    var { author = "Co-op team", className, date, datePrefix = "", image = {
-        alt: "",
-        src: "https://s3.eu-west-1.amazonaws.com/assets.digital.coop.co.uk/oneweb/coop-logo-inverted.svg",
-    } } = _a, props = __rest(_a, ["author", "className", "date", "datePrefix", "image"]);
-    const imageProps = Object.assign({ width: "56px" }, image);
-    const componentProps = Object.assign({ className: clsx("coop-author", className) }, props);
-    return (jsxs("div", Object.assign({}, componentProps, { children: [image && jsx(Image, Object.assign({}, imageProps)), jsxs("div", { className: "coop-author--content", children: [jsxs("span", { children: [datePrefix ? datePrefix + " " : "", date] }), jsxs("span", { children: ["by ", author] })] })] })));
+const Author = ({ author = "Co-op team", className, date, datePrefix = "", image = {
+    alt: "",
+    src: "https://s3.eu-west-1.amazonaws.com/assets.digital.coop.co.uk/oneweb/coop-logo-inverted.svg",
+}, ...props }) => {
+    const imageProps = {
+        width: "56px",
+        ...image,
+    };
+    const componentProps = {
+        className: clsx("coop-author", className),
+        ...props,
+    };
+    return (jsxs("div", { ...componentProps, children: [image && jsx(Image, { ...imageProps }), jsxs("div", { className: "coop-author--content", children: [jsxs("span", { children: [datePrefix ? datePrefix + " " : "", date] }), jsxs("span", { children: ["by ", author] })] })] }));
 };
 
 export { Author, Author as default };

package/dist/components/Button/Button.js

@@ -1,30 +1,39 @@
-import { __rest, __awaiter } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import React, { useState, useCallback } from 'react';
 import { LoadingIcon } from '../Icon/LoadingIcon.js';
 
-const Button = (_a) => {
-    var { as, children, className, href, isDisabled = false, isFullWidth = false, isLoading = false, loadingText = "Loading", onClick, size = "md", variant = "green" } = _a, props = __rest(_a, ["as", "children", "className", "href", "isDisabled", "isFullWidth", "isLoading", "loadingText", "onClick", "size", "variant"]);
+const Button = ({ as, children, className, href, isDisabled = false, isFullWidth = false, isLoading = false, loadingText = "Loading", onClick, size = "md", variant = "green", ...props }) => {
     let element = href ? "a" : "button";
     if (as) {
         element = as;
     }
     const [isPending, setIsPending] = useState(false);
-    const handleClick = useCallback((event) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleClick = useCallback(async (event) => {
         if (isPending || !onClick)
             return;
         setIsPending(true);
         try {
-            yield Promise.resolve(onClick(event));
+            await Promise.resolve(onClick(event));
         }
         finally {
             setIsPending(false);
         }
-    }), [onClick, isPending]);
-    const componentProps = Object.assign({ "aria-disabled": isDisabled ? true : undefined, "aria-live": "assertive", className: clsx(variant == "text" ? "coop-link" : "coop-button", className), "data-loading": isLoading || isPending ? true : undefined, "data-size": size.length && size !== "md" ? size : undefined, "data-variant": variant !== "text" ? variant : undefined, "data-width": isFullWidth ? "full" : undefined, href, onClick: handleClick }, props);
+    }, [onClick, isPending]);
+    const componentProps = {
+        "aria-disabled": isDisabled ? true : undefined,
+        "aria-live": "assertive",
+        className: clsx(variant == "text" ? "coop-link" : "coop-button", className),
+        "data-loading": isLoading || isPending ? true : undefined,
+        "data-size": size.length && size !== "md" ? size : undefined,
+        "data-variant": variant !== "text" ? variant : undefined,
+        "data-width": isFullWidth ? "full" : undefined,
+        href,
+        onClick: handleClick,
+        ...props,
+    };
     const finalChildren = isPending || isLoading ? (jsxs(Fragment, { children: [loadingText, jsx(LoadingIcon, {})] })) : (children);
-    return React.createElement(element, Object.assign({}, componentProps), finalChildren);
+    return React.createElement(element, { ...componentProps }, finalChildren);
 };
 
 export { Button, Button as default };

package/dist/components/Card/Card.js

@@ -1,4 +1,3 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import React from 'react';
@@ -19,12 +18,20 @@ function getCardLinkElement(as, href) {
         },
     };
 }
-const Card = (_a) => {
-    var { as, background, badge, badgePosition = "inset", chevron = false, children, className, heading, headingLevel = "h3", href, image, imagePosition = "left", label = "", labelBackground, layout = "vertical" } = _a, props = __rest(_a, ["as", "background", "badge", "badgePosition", "chevron", "children", "className", "heading", "headingLevel", "href", "image", "imagePosition", "label", "labelBackground", "layout"]);
+const Card = ({ as, background, badge, badgePosition = "inset", chevron = false, children, className, heading, headingLevel = "h3", href, image, imagePosition = "left", label = "", labelBackground, layout = "vertical", ...props }) => {
     const linkElement = getCardLinkElement(as, href);
-    const imageProps = Object.assign({ crop: "wide" }, image);
-    const componentProps = Object.assign({ className: clsx("coop-card", background && bgPropToClass(background, className), className), "data-badge-pos": badgePosition, "data-image-pos": imagePosition, "data-layout": layout !== "vertical" ? layout : undefined }, props);
-    return (jsxs("article", Object.assign({}, componentProps, { children: [image && jsx(Image, Object.assign({}, imageProps)), badge && jsx("div", { className: "coop-card--badge", children: badge }), jsxs("div", { className: "coop-card--inner", children: [jsxs("div", { className: "coop-card--content", children: [label && (jsx("span", { className: clsx("coop-card--label", labelBackground && bgPropToClass(labelBackground, className)), children: label })), React.createElement(linkElement.element, linkElement.props, React.createElement(headingLevel, { className: "coop-card--heading" }, heading)), children] }), chevron && (jsx("span", { "aria-hidden": "true", className: "coop-card--icon", role: "presentation", children: jsx(ChevronRightIcon, {}) }))] })] })));
+    const imageProps = {
+        crop: "wide",
+        ...image,
+    };
+    const componentProps = {
+        className: clsx("coop-card", background && bgPropToClass(background, className), className),
+        "data-badge-pos": badgePosition,
+        "data-image-pos": imagePosition,
+        "data-layout": layout !== "vertical" ? layout : undefined,
+        ...props,
+    };
+    return (jsxs("article", { ...componentProps, children: [image && jsx(Image, { ...imageProps }), badge && jsx("div", { className: "coop-card--badge", children: badge }), jsxs("div", { className: "coop-card--inner", children: [jsxs("div", { className: "coop-card--content", children: [label && (jsx("span", { className: clsx("coop-card--label", labelBackground && bgPropToClass(labelBackground, className)), children: label })), React.createElement(linkElement.element, linkElement.props, React.createElement(headingLevel, { className: "coop-card--heading" }, heading)), children] }), chevron && (jsx("span", { "aria-hidden": "true", className: "coop-card--icon", role: "presentation", children: jsx(ChevronRightIcon, {}) }))] })] }));
 };
 
 export { Card, Card as default };

package/dist/components/Expandable/Expandable.js

@@ -1,14 +1,15 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { bgPropToClass } from '../../utils/index.js';
 import 'react';
 import { ChevronDownIcon } from '../Icon/ChevronDownIcon.js';
 
-const Expandable = (_a) => {
-    var { background = "tint-grey", children, className, summary } = _a, props = __rest(_a, ["background", "children", "className", "summary"]);
-    const componentProps = Object.assign({ className: clsx("coop-expandable", bgPropToClass(background, className), className) }, props);
-    return (jsxs("details", Object.assign({}, componentProps, { style: { "--background-color": `var(--color-${background})` }, children: [jsxs("summary", { children: [summary, jsx(ChevronDownIcon, { className: "coop-expandable--icon", stroke: "currentColor", strokeWidth: 2, width: "12" })] }), jsx("div", { className: "coop-expandable--content", children: children })] })));
+const Expandable = ({ background = "tint-grey", children, className, summary, ...props }) => {
+    const componentProps = {
+        className: clsx("coop-expandable", bgPropToClass(background, className), className),
+        ...props,
+    };
+    return (jsxs("details", { ...componentProps, style: { "--background-color": `var(--color-${background})` }, children: [jsxs("summary", { children: [summary, jsx(ChevronDownIcon, { className: "coop-expandable--icon", stroke: "currentColor", strokeWidth: 2, width: "12" })] }), jsx("div", { className: "coop-expandable--content", children: children })] }));
 };
 
 export { Expandable, Expandable as default };

package/dist/components/Icon/AddIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const AddIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const AddIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "add", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M24.7 16.72a1 1 0 0 1-.7.28H8a1 1 0 1 1 0-2h16a1 1 0 0 1 1 1 1 1 0 0 1-.3.72", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M16.72 24.7a1 1 0 0 1-.72.3 1 1 0 0 1-1-1V8a1 1 0 0 1 2 0v16a1 1 0 0 1-.28.7", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "add",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M24.7 16.72a1 1 0 0 1-.7.28H8a1 1 0 1 1 0-2h16a1 1 0 0 1 1 1 1 1 0 0 1-.3.72", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M16.72 24.7a1 1 0 0 1-.72.3 1 1 0 0 1-1-1V8a1 1 0 0 1 2 0v16a1 1 0 0 1-.28.7", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { AddIcon };

package/dist/components/Icon/ArrowDownIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ArrowDownIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ArrowDownIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "arrow-down", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M15 28.66V3a1 1 0 0 1 2 0v25.66a1 1 0 0 1-2 0", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M3 17a1 1 0 0 1 .29-.71 1 1 0 0 1 1.42 0L16 27.58l11.29-11.29a1 1 0 0 1 1.42 0 1 1 0 0 1 0 1.41l-12 12a1 1 0 0 1-1.41 0l-12-12A1 1 0 0 1 3 17", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "arrow-down",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M15 28.66V3a1 1 0 0 1 2 0v25.66a1 1 0 0 1-2 0", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M3 17a1 1 0 0 1 .29-.71 1 1 0 0 1 1.42 0L16 27.58l11.29-11.29a1 1 0 0 1 1.42 0 1 1 0 0 1 0 1.41l-12 12a1 1 0 0 1-1.41 0l-12-12A1 1 0 0 1 3 17", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { ArrowDownIcon };

package/dist/components/Icon/ArrowLeftIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ArrowLeftIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ArrowLeftIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "arrow-left", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M3.34 17H29a1 1 0 0 0 0-2H3.34a1 1 0 0 0 0 2", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M15 29a1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.42L5.12 16.71a1 1 0 0 1 0-1.42L15.71 4.71a1 1 0 0 0 0-1.42 1 1 0 0 0-1.41 0l-12 12a1 1 0 0 0 0 1.42l12 12a1 1 0 0 0 .7.29", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "arrow-left",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M3.34 17H29a1 1 0 0 0 0-2H3.34a1 1 0 0 0 0 2", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M15 29a1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.42L5.12 16.71a1 1 0 0 1 0-1.42L15.71 4.71a1 1 0 0 0 0-1.42 1 1 0 0 0-1.41 0l-12 12a1 1 0 0 0 0 1.42l12 12a1 1 0 0 0 .7.29", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { ArrowLeftIcon };

package/dist/components/Icon/ArrowRightIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ArrowRightIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ArrowRightIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "arrow-right", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M28.7 15H3a1 1 0 0 0 0 2h25.7a1 1 0 0 0 0-2", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M17 3a1 1 0 0 0-.7.3 1 1 0 0 0 0 1.4l10.6 10.6a1 1 0 0 1 0 1.4L16.3 27.3a1 1 0 0 0 0 1.4 1 1 0 0 0 1.4 0l12-12a1 1 0 0 0 0-1.4l-12-12A1 1 0 0 0 17 3", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "arrow-right",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M28.7 15H3a1 1 0 0 0 0 2h25.7a1 1 0 0 0 0-2", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M17 3a1 1 0 0 0-.7.3 1 1 0 0 0 0 1.4l10.6 10.6a1 1 0 0 1 0 1.4L16.3 27.3a1 1 0 0 0 0 1.4 1 1 0 0 0 1.4 0l12-12a1 1 0 0 0 0-1.4l-12-12A1 1 0 0 0 17 3", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { ArrowRightIcon };

package/dist/components/Icon/ArrowUpIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ArrowUpIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ArrowUpIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "arrow-up", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M17 3.34V29a1 1 0 0 1-2 0V3.34a1 1 0 0 1 2 0", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M29 15a1 1 0 0 1-.29.71 1 1 0 0 1-1.42 0L16 4.42 4.71 15.71a1 1 0 0 1-1.42 0 1 1 0 0 1 0-1.41l12-12a1 1 0 0 1 1.41 0l12 12a1 1 0 0 1 .3.7", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "arrow-up",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M17 3.34V29a1 1 0 0 1-2 0V3.34a1 1 0 0 1 2 0", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M29 15a1 1 0 0 1-.29.71 1 1 0 0 1-1.42 0L16 4.42 4.71 15.71a1 1 0 0 1-1.42 0 1 1 0 0 1 0-1.41l12-12a1 1 0 0 1 1.41 0l12 12a1 1 0 0 1 .3.7", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { ArrowUpIcon };

package/dist/components/Icon/AvatarAltIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const AvatarAltIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const AvatarAltIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "avatar-alt", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M16 32a16 16 0 1 1 16-16 16 16 0 0 1-16 16m0-30a14 14 0 1 0 14 14A14 14 0 0 0 16 2", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M16 8a5 5 0 1 1-5 5 5 5 0 0 1 5-5m0-2a7 7 0 1 0 7 7 7 7 0 0 0-7-7", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M5.64 27.85a.7.7 0 0 1-.19 0 1 1 0 0 1-.79-1.17A10.7 10.7 0 0 1 15.16 18h1.68a10.7 10.7 0 0 1 10.5 8.67 1 1 0 0 1-.79 1.17 1 1 0 0 1-1.17-.84 8.72 8.72 0 0 0-8.54-7h-1.68a8.72 8.72 0 0 0-8.54 7 1 1 0 0 1-.98.85", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "avatar-alt",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M16 32a16 16 0 1 1 16-16 16 16 0 0 1-16 16m0-30a14 14 0 1 0 14 14A14 14 0 0 0 16 2", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M16 8a5 5 0 1 1-5 5 5 5 0 0 1 5-5m0-2a7 7 0 1 0 7 7 7 7 0 0 0-7-7", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M5.64 27.85a.7.7 0 0 1-.19 0 1 1 0 0 1-.79-1.17A10.7 10.7 0 0 1 15.16 18h1.68a10.7 10.7 0 0 1 10.5 8.67 1 1 0 0 1-.79 1.17 1 1 0 0 1-1.17-.84 8.72 8.72 0 0 0-8.54-7h-1.68a8.72 8.72 0 0 0-8.54 7 1 1 0 0 1-.98.85", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { AvatarAltIcon };

package/dist/components/Icon/AvatarIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const AvatarIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const AvatarIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "avatar", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M16 31a18.24 18.24 0 0 1-12.64-5.1A1.19 1.19 0 0 1 3 24.86a12.31 12.31 0 0 1 12-10h2a12.31 12.31 0 0 1 12 10 1.19 1.19 0 0 1-.34 1.06A18.24 18.24 0 0 1 16 31M5.42 24.68a15.9 15.9 0 0 0 21.16 0A10 10 0 0 0 17 17.17h-2a10 10 0 0 0-9.58 7.51", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M15.94 3.33a5.77 5.77 0 1 1-5.72 5.77 5.75 5.75 0 0 1 5.72-5.77m0-2.31a8.08 8.08 0 1 0 8 8.08 8 8 0 0 0-8-8.08", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "avatar",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M16 31a18.24 18.24 0 0 1-12.64-5.1A1.19 1.19 0 0 1 3 24.86a12.31 12.31 0 0 1 12-10h2a12.31 12.31 0 0 1 12 10 1.19 1.19 0 0 1-.34 1.06A18.24 18.24 0 0 1 16 31M5.42 24.68a15.9 15.9 0 0 0 21.16 0A10 10 0 0 0 17 17.17h-2a10 10 0 0 0-9.58 7.51", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M15.94 3.33a5.77 5.77 0 1 1-5.72 5.77 5.75 5.75 0 0 1 5.72-5.77m0-2.31a8.08 8.08 0 1 0 8 8.08 8 8 0 0 0-8-8.08", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { AvatarIcon };

package/dist/components/Icon/BasketIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const BasketIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const BasketIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "basket", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M16.07 26a1 1 0 0 0 1-1v-4.08a1 1 0 1 0-2 0V25a1 1 0 0 0 1 1M21.5 26h.17a1 1 0 0 0 1-.85l.68-4.07a1 1 0 0 0-.82-1.18 1 1 0 0 0-1.16.84l-.67 4.07a1 1 0 0 0 .8 1.19M10.43 26h.17a1 1 0 0 0 .82-1.18l-.68-4.07a1 1 0 0 0-1.15-.84 1 1 0 0 0-.82 1.18l.67 4.07a1 1 0 0 0 .99.84", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M31 10.7h-3.11l-8.25-8.4a1 1 0 0 0-1.41 0 1 1 0 0 0 0 1.44l6.83 7H6.85l6.8-6.93a1 1 0 0 0 0-1.44 1 1 0 0 0-1.42 0l-8.14 8.25a1 1 0 0 0 0 .08H1a1 1 0 0 0-1 1v5.1a1 1 0 0 0 1 1h1.23l1.88 11.36a1 1 0 0 0 1 .84H27a1 1 0 0 0 1-.84l1.88-11.34H31a1 1 0 0 0 1-1v-5.1a1 1 0 0 0-1-1.02M26.15 28H5.94L4.28 18h23.53ZM30 15.79H2v-3.06h28Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "basket",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M16.07 26a1 1 0 0 0 1-1v-4.08a1 1 0 1 0-2 0V25a1 1 0 0 0 1 1M21.5 26h.17a1 1 0 0 0 1-.85l.68-4.07a1 1 0 0 0-.82-1.18 1 1 0 0 0-1.16.84l-.67 4.07a1 1 0 0 0 .8 1.19M10.43 26h.17a1 1 0 0 0 .82-1.18l-.68-4.07a1 1 0 0 0-1.15-.84 1 1 0 0 0-.82 1.18l.67 4.07a1 1 0 0 0 .99.84", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M31 10.7h-3.11l-8.25-8.4a1 1 0 0 0-1.41 0 1 1 0 0 0 0 1.44l6.83 7H6.85l6.8-6.93a1 1 0 0 0 0-1.44 1 1 0 0 0-1.42 0l-8.14 8.25a1 1 0 0 0 0 .08H1a1 1 0 0 0-1 1v5.1a1 1 0 0 0 1 1h1.23l1.88 11.36a1 1 0 0 0 1 .84H27a1 1 0 0 0 1-.84l1.88-11.34H31a1 1 0 0 0 1-1v-5.1a1 1 0 0 0-1-1.02M26.15 28H5.94L4.28 18h23.53ZM30 15.79H2v-3.06h28Z", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { BasketIcon };

package/dist/components/Icon/CalendarIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const CalendarIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const CalendarIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "calendar", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "calendar",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { CalendarIcon };

package/dist/components/Icon/ChevronDownIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ChevronDownIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ChevronDownIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "chevron-down", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "chevron-down",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { ChevronDownIcon };

package/dist/components/Icon/ChevronLeftIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ChevronLeftIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ChevronLeftIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "chevron-left", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "chevron-left",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { ChevronLeftIcon };

package/dist/components/Icon/ChevronRightIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ChevronRightIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ChevronRightIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "chevron-right", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "chevron-right",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { ChevronRightIcon };

package/dist/components/Icon/ChevronUpIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ChevronUpIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ChevronUpIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "chevron-up", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "chevron-up",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { ChevronUpIcon };

package/dist/components/Icon/ClockIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const ClockIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const ClockIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "clock", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "clock",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { ClockIcon };

package/dist/components/Icon/CloseAltIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const CloseAltIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const CloseAltIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "close-alt", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, 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" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "close-alt",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, 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" })] }));
 };
 
 export { CloseAltIcon };

package/dist/components/Icon/CloseIcon.js

@@ -1,13 +1,19 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { useId } from 'react';
 
-const CloseIcon = (_a) => {
-    var { alt, className, fill } = _a, props = __rest(_a, ["alt", "className", "fill"]);
+const CloseIcon = ({ alt, className, fill, ...props }) => {
     const id = useId();
-    const componentProps = Object.assign({ "aria-labelledby": alt ? id : undefined, className: clsx("coop-icon", className), "data-icon": "close", fill: fill !== null && fill !== void 0 ? fill : "none", role: alt ? "img" : undefined, viewBox: "0 0 32 32" }, props);
-    return (jsxs("svg", Object.assign({}, componentProps, { children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M27 28a1 1 0 0 1-.71-.29l-22-22a1 1 0 0 1 1.42-1.42l22 22a1 1 0 0 1 0 1.42A1 1 0 0 1 27 28", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M5 28a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42l22-22a1 1 0 1 1 1.42 1.42l-22 22A1 1 0 0 1 5 28", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] })));
+    const componentProps = {
+        "aria-labelledby": alt ? id : undefined,
+        className: clsx("coop-icon", className),
+        "data-icon": "close",
+        fill: fill !== null && fill !== void 0 ? fill : "none",
+        role: alt ? "img" : undefined,
+        viewBox: "0 0 32 32",
+        ...props,
+    };
+    return (jsxs("svg", { ...componentProps, children: [alt ? jsx("title", { id: id, children: alt }) : null, jsx("path", { d: "M27 28a1 1 0 0 1-.71-.29l-22-22a1 1 0 0 1 1.42-1.42l22 22a1 1 0 0 1 0 1.42A1 1 0 0 1 27 28", fill: fill !== null && fill !== void 0 ? fill : "currentColor" }), jsx("path", { d: "M5 28a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42l22-22a1 1 0 1 1 1.42 1.42l-22 22A1 1 0 0 1 5 28", fill: fill !== null && fill !== void 0 ? fill : "currentColor" })] }));
 };
 
 export { CloseIcon };