@vxrn/color-scheme 1.2.28 → 1.2.29

package/dist/cjs/userScheme.js

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var userScheme_exports = {};
+__export(userScheme_exports, {
+  getUserScheme: () => getUserScheme,
+  onUserSchemeChange: () => onUserSchemeChange,
+  setUserScheme: () => setUserScheme,
+  useUserScheme: () => useUserScheme
+});
+module.exports = __toCommonJS(userScheme_exports);
+var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect"), import_react = require("react"), import_react_native = require("react-native-web"), import_systemScheme = require("./systemScheme");
+const listeners = /* @__PURE__ */ new Set(), storageKey = "vxrn-scheme";
+let currentSetting = "system", currentValue = "light", isWebListening = !1;
+function startWebListener() {
+  if (isWebListening) return;
+  isWebListening = !0;
+  const matcher = typeof window < "u" ? window.matchMedia?.("(prefers-color-scheme: dark)") : null, onSystemChange = () => {
+    currentSetting === "system" && updateValueFromSystem();
+  };
+  onSystemChange(), matcher?.addEventListener?.("change", onSystemChange);
+}
+function resolveValue(setting) {
+  return setting === "system" ? (0, import_systemScheme.getSystemScheme)() : setting;
+}
+function updateValueFromSystem() {
+  const value = resolveValue("system");
+  value !== currentValue && (currentValue = value, listeners.forEach((l) => {
+    l(currentSetting, currentValue);
+  }));
+}
+function updateScheme(setting) {
+  const value = setting === "system" ? resolveValue("system") : setting;
+  (value !== currentValue || currentSetting !== setting) && (currentSetting = setting, currentValue = value, listeners.forEach((l) => {
+    l(currentSetting, currentValue);
+  }));
+}
+function setUserScheme(setting) {
+  typeof localStorage < "u" && localStorage.setItem(storageKey, setting), updateScheme(setting);
+}
+function getUserScheme() {
+  return { setting: currentSetting, value: currentValue };
+}
+function onUserSchemeChange(listener) {
+  return listeners.add(listener), listener(currentSetting, currentValue), () => {
+    listeners.delete(listener);
+  };
+}
+function useUserScheme() {
+  const [state, setState] = (0, import_react.useState)(() => getUserScheme());
+  return (0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(() => {
+    if (typeof localStorage < "u") {
+      const stored = localStorage.getItem(storageKey);
+      stored && updateScheme(stored);
+    }
+    const dispose = onUserSchemeChange((setting, value) => {
+      setState({ setting, value });
+    });
+    return startWebListener(), dispose;
+  }, []), (0, import_react.useMemo)(
+    () => ({
+      setting: state.setting,
+      value: state.value,
+      set: setUserScheme
+    }),
+    [state.setting, state.value]
+  );
+}
+//# sourceMappingURL=userScheme.js.map

package/dist/cjs/userScheme.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/userScheme.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAA0C,+CAC1C,eAAkC,kBAClC,sBAA2B,yBAC3B,sBAA6C;AAe7C,MAAM,YAAY,oBAAI,IAAoB,GACpC,aAAa;AAEnB,IAAI,iBAAgC,UAChC,eAAuB,SAiBvB,iBAAiB;AACrB,SAAS,mBAAmB;AAC1B,MAAI,eAAgB;AACpB,mBAAiB;AAEjB,QAAM,UACJ,OAAO,SAAW,MAAc,OAAO,aAAa,8BAA8B,IAAI,MAElF,iBAAiB,MAAM;AAC3B,IAAI,mBAAmB,YACrB,sBAAsB;AAAA,EAE1B;AAEA,iBAAe,GACf,SAAS,mBAAmB,UAAU,cAAc;AACtD;AAEA,SAAS,aAAa,SAAgC;AACpD,SAAI,YAAY,eAIP,qCAAgB,IAElB;AACT;AAGA,SAAS,wBAAwB;AAC/B,QAAM,QAAQ,aAAa,QAAQ;AACnC,EAAI,UAAU,iBACZ,eAAe,OAMf,UAAU,QAAQ,CAAC,MAAM;AACvB,MAAE,gBAAgB,YAAY;AAAA,EAChC,CAAC;AAEL;AAEA,SAAS,aAAa,SAAwB;AAC5C,QAAM,QAAQ,YAAY,WAAW,aAAa,QAAQ,IAAI;AAE9D,GAAI,UAAU,gBAAgB,mBAAmB,aAC/C,iBAAiB,SACjB,eAAe,OAMf,UAAU,QAAQ,CAAC,MAAM;AACvB,MAAE,gBAAgB,YAAY;AAAA,EAChC,CAAC;AAEL;AAEO,SAAS,cAAc,SAAwB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,OAAO,GAE1C,aAAa,OAAO;AACtB;AAEO,SAAS,gBAA2D;AACzE,SAAO,EAAE,SAAS,gBAAgB,OAAO,aAAa;AACxD;AAEO,SAAS,mBAAmB,UAA0B;AAC3D,mBAAU,IAAI,QAAQ,GACtB,SAAS,gBAAgB,YAAY,GAC9B,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAEO,SAAS,gBAA4B;AAC1C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,MAAM,cAAc,CAAC;AAExD,4EAA0B,MAAM;AAE9B,QAAI,OAAO,eAAiB,KAAa;AACvC,YAAM,SAAS,aAAa,QAAQ,UAAU;AAC9C,MAAI,UACF,aAAa,MAAM;AAAA,IAEvB;AAEA,UAAM,UAAU,mBAAmB,CAAC,SAAS,UAAU;AACrD,eAAS,EAAE,SAAS,MAAM,CAAC;AAAA,IAC7B,CAAC;AAED,4BAAiB,GAEV;AAAA,EACT,GAAG,CAAC,CAAC,OAEE;AAAA,IACL,OAAO;AAAA,MACL,SAAS,MAAM;AAAA,MACf,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,IACP;AAAA,IACA,CAAC,MAAM,SAAS,MAAM,KAAK;AAAA,EAC7B;AACF;",
+  "names": []
+}

