@imtf/icons 0.6.0 → 0.6.2-beta.0

package/lib/components/IconSVG.d.ts

@@ -5,5 +5,5 @@ type IconSVGProps = {
     src?: string;
     children?: ReactElement;
 };
-export declare const IconSVG: import("react").ForwardRefExoticComponent<IconSVGProps & import("react").RefAttributes<import("react").FC<{}>>>;
+export declare const IconSVG: import("react").ForwardRefExoticComponent<IconSVGProps & import("react").RefAttributes<HTMLDivElement | SVGSVGElement>>;
 export {};

package/lib/components/IconSVG.js

@@ -1,10 +1,12 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Context = require("../providers/IconProvider/Context.js");
 const get = require("../utils/get.js");
-const IconComponent = ({ color: defaultColor, size, src, children, ...props }, ref) => {
+const IconComponent = ({ color: defaultColor, size, src, children, ...props }, outerRef) => {
+  const innerRef = react.useRef(null);
+  react.useImperativeHandle(outerRef, () => innerRef.current, []);
   const defaultContextValues = react.useContext(Context.IconContext);
   const defaultValues = {
     ...defaultContextValues,
@@ -16,23 +18,26 @@ const IconComponent = ({ color: defaultColor, size, src, children, ...props }, r
     return typeof color2 === "string" ? color2 : defaultValues.color;
   }, [defaultValues.color, defaultValues.palette]);
   react.useEffect(() => {
-    if (src && !children) {
-      const wrapper = document.getElementById("SVGWrapper");
-      wrapper.innerHTML = atob(
-        src.startsWith("data") ? src.split(",")[1] : src
-      );
-      const svg = wrapper == null ? void 0 : wrapper.children;
-      const path = svg == null ? void 0 : svg[0].firstElementChild;
-      svg == null ? void 0 : svg[0].setAttribute(
-        "width",
-        typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
-      );
-      svg == null ? void 0 : svg[0].setAttribute(
-        "height",
-        typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
-      );
-      path == null ? void 0 : path.setAttribute("fill", color);
-      path == null ? void 0 : path.setAttribute("color", color);
+    if (innerRef.current && src && !children) {
+      const { current: wrapper } = innerRef;
+      try {
+        wrapper.innerHTML = atob(
+          src.startsWith("data") ? src.split(",")[1] : src
+        );
+        const svg = wrapper.children;
+        const path = svg[0].firstElementChild;
+        svg == null ? void 0 : svg[0].setAttribute(
+          "width",
+          typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
+        );
+        svg == null ? void 0 : svg[0].setAttribute(
+          "height",
+          typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
+        );
+        path == null ? void 0 : path.setAttribute("fill", color);
+        path == null ? void 0 : path.setAttribute("color", color);
+      } catch {
+      }
     }
   }, [color, src, children, size, defaultValues.size]);
   if (children) {
@@ -41,12 +46,12 @@ const IconComponent = ({ color: defaultColor, size, src, children, ...props }, r
       color,
       width: defaultValues.size,
       height: defaultValues.size,
-      ref,
+      ref: innerRef,
       ...props
     });
   }
   if (src) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "SVGWrapper" });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: innerRef });
   }
   return null;
 };

package/lib/components/IconSVG.mjs

@@ -1,8 +1,11 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useContext, useMemo, useEffect, cloneElement } from "react";
+import { forwardRef, useRef, useImperativeHandle, useContext, useMemo, useEffect, cloneElement } from "react";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 import get from "../utils/get.mjs";
-const IconComponent = ({ color: defaultColor, size, src, children, ...props }, ref) => {
+const IconComponent = ({ color: defaultColor, size, src, children, ...props }, outerRef) => {
+  const innerRef = useRef(null);
+  useImperativeHandle(outerRef, () => innerRef.current, []);
   const defaultContextValues = useContext(IconContext);
   const defaultValues = {
     ...defaultContextValues,
@@ -14,23 +17,26 @@ const IconComponent = ({ color: defaultColor, size, src, children, ...props }, r
     return typeof color2 === "string" ? color2 : defaultValues.color;
   }, [defaultValues.color, defaultValues.palette]);
   useEffect(() => {
-    if (src && !children) {
-      const wrapper = document.getElementById("SVGWrapper");
-      wrapper.innerHTML = atob(
-        src.startsWith("data") ? src.split(",")[1] : src
-      );
-      const svg = wrapper == null ? void 0 : wrapper.children;
-      const path = svg == null ? void 0 : svg[0].firstElementChild;
-      svg == null ? void 0 : svg[0].setAttribute(
-        "width",
-        typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
-      );
-      svg == null ? void 0 : svg[0].setAttribute(
-        "height",
-        typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
-      );
-      path == null ? void 0 : path.setAttribute("fill", color);
-      path == null ? void 0 : path.setAttribute("color", color);
+    if (innerRef.current && src && !children) {
+      const { current: wrapper } = innerRef;
+      try {
+        wrapper.innerHTML = atob(
+          src.startsWith("data") ? src.split(",")[1] : src
+        );
+        const svg = wrapper.children;
+        const path = svg[0].firstElementChild;
+        svg == null ? void 0 : svg[0].setAttribute(
+          "width",
+          typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
+        );
+        svg == null ? void 0 : svg[0].setAttribute(
+          "height",
+          typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
+        );
+        path == null ? void 0 : path.setAttribute("fill", color);
+        path == null ? void 0 : path.setAttribute("color", color);
+      } catch {
+      }
     }
   }, [color, src, children, size, defaultValues.size]);
   if (children) {
@@ -39,12 +45,12 @@ const IconComponent = ({ color: defaultColor, size, src, children, ...props }, r
       color,
       width: defaultValues.size,
       height: defaultValues.size,
-      ref,
+      ref: innerRef,
       ...props
     });
   }
   if (src) {
-    return /* @__PURE__ */ jsx("div", { id: "SVGWrapper" });
+    return /* @__PURE__ */ jsx("div", { ref: innerRef });
   }
   return null;
 };

package/lib/components/IconSVG.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/icons/AccountEntityIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/AccountEntityIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/AccountIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/AccountIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/ActiveOriginArchiveIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/ActiveOriginArchiveIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/AddIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/AddIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/AdminIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/AdminIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/AlertCircleIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/AlertCircleIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/AlertIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/AlertIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/AntiMoneyLaundringIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/AntiMoneyLaundringIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/ArchivedIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/ArchivedIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/BackgroundSearchIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/BackgroundSearchIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/BaseDefaultIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/BaseDefaultIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/BindersIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/BindersIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/BinocularsIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/BinocularsIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/BookmarksIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/BookmarksIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/CancelIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/CancelIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/CaseManagerIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/CaseManagerIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/CheckIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/CheckIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/ChevronDownIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/ChevronDownIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/ChevronLeftIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/ChevronLeftIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/ChevronRightIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/ChevronRightIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/ChevronUpIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/ChevronUpIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/CollectSignatureIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/CollectSignatureIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/CommentIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/CommentIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/CompareIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/CompareIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/ComposeFilled1Icon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/ComposeFilled1Icon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/ComposeFilled2Icon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/ComposeFilled2Icon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/CustomerIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/CustomerIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/DashboardIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/DashboardIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/DefaultIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/DefaultIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/DeleteIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/DeleteIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/DocIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/DocIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/DocLinkIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/DocLinkIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/DocumentIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/DocumentIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";

package/lib/icons/DossierIcon.js

@@ -1,4 +1,4 @@
-"use strict";
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");

package/lib/icons/DossierIcon.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";