@cfx-dev/ui-components 1.0.0 → 2.0.1

package/dist/components/IconBig/IconBig.js

@@ -0,0 +1,69 @@
+import { jsx as t } from "react/jsx-runtime";
+import _ from "react";
+import "../Icons/cfx-icons/Close.js";
+import "../Icons/cfx-icons/Controller.js";
+import "../Icons/cfx-icons/Copy.js";
+import "../Icons/cfx-icons/DownArrow.js";
+import "../Icons/cfx-icons/DownChevron.js";
+import "../Icons/cfx-icons/Download.js";
+import "../Icons/cfx-icons/Expand.js";
+import "../Icons/cfx-icons/ExternalLink.js";
+import "../Icons/cfx-icons/Heart.js";
+import "../Icons/cfx-icons/HeartFilled.js";
+import "../Icons/cfx-icons/Help.js";
+import "../Icons/cfx-icons/LeftArrow.js";
+import "../Icons/cfx-icons/LeftChevron.js";
+import "../Icons/cfx-icons/Map.js";
+import "../Icons/cfx-icons/Menu.js";
+import "../Icons/cfx-icons/Minus.js";
+import "../Icons/cfx-icons/More.js";
+import "../Icons/cfx-icons/MoreInfo.js";
+import "../Icons/cfx-icons/Pencil.js";
+import "../Icons/cfx-icons/Play.js";
+import "../Icons/cfx-icons/Plus.js";
+import "../Icons/cfx-icons/Refresh.js";
+import "../Icons/cfx-icons/RightArrow.js";
+import "../Icons/cfx-icons/RightChevron.js";
+import "../Icons/cfx-icons/Search.js";
+import "../Icons/cfx-icons/Sort.js";
+import "../Icons/cfx-icons/Square.js";
+import "../Icons/cfx-icons/SquareCheck.js";
+import "../Icons/cfx-icons/Stop.js";
+import "../Icons/cfx-icons/Tick.js";
+import "../Icons/cfx-icons/Transfer.js";
+import "../Icons/cfx-icons/Trash.js";
+import "../Icons/cfx-icons/Undo.js";
+import "../Icons/cfx-icons/UpArrow.js";
+import "../Icons/cfx-icons/UpChevron.js";
+import "../Icons/cfx-icons/Upload.js";
+import "../Icons/cfx-icons/Users.js";
+import "../Icons/cfx-icons/Visibility.js";
+import "../Icons/cfx-icons/VisibilityOff.js";
+import "../Icons/cfx-icons/Warning.js";
+import { I as f } from "../../cfxIconsBig-CNY8zL27.js";
+import { getTextOpacity as g } from "../Text/Text.js";
+import { clsx as z } from "../../utils/clsx.js";
+import { getColor as y } from "../../utils/color.js";
+import '../../assets/IconBig.css';const C = "_root_b0cs1_1", r = {
+  root: C,
+  "size-small": "_size-small_b0cs1_6",
+  "size-normal": "_size-normal_b0cs1_14",
+  "size-large": "_size-large_b0cs1_22"
+}, fo = _.forwardRef(function(o, i) {
+  const {
+    as: m = "div",
+    size: p = "normal",
+    opacity: s,
+    className: c,
+    name: e
+  } = o, n = {
+    color: y({
+      ...o,
+      opacity: g(s)
+    })
+  }, a = z(r.root, r[`size-${p}`], c), l = f[e];
+  return /* @__PURE__ */ t(m, { ref: i, style: n, className: a, children: /* @__PURE__ */ t(l, {}) });
+});
+export {
+  fo as IconBig
+};

package/dist/components/IconBig/index.d.ts

@@ -0,0 +1,2 @@
+export { IconBig } from './IconBig';
+export type { IconBigProps, IconBigSize } from './IconBig';

package/dist/components/IconBig/index.js

