@micromag/core 0.4.98 → 0.4.109

package/es/contexts.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode, ElementType, ComponentType } from 'react';
 import EventEmitter from 'wolfy87-eventemitter';
@@ -293,7 +292,7 @@ interface ComponentsProviderProps {
     manager?: ComponentsManager | null;
     components?: Record<string, Record<string, ElementType>> | Record<string, ElementType>;
 }
-declare function ComponentsProvider({ components, manager, namespace, children, }: ComponentsProviderProps): react_jsx_runtime.JSX.Element;
+declare function ComponentsProvider({ components, manager, namespace, children, }: ComponentsProviderProps): React__default.JSX.Element;
 
 declare const ConsentContext: React__default.Context<{
     consent: null;
@@ -310,7 +309,7 @@ interface ConsentProviderProps {
     expiration?: number;
     children?: React__default.ReactNode | null;
 }
-declare function ConsentProvider({ consent: providedConsent, consented: initialConsented, expiration, children, }: ConsentProviderProps): react_jsx_runtime.JSX.Element;
+declare function ConsentProvider({ consent: providedConsent, consented: initialConsented, expiration, children, }: ConsentProviderProps): React__default.JSX.Element;
 
 declare const EditorContext: React__default.Context<null>;
 declare const useEditor: () => null;
@@ -318,7 +317,7 @@ declare const useGetColors: () => () => never[];
 interface EditorProviderProps {
     children: React__default.ReactNode;
 }
-declare function EditorProvider({ children }: EditorProviderProps): react_jsx_runtime.JSX.Element;
+declare function EditorProvider({ children }: EditorProviderProps): React__default.JSX.Element;
 
 declare const FieldsContext: React.Context<FieldsManager | null>;
 declare const useFieldsManager: () => FieldsManager | null;
@@ -328,7 +327,7 @@ interface FieldsProviderProps {
     manager?: FieldsManager | null;
     children: ReactNode;
 }
-declare function FieldsProvider({ fields, manager, children }: FieldsProviderProps): react_jsx_runtime.JSX.Element;
+declare function FieldsProvider({ fields, manager, children }: FieldsProviderProps): React.JSX.Element;
 
 declare const FieldsValueContext: React__default.Context<null>;
 declare const useFieldsValue: () => null;
@@ -336,7 +335,7 @@ interface FieldsValueContextProviderProps {
     value?: unknown;
     children: React__default.ReactNode;
 }
-declare function FieldsValueContextProvider({ value, children }: FieldsValueContextProviderProps): react_jsx_runtime.JSX.Element;
+declare function FieldsValueContextProvider({ value, children }: FieldsValueContextProviderProps): React__default.JSX.Element;
 
 declare const FieldContext: React__default.Context<null>;
 declare const useFieldContext: () => null;
@@ -344,36 +343,37 @@ interface FieldContextProviderProps {
     context?: unknown;
     children: React__default.ReactNode;
 }
-declare function FieldContextProvider({ context, children }: FieldContextProviderProps): react_jsx_runtime.JSX.Element;
+declare function FieldContextProvider({ context, children }: FieldContextProviderProps): React__default.JSX.Element;
 
-declare const FontsContext: React__default.Context<{
+declare const FontsContext: React.Context<{
     systemFonts: null;
     googleFonts: null;
     customFonts: null;
+    loadGoogleFonts: null;
 }>;
 declare const useGoogleFonts: (options?: null) => null;
-declare const useFonts: (options?: null) => {
+declare const useFonts: () => {
     systemFonts: null;
     googleFonts: null;
     customFonts: null;
 };
 interface FontsProviderProps {
-    children: React__default.ReactNode;
+    children: ReactNode;
     systemFonts?: Font[];
     customFonts?: Font[];
 }
-declare function FontsProvider({ systemFonts, customFonts, children, }: FontsProviderProps): react_jsx_runtime.JSX.Element;
+declare function FontsProvider({ systemFonts, customFonts, children, }: FontsProviderProps): React.JSX.Element;
 
 declare const GoogleApiClientContext: React__default.Context<null>;
 declare const useGoogleApiClient: () => null;
 declare const withGoogleApiClient: (WrappedComponent: any) => {
-    (props: any): react_jsx_runtime.JSX.Element;
+    (props: any): React__default.JSX.Element;
     displayName: string;
 };
 interface GoogleApiClientProviderProps {
     children: React__default.ReactNode;
 }
-declare function GoogleApiClientProvider({ children }: GoogleApiClientProviderProps): react_jsx_runtime.JSX.Element;
+declare function GoogleApiClientProvider({ children }: GoogleApiClientProviderProps): React__default.JSX.Element;
 
 declare const GoogleKeysContext: React.Context<{
     apiKey: null;
@@ -385,12 +385,12 @@ interface GoogleKeysProviderProps {
     children: ReactNode;
     apiKey?: string | null;
 }
-declare function GoogleKeysProvider({ children, apiKey }: GoogleKeysProviderProps): react_jsx_runtime.JSX.Element;
+declare function GoogleKeysProvider({ children, apiKey }: GoogleKeysProviderProps): React.JSX.Element;
 
 declare const GoogleMapsClientContext: React__default.Context<null>;
 declare const useGoogleMapsClient: () => null;
 declare const withGoogleMapsClient: (WrappedComponent: any) => {
-    (props: any): react_jsx_runtime.JSX.Element;
+    (props: any): React__default.JSX.Element;
     displayName: string;
 };
 interface GoogleMapsClientProviderProps {
@@ -398,7 +398,7 @@ interface GoogleMapsClientProviderProps {
     locale?: string;
     libraries?: string[];
 }
-declare function GoogleMapsClientProvider({ children, locale, libraries }: GoogleMapsClientProviderProps): react_jsx_runtime.JSX.Element;
+declare function GoogleMapsClientProvider({ children, locale, libraries }: GoogleMapsClientProviderProps): React__default.JSX.Element;
 
 declare const PanelsContext: React__default.Context<{
     container: null;
@@ -407,14 +407,14 @@ declare const usePanels: () => {
     container: null;
 };
 declare const withPanels: (WrappedComponent: any) => {
-    (props: any): react_jsx_runtime.JSX.Element;
+    (props: any): React__default.JSX.Element;
     displayName: string;
 };
 interface PanelsProviderProps {
     children: React__default.ReactNode;
     container?: Record<string, unknown>;
 }
-declare function PanelsProvider({ children, container: initialContainer }: PanelsProviderProps): react_jsx_runtime.JSX.Element;
+declare function PanelsProvider({ children, container: initialContainer }: PanelsProviderProps): React__default.JSX.Element;
 
 interface PlaybackControlsTheme {
     seekBarOnly?: boolean;
@@ -468,7 +468,7 @@ interface PlaybackProviderProps {
     paused?: boolean;
     currentQualityLevel?: number | null;
 }
-declare function PlaybackProvider({ muted: initialMuted, playing: initialPlaying, paused, controls: initialControls, controlsSuggestPlay: initialControlsSuggestPlay, controlsVisible: initialControlsVisible, controlsTheme: initialControlsTheme, currentQualityLevel: initialCurrentQualityLevel, children, }: PlaybackProviderProps): react_jsx_runtime.JSX.Element;
+declare function PlaybackProvider({ muted: initialMuted, playing: initialPlaying, paused, controls: initialControls, controlsSuggestPlay: initialControlsSuggestPlay, controlsVisible: initialControlsVisible, controlsTheme: initialControlsTheme, currentQualityLevel: initialCurrentQualityLevel, children, }: PlaybackProviderProps): React.JSX.Element;
 
 declare const useRoutePush: () => (route: any, data: any, ...args: any[]) => void;
 declare const useRouteBack: () => () => void;
@@ -480,7 +480,7 @@ interface SettingsProviderProps {
     children: React__default.ReactNode;
     settings?: Record<string, unknown>;
 }
-declare function SettingsProvider({ children, settings }: SettingsProviderProps): react_jsx_runtime.JSX.Element;
+declare function SettingsProvider({ children, settings }: SettingsProviderProps): React__default.JSX.Element;
 
 declare const ScreenContext: React__default.Context<{
     data: null;
@@ -511,7 +511,7 @@ interface ScreenProviderProps {
     renderContext?: RenderContext;
     screenState?: string;
 }
-declare function ScreenProvider({ data, definition, renderContext, screenState, children, }: ScreenProviderProps): react_jsx_runtime.JSX.Element;
+declare function ScreenProvider({ data, definition, renderContext, screenState, children, }: ScreenProviderProps): React__default.JSX.Element;
 
 declare const ScreensContext: React.Context<null>;
 declare const useScreensManager: () => null;
@@ -522,7 +522,7 @@ interface ScreensProviderProps {
     manager?: ScreensManager | null;
     children: ReactNode;
 }
-declare function ScreensProvider({ screens, namespaces, filterNamespaces, manager, children, }: ScreensProviderProps): react_jsx_runtime.JSX.Element;
+declare function ScreensProvider({ screens, namespaces, filterNamespaces, manager, children, }: ScreensProviderProps): React.JSX.Element;
 
 declare const ScreenSizeContext: React__default.Context<{
     screen: null;
@@ -544,7 +544,7 @@ interface ScreenSizeProviderProps {
     children: React__default.ReactNode;
     size?: ScreenSize;
 }
-declare function ScreenSizeProvider({ size, children }: ScreenSizeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ScreenSizeProvider({ size, children }: ScreenSizeProviderProps): React__default.JSX.Element;
 
 declare const StoryContext: React__default.Context<Story | null>;
 declare const useStoryContext: () => Story | null;
@@ -553,10 +553,10 @@ interface StoryProviderProps {
     story?: Story | null;
     children: ReactNode;
 }
-declare function StoryProvider({ story, children }: StoryProviderProps): react_jsx_runtime.JSX.Element;
+declare function StoryProvider({ story, children }: StoryProviderProps): React__default.JSX.Element;
 
 declare const useTracking: () => _folklore_tracking.Tracking;
-declare function TrackingProvider(options?: null): react_jsx_runtime.JSX.Element;
+declare function TrackingProvider(options?: null): React__default.JSX.Element;
 
 interface ViewerContextType {
     events: EventEmitter;
@@ -620,7 +620,7 @@ interface ViewerProviderProps {
     disableInteraction?: (...args: unknown[]) => void;
     enableInteraction?: (...args: unknown[]) => void;
 }
-declare function ViewerProvider({ children, events, menuVisible, menuOverScreen, activityDetected, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, }: ViewerProviderProps): react_jsx_runtime.JSX.Element;
+declare function ViewerProvider({ children, events, menuVisible, menuOverScreen, activityDetected, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, }: ViewerProviderProps): React.JSX.Element;
 
 type VisitorContextType = {
     visitor: Visitor | null;
@@ -637,7 +637,7 @@ interface VisitorProviderProps {
     children: React__default.ReactNode;
     visitor?: Visitor | string | null;
 }
-declare function VisitorProvider({ visitor: providedVisitor, children, }: VisitorProviderProps): react_jsx_runtime.JSX.Element;
+declare function VisitorProvider({ visitor: providedVisitor, children, }: VisitorProviderProps): React__default.JSX.Element;
 
 export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, SettingsContext, SettingsProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useSetting, useSettings, useStory, useStoryContext, useTracking, useViewerActivityDetected, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withPanels };
 export type { ScreensProviderProps };

package/es/contexts.js

@@ -1,13 +1,12 @@
 import { c } from 'react/compiler-runtime';
-import isString from 'lodash/isString';
+import isString from 'lodash-es/isString';
 import React, { createContext, use, useState, useEffect, useContext, useRef, useMemo } from 'react';
 import { ComponentsManager, FieldsManager, ScreensManager, ColorsParser, Tracking } from '@micromag/core';
 import { jsx } from 'react/jsx-runtime';
 import JSCookie from 'js-cookie';
 import { defineMessages, useIntl } from 'react-intl';
-import uniqBy from 'lodash/uniqBy';
+import uniqBy from 'lodash-es/uniqBy';
 import { getJSON } from '@folklore/fetch';
-import isObject from 'lodash/isObject';
 import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
 export { ModalContext, ModalProvider as ModalsProvider } from '@panneau/core/contexts';
 import { getDisplayName, getMediaSrc, getMediaHasAudio, getMediaFilename, getMediaDuration, getScreenExtraField } from '@micromag/core/utils';
@@ -890,10 +889,11 @@ function GoogleKeysProvider(t0) {
   return t4;
 }
 
-const FontsContext = /*#__PURE__*/React.createContext({
+const FontsContext = /*#__PURE__*/createContext({
   systemFonts: null,
   googleFonts: null,
-  customFonts: null
+  customFonts: null,
+  loadGoogleFonts: null
 });
 const useGoogleFonts = t0 => {
   const $ = c(7);
@@ -908,25 +908,28 @@ const useGoogleFonts = t0 => {
   }
   const {
     disabled: t2,
-    setFonts: t3
+    setFonts: t3,
+    apiKey: t4
   } = t1;
   const disabled = t2 === undefined ? false : t2;
   const setFonts = t3 === undefined ? null : t3;
+  const optionsApiKey = t4 === undefined ? null : t4;
   const {
-    apiKey
+    apiKey: contextApiKey
   } = useGoogleKeys();
+  const apiKey = optionsApiKey || contextApiKey;
   const [googleFonts, setGoogleFonts] = useState(null);
-  let t4;
   let t5;
+  let t6;
   if ($[2] !== apiKey || $[3] !== disabled || $[4] !== setFonts) {
-    t4 = () => {
+    t5 = () => {
       let canceled = false;
       if (apiKey !== null && !disabled) {
-        getJSON(`https://www.googleapis.com/webfonts/v1/webfonts?key=${apiKey}&sort=popularity`).then(t6 => {
+        getJSON(`https://www.googleapis.com/webfonts/v1/webfonts?key=${apiKey}&sort=popularity`).then(t7 => {
           const {
-            items: t7
-          } = t6;
-          const items = t7 === undefined ? [] : t7;
+            items: t8
+          } = t7;
+          const items = t8 === undefined ? [] : t8;
           if (!canceled) {
             const newFonts = items.map(_temp$1);
             if (setFonts !== null) {
@@ -941,74 +944,63 @@ const useGoogleFonts = t0 => {
         canceled = true;
       };
     };
-    t5 = [apiKey, disabled, setFonts, setGoogleFonts];
+    t6 = [apiKey, disabled, setFonts, setGoogleFonts];
     $[2] = apiKey;
     $[3] = disabled;
     $[4] = setFonts;
-    $[5] = t4;
-    $[6] = t5;
+    $[5] = t5;
+    $[6] = t6;
   } else {
-    t4 = $[5];
-    t5 = $[6];
+    t5 = $[5];
+    t6 = $[6];
   }
-  useEffect(t4, t5);
+  useEffect(t5, t6);
   return googleFonts;
 };
-const useFonts = t0 => {
-  const $ = c(9);
-  const options = t0 === undefined ? null : t0;
-  let t1;
-  if ($[0] !== options) {
-    t1 = options || {};
-    $[0] = options;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    withoutGoogleFonts: t2
-  } = t1;
-  const withoutGoogleFonts = t2 === undefined ? false : t2;
+const useFonts = () => {
+  const $ = c(7);
   const {
-    setGoogleFonts: t3,
-    systemFonts: t4,
-    googleFonts: t5,
-    customFonts: t6
-  } = useContext(FontsContext);
-  const setGoogleFonts = t3 === undefined ? null : t3;
-  const systemFonts = t4 === undefined ? null : t4;
-  const googleFonts = t5 === undefined ? null : t5;
-  const customFonts = t6 === undefined ? null : t6;
-  const t7 = withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0;
-  let t8;
-  if ($[2] !== setGoogleFonts || $[3] !== t7) {
-    t8 = {
-      disabled: t7,
-      setFonts: setGoogleFonts
+    systemFonts: t0,
+    googleFonts: t1,
+    customFonts: t2,
+    loadGoogleFonts: t3
+  } = use(FontsContext);
+  const systemFonts = t0 === undefined ? null : t0;
+  const googleFonts = t1 === undefined ? null : t1;
+  const customFonts = t2 === undefined ? null : t2;
+  const loadGoogleFonts = t3 === undefined ? null : t3;
+  let t4;
+  let t5;
+  if ($[0] !== loadGoogleFonts) {
+    t4 = () => {
+      if (loadGoogleFonts !== null) {
+        loadGoogleFonts();
+      }
     };
-    $[2] = setGoogleFonts;
-    $[3] = t7;
-    $[4] = t8;
+    t5 = [loadGoogleFonts];
+    $[0] = loadGoogleFonts;
+    $[1] = t4;
+    $[2] = t5;
   } else {
-    t8 = $[4];
+    t4 = $[1];
+    t5 = $[2];
   }
-  useGoogleFonts(t8);
-  let t9;
-  if ($[5] !== customFonts || $[6] !== googleFonts || $[7] !== systemFonts) {
-    t9 = {
+  useEffect(t4, t5);
+  let t6;
+  if ($[3] !== customFonts || $[4] !== googleFonts || $[5] !== systemFonts) {
+    t6 = {
       systemFonts,
       googleFonts,
       customFonts
     };
-    $[5] = customFonts;
-    $[6] = googleFonts;
-    $[7] = systemFonts;
-    $[8] = t9;
+    $[3] = customFonts;
+    $[4] = googleFonts;
+    $[5] = systemFonts;
+    $[6] = t6;
   } else {
-    t9 = $[8];
+    t6 = $[6];
   }
-  const fonts = t9;
-  return fonts;
+  return t6;
 };
 function FontsProvider(t0) {
   const $ = c(18);
@@ -1017,89 +1009,100 @@ function FontsProvider(t0) {
     customFonts: t2,
     children
   } = t0;
-  let t3;
-  if ($[0] !== t1) {
-    t3 = t1 === undefined ? ["Arial", "Courier New", "Georgia", "Times New Roman", "Verdana"] : t1;
-    $[0] = t1;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const systemFonts = t3;
+  const systemFonts = t1 === undefined ? ["Arial", "Courier New", "Georgia", "Times New Roman", "Verdana"] : t1;
   const customFonts = t2 === undefined ? null : t2;
   const {
-    systemFonts: t4,
-    googleFonts: t5,
-    customFonts: previousCustomFonts
-  } = useFonts();
-  const previousSystemFonts = t4 === undefined ? null : t4;
-  const previousGoogleFonts = t5 === undefined ? null : t5;
-  const [googleFonts, setGoogleFonts] = useState(null);
-  let t6;
-  if ($[2] !== previousSystemFonts || $[3] !== systemFonts) {
-    t6 = uniqBy([...(previousSystemFonts || []), ...(systemFonts || [])], _temp2$1);
-    $[2] = previousSystemFonts;
-    $[3] = systemFonts;
-    $[4] = t6;
-  } else {
-    t6 = $[4];
-  }
+    systemFonts: t3,
+    googleFonts: t4,
+    customFonts: previousCustomFonts,
+    loadGoogleFonts: t5
+  } = use(FontsContext);
+  const previousSystemFonts = t3 === undefined ? null : t3;
+  const previousGoogleFonts = t4 === undefined ? null : t4;
+  const previousLoadGoogleFonts = t5 === undefined ? null : t5;
+  const [shouldLoadGoogleFonts, setShouldLoadGoogleFonts] = useState(false);
+  const t6 = previousGoogleFonts !== null && previousGoogleFonts.length > 0 || !shouldLoadGoogleFonts;
   let t7;
-  if ($[5] !== googleFonts || $[6] !== previousGoogleFonts) {
-    t7 = uniqBy([...(previousGoogleFonts || []), ...(googleFonts || [])], _temp3$1);
-    $[5] = googleFonts;
-    $[6] = previousGoogleFonts;
-    $[7] = t7;
+  if ($[0] !== t6) {
+    t7 = {
+      disabled: t6
+    };
+    $[0] = t6;
+    $[1] = t7;
   } else {
-    t7 = $[7];
+    t7 = $[1];
   }
+  const googleFonts = useGoogleFonts(t7);
   let t8;
-  if ($[8] !== customFonts || $[9] !== previousCustomFonts) {
-    t8 = uniqBy([...(previousCustomFonts || []), ...(customFonts || [])], _temp4$1);
-    $[8] = customFonts;
-    $[9] = previousCustomFonts;
-    $[10] = t8;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => {
+      setShouldLoadGoogleFonts(true);
+    };
+    $[2] = t8;
   } else {
-    t8 = $[10];
+    t8 = $[2];
   }
-  let t9;
-  if ($[11] !== t6 || $[12] !== t7 || $[13] !== t8) {
-    t9 = {
-      systemFonts: t6,
-      googleFonts: t7,
-      customFonts: t8,
-      setGoogleFonts
+  const loadGoogleFonts = t8;
+  const T0 = FontsContext;
+  const t9 = uniqBy([...(previousSystemFonts || []), ...(systemFonts || [])], _temp2$1);
+  let t10;
+  if ($[3] !== googleFonts || $[4] !== previousGoogleFonts) {
+    t10 = uniqBy([...(previousGoogleFonts || []), ...(googleFonts || [])], _temp3$1);
+    $[3] = googleFonts;
+    $[4] = previousGoogleFonts;
+    $[5] = t10;
+  } else {
+    t10 = $[5];
+  }
+  let t11;
+  if ($[6] !== customFonts || $[7] !== previousCustomFonts) {
+    t11 = uniqBy([...(previousCustomFonts || []), ...(customFonts || [])], _temp4$1);
+    $[6] = customFonts;
+    $[7] = previousCustomFonts;
+    $[8] = t11;
+  } else {
+    t11 = $[8];
+  }
+  const t12 = previousLoadGoogleFonts || loadGoogleFonts;
+  let t13;
+  if ($[9] !== t10 || $[10] !== t11 || $[11] !== t12 || $[12] !== t9) {
+    t13 = {
+      systemFonts: t9,
+      googleFonts: t10,
+      customFonts: t11,
+      loadGoogleFonts: t12
     };
-    $[11] = t6;
-    $[12] = t7;
-    $[13] = t8;
-    $[14] = t9;
+    $[9] = t10;
+    $[10] = t11;
+    $[11] = t12;
+    $[12] = t9;
+    $[13] = t13;
   } else {
-    t9 = $[14];
+    t13 = $[13];
   }
-  const fonts = t9;
-  let t10;
-  if ($[15] !== children || $[16] !== fonts) {
-    t10 = /*#__PURE__*/jsx(FontsContext.Provider, {
-      value: fonts,
+  let t14;
+  if ($[14] !== T0 || $[15] !== children || $[16] !== t13) {
+    t14 = /*#__PURE__*/jsx(T0, {
+      value: t13,
       children: children
     });
+    $[14] = T0;
     $[15] = children;
-    $[16] = fonts;
-    $[17] = t10;
+    $[16] = t13;
+    $[17] = t14;
   } else {
-    t10 = $[17];
+    t14 = $[17];
   }
-  return t10;
+  return t14;
 }
 function _temp4$1(font_1) {
-  return isObject(font_1) ? font_1.name : font_1;
+  return isString(font_1) ? font_1 : font_1.name;
 }
 function _temp3$1(font_0) {
-  return isObject(font_0) ? font_0.name : font_0;
+  return isString(font_0) ? font_0 : font_0.name;
 }
 function _temp2$1(font) {
-  return isObject(font) ? font.name : font;
+  return isString(font) ? font : font.name;
 }
 function _temp$1(it) {
   return {

package/es/hooks.js

@@ -9,17 +9,17 @@ import classNames from 'classnames';
 import screenfull from 'screenfull';
 import { useResizeObserver, useIntersectionObserver, useWindowSize } from '@folklore/hooks';
 export { useIntersectionObserver, useResizeObserver } from '@folklore/hooks';
-import isObject from 'lodash/isObject';
+import isObject from 'lodash-es/isObject';
 import raf from 'raf';
 import createDebug from 'debug';
 import { useScreensManager, useFieldsManager, useTracking, useScreen } from '@micromag/core/contexts';
-import isEmpty from 'lodash/isEmpty';
+import isEmpty from 'lodash-es/isEmpty';
 import { match } from 'css-mediaquery';
-import isArray from 'lodash/isArray';
+import isArray from 'lodash-es/isArray';
 import dayjs from 'dayjs';
-import isString from 'lodash/isString';
+import isString from 'lodash-es/isString';
 import { useIntl } from 'react-intl';
-import clamp from 'lodash/clamp';
+import clamp from 'lodash-es/clamp';
 
 function useActivityDetector(t0) {
   const $ = c(8);

package/es/index.js

@@ -1,13 +1,12 @@
-import isArray from 'lodash/isArray';
-import isObject from 'lodash/isObject';
-import uniqWith from 'lodash/uniqWith';
-import sortBy from 'lodash/sortBy';
+import isArray from 'lodash-es/isArray';
+import isObject from 'lodash-es/isObject';
+import uniqWith from 'lodash-es/uniqWith';
+import sortBy from 'lodash-es/sortBy';
 import EventEmitter from 'wolfy87-eventemitter';
 import { pascalCase } from 'change-case';
-import uniqBy from 'lodash/uniqBy';
-import uniq from 'lodash/uniq';
-import isString from 'lodash/isString';
-import isEmpty from 'lodash/isEmpty';
+import uniqBy from 'lodash-es/uniqBy';
+import isString from 'lodash-es/isString';
+import isEmpty from 'lodash-es/isEmpty';
 import { Tracking as Tracking$1 } from '@folklore/tracking';
 
 const sortedColors = colors => sortBy(colors, ['color', 'alpha']);
@@ -663,7 +662,7 @@ class FontsParser {
       theme = null,
       components = []
     } = story || {};
-    const fonts = uniq(components.reduce((currentFonts, screen) => {
+    const fonts = uniqBy(components.reduce((currentFonts, screen) => {
       const {
         type
       } = screen;
@@ -681,7 +680,7 @@ class FontsParser {
       return fonts.length > 0 || themeFonts.length > 0 ? {
         ...story,
         theme: newTheme,
-        fonts: uniq([...themeFonts, ...fonts], 'name')
+        fonts: uniqBy([...themeFonts, ...fonts], 'name')
       } : story;
     }
     return fonts.length > 0 ? {

package/es/utils.js

@@ -1,11 +1,11 @@
-import isString from 'lodash/isString';
-import isNumber from 'lodash/isNumber';
+import isString from 'lodash-es/isString';
+import isNumber from 'lodash-es/isNumber';
 import { kebabCase, pascalCase, snakeCase } from 'change-case';
 export { camelCase, pascalCase, snakeCase } from 'change-case';
-import isObject from 'lodash/isObject';
+import isObject from 'lodash-es/isObject';
 import { useEffect } from 'react';
 import tinycolor from 'tinycolor2';
-import isArray from 'lodash/isArray';
+import isArray from 'lodash-es/isArray';
 import slugify from 'slugify';
 
 function addNonBreakingSpaces(text) {