import { jsxs as f, Fragment as g, jsx as t } from "react/jsx-runtime";
import { ThemeConfiguration as d } from "../../config/theme.config.js";
import { BuilderConfiguration as e } from "../../config/builder.config.js";
import { Breakpoint as o } from "../../types/responsive.js";
import { createStyle as u } from "../../../../../utils.js";
import { generateContentStyles as h, generateFontsUrl as S } from "../../utils/style.js";
import { generateThemeStyles as B } from "../../utils/theme.js";
import M from "../../../../../_virtual/cssbeautify.js";
import { memo as k } from "react";
const T = k(
  ({ content: a, themeSettings: n = d.settings }) => {
    const r = e.getBreakpoints(), i = u();
    i.register({
      $global: !0,
      ".hide-on-desktop": {
        [e.getMediaQuery(o.DESKTOP)]: {
          display: "none !important"
        }
      },
      ".hide-on-tablet": {
        [e.getMediaQuery(o.TABLET)]: {
          display: "none !important"
        }
      },
      ".hide-on-mobile": {
        [e.getMediaQuery(o.MOBILE)]: {
          display: "none !important"
        }
      }
    });
    const m = i.get(), l = h({
      content: a,
      themeSettings: n,
      breakpoints: r,
      config: e.getRegisteredBlocks()
    }), c = B({
      settings: n,
      breakpoints: r
    }), s = m + c + l, p = S(s), y = M(s);
    return /* @__PURE__ */ f(g, { children: [
      /* @__PURE__ */ t("link", { href: p, id: "fonts", rel: "stylesheet" }),
      /* @__PURE__ */ t("style", { dangerouslySetInnerHTML: { __html: y } }),
      /* @__PURE__ */ t("script", { src: "https://code.iconify.design/iconify-icon/3.0.0/iconify-icon.min.js" })
    ] });
  }
);
T.displayName = "AssetManager";
export {
  T as AssetManager
};
//# sourceMappingURL=asset-manager.js.map
