mcr-design-systems 1.0.28 → 1.0.29

package/dist/components/Icon/generated/BankNote03Icon.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface BankNote03IconProps {
+    /**
+     * Icon size in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Icon color - CSS color value
+     * @default 'currentColor'
+     */
+    color?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * ARIA label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * Title attribute for tooltip
+     */
+    title?: string;
+}
+/**
+ * BankNote03 icon component
+ */
+export declare const BankNote03Icon: React.FC<BankNote03IconProps>;
+export default BankNote03Icon;

package/dist/components/Icon/generated/BankNote03Icon.js

@@ -0,0 +1,54 @@
+import { jsx as u } from "react/jsx-runtime";
+import f from "react";
+const A = ({
+  size: r = 24,
+  color: i = "currentColor",
+  className: C,
+  style: l,
+  onClick: o,
+  "aria-label": g,
+  title: a
+}) => {
+  const c = f.useMemo(() => {
+    const t = new DOMParser().parseFromString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 8.2002C21 7.62365 20.9987 7.25112 20.9756 6.96778C20.9534 6.69619 20.9158 6.59534 20.8906 6.5459C20.7948 6.35793 20.6421 6.20522 20.4541 6.10938C20.4047 6.08419 20.3038 6.04662 20.0322 6.02442C19.7489 6.00127 19.3764 6 18.7998 6H5.2002C4.62365 6 4.25112 6.00127 3.96778 6.02442C3.69619 6.04662 3.59534 6.08419 3.5459 6.10938C3.35793 6.20522 3.20522 6.35793 3.10938 6.5459C3.08419 6.59534 3.04662 6.69619 3.02442 6.96778C3.00127 7.25112 3 7.62365 3 8.2002V15.7998C3 16.3764 3.00127 16.7489 3.02442 17.0322C3.04662 17.3038 3.08419 17.4047 3.10938 17.4541C3.20522 17.6421 3.35793 17.7948 3.5459 17.8906C3.59534 17.9158 3.69619 17.9534 3.96778 17.9756C4.25112 17.9987 4.62365 18 5.2002 18H18.7998C19.3764 18 19.7489 17.9987 20.0322 17.9756C20.3038 17.9534 20.4047 17.9158 20.4541 17.8906C20.6421 17.7948 20.7948 17.6421 20.8906 17.4541C20.9158 17.4047 20.9534 17.3038 20.9756 17.0322C20.9987 16.7489 21 16.3764 21 15.7998V8.2002ZM11 16H10C9.44772 16 9 15.5523 9 15C9 14.4477 9.44772 14 10 14H12.5C12.7761 14 13 13.7761 13 13.5C13 13.2239 12.7761 13 12.5 13H11.5C10.1193 13 9 11.8807 9 10.5C9 9.29051 9.85886 8.28143 11 8.04981V8C11 7.44772 11.4477 7 12 7C12.5177 7 12.9438 7.39334 12.9951 7.89747L13 8H14C14.5523 8 15 8.44772 15 9C15 9.55229 14.5523 10 14 10H11.5C11.2239 10 11 10.2239 11 10.5C11 10.7761 11.2239 11 11.5 11H12.5C13.8807 11 15 12.1193 15 13.5C15 14.7094 14.1411 15.7175 13 15.9492V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16ZM6.15332 10.5078C6.90973 10.5846 7.5 11.2233 7.5 12C7.5 12.8284 6.82843 13.5 6 13.5C5.22334 13.5 4.58461 12.9097 4.50782 12.1533L4.5 12L4.50782 11.8467C4.58461 11.0903 5.22334 10.5 6 10.5L6.15332 10.5078ZM18.1533 10.5078C18.9097 10.5846 19.5 11.2233 19.5 12C19.5 12.8284 18.8284 13.5 18 13.5C17.2233 13.5 16.5846 12.9097 16.5078 12.1533L16.5 12L16.5078 11.8467C16.5846 11.0903 17.2233 10.5 18 10.5L18.1533 10.5078ZM23 15.7998C23 16.3434 23.0011 16.8116 22.9697 17.1953C22.9374 17.5906 22.8656 17.984 22.6729 18.3623C22.3853 18.9265 21.9265 19.3853 21.3623 19.6729C20.984 19.8656 20.5906 19.9374 20.1953 19.9697C19.8116 20.0011 19.3434 20 18.7998 20H5.2002C4.65665 20 4.18836 20.0011 3.80469 19.9697C3.40943 19.9374 3.016 19.8656 2.6377 19.6729C2.07348 19.3853 1.61473 18.9265 1.32715 18.3623C1.1344 17.984 1.06259 17.5906 1.03028 17.1953C0.998931 16.8116 1 16.3434 1 15.7998V8.2002C1 7.65665 0.998931 7.18836 1.03028 6.80469C1.06259 6.40943 1.1344 6.016 1.32715 5.6377C1.61473 5.07348 2.07348 4.61473 2.6377 4.32715C3.016 4.1344 3.40943 4.06259 3.80469 4.03028C4.18836 3.99893 4.65665 4 5.2002 4H18.7998C19.3434 4 19.8116 3.99893 20.1953 4.03028C20.5906 4.06259 20.984 4.1344 21.3623 4.32715C21.9265 4.61473 22.3853 5.07348 22.6729 5.6377C22.8656 6.016 22.9374 6.40944 22.9697 6.80469C23.0011 7.18836 23 7.65665 23 8.2002V15.7998Z" fill="black"/>
+</svg>
+`, "image/svg+xml").querySelector("svg");
+    if (!t) return "";
+    if (t.setAttribute("width", r.toString()), t.setAttribute("height", r.toString()), t.querySelectorAll(
+      "path, circle, rect, polygon, polyline, line, ellipse"
+    ).forEach((e) => {
+      const n = e.getAttribute("fill"), s = e.getAttribute("stroke");
+      n && n !== "none" && e.setAttribute("fill", i), s && s !== "none" && e.setAttribute("stroke", i);
+    }), C) {
+      const e = t.getAttribute("class") || "";
+      t.setAttribute(
+        "class",
+        `${e} ${C}`.trim()
+      );
+    }
+    return new XMLSerializer().serializeToString(t);
+  }, [r, i, C]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: C,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        lineHeight: 0,
+        ...l
+      },
+      onClick: o,
+      "aria-label": g || "bank-note-03 icon",
+      title: a,
+      dangerouslySetInnerHTML: { __html: c }
+    }
+  );
+};
+export {
+  A as BankNote03Icon,
+  A as default
+};

package/dist/components/Icon/generated/BankNote03SolidIcon.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface BankNote03SolidIconProps {
+    /**
+     * Icon size in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Icon color - CSS color value
+     * @default 'currentColor'
+     */
+    color?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * ARIA label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * Title attribute for tooltip
+     */
+    title?: string;
+}
+/**
+ * BankNote03Solid icon component
+ */
+export declare const BankNote03SolidIcon: React.FC<BankNote03SolidIconProps>;
+export default BankNote03SolidIcon;

package/dist/components/Icon/generated/BankNote03SolidIcon.js

@@ -0,0 +1,54 @@
+import { jsx as u } from "react/jsx-runtime";
+import f from "react";
+const A = ({
+  size: i = 24,
+  color: n = "currentColor",
+  className: r,
+  style: o,
+  onClick: s,
+  "aria-label": g,
+  title: a
+}) => {
+  const c = f.useMemo(() => {
+    const t = new DOMParser().parseFromString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.16146 4L18.8385 4C19.3657 3.99999 19.8205 3.99997 20.195 4.03057C20.5904 4.06288 20.9836 4.13419 21.362 4.32699C21.9265 4.61461 22.3854 5.07355 22.673 5.63803C22.8658 6.01641 22.9371 6.40963 22.9694 6.80498C23 7.17954 23 7.6343 23 8.16144V15.8386C23 16.3657 23 16.8205 22.9694 17.195C22.9371 17.5904 22.8658 17.9836 22.673 18.362C22.3854 18.9265 21.9265 19.3854 21.362 19.673C20.9836 19.8658 20.5904 19.9371 20.195 19.9694C19.8205 20 19.3657 20 18.8386 20L5.16131 20C4.63424 20 4.17951 20 3.80497 19.9694C3.40963 19.9371 3.01641 19.8658 2.63803 19.673C2.07355 19.3854 1.6146 18.9265 1.32698 18.362C1.13419 17.9836 1.06287 17.5904 1.03057 17.195C0.999971 16.8205 0.999985 16.3657 1 15.8386V8.16141C0.999985 7.6343 0.999971 7.17953 1.03057 6.80497C1.06287 6.40963 1.13419 6.01641 1.32698 5.63803C1.6146 5.07354 2.07355 4.6146 2.63803 4.32698C3.01641 4.13419 3.40963 4.06287 3.80498 4.03057C4.17953 3.99997 4.63434 3.99998 5.16146 4ZM12 7C12.5523 7 13 7.44772 13 8H14C14.5523 8 15 8.44772 15 9C15 9.55229 14.5523 10 14 10H11.5C11.2239 10 11 10.2239 11 10.5C11 10.7761 11.2239 11 11.5 11H12.5C13.8807 11 15 12.1193 15 13.5C15 14.7095 14.1411 15.7184 13 15.95V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16H10C9.44772 16 9 15.5523 9 15C9 14.4477 9.44772 14 10 14H12.5C12.7761 14 13 13.7761 13 13.5C13 13.2239 12.7761 13 12.5 13H11.5C10.1193 13 9 11.8807 9 10.5C9 9.29052 9.85888 8.28164 11 8.05001V8C11 7.44772 11.4477 7 12 7ZM16.5 12C16.5 11.1716 17.1716 10.5 18 10.5C18.8284 10.5 19.5 11.1716 19.5 12C19.5 12.8284 18.8284 13.5 18 13.5C17.1716 13.5 16.5 12.8284 16.5 12ZM4.5 12C4.5 11.1716 5.17157 10.5 6 10.5C6.82843 10.5 7.5 11.1716 7.5 12C7.5 12.8284 6.82843 13.5 6 13.5C5.17157 13.5 4.5 12.8284 4.5 12Z" fill="black"/>
+</svg>
+`, "image/svg+xml").querySelector("svg");
+    if (!t) return "";
+    if (t.setAttribute("width", i.toString()), t.setAttribute("height", i.toString()), t.querySelectorAll(
+      "path, circle, rect, polygon, polyline, line, ellipse"
+    ).forEach((e) => {
+      const C = e.getAttribute("fill"), l = e.getAttribute("stroke");
+      C && C !== "none" && e.setAttribute("fill", n), l && l !== "none" && e.setAttribute("stroke", n);
+    }), r) {
+      const e = t.getAttribute("class") || "";
+      t.setAttribute(
+        "class",
+        `${e} ${r}`.trim()
+      );
+    }
+    return new XMLSerializer().serializeToString(t);
+  }, [i, n, r]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: r,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        lineHeight: 0,
+        ...o
+      },
+      onClick: s,
+      "aria-label": g || "bank-note-03 icon",
+      title: a,
+      dangerouslySetInnerHTML: { __html: c }
+    }
+  );
+};
+export {
+  A as BankNote03SolidIcon,
+  A as default
+};