@@ -0,0 +1,4 @@
+import { IconBig as c } from "./IconBig.js";
+export {
+  c as IconBig
+};

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { IconSize } from '../Icon';
+import { IconName } from '../Icons';
+import { TextColorProps } from '../Text';
+
+export interface IconButtonProps extends TextColorProps {
+    name: IconName;
+    size?: IconSize;
+    onClick?: () => void;
+    className?: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+declare function IconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof IconButton>;
+export default _default;

package/dist/components/IconButton/IconButton.js

@@ -0,0 +1,35 @@
+import { jsx as o } from "react/jsx-runtime";
+import u from "react";
+import { Icon as p } from "../Icon/Icon.js";
+import { clsx as _ } from "../../utils/clsx.js";
+import '../../assets/IconButton.css';const f = "_unset_1cc2r_1", b = "_root_1cc2r_5", t = {
+  unset: f,
+  root: b
+};
+function d(r) {
+  const {
+    name: s,
+    onClick: n,
+    className: c,
+    disabled: a,
+    ariaLabel: e,
+    size: l = "xxsmall",
+    color: m = "primary",
+    ...i
+  } = r;
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: _(t.unset, t.root, c),
+      onClick: n,
+      disabled: a,
+      "aria-label": e,
+      children: /* @__PURE__ */ o(p, { as: "span", name: s, ...i, color: m, size: l })
+    }
+  );
+}
+const N = u.memo(d);
+export {
+  N as default
+};

package/dist/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconButton } from './IconButton';
+export type { IconButtonProps } from './IconButton';

package/dist/components/IconButton/index.js

@@ -0,0 +1,4 @@
+import { default as a } from "./IconButton.js";
+export {
+  a as IconButton
+};

package/dist/components/Icons/Icons.types.d.ts

@@ -0,0 +1,4 @@
+import * as Icons from './cfxIcons';
+import * as IconsBig from './cfxIconsBig';
+export type IconName = keyof typeof Icons;
+export type IconBigName = keyof typeof IconsBig;

package/dist/components/Icons/Icons.types.js

@@ -0,0 +1 @@
+

package/dist/components/Icons/IconsShowcase.js

@@ -0,0 +1,101 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { I as s } from "../../cfxIcons-BlbKR-zU.js";
+import { I as c } from "../../cfxIconsBig-CNY8zL27.js";
+function d() {
+  const l = Object.entries(s).map(([i, t]) => ({
+    name: i,
+    Component: t
+  })), r = Object.entries(c).map(([i, t]) => ({
+    name: i,
+    Component: t
+  }));
+  return /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ e("h3", { style: { margin: "0 0 20px" }, children: "Icons" }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
+          gap: "30px",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: l.map(({
+          name: i,
+          Component: t
+        }) => /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  style: {
+                    width: "16px",
+                    height: "16px",
+                    color: "white"
+                  },
+                  children: /* @__PURE__ */ e(t, {})
+                }
+              ),
+              /* @__PURE__ */ e("span", { style: { marginTop: "10px" }, children: i })
+            ]
+          },
+          i
+        ))
+      }
+    ),
+    /* @__PURE__ */ e("h3", { style: { margin: "40px 0 20px" }, children: "Icons Big" }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
+          gap: "30px",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: r.map(({
+          name: i,
+          Component: t
+        }) => /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  style: {
+                    width: "64px",
+                    height: "64px",
+                    color: "white"
+                  },
+                  children: /* @__PURE__ */ e(t, {})
+                }
+              ),
+              /* @__PURE__ */ e("span", { style: { marginTop: "10px" }, children: i })
+            ]
+          },
+          i
+        ))
+      }
+    )
+  ] });
+}
+export {
+  d as default
+};

package/dist/components/Icons/cfx-icons/Close.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Close(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Close>;
+export default _default;

package/dist/components/Icons/cfx-icons/Close.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "react";
+function t(e) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...e,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M12 4L4 12M4 4L12 12"
+        }
+      )
+    }
+  );
+}
+const i = r.memo(t);
+export {
+  i as default
+};

