@scbt-ecom/ui 0.61.0 → 0.61.1

package/dist/ui.js

@@ -322,20 +322,20 @@ const Ft = ({ classes: e, contents: o }) => /* @__PURE__ */ p.jsx("div", { class
   var l;
   const n = ht(null), [r, i] = ne(!1);
   return ye(() => {
-    if (n.current) {
-      const u = new AbortController(), s = n.current;
-      return s.addEventListener(
-        "load",
-        () => {
+    if (!n.current) return;
+    const u = new AbortController(), s = n.current;
+    return s.addEventListener(
+      "load",
+      () => {
+        document.querySelectorAll('head > link[rel="stylesheet"], head > style').forEach((g) => {
           var d;
-          const g = document.createElement("link");
-          g.rel = "stylesheet", g.href = "/lib/shared/style.css", (d = s.contentDocument) == null || d.head.appendChild(g), i(!0);
-        },
-        { signal: u.signal }
-      ), () => {
-        u.abort();
-      };
-    }
+          (d = s.contentDocument) == null || d.head.appendChild(g.cloneNode(!0));
+        }), i(!0);
+      },
+      { signal: u.signal }
+    ), () => {
+      u.abort();
+    };
   }, []), /* @__PURE__ */ p.jsx("iframe", { ...t, ref: n, className: w("w-full", o), children: r && ((l = n.current) == null ? void 0 : l.contentDocument) && Ve(e, n.current.contentDocument.body) });
 }, Mt = ({ title: e, closeModal: o, classes: t }) => /* @__PURE__ */ p.jsxs("div", { className: w("flex items-start justify-between gap-4", t == null ? void 0 : t.header), children: [
   e && /* @__PURE__ */ p.jsx(dt, { as: "h3", className: w("flex-1 text-color-dark", t == null ? void 0 : t.title), children: e }),