package/dist/cjs/userScheme.native.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var userScheme_exports = {};
+__export(userScheme_exports, {
+  getUserScheme: () => getUserScheme,
+  onUserSchemeChange: () => onUserSchemeChange,
+  setUserScheme: () => setUserScheme,
+  useUserScheme: () => useUserScheme
+});
+module.exports = __toCommonJS(userScheme_exports);
+var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect"),
+  import_react = require("react"),
+  import_react_native = require("react-native"),
+  import_systemScheme = require("./systemScheme.native.js"),
+  listeners = /* @__PURE__ */new Set(),
+  storageKey = "vxrn-scheme",
+  currentSetting = "system",
+  currentValue = "light";
+import_react_native.Appearance.addChangeListener(function (next) {
+  currentSetting === "system" && next.colorScheme && updateValueFromSystem();
+});
+var cur = import_react_native.Appearance.getColorScheme();
+cur && currentSetting === "system" && (currentValue = cur);
+var isWebListening = !1;
+function startWebListener() {
+  var _window_matchMedia, _window, _matcher_addEventListener;
+  if (!isWebListening) {
+    isWebListening = !0;
+    var matcher = typeof window < "u" ? (_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, "(prefers-color-scheme: dark)") : null,
+      onSystemChange = function () {
+        currentSetting === "system" && updateValueFromSystem();
+      };
+    onSystemChange(), matcher == null || (_matcher_addEventListener = matcher.addEventListener) === null || _matcher_addEventListener === void 0 || _matcher_addEventListener.call(matcher, "change", onSystemChange);
+  }
+}
+function resolveValue(setting) {
+  return setting === "system" ? import_react_native.Appearance.getColorScheme() || "light" : setting;
+}
+function updateValueFromSystem() {
+  var value = resolveValue("system");
+  value !== currentValue && (currentValue = value, import_react_native.Appearance.setColorScheme(value), listeners.forEach(function (l) {
+    l(currentSetting, currentValue);
+  }));
+}
+function updateScheme(setting) {
+  var value = setting === "system" ? resolveValue("system") : setting;
+  (value !== currentValue || currentSetting !== setting) && (currentSetting = setting, currentValue = value, import_react_native.Appearance.setColorScheme(value), listeners.forEach(function (l) {
+    l(currentSetting, currentValue);
+  }));
+}
+function setUserScheme(setting) {
+  typeof localStorage < "u" && localStorage.setItem(storageKey, setting), updateScheme(setting);
+}
+function getUserScheme() {
+  return {
+    setting: currentSetting,
+    value: currentValue
+  };
+}
+function onUserSchemeChange(listener) {
+  return listeners.add(listener), listener(currentSetting, currentValue), function () {
+    listeners.delete(listener);
+  };
+}
+function useUserScheme() {
+  var [state, setState] = (0, import_react.useState)(function () {
+    return getUserScheme();
+  });
+  return (0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(function () {
+    if (typeof localStorage < "u") {
+      var stored = localStorage.getItem(storageKey);
+      stored && updateScheme(stored);
+    }
+    var dispose = onUserSchemeChange(function (setting, value) {
+      setState({
+        setting,
+        value
+      });
+    });
+    return startWebListener(), dispose;
+  }, []), (0, import_react.useMemo)(function () {
+    return {
+      setting: state.setting,
+      value: state.value,
+      set: setUserScheme
+    };
+  }, [state.setting, state.value]);
+}
+//# sourceMappingURL=userScheme.native.js.map

package/dist/cjs/userScheme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","userScheme_exports","__export","getUserScheme","onUserSchemeChange","setUserScheme","useUserScheme","module","exports","import_use_isomorphic_layout_effect","require","import_react","import_react_native","import_systemScheme","listeners","Set","storageKey","currentSetting","currentValue","Appearance","addChangeListener","next","colorScheme","updateValueFromSystem","cur","getColorScheme","isWebListening","startWebListener","_window_matchMedia","_window","_matcher_addEventListener","matcher","window","matchMedia","call","onSystemChange","addEventListener","resolveValue","setting","setColorScheme","forEach","l","updateScheme","localStorage","setItem","listener","add","delete","state","setState","useState","useIsomorphicLayoutEffect","stored","getItem","dispose"],"sources":["../../src/userScheme.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAA,CAAAK,kBAA0C;AAkB1C,IAAAQ,mCAAsB,GAAoBC,OACpC,qCAAa;EAAAC,YAAA,GAAAD,OAAA;EAAAE,mBAAA,GAAAF,OAAA;EAAAG,mBAAA,GAAAH,OAAA;EAAAI,SAAA,sBAAAC,GAAA;EAAAC,UAAA;EAAAC,cAAA;EAAAC,YAAA;AAEnBN,mBAAI,CAAAO,UAAgC,CAChCC,iBAAuB,WAiBvBC,IAAA;EACJJ,cAAS,aAAmB,IAAAI,IAAA,CAAAC,WAAA,IAAAC,qBAAA;AAC1B;AACA,IAAAC,GAAA,GAAAZ,mBAAiB,CAAAO,UAAA,CAAAM,cAAA;AAEjBD,GAAA,IAAAP,cACE,KAAO,QAAW,KAAAC,YAAqB,GAAAM,GAAA;AAGvC,IAAIE,cAAA,KAAmB;AACC,SAE1BC,iBAAA;EAEA,IAAAC,kBACA,EAAAC,OAAS,EAAAC,yBAA6B;EACxC,KAAAJ,cAAA;IAEAA,cAAS,IAAa;IACpB,IAAAK,OAAI,UAAYC,MAAA,MAIP,IAAAJ,kBAAA,IAAAC,OAAA,GAAgBG,MAElB,EAAAC,UAAA,cAAAL,kBAAA,uBAAAA,kBAAA,CAAAM,IAAA,CAAAL,OAAA;MAAAM,cAAA,YAAAA,CAAA;QACTlB,cAAA,iBAAAM,qBAAA;MAGA;IACEY,cAAc,IAAAJ,OAAa,QAAQ,KAAAD,yBAAA,GAAAC,OAAA,CAAAK,gBAAA,cAAAN,yBAAA,eAAAA,yBAAA,CAAAI,IAAA,CAAAH,OAAA,YAAAI,cAAA;EAC/B;AAQA;AAA8B,SAC/BE,aAAAC,OAAA;EAEL,OAAAA,OAAA,gBAAA1B,mBAAA,CAAAO,UAAA,CAAAM,cAAA,gBAAAa,OAAA;AAEA;AACE,SAAMf,qBAAoBA,CAAA;EAE1B,IAAIvB,KAAA,GAAUqC,YAAA,SAAgB;EAS1BrC,KAAE,KAAAkB,YAAgB,KAAAA,YAAY,GAAAlB,KAAA,EAAAY,mBAAA,CAAAO,UAAA,CAAAoB,cAAA,CAAAvC,KAAA,GAAAc,SAAA,CAAA0B,OAAA,WAAAC,CAAA;IAC/BA,CAAA,CAAAxB,cAAA,EAAAC,YAAA;EAEL;AAEO;AACL,SAAWwB,aAAAJ,OAAiB,EAC1B;EAGJ,IAAAtC,KAAA,GAAAsC,OAAA,gBAAAD,YAAA,aAAAC,OAAA;EAEO,CAAAtC,KAAA,KAASkB,YAA2D,IAAAD,cAAA,KAAAqB,OAAA,MAAArB,cAAA,GAAAqB,OAAA,EAAApB,YAAA,GAAAlB,KAAA,EAAAY,mBAAA,CAAAO,UAAA,CAAAoB,cAAA,CAAAvC,KAAA,GAAAc,SAAA,CAAA0B,OAAA,WAAAC,CAAA;IACzEA,CAAA,CAAAxB,cAAkB,EAAAC,YAAA;EACpB;AAEO;AACL,SAAAb,aAAUA,CAAIiC,OAAA,EAAQ;EAGpB,OAAAK,YAAiB,UAAQA,YAAA,CAAAC,OAAA,CAAA5B,UAAA,EAAAsB,OAAA,GAAAI,YAAA,CAAAJ,OAAA;AAAA;AAE7B,SAAAnC,cAAA;EAEO,OAAS;IACdmC,OAAO,EAAArB,cAAe;IAEtBjB,KAAA,EAAAkB;EAEE;AACE;AACA,SAAId,kBACFA,CAAAyC,QAAmB;EAAA,OAEvB/B,SAAA,CAAAgC,GAAA,CAAAD,QAAA,GAAAA,QAAA,CAAA5B,cAAA,EAAAC,YAAA;IAEAJ,SAAM,CAAAiC,MAAU,CAAAF,QAAA;EACd;AAA2B;AAG7B,SAAAvC,cAAA;EAGF,IAAI,CAAC0C,KAAA,EAEEC,QAAA,QAAAtC,YAAA,CAAAuC,QAAA;IACL,OAAO/C,aAAA;EAAA;EACU,OACf,IAAOM,mCAAM,CAAA0C,yBAAA;IAAA,IACb,OAAKR,YAAA;MACP,IAAAS,MAAA,GAAAT,YAAA,CAAAU,OAAA,CAAArC,UAAA;MACCoC,MAAM,IAAAV,YAAe,CAAAU,MAAK;IAC7B;IACF,IAAAE,OAAA,GAAAlD,kBAAA,WAAAkC,OAAA,EAAAtC,KAAA","ignoreList":[]}

package/dist/esm/index.js

@@ -1,79 +1,46 @@
-import {
-  setColorScheme,
-  useColorScheme as useColorSchemeBase,
-  useColorSchemeSetting
-} from "@vxrn/universal-color-scheme";
 import { useIsomorphicLayoutEffect } from "@vxrn/use-isomorphic-layout-effect";
-import { createContext, useContext, useMemo } from "react";
-import { getColorScheme, onColorSchemeChange } from "@vxrn/universal-color-scheme";
+import { useUserScheme } from "./userScheme";
+import { getSystemScheme, useSystemScheme } from "./systemScheme";
+import { getUserScheme, onUserSchemeChange, setUserScheme, useUserScheme as useUserScheme2 } from "./userScheme";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const storageKey = "vxrn-scheme", clearColorSchemeSetting = () => {
-  setSchemeSetting("system");
-}, getSetting = () => typeof localStorage < "u" && localStorage.getItem(storageKey) || "system", SchemeContext = createContext({
-  setting: "system",
-  scheme: "light"
-}), useColorScheme = () => {
-  const [state] = useColorSchemeBase();
-  return [state, setSchemeSetting];
-};
-function useSchemeSetting() {
-  return [useContext(SchemeContext), setSchemeSetting];
-}
-function setSchemeSetting(next) {
-  typeof localStorage < "u" && localStorage.setItem(storageKey, next), setColorScheme(next);
-}
+const storageKey = "vxrn-scheme";
 function SchemeProvider({
   children,
-  // defaults to tamagui-compatible
   getClassName = (name) => `t_${name}`
 }) {
-  const [colorSchemeSetting] = useColorSchemeSetting(), [colorScheme] = useColorScheme();
+  const { value } = useUserScheme();
   return useIsomorphicLayoutEffect(() => {
-    setColorScheme(getSetting());
-    const toAdd = getClassName(colorScheme), { classList } = document.documentElement;
+    const toAdd = getClassName(value), { classList } = document.documentElement;
     if (!classList.contains(toAdd)) {
-      const toRemove = colorScheme === "light" ? "dark" : "light";
+      const toRemove = value === "light" ? "dark" : "light";
       classList.remove(getClassName(toRemove)), classList.add(toAdd);
     }
-  }, [colorScheme]), /* @__PURE__ */ jsxs(Fragment, { children: [
+  }, [value]), /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "script",
       {
         dangerouslySetInnerHTML: {
           __html: `let d = document.documentElement.classList
-          d.remove('${getClassName("light")}')
-            d.remove('${getClassName("dark")}')
-          let e = localStorage.getItem('${storageKey}')
-          let t =
-            'system' === e || !e
-              ? window.matchMedia('(prefers-color-scheme: dark)').matches
-              : e === 'dark'
-          t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
-          `
+d.remove('${getClassName("light")}')
+d.remove('${getClassName("dark")}')
+let e = localStorage.getItem('${storageKey}')
+let t = 'system' === e || !e
+  ? window.matchMedia('(prefers-color-scheme: dark)').matches
+  : e === 'dark'
+t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
+`
         }
       }
     ),
-    /* @__PURE__ */ jsx(
-      SchemeContext.Provider,
-      {
-        value: useMemo(
-          () => ({
-            scheme: colorScheme,
-            setting: colorSchemeSetting
-          }),
-          [colorScheme, colorSchemeSetting]
-        ),
-        children
-      }
-    )
+    children
   ] });
 }
-const MetaTheme = ({
+function MetaTheme({
   color,
   darkColor,
   lightColor
-}) => {
-  const [colorScheme] = useColorScheme();
+}) {
+  const { value } = useUserScheme();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "meta",
@@ -82,7 +49,7 @@ const MetaTheme = ({
         suppressHydrationWarning: !0,
         id: "vxrn-theme-color",
         name: "theme-color",
-        content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
+        content: color ?? (value === "dark" ? darkColor : lightColor)
       }
     ),
     /* @__PURE__ */ jsx(
@@ -95,20 +62,20 @@ let dc = document.getElementById('vxrn-theme-color')
 let e1 = localStorage.getItem('${storageKey}')
 let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
 dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
-          `
+`
         }
       }
     )
   ] });
-};
+}
 export {
   MetaTheme,
   SchemeProvider,
-  clearColorSchemeSetting,
-  getColorScheme,
-  onColorSchemeChange,
-  setSchemeSetting,
-  useColorScheme,
-  useSchemeSetting
+  getSystemScheme,
+  getUserScheme,
+  onUserSchemeChange,
+  setUserScheme,
+  useSystemScheme,
+  useUserScheme2 as useUserScheme
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA;AAAA,EAEE;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,OACK;AACP,SAAS,iCAAiC;AAC1C,SAAS,eAAe,YAAY,eAAe;AAKnD,SAAS,gBAAgB,2BAA2B;AAgEhD,mBAEI,KAFJ;AA9DJ,MAAM,aAAa,eAEN,0BAA0B,MAAM;AAC3C,mBAAiB,QAAQ;AAC3B,GAEM,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAEI,gBAAgB,cAGnB;AAAA,EACD,SAAS;AAAA,EACT,QAAQ;AACV,CAAC,GAEY,iBAAiB,MAAM;AAClC,QAAM,CAAC,KAAK,IAAI,mBAAmB;AACnC,SAAO,CAAC,OAAO,gBAAgB;AACjC;AAEO,SAAS,mBAAmB;AAEjC,SAAO,CADQ,WAAW,aAAa,GACvB,gBAAgB;AAClC;AAEO,SAAS,iBAAiB,MAAqB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,IAAI,GAEvC,eAAe,IAAI;AACrB;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA;AAAA,EAEA,eAAe,CAAC,SAAS,KAAK,IAAI;AACpC,GAGG;AACD,QAAM,CAAC,kBAAkB,IAAI,sBAAsB,GAC7C,CAAC,WAAW,IAAI,eAAe;AAGnC,mCAA0B,MAAM;AAE9B,mBAAe,WAAW,CAAC;AAE3B,UAAM,QAAQ,aAAa,WAAW,GAChC,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAI,CAAC,UAAU,SAAS,KAAK,GAAG;AAC9B,YAAM,WAAW,gBAAgB,UAAU,SAAS;AACpD,gBAAU,OAAO,aAAa,QAAQ,CAAC,GACvC,UAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC,GAIhB,iCAEI;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,sBACE,aAAa,OAAO,CAAC;AAAA,wBACnB,aAAa,MAAM,CAAC;AAAA,0CACF,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7B,aAAa,MAAM,CAAC,eAAe,aAAa,OAAO,CAAC;AAAA;AAAA,QAErE;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,UACA,CAAC,aAAa,kBAAkB;AAAA,QAClC;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,CAAC,WAAW,IAAI,eAAe;AAErC,SACE,iCAGE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QAGT,0BAAwB;AAAA,QACxB,IAAG;AAAA,QACH,MAAK;AAAA,QACL,SAAS,UAAU,gBAAgB,SAAS,YAAY;AAAA;AAAA,IAC1D;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ;AAAA;AAAA,iCAEe,UAAU;AAAA;AAAA,oCAEP,SAAS,QAAQ,UAAU;AAAA;AAAA,QAEvD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "mappings": "AAAA,SAAS,iCAAiC;AAE1C,SAAS,qBAAqB;AAO9B,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,eAAe,oBAAoB,eAAe,iBAAAA,sBAAqB;AA0B5E,mBAEI,KAFJ;AAxBJ,MAAM,aAAa;AAEZ,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,eAAe,CAAC,SAAS,KAAK,IAAI;AACpC,GAGG;AACD,QAAM,EAAE,MAAM,IAAI,cAAc;AAG9B,mCAA0B,MAAM;AAC9B,UAAM,QAAQ,aAAa,KAAK,GAC1B,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAI,CAAC,UAAU,SAAS,KAAK,GAAG;AAC9B,YAAM,WAAW,UAAU,UAAU,SAAS;AAC9C,gBAAU,OAAO,aAAa,QAAQ,CAAC,GACvC,UAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC,GAIV,iCAEI;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,YACR,aAAa,OAAO,CAAC;AAAA,YACrB,aAAa,MAAM,CAAC;AAAA,gCACA,UAAU;AAAA;AAAA;AAAA;AAAA,aAI7B,aAAa,MAAM,CAAC,eAAe,aAAa,OAAO,CAAC;AAAA;AAAA,QAE3D;AAAA;AAAA,IACF;AAAA,IAED;AAAA,KACH;AAEJ;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,MAAM,IAAI,cAAc;AAEhC,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,0BAAwB;AAAA,QACxB,IAAG;AAAA,QACH,MAAK;AAAA,QACL,SAAS,UAAU,UAAU,SAAS,YAAY;AAAA;AAAA,IACpD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ;AAAA;AAAA,iCAEe,UAAU;AAAA;AAAA,oCAEP,SAAS,QAAQ,UAAU;AAAA;AAAA,QAEvD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "names": ["useUserScheme"]
 }

package/dist/esm/index.mjs

@@ -1,80 +1,56 @@
-import { setColorScheme, useColorScheme as useColorSchemeBase, useColorSchemeSetting } from "@vxrn/universal-color-scheme";
 import { useIsomorphicLayoutEffect } from "@vxrn/use-isomorphic-layout-effect";
-import { createContext, useContext, useMemo } from "react";
-import { getColorScheme, onColorSchemeChange } from "@vxrn/universal-color-scheme";
+import { useUserScheme } from "./userScheme.mjs";
+import { getSystemScheme, useSystemScheme } from "./systemScheme.mjs";
+import { getUserScheme, onUserSchemeChange, setUserScheme, useUserScheme as useUserScheme2 } from "./userScheme.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const storageKey = "vxrn-scheme",
-  clearColorSchemeSetting = () => {
-    setSchemeSetting("system");
-  },
-  getSetting = () => typeof localStorage < "u" && localStorage.getItem(storageKey) || "system",
-  SchemeContext = createContext({
-    setting: "system",
-    scheme: "light"
-  }),
-  useColorScheme = () => {
-    const [state] = useColorSchemeBase();
-    return [state, setSchemeSetting];
-  };
-function useSchemeSetting() {
-  return [useContext(SchemeContext), setSchemeSetting];
-}
-function setSchemeSetting(next) {
-  typeof localStorage < "u" && localStorage.setItem(storageKey, next), setColorScheme(next);
-}
+const storageKey = "vxrn-scheme";
 function SchemeProvider({
   children,
-  // defaults to tamagui-compatible
   getClassName = name => `t_${name}`
 }) {
-  const [colorSchemeSetting] = useColorSchemeSetting(),
-    [colorScheme] = useColorScheme();
+  const {
+    value
+  } = useUserScheme();
   return useIsomorphicLayoutEffect(() => {
-    setColorScheme(getSetting());
-    const toAdd = getClassName(colorScheme),
+    const toAdd = getClassName(value),
       {
         classList
       } = document.documentElement;
     if (!classList.contains(toAdd)) {
-      const toRemove = colorScheme === "light" ? "dark" : "light";
+      const toRemove = value === "light" ? "dark" : "light";
       classList.remove(getClassName(toRemove)), classList.add(toAdd);
     }
-  }, [colorScheme]), /* @__PURE__ */jsxs(Fragment, {
+  }, [value]), /* @__PURE__ */jsxs(Fragment, {
     children: [/* @__PURE__ */jsx("script", {
       dangerouslySetInnerHTML: {
         __html: `let d = document.documentElement.classList
-          d.remove('${getClassName("light")}')
-            d.remove('${getClassName("dark")}')
-          let e = localStorage.getItem('${storageKey}')
-          let t =
-            'system' === e || !e
-              ? window.matchMedia('(prefers-color-scheme: dark)').matches
-              : e === 'dark'
-          t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
-          `
+d.remove('${getClassName("light")}')
+d.remove('${getClassName("dark")}')
+let e = localStorage.getItem('${storageKey}')
+let t = 'system' === e || !e
+  ? window.matchMedia('(prefers-color-scheme: dark)').matches
+  : e === 'dark'
+t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
+`
       }
-    }), /* @__PURE__ */jsx(SchemeContext.Provider, {
-      value: useMemo(() => ({
-        scheme: colorScheme,
-        setting: colorSchemeSetting
-      }), [colorScheme, colorSchemeSetting]),
-      children
-    })]
+    }), children]
   });
 }
