@maz-ui/themes 4.7.2 → 4.7.4

package/dist/plugin.d.ts

@@ -37,11 +37,11 @@ declare module 'vue' {
          * @description You should install the plugin to use this property
          * @example
          * ```ts
-         * import { MazUi } from 'maz-ui/plugins/maz-ui'
+         * import { MazUiTheme } from '@maz-ui/themes'
          * import { createApp } from 'vue'
          *
          * const app = createApp(App)
-         * app.use(MazUi)
+         * app.use(MazUiTheme, { preset: mazUi })
          *
          * const { setColorMode, toggleDarkMode } = useTheme()
          * setColorMode('dark')

package/dist/utils/setup-theme.js

@@ -1,43 +1,11 @@
 import { isServer } from "@maz-ui/utils";
-import { ref, onMounted, computed, toValue, watch } from "vue";
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { truthyFilter } from "@maz-ui/utils/helpers/truthyFilter";
+import { ref, watch } from "vue";
 import { getSavedColorMode, getSystemColorMode, getColorMode } from "./get-color-mode.js";
 import { getPreset } from "./get-preset.js";
 import { injectThemeCSS } from "./inject-theme-css.js";
 import { mergePresets } from "./preset-merger.js";
 import { updateDocumentClass } from "./update-document-class.js";
-function useMutationObserver(target, callback, options = {}) {
-  const {
-    internalWindow = isClient() ? globalThis : void 0,
-    ...mutationOptions
-  } = options;
-  let observer;
-  const isSupported = ref((internalWindow && "MutationObserver" in internalWindow) ?? !1);
-  isSupported.value || onMounted(() => {
-    isSupported.value = (internalWindow && "MutationObserver" in internalWindow) ?? !1;
-  });
-  const cleanup = () => {
-    observer && (observer.disconnect(), observer = void 0);
-  }, targets = computed(() => {
-    const value = toValue(target);
-    let element;
-    return value && "$el" in value ? element = value.$el : value && (element = value), new Set([element].filter(truthyFilter));
-  }), stopWatch = watch(
-    [targets, isSupported],
-    ([newTargets, isSupported2]) => {
-      cleanup(), isSupported2 && newTargets.size && (observer = new MutationObserver(callback), newTargets.forEach((el) => observer?.observe(el, mutationOptions)));
-    },
-    { immediate: !0, flush: "post" }
-  );
-  return {
-    isSupported,
-    stop: () => {
-      stopWatch(), cleanup();
-    },
-    takeRecords: () => observer?.takeRecords()
-  };
-}
+import { useMutationObserver } from "./use-mutation-observer.js";
 function watchColorSchemeFromMedia(themeState) {
   if (isServer())
     return () => {

package/dist/utils/use-mutation-observer.d.ts

@@ -0,0 +1,4 @@
+export declare function useMutationObserver(target: HTMLElement, callback: MutationCallback, options?: MutationObserverInit): {
+    stop: () => void;
+};
+//# sourceMappingURL=use-mutation-observer.d.ts.map

package/dist/utils/use-mutation-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mutation-observer.d.ts","sourceRoot":"","sources":["../../src/utils/use-mutation-observer.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,GAAE,oBAAyB;;EAcnC"}

package/dist/utils/use-mutation-observer.js

@@ -0,0 +1,13 @@
+import { isServer } from "@maz-ui/utils";
+function useMutationObserver(target, callback, options = {}) {
+  if (isServer() || !("MutationObserver" in globalThis))
+    return { stop: () => {
+    } };
+  const observer = new MutationObserver(callback);
+  return observer.observe(target, options), { stop: () => {
+    observer.disconnect();
+  } };
+}
+export {
+  useMutationObserver
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/themes",
   "type": "module",
-  "version": "4.7.2",
+  "version": "4.7.4",
   "description": "Theme system for Maz-UI with TypeScript support and CSS variables",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -78,7 +78,7 @@
     "vue": ">=3.5.0 <4.0.0"
   },
   "dependencies": {
-    "@maz-ui/utils": "4.7.2"
+    "@maz-ui/utils": "4.7.4"
   },
   "lint-staged": {
     "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"