@elementor/editor-controls 4.0.0-509 → 4.0.0-511

package/dist/index.mjs

@@ -7134,6 +7134,44 @@ var UnstableSizeField = ({
 var hasValue = (value) => {
   return value !== null && value !== "";
 };
+
+// src/hooks/use-font-families.ts
+import { useMemo as useMemo16 } from "react";
+import { getElementorConfig } from "@elementor/editor-v1-adapters";
+import { __ as __53 } from "@wordpress/i18n";
+var supportedCategories = {
+  system: __53("System", "elementor"),
+  custom: __53("Custom Fonts", "elementor"),
+  googlefonts: __53("Google Fonts", "elementor")
+};
+var getFontFamilies = () => {
+  const { controls } = getElementorConfig();
+  const options = controls?.font?.options;
+  if (!options) {
+    return null;
+  }
+  return options;
+};
+var useFontFamilies = () => {
+  const fontFamilies = getFontFamilies();
+  return useMemo16(() => {
+    const categoriesOrder = ["system", "custom", "googlefonts"];
+    return Object.entries(fontFamilies || {}).reduce((acc, [font, category]) => {
+      if (!supportedCategories[category]) {
+        return acc;
+      }
+      const categoryIndex = categoriesOrder.indexOf(category);
+      if (!acc[categoryIndex]) {
+        acc[categoryIndex] = {
+          label: supportedCategories[category],
+          fonts: []
+        };
+      }
+      acc[categoryIndex].fonts.push(font);
+      return acc;
+    }, []).filter(Boolean);
+  }, [fontFamilies]);
+};
 export {
   AspectRatioControl,
   BackgroundControl,
@@ -7196,6 +7234,7 @@ export {
   useControlActions,
   useControlReplacement,
   useElementCanHaveChildren,
+  useFontFamilies,
   useSyncExternalState
 };
 //# sourceMappingURL=index.mjs.map