package/dist/components/Icons/cfx-icons/Controller.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Controller(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Controller>;
+export default _default;

package/dist/components/Icons/cfx-icons/Controller.js

@@ -0,0 +1,31 @@
+import { jsxs as r, jsx as C } from "react/jsx-runtime";
+import t from "react";
+function e(o) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      ...o,
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M10.6288 4.49007C11.7088 4.49007 12.9488 5.45007 13.7588 6.94007C13.8088 7.05007 13.8688 7.16007 13.9188 7.27007C14.8588 9.29007 14.6188 11.4301 13.3588 12.0001C13.1388 12.1001 12.9088 12.1501 12.6688 12.1501C11.6588 12.1501 10.4988 11.3101 9.69881 9.98007H6.26881C5.47881 11.3201 4.31881 12.1501 3.30881 12.1501C3.06881 12.1501 2.83881 12.1001 2.61881 12.0001C1.37881 11.4301 1.12881 9.31007 2.06881 7.27007C2.16881 7.08007 2.25881 6.89007 2.36881 6.71007C3.17881 5.36007 4.34881 4.50007 5.35881 4.50007H10.6188M10.6188 3.00007H5.35881C3.80881 2.99007 2.16881 4.12007 1.08881 5.94007C0.95881 6.16007 0.83881 6.39007 0.73881 6.60007C0.13881 7.87007 -0.10119 9.19007 0.0388101 10.3501C0.19881 11.7601 0.91881 12.8601 1.98881 13.3601C2.39881 13.5501 2.83881 13.6501 3.30881 13.6501C4.63881 13.6501 6.01881 12.8401 7.05881 11.4801H8.90881C9.95881 12.8401 11.3488 13.6501 12.6688 13.6501C13.1288 13.6501 13.5788 13.5501 13.9888 13.3601C14.7688 13.0001 15.3688 12.3301 15.6988 11.4301C16.1988 10.0701 16.0388 8.28007 15.2788 6.64007L15.1588 6.41007L15.0888 6.28007C13.9888 4.24007 12.2788 3.00007 10.6188 3.00007Z"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M5.81881 7.95007C5.81881 7.95007 5.80881 8.05007 5.76881 8.07007C5.73881 8.10007 5.68881 8.12007 5.64881 8.12007H4.93881V8.83007C4.93881 8.93007 4.85881 9.01007 4.75881 9.01007H4.31881C4.21881 9.01007 4.13881 8.93007 4.13881 8.83007V8.12007H3.42881C3.32881 8.12007 3.26881 8.04007 3.26881 7.94007V7.50007C3.26881 7.50007 3.27881 7.42007 3.31881 7.38007C3.34881 7.35007 3.39881 7.33007 3.43881 7.33007H4.14881V6.63007C4.14881 6.53007 4.22881 6.45007 4.32881 6.45007H4.76881C4.86881 6.45007 4.94881 6.53007 4.94881 6.63007V7.34007H5.64881C5.74881 7.34007 5.82881 7.42007 5.82881 7.52007V7.94007L5.81881 7.95007ZM11.4688 6.46007C11.5888 6.46007 11.6988 6.50007 11.7788 6.60007C11.8588 6.68007 11.9188 6.81007 11.9188 6.91007C11.9188 7.03007 11.8788 7.14007 11.7788 7.22007C11.6988 7.30007 11.5688 7.36007 11.4688 7.36007C11.3488 7.36007 11.2388 7.32007 11.1588 7.22007C11.0788 7.14007 11.0188 7.01007 11.0188 6.91007C11.0188 6.79007 11.0588 6.68007 11.1588 6.60007C11.2388 6.52007 11.3488 6.46007 11.4688 6.46007ZM10.6488 8.18007C10.5288 8.18007 10.4188 8.13007 10.3388 8.04007C10.2588 7.95007 10.1988 7.83007 10.1988 7.73007C10.1988 7.61007 10.2488 7.50007 10.3388 7.42007C10.4188 7.34007 10.5488 7.28007 10.6488 7.28007C10.7688 7.28007 10.8788 7.32007 10.9588 7.42007C11.0388 7.50007 11.0988 7.63007 11.0988 7.73007C11.0988 7.85007 11.0588 7.96007 10.9588 8.06007C10.8888 8.14007 10.7688 8.18007 10.6488 8.18007ZM11.4688 9.00007C11.3488 9.00007 11.2388 8.96007 11.1588 8.86007C11.0788 8.78007 11.0188 8.65007 11.0188 8.55007C11.0188 8.43007 11.0588 8.32007 11.1588 8.24007C11.2388 8.16007 11.3688 8.10007 11.4688 8.10007C11.5888 8.10007 11.6988 8.14007 11.7788 8.24007C11.8588 8.32007 11.9188 8.45007 11.9188 8.55007C11.9188 8.67007 11.8788 8.78007 11.7788 8.86007C11.6988 8.94007 11.5888 9.00007 11.4688 9.00007ZM12.2888 8.18007C12.1688 8.18007 12.0588 8.14007 11.9588 8.06007C11.8788 7.98007 11.8188 7.87007 11.8188 7.75007C11.8188 7.63007 11.8588 7.52007 11.9388 7.42007C12.0188 7.34007 12.1488 7.28007 12.2488 7.28007C12.3688 7.28007 12.4788 7.32007 12.5788 7.40007C12.6588 7.48007 12.7188 7.61007 12.7188 7.71007C12.7188 7.83007 12.6788 7.94007 12.5988 8.02007C12.5188 8.12007 12.4088 8.17007 12.2888 8.17007V8.18007Z"
+          }
+        )
+      ]
+    }
+  );
+}
+const n = t.memo(e);
+export {
+  n as default
+};