-const MetaTheme = ({
+function MetaTheme({
   color,
   darkColor,
   lightColor
-}) => {
-  const [colorScheme] = useColorScheme();
+}) {
+  const {
+    value
+  } = useUserScheme();
   return /* @__PURE__ */jsxs(Fragment, {
     children: [/* @__PURE__ */jsx("meta", {
       itemProp: "__deopt",
       suppressHydrationWarning: !0,
       id: "vxrn-theme-color",
       name: "theme-color",
-      content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
+      content: color ?? (value === "dark" ? darkColor : lightColor)
     }), /* @__PURE__ */jsx("script", {
       id: "meta-theme-hydrate",
       dangerouslySetInnerHTML: {
@@ -83,10 +59,10 @@ let dc = document.getElementById('vxrn-theme-color')
 let e1 = localStorage.getItem('${storageKey}')
 let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
 dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
-          `
+`
       }
     })]
   });
-};
-export { MetaTheme, SchemeProvider, clearColorSchemeSetting, getColorScheme, onColorSchemeChange, setSchemeSetting, useColorScheme, useSchemeSetting };
+}
+export { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","useIsomorphicLayoutEffect","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","Fragment","jsx","jsxs","storageKey","clearColorSchemeSetting","setSchemeSetting","getSetting","localStorage","getItem","SchemeContext","setting","scheme","state","useSchemeSetting","next","setItem","SchemeProvider","children","getClassName","name","colorSchemeSetting","colorScheme","toAdd","classList","document","documentElement","contains","toRemove","remove","add","dangerouslySetInnerHTML","__html","Provider","value","MetaTheme","color","darkColor","lightColor","itemProp","suppressHydrationWarning","id","content"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useIsomorphicLayoutEffect","useUserScheme","getSystemScheme","useSystemScheme","getUserScheme","onUserSchemeChange","setUserScheme","useUserScheme2","Fragment","jsx","jsxs","storageKey","SchemeProvider","children","getClassName","name","value","toAdd","classList","document","documentElement","contains","toRemove","remove","add","dangerouslySetInnerHTML","__html","MetaTheme","color","darkColor","lightColor","itemProp","suppressHydrationWarning","id","content"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAE1C,SAASC,aAAA,QAAqB;AAO9B,SAASC,eAAA,EAAiBC,eAAA,QAAuB;AACjD,SAASC,aAAA,EAAeC,kBAAA,EAAoBC,aAAA,EAAeL,aAAA,IAAAM,cAAA,QAAqB;AA0B5E,SAAAC,QAAA,EAEIC,GAAA,EAFJC,IAAA;AAxBJ,MAAMC,UAAA,GAAa;AAEZ,SAASC,eAAe;EAC7BC,QAAA;EACAC,YAAA,GAAgBC,IAAA,IAAS,KAAKA,IAAI;AACpC,GAGG;EACD,MAAM;IAAEC;EAAM,IAAIf,aAAA,CAAc;EAG9B,OAAAD,yBAAA,CAA0B,MAAM;IAC9B,MAAMiB,KAAA,GAAQH,YAAA,CAAaE,KAAK;MAC1B;QAAEE;MAAU,IAAIC,QAAA,CAASC,eAAA;IAC/B,IAAI,CAACF,SAAA,CAAUG,QAAA,CAASJ,KAAK,GAAG;MAC9B,MAAMK,QAAA,GAAWN,KAAA,KAAU,UAAU,SAAS;MAC9CE,SAAA,CAAUK,MAAA,CAAOT,YAAA,CAAaQ,QAAQ,CAAC,GACvCJ,SAAA,CAAUM,GAAA,CAAIP,KAAK;IACrB;EACF,GAAG,CAACD,KAAK,CAAC,GAIV,eAAAN,IAAA,CAAAF,QAAA;IAEIK,QAAA,kBAAAJ,GAAA,CAAC;MACCgB,uBAAA,EAAyB;QACvBC,MAAA,EAAQ;AAAA,YACRZ,YAAA,CAAa,OAAO,CAAC;AAAA,YACrBA,YAAA,CAAa,MAAM,CAAC;AAAA,gCACAH,UAAU;AAAA;AAAA;AAAA;AAAA,aAI7BG,YAAA,CAAa,MAAM,CAAC,eAAeA,YAAA,CAAa,OAAO,CAAC;AAAA;MAE3D;IAAA,CACF,GAEDD,QAAA;EAAA,CACH;AAEJ;AAEO,SAASc,UAAU;EACxBC,KAAA;EACAC,SAAA;EACAC;AACF,GAIG;EACD,MAAM;IAAEd;EAAM,IAAIf,aAAA,CAAc;EAEhC,OACE,eAAAS,IAAA,CAAAF,QAAA;IACEK,QAAA,kBAAAJ,GAAA,CAAC;MACCsB,QAAA,EAAS;MACTC,wBAAA,EAAwB;MACxBC,EAAA,EAAG;MACHlB,IAAA,EAAK;MACLmB,OAAA,EAASN,KAAA,KAAUZ,KAAA,KAAU,SAASa,SAAA,GAAYC,UAAA;IAAA,CACpD,GACA,eAAArB,GAAA,CAAC;MACCwB,EAAA,EAAG;MACHR,uBAAA,EAAyB;QACvBC,MAAA,EAAQ;AAAA;AAAA,iCAEef,UAAU;AAAA;AAAA,oCAEPkB,SAAS,QAAQC,UAAU;AAAA;MAEvD;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/index.native.js

@@ -1,69 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { setColorScheme, useColorScheme as useColorSchemeBase, useColorSchemeSetting } from "@vxrn/universal-color-scheme";
 import "@vxrn/use-isomorphic-layout-effect";
-import { createContext, useContext, useMemo } from "react";
-import { getColorScheme, onColorSchemeChange } from "@vxrn/universal-color-scheme";
-var storageKey = "vxrn-scheme",
-  clearColorSchemeSetting = function () {
-    setSchemeSetting("system");
-  };
-var SchemeContext = /* @__PURE__ */createContext({
-    setting: "system",
-    scheme: "light"
-  }),
-  useColorScheme = function () {
-    var [state] = useColorSchemeBase();
-    return [state, setSchemeSetting];
-  };
-function useSchemeSetting() {
-  var values = useContext(SchemeContext);
-  return [values, setSchemeSetting];
-}
-function setSchemeSetting(next) {
-  typeof localStorage < "u" && localStorage.setItem(storageKey, next), setColorScheme(next);
-}
+import { useUserScheme } from "./userScheme.native.js";
+import { getSystemScheme, useSystemScheme } from "./systemScheme.native.js";
+import { getUserScheme, onUserSchemeChange, setUserScheme, useUserScheme as useUserScheme2 } from "./userScheme.native.js";
+var storageKey = "vxrn-scheme";
 function SchemeProvider(param) {
   var {
       children,
-      // defaults to tamagui-compatible
       getClassName = function (name) {
         return `t_${name}`;
       }
     } = param,
-    [colorSchemeSetting] = useColorSchemeSetting(),
-    [colorScheme] = useColorScheme();
+    {
+      value
+    } = useUserScheme();
   return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [null, /* @__PURE__ */_jsx(SchemeContext.Provider, {
-      value: useMemo(function () {
-        return {
-          scheme: colorScheme,
-          setting: colorSchemeSetting
-        };
-      }, [colorScheme, colorSchemeSetting]),
-      children
-    })]
+    children: [null, children]
   });
 }
