@prokodo/ui 0.0.14 → 0.0.17

package/dist/components/icon/Icon.js

@@ -1,9 +1,7 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
-import { useMemo as u, lazy as m, Suspense as h } from "react";
-import { create as x } from "../../helpers/bem.js";
-import { getIconLoader as f } from "./getIconLoader.js";
-import y from "./Icon.module.scss.js";
-const g = x(y, "Icon"), j = (e) => {
+import { j as i } from "../../_virtual/jsx-runtime.js";
+import { create as c } from "../../helpers/bem.js";
+import a from "./Icon.module.scss.js";
+const m = c(a, "Icon"), u = (e) => {
   switch (e) {
     case "xs":
       return 15;
@@ -18,41 +16,27 @@ const g = x(y, "Icon"), j = (e) => {
     default:
       return e ?? 16;
   }
-}, w = ({
-  name: e,
-  size: a,
-  color: r,
-  className: c,
-  role: n = "presentation",
-  "aria-hidden": l = n === "presentation" ? "true" : void 0,
-  suspenseProps: d,
-  ...p
-}) => {
-  const i = u(() => {
-    const o = f(e);
-    return o ? m(o) : null;
-  }, [e]), t = j(a);
-  return i ? /* @__PURE__ */ s.jsx(
-    h,
+}, p = (e) => (
+  // TODO: Make version dynamic
+  `https://cdn.jsdelivr.net/gh/prokodo/ui@v0.0.17/assets/icons/${e.replace(/Icon$/, "").replace(/([a-z])([A-Z])/g, "$1_$2").toLowerCase()}_icon.svg`
+), f = ({ name: e, size: s, label: r, className: o = "", ...n }) => {
+  if (!e) return null;
+  const t = u(s);
+  return /* @__PURE__ */ i.jsx(
+    "img",
     {
-      fallback: /* @__PURE__ */ s.jsx("span", { style: { width: t, height: t, display: "inline-block" } }),
-      ...d,
-      children: /* @__PURE__ */ s.jsx(
-        i,
-        {
-          "aria-hidden": l,
-          color: r,
-          name: e,
-          role: n,
-          size: t,
-          ...p,
-          className: g(void 0, typeof r == "string" ? { [r]: !0 } : void 0, c)
-        }
-      )
+      alt: r ?? "",
+      "aria-hidden": typeof r == "string" ? void 0 : "true",
+      className: m(void 0, void 0, o),
+      height: t,
+      role: typeof r == "string" ? "img" : "presentation",
+      src: p(e),
+      width: t,
+      ...n
     }
-  ) : /* @__PURE__ */ s.jsx("span", { style: { width: t, height: t, display: "inline-block" } });
+  );
 };
 export {
-  w as Icon,
-  j as getIconSize
+  f as Icon,
+  u as getIconSize
 };