package/dist/components/Icon/generated/CreditCard02Icon.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface CreditCard02IconProps {
+    /**
+     * Icon size in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Icon color - CSS color value
+     * @default 'currentColor'
+     */
+    color?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * ARIA label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * Title attribute for tooltip
+     */
+    title?: string;
+}
+/**
+ * CreditCard02 icon component
+ */
+export declare const CreditCard02Icon: React.FC<CreditCard02IconProps>;
+export default CreditCard02Icon;

package/dist/components/Icon/generated/CreditCard02Icon.js

@@ -0,0 +1,54 @@
+import { jsx as u } from "react/jsx-runtime";
+import f from "react";
+const A = ({
+  size: i = 24,
+  color: C = "currentColor",
+  className: r,
+  style: l,
+  onClick: o,
+  "aria-label": g,
+  title: c
+}) => {
+  const a = f.useMemo(() => {
+    const t = new DOMParser().parseFromString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 11H3V15.7998C3 16.3764 3.00127 16.7489 3.02442 17.0322C3.04662 17.3038 3.08419 17.4047 3.10938 17.4541C3.20522 17.6421 3.35793 17.7948 3.5459 17.8906C3.59534 17.9158 3.69619 17.9534 3.96778 17.9756C4.25112 17.9987 4.62365 18 5.2002 18H18.7998C19.3764 18 19.7489 17.9987 20.0322 17.9756C20.3038 17.9534 20.4047 17.9158 20.4541 17.8906C20.6421 17.7948 20.7948 17.6421 20.8906 17.4541C20.9158 17.4047 20.9534 17.3038 20.9756 17.0322C20.9987 16.7489 21 16.3764 21 15.7998V11ZM11 13C11.5523 13 12 13.4477 12 14C12 14.5523 11.5523 15 11 15H6C5.44772 15 5 14.5523 5 14C5 13.4477 5.44772 13 6 13H11ZM21 8.2002C21 7.62365 20.9987 7.25112 20.9756 6.96778C20.9534 6.69619 20.9158 6.59534 20.8906 6.5459C20.7948 6.35793 20.6421 6.20522 20.4541 6.10938C20.4047 6.08419 20.3038 6.04662 20.0322 6.02442C19.7489 6.00127 19.3764 6 18.7998 6H5.2002C4.62365 6 4.25112 6.00127 3.96778 6.02442C3.69619 6.04662 3.59534 6.08419 3.5459 6.10938C3.35793 6.20522 3.20522 6.35793 3.10938 6.5459C3.08419 6.59534 3.04662 6.69619 3.02442 6.96778C3.00127 7.25112 3 7.62365 3 8.2002V9H21V8.2002ZM23 15.7998C23 16.3434 23.0011 16.8116 22.9697 17.1953C22.9374 17.5906 22.8656 17.984 22.6729 18.3623C22.3853 18.9265 21.9265 19.3853 21.3623 19.6729C20.984 19.8656 20.5906 19.9374 20.1953 19.9697C19.8116 20.0011 19.3434 20 18.7998 20H5.2002C4.65665 20 4.18836 20.0011 3.80469 19.9697C3.40943 19.9374 3.016 19.8656 2.6377 19.6729C2.07348 19.3853 1.61473 18.9265 1.32715 18.3623C1.1344 17.984 1.06259 17.5906 1.03028 17.1953C0.998931 16.8116 1 16.3434 1 15.7998V8.2002C1 7.65665 0.998931 7.18836 1.03028 6.80469C1.06259 6.40943 1.1344 6.016 1.32715 5.6377C1.61473 5.07348 2.07348 4.61473 2.6377 4.32715C3.016 4.1344 3.40943 4.06259 3.80469 4.03028C4.18836 3.99893 4.65665 4 5.2002 4H18.7998C19.3434 4 19.8116 3.99893 20.1953 4.03028C20.5906 4.06259 20.984 4.1344 21.3623 4.32715C21.9265 4.61473 22.3853 5.07348 22.6729 5.6377C22.8656 6.016 22.9374 6.40944 22.9697 6.80469C23.0011 7.18836 23 7.65665 23 8.2002V15.7998Z" fill="black"/>
+</svg>
+`, "image/svg+xml").querySelector("svg");
+    if (!t) return "";
+    if (t.setAttribute("width", i.toString()), t.setAttribute("height", i.toString()), t.querySelectorAll(
+      "path, circle, rect, polygon, polyline, line, ellipse"
+    ).forEach((e) => {
+      const n = e.getAttribute("fill"), s = e.getAttribute("stroke");
+      n && n !== "none" && e.setAttribute("fill", C), s && s !== "none" && e.setAttribute("stroke", C);
+    }), r) {
+      const e = t.getAttribute("class") || "";
+      t.setAttribute(
+        "class",
+        `${e} ${r}`.trim()
+      );
+    }
+    return new XMLSerializer().serializeToString(t);
+  }, [i, C, r]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: r,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        lineHeight: 0,
+        ...l
+      },
+      onClick: o,
+      "aria-label": g || "credit-card-02 icon",
+      title: c,
+      dangerouslySetInnerHTML: { __html: a }
+    }
+  );
+};
+export {
+  A as CreditCard02Icon,
+  A as default
+};

package/dist/components/Icon/generated/CreditCard02SolidIcon.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface CreditCard02SolidIconProps {
+    /**
+     * Icon size in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Icon color - CSS color value
+     * @default 'currentColor'
+     */
+    color?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * ARIA label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * Title attribute for tooltip
+     */
+    title?: string;
+}
+/**
+ * CreditCard02Solid icon component
+ */
+export declare const CreditCard02SolidIcon: React.FC<CreditCard02SolidIconProps>;
+export default CreditCard02SolidIcon;

package/dist/components/Icon/generated/CreditCard02SolidIcon.js

@@ -0,0 +1,55 @@
+import { jsx as u } from "react/jsx-runtime";
+import d from "react";
+const A = ({
+  size: i = 24,
+  color: l = "currentColor",
+  className: r,
+  style: o,
+  onClick: C,
+  "aria-label": c,
+  title: a
+}) => {
+  const g = d.useMemo(() => {
+    const t = new DOMParser().parseFromString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8385 4L5.16146 4C4.63435 3.99998 4.17953 3.99997 3.80498 4.03057C3.40963 4.06287 3.01641 4.13419 2.63803 4.32698C2.07355 4.6146 1.6146 5.07355 1.32698 5.63803C1.13419 6.01641 1.06287 6.40963 1.03057 6.80498C0.999972 7.17952 0.999985 7.63428 1 8.16138C1 8.62452 1.37545 9 1.83859 9H22.1614C22.6246 9 23 8.62456 23 8.16144C23 7.6343 23 7.17954 22.9694 6.80498C22.9371 6.40963 22.8658 6.01641 22.673 5.63803C22.3854 5.07355 21.9265 4.61461 21.362 4.32699C20.9836 4.13419 20.5904 4.06288 20.195 4.03057C19.8205 3.99997 19.3657 3.99999 18.8385 4Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.54601 11.109C1.75992 11 2.03995 11 2.6 11H21.4C21.9601 11 22.2401 11 22.454 11.109C22.6422 11.2049 22.7951 11.3578 22.891 11.546C23 11.7599 23 12.04 23 12.6V15.8386C23 16.3657 23 16.8205 22.9694 17.195C22.9371 17.5904 22.8658 17.9836 22.673 18.362C22.3854 18.9265 21.9265 19.3854 21.362 19.673C20.9836 19.8658 20.5904 19.9371 20.195 19.9694C19.8205 20 19.3657 20 18.8386 20L5.16129 20C4.63424 20 4.17949 20 3.80498 19.9694C3.40963 19.9371 3.01641 19.8658 2.63803 19.673C2.07355 19.3854 1.6146 18.9265 1.32698 18.362C1.13419 17.9836 1.06287 17.5904 1.03057 17.195C0.999972 16.8205 0.999985 16.3657 1 15.8386V12.6C1 12.0399 1 11.7599 1.10899 11.546C1.20487 11.3578 1.35785 11.2049 1.54601 11.109ZM6 14C5.44772 14 5 14.4477 5 15C5 15.5523 5.44772 16 6 16H11C11.5523 16 12 15.5523 12 15C12 14.4477 11.5523 14 11 14H6Z" fill="black"/>
+</svg>
+`, "image/svg+xml").querySelector("svg");
+    if (!t) return "";
+    if (t.setAttribute("width", i.toString()), t.setAttribute("height", i.toString()), t.querySelectorAll(
+      "path, circle, rect, polygon, polyline, line, ellipse"
+    ).forEach((e) => {
+      const n = e.getAttribute("fill"), s = e.getAttribute("stroke");
+      n && n !== "none" && e.setAttribute("fill", l), s && s !== "none" && e.setAttribute("stroke", l);
+    }), r) {
+      const e = t.getAttribute("class") || "";
+      t.setAttribute(
+        "class",
+        `${e} ${r}`.trim()
+      );
+    }
+    return new XMLSerializer().serializeToString(t);
+  }, [i, l, r]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: r,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        lineHeight: 0,
+        ...o
+      },
+      onClick: C,
+      "aria-label": c || "credit-card-02 icon",
+      title: a,
+      dangerouslySetInnerHTML: { __html: g }
+    }
+  );
+};
+export {
+  A as CreditCard02SolidIcon,
+  A as default
+};

