@prokodo/ui 0.0.11 → 0.0.12

package/dist/components/icon/Icon.js

@@ -1,12 +1,9 @@
-import { j as t } from "../../_virtual/jsx-runtime.js";
-import { useMemo as u, lazy as l, Suspense as m } from "react";
+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 f from "./Icon.module.scss.js";
-import { ICONS as p } from "./iconsMap.js";
-const h = x(f, "Icon"), n = () => /* @__PURE__ */ t.jsxs("svg", { height: "24", viewBox: "0 0 24 24", width: "24", children: [
-  /* @__PURE__ */ t.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "black", strokeWidth: "2" }),
-  /* @__PURE__ */ t.jsx("line", { stroke: "black", strokeWidth: "2", x1: "6", x2: "18", y1: "6", y2: "18" })
-] }), y = (e) => {
+import { getIconLoader as y } from "./iconLoader.js";
+const g = x(f, "Icon"), j = (e) => {
   switch (e) {
     case "xs":
       return 15;
@@ -21,40 +18,41 @@ const h = x(f, "Icon"), n = () => /* @__PURE__ */ t.jsxs("svg", { height: "24",
     default:
       return e ?? 16;
   }
-}, j = (e) => {
-  const r = p[e];
-  return typeof r == "function" ? r() : Promise.resolve({ default: n });
-}, z = ({
+}, w = ({
   name: e,
-  size: r,
-  color: s,
+  size: a,
+  color: r,
   className: c,
-  role: o = "presentation",
-  "aria-hidden": a = o === "presentation" ? "true" : void 0,
-  ...i
+  role: n = "presentation",
+  "aria-hidden": l = n === "presentation" ? "true" : void 0,
+  suspenseProps: d,
+  ...p
 }) => {
-  const d = u(
-    () => l(async () => ({ default: (await j(e)).default })),
-    [e]
-  );
-  return /* @__PURE__ */ t.jsx(m, { fallback: /* @__PURE__ */ t.jsx(n, {}), children: /* @__PURE__ */ t.jsx(
-    d,
+  const i = u(() => {
+    const o = y(e);
+    return o ? m(o) : null;
+  }, [e]), t = j(a);
+  return i ? /* @__PURE__ */ s.jsx(
+    h,
     {
-      "aria-hidden": a,
-      color: s,
-      name: e,
-      role: o,
-      size: y(r),
-      ...i,
-      className: h(
-        void 0,
-        typeof s == "string" ? { [s]: !0 } : void 0,
-        c
+      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)
+        }
       )
     }
-  ) });
+  ) : /* @__PURE__ */ s.jsx("span", { style: { width: t, height: t, display: "inline-block" } });
 };
 export {
-  z as Icon,
-  y as getIconSize
+  w as Icon,
+  j as getIconSize
 };