import { jsxs as d, Fragment as f, jsx as t } from "react/jsx-runtime";
import { ThemeConfiguration as g } 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 b } from "react";
const k = b(
  ({ content: a, themeSettings: n = g.settings }) => {
    const i = e.getBreakpoints(), r = u();
    r.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 l = r.get(), m = h({
      content: a,
      themeSettings: n,
      breakpoints: i,
      config: e.getRegisteredBlocks()
    }), y = B({
      settings: n,
      breakpoints: i
    }), s = l + y + m, c = S(s), p = M(s);
    return /* @__PURE__ */ d(f, { children: [
      /* @__PURE__ */ t("link", { href: c, id: "fonts", rel: "stylesheet" }),
      /* @__PURE__ */ t("style", { id: "builder-styles", dangerouslySetInnerHTML: { __html: p } }),
      /* @__PURE__ */ t("script", { src: "https://code.iconify.design/iconify-icon/3.0.0/iconify-icon.min.js" })
    ] });
  }
);
k.displayName = "AssetManager";
export {
  k as AssetManager
};
//# sourceMappingURL=asset-manager.js.map