package/dist/components/Icon/generated/HeartIcon.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface HeartIconProps {
+    /**
+     * Icon size in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Icon color - CSS color value
+     * @default 'currentColor'
+     */
+    color?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * ARIA label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * Title attribute for tooltip
+     */
+    title?: string;
+}
+/**
+ * Heart icon component
+ */
+export declare const HeartIcon: React.FC<HeartIconProps>;
+export default HeartIcon;

package/dist/components/Icon/generated/HeartIcon.js

@@ -0,0 +1,54 @@
+import { jsx as u } from "react/jsx-runtime";
+import f from "react";
+const S = ({
+  size: i = 24,
+  color: n = "currentColor",
+  className: r,
+  style: o,
+  onClick: C,
+  "aria-label": g,
+  title: a
+}) => {
+  const c = f.useMemo(() => {
+    const t = new DOMParser().parseFromString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.50487 3.54984C6.19238 1.25357 9.65226 1.67349 11.9922 3.71879C14.3295 1.67221 17.753 1.28227 20.4707 3.54105C23.4442 6.01251 23.8014 10.2274 21.5117 13.1739C20.6392 14.2966 18.9364 15.9836 17.2998 17.5284C15.644 19.0912 13.9914 20.5676 13.1767 21.2891C13.0978 21.359 12.9961 21.4509 12.8984 21.5245C12.789 21.6069 12.6317 21.7089 12.4219 21.7715C12.143 21.8547 11.8433 21.8547 11.5644 21.7715C11.3546 21.7089 11.1973 21.6069 11.0879 21.5245C10.9902 21.4509 10.8885 21.359 10.8096 21.2891C9.99489 20.5676 8.34228 19.0912 6.68651 17.5284C5.04993 15.9836 3.3471 14.2966 2.47459 13.1739C0.176117 10.2161 0.598258 6.03345 3.50487 3.54984ZM11.2334 5.78617C9.52838 3.79287 6.81824 3.35011 4.80467 5.07035C2.70136 6.86747 2.41785 9.84231 4.0537 11.9473C4.81687 12.9293 6.40685 14.5143 8.05956 16.0743C9.60215 17.5303 11.146 18.9132 11.9931 19.6651C12.8403 18.9132 14.3842 17.5303 15.9267 16.0743C17.5795 14.5143 19.1694 12.9293 19.9326 11.9473C21.5773 9.83094 21.315 6.84335 19.1924 5.07914C17.1254 3.3612 14.4504 3.80161 12.7529 5.78617C12.5629 6.00813 12.2853 6.13578 11.9931 6.13578C11.701 6.13578 11.4234 6.00812 11.2334 5.78617Z" fill="black"/>
+</svg>
+`, "image/svg+xml").querySelector("svg");
+    if (!t) return "";
+    if (t.setAttribute("width", i.toString()), t.setAttribute("height", i.toString()), t.querySelectorAll(
+      "path, circle, rect, polygon, polyline, line, ellipse"
+    ).forEach((e) => {
+      const s = e.getAttribute("fill"), l = e.getAttribute("stroke");
+      s && s !== "none" && e.setAttribute("fill", n), l && l !== "none" && e.setAttribute("stroke", n);
+    }), r) {
+      const e = t.getAttribute("class") || "";
+      t.setAttribute(
+        "class",
+        `${e} ${r}`.trim()
+      );
+    }
+    return new XMLSerializer().serializeToString(t);
+  }, [i, n, r]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: r,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        lineHeight: 0,
+        ...o
+      },
+      onClick: C,
+      "aria-label": g || "heart icon",
+      title: a,
+      dangerouslySetInnerHTML: { __html: c }
+    }
+  );
+};
+export {
+  S as HeartIcon,
+  S as default
+};

package/dist/components/Icon/generated/HeartSolidIcon.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface HeartSolidIconProps {
+    /**
+     * Icon size in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Icon color - CSS color value
+     * @default 'currentColor'
+     */
+    color?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * ARIA label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * Title attribute for tooltip
+     */
+    title?: string;
+}
+/**
+ * HeartSolid icon component
+ */
+export declare const HeartSolidIcon: React.FC<HeartSolidIconProps>;
+export default HeartSolidIcon;

package/dist/components/Icon/generated/HeartSolidIcon.js

@@ -0,0 +1,54 @@
+import { jsx as f } from "react/jsx-runtime";
+import C from "react";
+const A = ({
+  size: i = 24,
+  color: l = "currentColor",
+  className: r,
+  style: o,
+  onClick: g,
+  "aria-label": a,
+  title: c
+}) => {
+  const u = C.useMemo(() => {
+    const t = new DOMParser().parseFromString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9928 3.71703C9.65285 1.67214 6.19239 1.25369 3.50509 3.54978C0.598301 6.0334 0.175971 10.2162 2.47459 13.1741C3.34712 14.2968 5.05011 15.9836 6.68672 17.5284C8.34249 19.0912 9.99445 20.568 10.8091 21.2895C10.8142 21.294 10.8194 21.2986 10.8247 21.3033C10.9012 21.3712 10.9966 21.4557 11.088 21.5245C11.1974 21.6069 11.3545 21.7092 11.5643 21.7718C11.8432 21.855 12.143 21.855 12.422 21.7718C12.6318 21.7092 12.7889 21.6069 12.8983 21.5245C12.9897 21.4557 13.085 21.3712 13.1616 21.3033C13.1669 21.2986 13.1721 21.294 13.1772 21.2895C13.9918 20.568 15.6438 19.0912 17.2996 17.5284C18.9362 15.9836 20.6392 14.2968 21.5117 13.1741C23.8015 10.2276 23.4444 6.0125 20.4708 3.54101C17.7536 1.28258 14.33 1.67136 11.9928 3.71703Z" fill="black"/>
+</svg>
+`, "image/svg+xml").querySelector("svg");
+    if (!t) return "";
+    if (t.setAttribute("width", i.toString()), t.setAttribute("height", i.toString()), t.querySelectorAll(
+      "path, circle, rect, polygon, polyline, line, ellipse"
+    ).forEach((e) => {
+      const n = e.getAttribute("fill"), s = e.getAttribute("stroke");
+      n && n !== "none" && e.setAttribute("fill", l), s && s !== "none" && e.setAttribute("stroke", l);
+    }), r) {
+      const e = t.getAttribute("class") || "";
+      t.setAttribute(
+        "class",
+        `${e} ${r}`.trim()
+      );
+    }
+    return new XMLSerializer().serializeToString(t);
+  }, [i, l, r]);
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: r,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        lineHeight: 0,
+        ...o
+      },
+      onClick: g,
+      "aria-label": a || "heart icon",
+      title: c,
+      dangerouslySetInnerHTML: { __html: u }
+    }
+  );
+};
+export {
+  A as HeartSolidIcon,
+  A as default
+};