package/dist/components/Icons/cfx-icons/Copy.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Copy(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Copy>;
+export default _default;

package/dist/components/Icons/cfx-icons/Copy.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+function e(r) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M12.7692 10C13.449 10 14 9.44897 14 8.76923V3.23077C14 2.55103 13.449 2 12.7692 2H7.23077C6.55103 2 6 2.55103 6 3.23077V3.2M4.23077 5H9.76923C10.449 5 11 5.55103 11 6.23077V11.7692C11 12.449 10.449 13 9.76923 13H4.23077C3.55103 13 3 12.449 3 11.7692V6.23077C3 5.55103 3.55103 5 4.23077 5Z"
+        }
+      )
+    }
+  );
+}
+const s = t.memo(e);
+export {
+  s as default
+};

package/dist/components/Icons/cfx-icons/DownArrow.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function DownArrow(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof DownArrow>;
+export default _default;

package/dist/components/Icons/cfx-icons/DownArrow.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+function e(r) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M8 3V13M8 13L3 8M8 13L13 8"
+        }
+      )
+    }
+  );
+}
+const s = t.memo(e);
+export {
+  s as default
+};

package/dist/components/Icons/cfx-icons/DownChevron.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function DownChevron(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof DownChevron>;
+export default _default;

package/dist/components/Icons/cfx-icons/DownChevron.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "react";
+function n(r) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M4 6L8 10L12 6"
+        }
+      )
+    }
+  );
+}
+const s = e.memo(n);
+export {
+  s as default
+};

package/dist/components/Icons/cfx-icons/Download.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Download(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Download>;
+export default _default;

package/dist/components/Icons/cfx-icons/Download.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+function e(r) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M3 10V13.2C3 13.4122 3.1317 13.6157 3.36612 13.7657C3.60054 13.9157 3.91848 14 4.25 14H11.75C12.0815 14 12.3995 13.9157 12.6339 13.7657C12.8683 13.6157 13 13.4122 13 13.2V10M8 3V9M11 7L8 10L5 7"
+        }
+      )
+    }
+  );
+}
+const s = t.memo(e);
+export {
+  s as default
+};

package/dist/components/Icons/cfx-icons/Expand.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Expand(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Expand>;
+export default _default;

package/dist/components/Icons/cfx-icons/Expand.js

@@ -0,0 +1,26 @@
+import { jsx as C } from "react/jsx-runtime";
+import o from "react";
+function r(e) {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      ...e,
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ C(
+        "path",
+        {
+          stroke: "currentColor",
+          clipRule: "evenodd",
+          fillRule: "evenodd",
+          d: "M9.25 3C9.25 2.58579 9.58579 2.25 10 2.25H12C12.9665 2.25 13.75 3.0335 13.75 4V6C13.75 6.41421 13.4142 6.75 13 6.75C12.5858 6.75 12.25 6.41421 12.25 6V4C12.25 3.86193 12.1381 3.75 12 3.75H10C9.58579 3.75 9.25 3.41421 9.25 3ZM2.25 4C2.25 3.0335 3.0335 2.25 4 2.25H6C6.41421 2.25 6.75 2.58579 6.75 3C6.75 3.41421 6.41421 3.75 6 3.75H4C3.86193 3.75 3.75 3.86193 3.75 4V6C3.75 6.41421 3.41421 6.75 3 6.75C2.58579 6.75 2.25 6.41421 2.25 6V4ZM3 9.25C3.41421 9.25 3.75 9.58579 3.75 10V12C3.75 12.1381 3.86193 12.25 4 12.25H6C6.41421 12.25 6.75 12.5858 6.75 13C6.75 13.4142 6.41421 13.75 6 13.75H4C3.0335 13.75 2.25 12.9665 2.25 12V10C2.25 9.58579 2.58579 9.25 3 9.25ZM13 9.25C13.4142 9.25 13.75 9.58579 13.75 10V12C13.75 12.9665 12.9665 13.75 12 13.75H10C9.58579 13.75 9.25 13.4142 9.25 13C9.25 12.5858 9.58579 12.25 10 12.25H12C12.1381 12.25 12.25 12.1381 12.25 12V10C12.25 9.58579 12.5858 9.25 13 9.25Z"
+        }
+      )
+    }
+  );
+}
+const n = o.memo(r);
+export {
+  n as default
+};

