@m4l/graphics 7.5.0-beta-feature-731-m4l-components-code-editor.0 → 7.5.0-beta-feature-731-code-editor.0

package/contexts/ThemeSettingsContext/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/store.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAI9B,MAAM,SAAS,CAAC;AAiHjB;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,cAAc,8BAA8B;;;;;;;;CAwKpF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/store.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAI9B,MAAM,SAAS,CAAC;AAkHjB;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,cAAc,8BAA8B;;;;;;;;CA2LpF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC"}

package/contexts/ThemeSettingsContext/store.js

@@ -1,48 +1,53 @@
 import { createStore as d } from "zustand";
 import { devtools as u } from "zustand/middleware";
-import { immer as a } from "zustand/middleware/immer";
-import { getPaletteByPreset as f, createCustomShadows as y, shadows as g, typographyOld as U, getColorPresets as p } from "@m4l/styles";
+import { immer as U } from "zustand/middleware/immer";
+import { EmitEvents as f } from "@m4l/core";
+import { getPaletteByPreset as x, createCustomShadows as C, shadows as l, typographyOld as T, getColorPresets as i } from "@m4l/styles";
 import { alpha as s } from "@mui/system";
-import { defaultThemeSettings as l } from "./constants.js";
-function S(r, o = "m4l") {
-  const n = typeof document > "u" ? null : document.documentElement;
-  if (!n)
-    return;
-  const e = r?.palette?.mode;
-  o === "m4l" && (typeof e == "string" || typeof e == "number") && n.style.setProperty(`--${o}-mode`, e.toString()), Object.keys(r).forEach((t) => {
-    const i = r[t];
-    if (typeof i == "string" || typeof i == "number") {
-      const c = `--${o}-${t}`;
-      n.style.setProperty(c, i.toString());
-    } else typeof i == "object" && i !== null && S(i, `${o}-${t}`);
+import { defaultThemeSettings as S } from "./constants.js";
+function c(r, o = "m4l") {
+  const n = document.querySelector("[data-mui-color-scheme]");
+  n && Object.keys(r).forEach((t) => {
+    const e = r[t];
+    if (typeof e == "string" || typeof e == "number") {
+      const p = `--${o}-${t}`;
+      n.style.setProperty(p, e.toString());
+    } else typeof e == "object" && e !== null && c(e, `${o}-${t}`);
   });
 }
 const m = (r) => {
-  const o = r.themeUserSettings || l, n = o.themeMode === "light", e = f(o.themeColor), t = n ? e.light : e.dark;
+  const o = r.themeUserSettings || S, n = o.themeMode === "light", t = x(o.themeColor), e = n ? t.light : t.dark;
   r.themeOptions = {
     ...r.themeOptions,
-    ...U,
+    ...T,
     palette: {
       ...r.themeOptions?.palette ?? {},
-      ...t
+      ...e
     },
     shape: { borderRadius: 8 },
     direction: o.themeDirection,
-    shadows: n ? g.light : g.dark,
+    shadows: n ? l.light : l.dark,
     customShadows: {
-      primary: n ? `0 4px 8px -4px ${s(p(o.themeColor)?.enabledLight, 0.12)},
-       0 2px 27px 2px ${s(p(o.themeColor)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${s(p(o.themeColor)?.enabledDark, 0.12)},
-       0 2px 27px 2px ${s(p(o.themeColor)?.enabledDark, 0.02)}`,
-      ...y(o.themeMode),
-      primary2: n ? `0px 2px 3px 0px ${s(p(o.themeColor)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${s(p(o.themeColor)?.hoverOpacityDark, 0.2)}`
+      primary: n ? `0 4px 8px -4px ${s(i(o.themeColor)?.enabledLight, 0.12)},
+       0 2px 27px 2px ${s(i(o.themeColor)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${s(i(o.themeColor)?.enabledDark, 0.12)},
+       0 2px 27px 2px ${s(i(o.themeColor)?.enabledDark, 0.02)}`,
+      ...C(o.themeMode),
+      primary2: n ? `0px 2px 3px 0px ${s(i(o.themeColor)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${s(i(o.themeColor)?.hoverOpacityDark, 0.2)}`
     },
     stretch: o.themeStretch
-  }, S(r.themeOptions);
+  }, c(r.themeOptions);
 }, h = (r) => {
   r.themeSettingsPersistFn?.(r.themeUserSettings);
-}, M = (r) => d(
+};
+function g(r) {
+  r.hostToolsEventsEmit?.(
+    f.EMMIT_EVENT_HOST_THEME_CHANGE,
+    r.themeUserSettings.themeMode
+  );
+}
+const b = (r) => d(
   u(
-    a((o, n) => ({
+    U((o, n) => ({
       ...r,
       settingsActions: {
         /**
@@ -53,8 +58,8 @@ const m = (r) => {
          * @updatedUser Juan Escobar - automatic
          */
         init: () => {
-          o((e) => {
-            m(e);
+          o((t) => {
+            m(t);
           });
         },
         /**
@@ -64,9 +69,10 @@ const m = (r) => {
          * @updatedAt 2024-10-08 19:28:36 - automatic
          * @updatedUser Juan Escobar - automatic
          */
-        setThemeSettings: (e) => {
-          o((t) => {
-            t.themeUserSettings = { ...t.themeUserSettings, ...e }, h(t), m(t);
+        setThemeSettings: (t) => {
+          o((e) => {
+            const p = e.themeUserSettings.themeMode;
+            e.themeUserSettings = { ...e.themeUserSettings, ...t }, h(e), m(e), p !== e.themeUserSettings.themeMode && g(e);
           });
         },
         /**
@@ -76,12 +82,20 @@ const m = (r) => {
          * @updatedAt 2024-10-08 19:28:36 - automatic
          * @updatedUser Juan Escobar - automatic
          */
-        onChangeMode: (e) => {
-          o((t) => {
-            e !== t.themeUserSettings.themeMode && (t.themeUserSettings = {
-              ...t.themeUserSettings,
-              themeMode: e
-            }, h(t), m(t));
+        onChangeMode: (t) => {
+          o((e) => {
+            t !== e.themeUserSettings.themeMode && (e.themeUserSettings = {
+              ...e.themeUserSettings,
+              themeMode: t
+            }, h(e), m(e), g(e));
+          });
+        },
+        /**
+         * Register the host-tools emitter used to broadcast theme-mode changes.
+         */
+        registerHostToolsEventsEmit: (t) => {
+          o((e) => {
+            e.hostToolsEventsEmit = t;
           });
         },
         /**
@@ -92,8 +106,8 @@ const m = (r) => {
          * @updatedUser Juan Escobar - automatic
          */
         handleOpen: () => {
-          o((e) => {
-            e.open = !e.open;
+          o((t) => {
+            t.open = !t.open;
           });
         },
         /**
@@ -103,12 +117,12 @@ const m = (r) => {
          * @updatedAt 2024-10-08 19:28:36 - automatic
          * @updatedUser Juan Escobar - automatic
          */
-        onChangeDirection: (e) => {
-          o((t) => {
-            e !== t.themeUserSettings.themeDirection && (t.themeUserSettings = {
-              ...t.themeUserSettings,
-              themeDirection: e
-            }, h(t), m(t));
+        onChangeDirection: (t) => {
+          o((e) => {
+            t !== e.themeUserSettings.themeDirection && (e.themeUserSettings = {
+              ...e.themeUserSettings,
+              themeDirection: t
+            }, h(e), m(e));
           });
         },
         /**
@@ -118,12 +132,12 @@ const m = (r) => {
          * @updatedAt 2024-10-08 19:28:36 - automatic
          * @updatedUser Juan Escobar - automatic
          */
-        onChangeColor: (e) => {
-          o((t) => {
-            e !== t.themeUserSettings.themeColor && (t.themeUserSettings = {
-              ...t.themeUserSettings,
-              themeColor: e
-            }, h(t), m(t));
+        onChangeColor: (t) => {
+          o((e) => {
+            t !== e.themeUserSettings.themeColor && (e.themeUserSettings = {
+              ...e.themeUserSettings,
+              themeColor: t
+            }, h(e), m(e));
           });
         },
         /**
@@ -133,12 +147,12 @@ const m = (r) => {
          * @updatedAt 2024-10-08 19:28:36 - automatic
          * @updatedUser Juan Escobar - automatic
          */
-        onChangeLayout: (e) => {
-          o((t) => {
-            t.themeUserSettings = {
-              ...t.themeUserSettings,
-              themeLayout: e.target.value
-            }, h(t), m(t);
+        onChangeLayout: (t) => {
+          o((e) => {
+            e.themeUserSettings = {
+              ...e.themeUserSettings,
+              themeLayout: t.target.value
+            }, h(e), m(e);
           });
         },
         /**
@@ -149,11 +163,11 @@ const m = (r) => {
          * @updatedUser Juan Escobar - automatic
          */
         onToggleStretch: () => {
-          o((e) => {
-            e.themeUserSettings = {
-              ...e.themeUserSettings,
-              themeStretch: !e.themeUserSettings.themeStretch
-            }, h(e), m(e);
+          o((t) => {
+            t.themeUserSettings = {
+              ...t.themeUserSettings,
+              themeStretch: !t.themeUserSettings.themeStretch
+            }, h(t), m(t);
           });
         },
         /**
@@ -164,10 +178,11 @@ const m = (r) => {
          * @updatedUser Juan Escobar - automatic
          */
         onResetSetting: () => {
-          o((e) => {
-            e.themeUserSettings = {
-              ...l
-            }, h(e), m(e);
+          o((t) => {
+            const e = t.themeUserSettings.themeMode;
+            t.themeUserSettings = {
+              ...S
+            }, h(t), m(t), e !== t.themeUserSettings.themeMode && g(t);
           });
         }
       }
@@ -176,5 +191,5 @@ const m = (r) => {
   )
 );
 export {
-  M as createThemeSettingsStore
+  b as createThemeSettingsStore
 };

package/contexts/ThemeSettingsContext/types.d.ts

@@ -1,3 +1,4 @@
+import { EmmitFunction } from '@m4l/core';
 import { PresetsOptionsColorMain, ThemeUserColor } from '@m4l/styles';
 import { Theme } from '@mui/material/styles';
 import { ReactNode } from 'react';
@@ -41,6 +42,11 @@ export interface ThemeSettingsStore {
      * @updatedUser Juan Escobar - automatic
      */
     themeSettingsPersistFn?: (newValue: ThemeUserSettings) => void;
+    /**
+     * Host-owned event emitter injected when this store should broadcast mode changes
+     * through the shared host-tools contract.
+     */
+    hostToolsEventsEmit?: EmmitFunction;
     /**
      * "open" es una variable que se encarga de abrir o cerrar el formulario
      * @createdAt 2024-10-08 13:22:53 - automatic
@@ -59,6 +65,7 @@ export interface ThemeSettingsStateWithActions extends ThemeSettingsStore {
         onChangeColor: (color: ThemeUserColor) => void;
         onChangeLayout: (event: React.ChangeEvent<HTMLInputElement>) => void;
         handleOpen: () => void;
+        registerHostToolsEventsEmit: (eventsEmit?: EmmitFunction) => void;
         setThemeSettings: (newValue: Partial<ThemeUserSettings>) => void;
     };
 }

package/contexts/ThemeSettingsContext/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,uBAAuB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAG,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,EAAE,eAAe,CAAC;CAE9B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IACrC;;;OAGG;IACH,YAAY,EAAE,KAAK,CAAC;IACpB;;;OAGG;IACH,uBAAuB,EAAE,uBAAuB,CAAC;IACjD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,8BAA8B,GAAG,kBAAkB,CAAC;AAChE,MAAM,MAAM,8BAA8B,GAAG,8BAA8B,CAAC;AAE5E,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE,eAAe,EAAE;QACf,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;QAC5C,iBAAiB,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;QAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;QAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACrE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;CACH;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAG,uBAAuB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAG,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,EAAE,eAAe,CAAC;CAE9B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IACrC;;;OAGG;IACH,YAAY,EAAE,KAAK,CAAC;IACpB;;;OAGG;IACH,uBAAuB,EAAE,uBAAuB,CAAC;IACjD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,8BAA8B,GAAG,kBAAkB,CAAC;AAChE,MAAM,MAAM,8BAA8B,GAAG,8BAA8B,CAAC;AAE5E,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE,eAAe,EAAE;QACf,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;QAC5C,iBAAiB,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;QAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;QAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACrE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,2BAA2B,EAAE,CAAC,UAAU,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;QAClE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;CACH;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/hooks/index.d.ts

@@ -10,7 +10,6 @@ export { useOffSetTop } from './useOffSetTop';
 export { useHostTheme } from './useHostTheme';
 export { useResizeObserver } from './useResizeObserver';
 export { useResponsiveDesktop } from './useResponsive';
-export { useThemeMode } from './useThemeMode';
 export { useThemeSettingsStore } from './useThemSettingsStore';
 export { usePaginate } from './usePaginate';
 export { useRows } from './useRows';

package/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/index.js

@@ -1,14 +1,14 @@
-import { GlobalStyles as r } from "./components/GlobalStyles/index.js";
+import { GlobalStyles as t } from "./components/GlobalStyles/index.js";
 import { M4L_CHROMATIC_AUTOFILL as p, getInputAutofillBodyNestedStyles as m, getInputAutofillKeyframeStyles as n } from "./components/GlobalStyles/getInputAutofillGlobalStyles.js";
 import { getLocaleFromNetwork as x } from "./contexts/LocalesContext/helper.js";
 import { FormatterContext as i, FormatterProvider as a } from "./contexts/FormatterContext/index.js";
-import { AppearanceComponentContext as C, AppearanceComponentProvider as S } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import { createAppearanceComponentStore as l } from "./contexts/AppearanceComponentContext/AppearanceComponentStore.js";
+import { AppearanceComponentContext as u, AppearanceComponentProvider as S } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
+import { createAppearanceComponentStore as T } from "./contexts/AppearanceComponentContext/AppearanceComponentStore.js";
 import { useAppearanceComponentStore as A } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
-import { LocalesContext as h, LocalesProvider as v } from "./contexts/LocalesContext/index.js";
+import { LocalesContext as d, LocalesProvider as h } from "./contexts/LocalesContext/index.js";
 import { ResponsiveContainerContext as y, ResponsiveContainerProvider as R } from "./contexts/ResponsiveContainerContext/index.js";
 import { HostThemeContext as P, HostThemeProvider as F } from "./contexts/HostThemeContext/index.js";
-import { DeviceTypeContext as M, DeviceTypeProvider as b } from "./contexts/DeviceTypeContext/index.js";
+import { DeviceTypeContext as b, DeviceTypeProvider as M } from "./contexts/DeviceTypeContext/index.js";
 import { KEY_LOCAL_STORAGE_THEME_SETTINGS as E, defaultThemeSettings as O } from "./contexts/ThemeSettingsContext/constants.js";
 import { ThemeSettingsContext as H, ThemeSettingsProvider as W } from "./contexts/ThemeSettingsContext/ThemeSettingsContext.js";
 import { WithAppearanceContext as z } from "./decorators/WithAppearanceContext/WithAppearanceContext.js";
@@ -20,33 +20,32 @@ import { useComponentSize as Q } from "./hooks/useComponentSize/useComponentSize
 import { useFormatter as X } from "./hooks/useFormatter/index.js";
 import { useIsMountedRef as $ } from "./hooks/useIsMountedRef/index.js";
 import { useLocales as oe } from "./hooks/useLocales/index.js";
-import { useResponsiveContainerStore as te } from "./hooks/useResponsiveContainer/index.js";
+import { useResponsiveContainerStore as re } from "./hooks/useResponsiveContainer/index.js";
 import { useUserAgent as me } from "./hooks/useUserAgent/index.js";
 import { useIsMobile as se } from "./hooks/useIsMobile/index.js";
 import { useOffSetTop as fe } from "./hooks/useOffSetTop.js";
 import { useHostTheme as ae } from "./hooks/useHostTheme/index.js";
-import { useResizeObserver as Ce } from "./hooks/useResizeObserver/index.js";
-import { useResponsiveDesktop as Te } from "./hooks/useResponsive/index.js";
-import { useThemeMode as ce } from "./hooks/useThemeMode/index.js";
-import { useThemeSettingsStore as de } from "./hooks/useThemSettingsStore/index.js";
+import { useResizeObserver as ue } from "./hooks/useResizeObserver/index.js";
+import { useResponsiveDesktop as le } from "./hooks/useResponsive/index.js";
+import { useThemeSettingsStore as ce } from "./hooks/useThemSettingsStore/index.js";
 import { usePaginate as ve } from "./hooks/usePaginate/index.js";
-import { useRows as ye } from "./hooks/useRows/index.js";
-import { capitalize as Le } from "./utils/strings.js";
-import { getAnchorElPositionWindow as Fe } from "./utils/anchorEl.js";
-import { getContrastTextColor as Me } from "./utils/getContrastTextColor/getContrastTextColor.js";
+import { useRows as he } from "./hooks/useRows/index.js";
+import { capitalize as ye } from "./utils/strings.js";
+import { getAnchorElPositionWindow as Le } from "./utils/anchorEl.js";
+import { getContrastTextColor as Fe } from "./utils/getContrastTextColor/getContrastTextColor.js";
 export {
-  C as AppearanceComponentContext,
+  u as AppearanceComponentContext,
   S as AppearanceComponentProvider,
-  M as DeviceTypeContext,
-  b as DeviceTypeProvider,
+  b as DeviceTypeContext,
+  M as DeviceTypeProvider,
   i as FormatterContext,
   a as FormatterProvider,
-  r as GlobalStyles,
+  t as GlobalStyles,
   P as HostThemeContext,
   F as HostThemeProvider,
   E as KEY_LOCAL_STORAGE_THEME_SETTINGS,
-  h as LocalesContext,
-  v as LocalesProvider,
+  d as LocalesContext,
+  h as LocalesProvider,
   p as M4L_CHROMATIC_AUTOFILL,
   K as MFAppStorybook,
   G as MFIsolationAppStorybook,
@@ -56,12 +55,12 @@ export {
   W as ThemeSettingsProvider,
   z as WithAppearanceContext,
   B as WithStorybookThemeContext,
-  Le as capitalize,
-  l as createAppearanceComponentStore,
+  ye as capitalize,
+  T as createAppearanceComponentStore,
   Y as createWithStorybookThemeContext,
   O as defaultThemeSettings,
-  Fe as getAnchorElPositionWindow,
-  Me as getContrastTextColor,
+  Le as getAnchorElPositionWindow,
+  Fe as getContrastTextColor,
   m as getInputAutofillBodyNestedStyles,
   n as getInputAutofillKeyframeStyles,
   x as getLocaleFromNetwork,
@@ -75,11 +74,10 @@ export {
   oe as useLocales,
   fe as useOffSetTop,
   ve as usePaginate,
-  Ce as useResizeObserver,
-  te as useResponsiveContainerStore,
-  Te as useResponsiveDesktop,
-  ye as useRows,
-  ce as useThemeMode,
-  de as useThemeSettingsStore,
+  ue as useResizeObserver,
+  re as useResponsiveContainerStore,
+  le as useResponsiveDesktop,
+  he as useRows,
+  ce as useThemeSettingsStore,
   me as useUserAgent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.5.0-beta-feature-731-m4l-components-code-editor.0",
+  "version": "7.5.0-beta-feature-731-code-editor.0",
   "publishConfig": {
     "access": "public"
   },

package/hooks/useThemeMode/index.d.ts

@@ -1,6 +0,0 @@
-export type ThemeMode = 'light' | 'dark';
-/**
- * Return the current document theme mode derived from the `--m4l-mode` CSS variable.
- */
-export declare function useThemeMode(): ThemeMode;
-//# sourceMappingURL=index.d.ts.map

package/hooks/useThemeMode/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useThemeMode/index.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAiDzC;;GAEG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAMxC"}

package/hooks/useThemeMode/index.js

@@ -1,34 +0,0 @@
-import { useSyncExternalStore as u } from "react";
-const d = "--m4l-mode", o = "light";
-function i(e) {
-  return e?.trim() === "dark" ? "dark" : o;
-}
-function n() {
-  return typeof document > "u" || typeof window > "u" ? o : i(
-    window.getComputedStyle(document.documentElement).getPropertyValue(d)
-  );
-}
-function m(e) {
-  if (typeof document > "u" || typeof MutationObserver > "u")
-    return () => {
-    };
-  const r = document.documentElement, t = new MutationObserver(() => {
-    e();
-  });
-  return t.observe(r, {
-    attributes: !0,
-    attributeFilter: ["style", "data-mui-color-scheme"]
-  }), () => {
-    t.disconnect();
-  };
-}
-function s() {
-  return u(
-    m,
-    n,
-    n
-  );
-}
-export {
-  s as useThemeMode
-};