package/dist/components/Icon/generated/LogOut01Icon.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface LogOut01IconProps {
+    /**
+     * Icon size in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Icon color - CSS color value
+     * @default 'currentColor'
+     */
+    color?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * ARIA label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * Title attribute for tooltip
+     */
+    title?: string;
+}
+/**
+ * LogOut01 icon component
+ */
+export declare const LogOut01Icon: React.FC<LogOut01IconProps>;
+export default LogOut01Icon;

package/dist/components/Icon/generated/LogOut01Icon.js

@@ -0,0 +1,54 @@
+import { jsx as u } from "react/jsx-runtime";
+import f from "react";
+const S = ({
+  size: i = 24,
+  color: n = "currentColor",
+  className: r,
+  style: o,
+  onClick: C,
+  "aria-label": g,
+  title: c
+}) => {
+  const a = f.useMemo(() => {
+    const t = new DOMParser().parseFromString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 16.2002V7.79981C2 6.97632 1.99898 6.29843 2.04395 5.74805C2.08988 5.18599 2.18827 4.6689 2.43555 4.1836C2.81902 3.43109 3.43109 2.81902 4.1836 2.43555C4.6689 2.18827 5.18599 2.08988 5.74805 2.04395C6.29843 1.99898 6.97632 2 7.79981 2H9C9.55229 2 10 2.44772 10 3C10 3.55229 9.55229 4 9 4H7.79981C6.94342 4 6.36117 4.00035 5.91113 4.03711C5.47272 4.07293 5.2482 4.13809 5.0918 4.21778C4.71555 4.40951 4.40951 4.71555 4.21778 5.0918C4.13809 5.2482 4.07293 5.47272 4.03711 5.91113C4.00035 6.36117 4 6.94342 4 7.79981V16.2002C4 17.0566 4.00035 17.6388 4.03711 18.0889C4.07293 18.5273 4.13809 18.7518 4.21778 18.9082C4.40951 19.2845 4.71554 19.5905 5.0918 19.7822C5.2482 19.8619 5.47272 19.9271 5.91113 19.9629C6.36117 19.9997 6.94342 20 7.79981 20H9C9.55229 20 10 20.4477 10 21C10 21.5523 9.55229 22 9 22H7.79981C6.97632 22 6.29843 22.001 5.74805 21.9561C5.18599 21.9101 4.6689 21.8117 4.1836 21.5645C3.43109 21.181 2.81902 20.5689 2.43555 19.8164C2.18827 19.3311 2.08988 18.814 2.04395 18.252C1.99898 17.7016 2 17.0237 2 16.2002ZM15.293 6.29297C15.6591 5.92685 16.2381 5.90426 16.6309 6.22461L16.707 6.29297L21.707 11.293C22.0976 11.6835 22.0976 12.3165 21.707 12.707L16.707 17.707C16.3165 18.0976 15.6835 18.0976 15.293 17.707C14.9024 17.3165 14.9024 16.6835 15.293 16.293L18.5859 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H18.5859L15.293 7.70703L15.2246 7.63086C14.9043 7.23809 14.9269 6.65909 15.293 6.29297Z" fill="black"/>
+</svg>
+`, "image/svg+xml").querySelector("svg");
+    if (!t) return "";
+    if (t.setAttribute("width", i.toString()), t.setAttribute("height", i.toString()), t.querySelectorAll(
+      "path, circle, rect, polygon, polyline, line, ellipse"
+    ).forEach((e) => {
+      const s = e.getAttribute("fill"), l = e.getAttribute("stroke");
+      s && s !== "none" && e.setAttribute("fill", n), l && l !== "none" && e.setAttribute("stroke", n);
+    }), r) {
+      const e = t.getAttribute("class") || "";
+      t.setAttribute(
+        "class",
+        `${e} ${r}`.trim()
+      );
+    }
+    return new XMLSerializer().serializeToString(t);
+  }, [i, n, r]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: r,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        lineHeight: 0,
+        ...o
+      },
+      onClick: C,
+      "aria-label": g || "log-out-01 icon",
+      title: c,
+      dangerouslySetInnerHTML: { __html: a }
+    }
+  );
+};
+export {
+  S as LogOut01Icon,
+  S as default
+};