package/dist/components/Icons/cfx-icons/ExternalLink.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function ExternalLink(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ExternalLink>;
+export default _default;

package/dist/components/Icons/cfx-icons/ExternalLink.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+function e(r) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M13 8.66667V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H4.33333C3.97971 13 3.64057 12.8595 3.39052 12.6095C3.14048 12.3594 3 12.0203 3 11.6667V4.33333C3 3.97971 3.14048 3.64057 3.39052 3.39052C3.64057 3.14048 3.97971 3 4.33333 3H7.33333M10 2H14M14 2V6M14 2L8 8"
+        }
+      )
+    }
+  );
+}
+const s = t.memo(e);
+export {
+  s as default
+};

package/dist/components/Icons/cfx-icons/Heart.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Heart(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Heart>;
+export default _default;

package/dist/components/Icons/cfx-icons/Heart.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "react";
+function e(r) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ t(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          d: "M12.2581 4.73975C11.7581 4.24122 11.1129 4 10.4677 4C9.82258 4 9.16129 4.24122 8.67742 4.73975L8 5.5L7.32258 4.73975C6.82258 4.24122 6.17742 4 5.53226 4C4.8871 4 4.24194 4.24122 3.74194 4.73975C3.22581 5.25436 3 5.92978 3 6.58912C3 10.32 8 12.5714 8 12.5714C8 12.5714 13 10.32 13 6.58912C13 5.9137 12.7758 5.23827 12.2581 4.73975Z"
+        }
+      )
+    }
+  );
+}
+const s = o.memo(e);
+export {
+  s as default
+};

package/dist/components/Icons/cfx-icons/HeartFilled.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function HeartFilled(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof HeartFilled>;
+export default _default;

package/dist/components/Icons/cfx-icons/HeartFilled.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "react";
+function o(t) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      ...t,
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          d: "M12.2581 4.73975C11.7581 4.24122 11.1129 4 10.4677 4C9.82258 4 9.16129 4.24122 8.67742 4.73975L8 5.5L7.32258 4.73975C6.82258 4.24122 6.17742 4 5.53226 4C4.8871 4 4.24194 4.24122 3.74194 4.73975C3.22581 5.25436 3 5.92978 3 6.58912C3 10.32 8 12.5714 8 12.5714C8 12.5714 13 10.32 13 6.58912C13 5.9137 12.7758 5.23827 12.2581 4.73975Z"
+        }
+      )
+    }
+  );
+}
+const i = e.memo(o);
+export {
+  i as default
+};

package/dist/components/Icons/cfx-icons/Help.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Help(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Help>;
+export default _default;

package/dist/components/Icons/cfx-icons/Help.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "react";
+function t(e) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...e,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M8 11H8.1M6 5.83632C6.16131 5.39076 6.47969 5.01506 6.89877 4.77574C7.31784 4.53642 7.81056 4.44894 8.28966 4.52879C8.76875 4.60864 9.2033 4.85067 9.51635 5.212C9.82939 5.57334 10.0007 6.03067 10 6.50298C10 7.83632 7.94168 8.50298 7.94168 8.50298M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z"
+        }
+      )
+    }
+  );
+}
+const s = r.memo(t);
+export {
+  s as default
+};

package/dist/components/Icons/cfx-icons/LeftArrow.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function LeftArrow(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof LeftArrow>;
+export default _default;