-var MetaTheme = function (param) {
+function MetaTheme(param) {
   var {
       color,
       darkColor,
       lightColor
     } = param,
-    [colorScheme] = useColorScheme();
+    {
+      value
+    } = useUserScheme();
   return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* itemProp removes hoisting - react wasnt de-duping it properly causing two in DOM */
-    /* maybe bug in safari or react */
-    /* @__PURE__ */_jsx("meta", {
+    children: [/* @__PURE__ */_jsx("meta", {
       itemProp: "__deopt",
-      // because the script below runs before render it actually ruins our nice ssr logic here
-      // instead we just avoid the warning its a single tag
       suppressHydrationWarning: !0,
       id: "vxrn-theme-color",
       name: "theme-color",
-      content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
-    }), /* ssr compat theme-color */
-    /* @__PURE__ */_jsx("script", {
+      content: color ?? (value === "dark" ? darkColor : lightColor)
+    }), /* @__PURE__ */_jsx("script", {
       id: "meta-theme-hydrate",
       dangerouslySetInnerHTML: {
         __html: `
@@ -71,10 +42,10 @@ let dc = document.getElementById('vxrn-theme-color')
 let e1 = localStorage.getItem('${storageKey}')
 let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
 dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
-          `
+`
       }
     })]
   });
-};
-export { MetaTheme, SchemeProvider, clearColorSchemeSetting, getColorScheme, onColorSchemeChange, setSchemeSetting, useColorScheme, useSchemeSetting };
+}
+export { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };
 //# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","storageKey","clearColorSchemeSetting","setSchemeSetting","SchemeContext","setting","scheme","state","useSchemeSetting","values","next","localStorage","setItem","SchemeProvider","param","children","getClassName","name","colorSchemeSetting","colorScheme","Provider","value","MetaTheme","color","darkColor","lightColor","itemProp","suppressHydrationWarning","id","content","dangerouslySetInnerHTML","__html"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SAEEC,cAAA,EAAAC,cAAA,IAAAC,kBAAA,EAAAC,qBAAA;AAAA,OACA,oCAAkB;AAAA,SAClBC,aAAA,EAAAC,UAAA,EAAAC,OAAA;AAAA,SACKC,cAAA,EAAAC,mBAAA;AACP,IAAAC,UAAS;EAAAC,uBAAiC,YAAAA,CAAA;IAC1CC,gBAAS,SAAe;EAKxB;AAgEI,IAAAC,aAAA,GAEI,eAFJR,aAAA;IA9DJS,OAAM,UAAa;IAGjBC,MAAA;EACF;EAEMb,cAAa,YAAAA,CAAA,EACT;IAOR,KAAAc,KAAS,IAAAb,kBAAA;IACT,QAGWa,KAAA,EACXJ,gBAAgB,CAChB;EACF;AAEO,SAASK,iBAAA,EAAmB;EAEjC,IAAAC,MADe,GAAAZ,UAAW,CAAAO,aACV;EAClB,QAEOK,MAAS,EACVN,gBAAO,CAIb;AAEO;AAAwB,SAC7BA,iBAAAO,IAAA;EAAA,OAAAC,YAAA,UAAAA,YAAA,CAAAC,OAAA,CAAAX,UAAA,EAAAS,IAAA,GAAAlB,cAAA,CAAAkB,IAAA;AAAA;AAGF,SAGGG,eAAAC,KAAA;EACD;MAIEC,QAAA;MAEE;MAEAC,YAAM,GAAQ,SAAAA,CAAAC,IAAa;QAE3B,OAAK,KAAAA,IAAU;MACb;IACA,IAAAH,KAAA;IAAA,CAAAI,kBAAiB,IAAavB,qBAC9B,CAAU;IAAA,CAAIwB,WAAK,IAAA1B,cAAA;EAAA,OACrB,eAAAJ,KAAA,CAAAE,SAAA;IACFwB,QAAI,GAMA,MAAC,eAAA5B,IAAA,CAAAiB,aAAA,CAAAgB,QAAA;MAAAC,KAAA,EAAAvB,OAAA;QACC;UACEQ,MAAQ,EAAAa,WAAA;UAAAd,OAAA,EAAAa;QACuB;MACC,IACQC,WAAA,EAAAD,kBAAA;MAAAH;IAAA;EAK2B;AAErE;AAAA,IACFO,SAAA,YAAAA,CAAAR,KAAA;EAAA,IAEF;MAAAS,KAAA;MAAAC,SAAA;MAAAC;IAAA,IAAAX,KAAA;IAAA,CAAAK,WAAA,IAAA1B,cAAA;EAAA,OAAC,eAAcJ,KAAA,CAAAE,SAAA;IAAAwB,QAAd;IACQ;IACE,eACG5B,IAAA;MAAAuC,QACR,WAAS;MAAA;MACX;MAEFC,wBAAA;MAECC,EAAA;MAAAX,IAAA;MACHY,OAAA,EAAAN,KAAA,KAAAJ,WAAA,cAAAK,SAAA,GAAAC,UAAA;IACF,IAEJ;IAEa,eAAatC,IAAA;MACxByC,EAAA;MACAE,uBAAA;QACAC,MAAA;AACF;AAKE,iCAAsB9B,UAAe;AAErC;AAII,oCAAAuB,SAAA,QAAAC,UAAA;AAAA;MAAC;IAAA,EACC;EAGwB;AACrB;AACE,SACmDH,SAAA,EAAAT,cAC1D,EAAAX,uBAGA,EAAAH,cAAC,EAAAC,mBAAA,EAAAG,gBACI,EAAAV,cACH,EAAyBe,gBACf","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useUserScheme","getSystemScheme","useSystemScheme","getUserScheme","onUserSchemeChange","setUserScheme","useUserScheme2","storageKey","SchemeProvider","param","children","getClassName","name","value","MetaTheme","color","darkColor","lightColor","itemProp","suppressHydrationWarning","id","content","dangerouslySetInnerHTML","__html"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAiC,IAAAC,SAAA;AAE1C,2CAA8B;AAO9B,SAASC,aAAA,QAAiB;AAC1B,SAASC,eAAe,EAAAC,eAAA,QAAoB,0BAAe;AA0BvD,SAAAC,aAEI,EAFJC,kBAAA,EAAAC,aAAA,EAAAL,aAAA,IAAAM,cAAA;AAxBJ,IAAAC,UAAM,gBAAa;AAEZ,SAASC,eAAeC,KAAA;EAC7B;MAAAC,QAAA;MAAAC,YAAA,YAAAA,CAAAC,IAAA;QACA,YAAAA,IAAgB;MAClB;IAGG,IAAAH,KAAA;IAAA;MAAAI;IAAA,IAAAb,aAAA;EACD,OAAM,eAAYH,KAAA,CAAAE,SAAc;IAG9BW,QAAA,GACE,IAAM,EAENA,QAAK;EAEH;AACmB;AACrB,SACEI,SAIJA,CAAAL,KAAA;EAEI;MAAAM,KAAA;MAAAC,SAAA;MAAAC;IAAA,IAAAR,KAAA;IAAA;MAAAI;IAAA,IAAAb,aAAA;EAAA,OAAC,eAAAH,KAAA,CAAAE,SAAA;IAAAW,QAAA,kBACCf,IAAA,OAAyB;MAAAuB,QACvB,EAAQ;MAAAC,wBACY,EAAC;MAAAC,EAAA,EACrB,kBAAa;MAAOR,IAAA;MACUS,OAAA,EAAAN,KAAA,KAAAF,KAAA,cAAAG,SAAA,GAAAC,UAAA;IAAA,mBAAAtB,IAAA;MAAAyB,EAAA,sBAIV;MAAqCE,uBAAA;QAE3DC,MAAA;AAAA;AAAA,iCACFhB,UAAA;AAAA;AAED,oCACHS,SAAA,QAAAC,UAAA;AAEJ;MAEO;IACL;EAEA;AACF;AAKE,SAEAH,SACE,EACEN,cAAA,EAAAP,eAAC,EAAAE,aAAA,EAAAC,kBACU,EAAAC,aACT,EAAwBH,eACrB,EAAAI,cACE,IAAAN,aAAA","ignoreList":[]}

package/dist/esm/systemScheme.js

@@ -0,0 +1,19 @@
+import { useIsomorphicLayoutEffect } from "@vxrn/use-isomorphic-layout-effect";
+import { useState } from "react";
+const media = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+function getSystemScheme() {
+  return media?.matches ? "dark" : "light";
+}
+function useSystemScheme() {
+  const [scheme, setScheme] = useState("light");
+  return useIsomorphicLayoutEffect(() => {
+    setScheme(getSystemScheme());
+    const onChange = () => setScheme(getSystemScheme());
+    return media?.addEventListener("change", onChange), () => media?.removeEventListener("change", onChange);
+  }, []), scheme;
+}
+export {
+  getSystemScheme,
+  useSystemScheme
+};
+//# sourceMappingURL=systemScheme.js.map

package/dist/esm/systemScheme.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/systemScheme.ts"],
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AAIzB,MAAM,QACJ,OAAO,SAAW,OAAe,OAAO,aACpC,OAAO,WAAW,8BAA8B,IAChD;AAEC,SAAS,kBAA0B;AACxC,SAAO,OAAO,UAAU,SAAS;AACnC;AAEO,SAAS,kBAA0B;AACxC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,OAAO;AAEpD,mCAA0B,MAAM;AAC9B,cAAU,gBAAgB,CAAC;AAC3B,UAAM,WAAW,MAAM,UAAU,gBAAgB,CAAC;AAClD,kBAAO,iBAAiB,UAAU,QAAQ,GACnC,MAAM,OAAO,oBAAoB,UAAU,QAAQ;AAAA,EAC5D,GAAG,CAAC,CAAC,GAEE;AACT;",
+  "names": []
+}