@vxrn/color-scheme 1.12.3 → 1.12.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -1,32 +1,30 @@
1
1
  import { useIsomorphicLayoutEffect } from "@vxrn/use-isomorphic-layout-effect";
2
- import { useUserScheme } from "./userScheme";
3
- import { getSystemScheme, useSystemScheme } from "./systemScheme";
4
- import {
5
- getUserScheme,
6
- onUserSchemeChange,
7
- setUserScheme,
8
- useUserScheme as useUserScheme2
9
- } from "./userScheme";
2
+ import { useUserScheme } from "./userScheme.mjs";
3
+ import { getSystemScheme, useSystemScheme } from "./systemScheme.mjs";
4
+ import { getUserScheme, onUserSchemeChange, setUserScheme, useUserScheme as useUserScheme2 } from "./userScheme.mjs";
10
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
6
  const storageKey = "vxrn-scheme";
12
7
  function SchemeProvider({
13
8
  children,
14
- getClassName = (name) => `t_${name}`
9
+ getClassName = name => `t_${name}`
15
10
  }) {
16
- const { value } = useUserScheme();
11
+ const {
12
+ value
13
+ } = useUserScheme();
17
14
  return useIsomorphicLayoutEffect(() => {
18
- const toAdd = getClassName(value), { classList } = document.documentElement;
15
+ const toAdd = getClassName(value),
16
+ {
17
+ classList
18
+ } = document.documentElement;
19
19
  if (!classList.contains(toAdd)) {
20
20
  const toRemove = value === "light" ? "dark" : "light";
21
21
  classList.remove(getClassName(toRemove)), classList.add(toAdd);
22
22
  }
23
- }, [value]), /* @__PURE__ */ jsxs(Fragment, { children: [
24
- /* @__PURE__ */ jsx(
25
- "script",
26
- {
27
- suppressHydrationWarning: !0,
28
- dangerouslySetInnerHTML: {
29
- __html: `let d = document.documentElement.classList
23
+ }, [value]), /* @__PURE__ */jsxs(Fragment, {
24
+ children: [/* @__PURE__ */jsx("script", {
25
+ suppressHydrationWarning: !0,
26
+ dangerouslySetInnerHTML: {
27
+ __html: `let d = document.documentElement.classList
30
28
  d.remove('${getClassName("light")}')
31
29
  d.remove('${getClassName("dark")}')
32
30
  let e = localStorage.getItem('${storageKey}')
@@ -35,53 +33,37 @@ let t = 'system' === e || !e
35
33
  : e === 'dark'
36
34
  t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
37
35
  `
38
- }
39
36
  }
40
- ),
41
- children
42
- ] });
37
+ }), children]
38
+ });
43
39
  }
44
40
  function MetaTheme({
45
41
  color,
46
42
  darkColor,
47
43
  lightColor
48
44
  }) {
49
- const { value } = useUserScheme();
50
- return /* @__PURE__ */ jsxs(Fragment, { children: [
51
- /* @__PURE__ */ jsx(
52
- "meta",
53
- {
54
- suppressHydrationWarning: !0,
55
- id: "vxrn-theme-color",
56
- name: "theme-color",
57
- content: color ?? (value === "dark" ? darkColor : lightColor)
58
- }
59
- ),
60
- /* @__PURE__ */ jsx(
61
- "script",
62
- {
63
- suppressHydrationWarning: !0,
64
- id: "meta-theme-hydrate",
65
- dangerouslySetInnerHTML: {
66
- __html: `
45
+ const {
46
+ value
47
+ } = useUserScheme();
48
+ return /* @__PURE__ */jsxs(Fragment, {
49
+ children: [/* @__PURE__ */jsx("meta", {
50
+ suppressHydrationWarning: !0,
51
+ id: "vxrn-theme-color",
52
+ name: "theme-color",
53
+ content: color ?? (value === "dark" ? darkColor : lightColor)
54
+ }), /* @__PURE__ */jsx("script", {
55
+ suppressHydrationWarning: !0,
56
+ id: "meta-theme-hydrate",
57
+ dangerouslySetInnerHTML: {
58
+ __html: `
67
59
  let dc = document.getElementById('vxrn-theme-color')
68
60
  let e1 = localStorage.getItem('${storageKey}')
69
61
  let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
70
62
  dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
71
63
  `
72
- }
73
64
  }
74
- )
75
- ] });
65
+ })]
66
+ });
76
67
  }
77
- export {
78
- MetaTheme,
79
- SchemeProvider,
80
- getSystemScheme,
81
- getUserScheme,
82
- onUserSchemeChange,
83
- setUserScheme,
84
- useSystemScheme,
85
- useUserScheme2 as useUserScheme
86
- };
68
+ export { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };
87
69
  //# sourceMappingURL=index.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,SAAS,iCAAiC;AAE1C,SAAS,qBAAqB;AAO9B,SAAS,iBAAiB,uBAAuB;AACjD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAAA;AAAA,OACK;AA0BH,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,0BAAwB;AAAA,QACxB,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,0BAAwB;AAAA,QACxB,IAAG;AAAA,QACH,MAAK;AAAA,QACL,SAAS,UAAU,UAAU,SAAS,YAAY;AAAA;AAAA,IACpD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,0BAAwB;AAAA,QACxB,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;",
5
- "names": ["useUserScheme"]
6
- }
1
+ {"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","suppressHydrationWarning","dangerouslySetInnerHTML","__html","MetaTheme","color","darkColor","lightColor","id","content"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAE1C,SAASC,aAAA,QAAqB;AAO9B,SAASC,eAAA,EAAiBC,eAAA,QAAuB;AACjD,SACEC,aAAA,EACAC,kBAAA,EACAC,aAAA,EACAL,aAAA,IAAAM,cAAA,QACK;AA0BH,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,wBAAA,EAAwB;MACxBC,uBAAA,EAAyB;QACvBC,MAAA,EAAQ;AAAA,YACRb,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,SAASe,UAAU;EACxBC,KAAA;EACAC,SAAA;EACAC;AACF,GAIG;EACD,MAAM;IAAEf;EAAM,IAAIf,aAAA,CAAc;EAEhC,OACE,eAAAS,IAAA,CAAAF,QAAA;IACEK,QAAA,kBAAAJ,GAAA,CAAC;MACCgB,wBAAA,EAAwB;MACxBO,EAAA,EAAG;MACHjB,IAAA,EAAK;MACLkB,OAAA,EAASJ,KAAA,KAAUb,KAAA,KAAU,SAASc,SAAA,GAAYC,UAAA;IAAA,CACpD,GACA,eAAAtB,GAAA,CAAC;MACCgB,wBAAA,EAAwB;MACxBO,EAAA,EAAG;MACHN,uBAAA,EAAyB;QACvBC,MAAA,EAAQ;AAAA;AAAA,iCAEehB,UAAU;AAAA;AAAA,oCAEPmB,SAAS,QAAQC,UAAU;AAAA;MAEvD;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
@@ -1,5 +1,4 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import "@vxrn/use-isomorphic-layout-effect";
3
2
  import { useUserScheme } from "./userScheme.native.js";
4
3
  import { getSystemScheme, useSystemScheme } from "./systemScheme.native.js";
5
4
  import { getUserScheme, onUserSchemeChange, setUserScheme, useUserScheme as useUserScheme2 } from "./userScheme.native.js";
@@ -1 +1 @@
1
- {"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","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,SAAAC,eAAA,EAAAC,eAAA;AAAA,SACEC,aAAA,EAAAC,kBAAA,EAAAC,aAAA,EAAAL,aAAA,IAAAM,cAAA;AAAA,IACAC,UAAA;AAAA,SACAC,eAAAC,KAAA;EACA;MAAAC,QAAA;MAAAC,YAAA,YAAAA,CAAAC,IAAA;QAAA,OACK,KAAAA,IAAA;MA0BH;IAAA,IAAAH,KAAA;IAAA;MAAAI;IAEI,CAFJ,GAAAb,aAAA;EAxBJ,OAAM,eAAaH,KAAA,CAAAE,SAAA;IAEZW,QAAS,GACd,MACAA,QAAA;EAKA;AAGE;AACE,SAAAI,SAAcA,CAAAL,KAAA;EAEd;MAAIM,KAAC;MAAAC,SAAU;MAAAC;IAAiB,IAAAR,KAAA;IAAA;MAAAI;IAAA,IAAAb,aAAA;EAC9B,sBAAiBH,KAAA,CAAAE,SAAU;IAC3BW,QAAA,GAEF,eAAAf,IAAA;MACEuB,wBAIJ;MAEIC,EAAA;MAACP,IAAA;MAAAQ,OAAA,EAAAL,KAAA,KAAAF,KAAA,cAAAG,SAAA,GAAAC,UAAA;IAAA,EACC,EAAwB,eACxBtB,IAAA,SAAyB;MAAAuB,wBACf;MAAAC,EAAA,EACR,oBAAoB;MAACE,uBACF,EAAC;QAAAC,MAAA;AACU;AAAA,iCAAAf,UAAA;AAAA;AAAA,oCAITS,SAAA,QAAeC,UAAa;AAAQ;MAE3D;IAAA;EACF,EAED;AAAA;AAGP,SAEOH,SAAS,EACdN,cAAA,EACAP,eAAA,EACAE,aAAA,EACFC,kBAIG,EACDC,aAAQ,EAERH,eACE,EACEI,cAAA,IAAAN,aAAA","ignoreList":[]}
1
+ {"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","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;AAS1C,SAASC,aAAA,QAAiB;AAC1B,SAAAC,eAAA,EAAAC,eAAA;AAAA,SACEC,aAAA,EAAAC,kBAAA,EAAAC,aAAA,EAAAL,aAAA,IAAAM,cAAA;AAAA,IACAC,UAAA;AAAA,SACAC,eAAAC,KAAA;EACA;MAAAC,QAAA;MAAAC,YAAA,YAAAA,CAAAC,IAAA;QAAA,OACK,KAAAA,IAAA;MA0BH;IAAA,IAAAH,KAAA;IAAA;MAAAI;IAEI,CAFJ,GAAAb,aAAA;EAxBJ,OAAM,eAAaH,KAAA,CAAAE,SAAA;IAEZW,QAAS,GACd,MACAA,QAAA;EAKA;AAGE;AACE,SAAAI,SAAcA,CAAAL,KAAA;EAEd;MAAIM,KAAC;MAAAC,SAAU;MAAAC;IAAiB,IAAAR,KAAA;IAAA;MAAAI;IAAA,IAAAb,aAAA;EAC9B,sBAAiBH,KAAA,CAAAE,SAAU;IAC3BW,QAAA,GAEF,eAAAf,IAAA;MACEuB,wBAIJ;MAEIC,EAAA;MAACP,IAAA;MAAAQ,OAAA,EAAAL,KAAA,KAAAF,KAAA,cAAAG,SAAA,GAAAC,UAAA;IAAA,EACC,EAAwB,eACxBtB,IAAA,SAAyB;MAAAuB,wBACf;MAAAC,EAAA,EACR,oBAAoB;MAACE,uBACF,EAAC;QAAAC,MAAA;AACU;AAAA,iCAAAf,UAAA;AAAA;AAAA,oCAITS,SAAA,QAAeC,UAAa;AAAQ;MAE3D;IAAA;EACF,EAED;AAAA;AAGP,SAEOH,SAAS,EACdN,cAAA,EACAP,eAAA,EACAE,aAAA,EACFC,kBAIG,EACDC,aAAQ,EAERH,eACE,EACEI,cAAA,IAAAN,aAAA","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vxrn/color-scheme",
3
- "version": "1.12.3",
3
+ "version": "1.12.4",
4
4
  "sideEffects": false,
5
5
  "exports": {
6
6
  "./package.json": "./package.json",
@@ -33,10 +33,10 @@
33
33
  "watch": "tamagui-build --watch"
34
34
  },
35
35
  "dependencies": {
36
- "@vxrn/use-isomorphic-layout-effect": "1.12.3"
36
+ "@vxrn/use-isomorphic-layout-effect": "1.12.4"
37
37
  },
38
38
  "devDependencies": {
39
- "@tamagui/build": "2.0.0-rc.22",
39
+ "@tamagui/build": "2.0.0-rc.28",
40
40
  "react": "19.2.0",
41
41
  "react-native": "0.83.2"
42
42
  },
package/dist/cjs/index.js DELETED
@@ -1,94 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var index_exports = {};
16
- __export(index_exports, {
17
- MetaTheme: () => MetaTheme,
18
- SchemeProvider: () => SchemeProvider,
19
- getSystemScheme: () => import_systemScheme.getSystemScheme,
20
- getUserScheme: () => import_userScheme2.getUserScheme,
21
- onUserSchemeChange: () => import_userScheme2.onUserSchemeChange,
22
- setUserScheme: () => import_userScheme2.setUserScheme,
23
- useSystemScheme: () => import_systemScheme.useSystemScheme,
24
- useUserScheme: () => import_userScheme2.useUserScheme
25
- });
26
- module.exports = __toCommonJS(index_exports);
27
- var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect"), import_userScheme = require("./userScheme"), import_systemScheme = require("./systemScheme"), import_userScheme2 = require("./userScheme"), import_jsx_runtime = require("react/jsx-runtime");
28
- const storageKey = "vxrn-scheme";
29
- function SchemeProvider({
30
- children,
31
- getClassName = (name) => `t_${name}`
32
- }) {
33
- const { value } = (0, import_userScheme.useUserScheme)();
34
- return (0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(() => {
35
- const toAdd = getClassName(value), { classList } = document.documentElement;
36
- if (!classList.contains(toAdd)) {
37
- const toRemove = value === "light" ? "dark" : "light";
38
- classList.remove(getClassName(toRemove)), classList.add(toAdd);
39
- }
40
- }, [value]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
42
- "script",
43
- {
44
- suppressHydrationWarning: !0,
45
- dangerouslySetInnerHTML: {
46
- __html: `let d = document.documentElement.classList
47
- d.remove('${getClassName("light")}')
48
- d.remove('${getClassName("dark")}')
49
- let e = localStorage.getItem('${storageKey}')
50
- let t = 'system' === e || !e
51
- ? window.matchMedia('(prefers-color-scheme: dark)').matches
52
- : e === 'dark'
53
- t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
54
- `
55
- }
56
- }
57
- ),
58
- children
59
- ] });
60
- }
61
- function MetaTheme({
62
- color,
63
- darkColor,
64
- lightColor
65
- }) {
66
- const { value } = (0, import_userScheme.useUserScheme)();
67
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
- "meta",
70
- {
71
- suppressHydrationWarning: !0,
72
- id: "vxrn-theme-color",
73
- name: "theme-color",
74
- content: color ?? (value === "dark" ? darkColor : lightColor)
75
- }
76
- ),
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
78
- "script",
79
- {
80
- suppressHydrationWarning: !0,
81
- id: "meta-theme-hydrate",
82
- dangerouslySetInnerHTML: {
83
- __html: `
84
- let dc = document.getElementById('vxrn-theme-color')
85
- let e1 = localStorage.getItem('${storageKey}')
86
- let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
87
- dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
88
- `
89
- }
90
- }
91
- )
92
- ] });
93
- }
94
- //# sourceMappingURL=index.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAA0C,+CAE1C,oBAA8B,yBAO9B,sBAAiD,2BACjDA,qBAKO,yBA0BH;AAxBJ,MAAM,aAAa;AAEZ,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,eAAe,CAAC,SAAS,KAAK,IAAI;AACpC,GAGG;AACD,QAAM,EAAE,MAAM,QAAI,iCAAc;AAG9B,4EAA0B,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,4EAEI;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,0BAAwB;AAAA,QACxB,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,QAAI,iCAAc;AAEhC,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,0BAAwB;AAAA,QACxB,IAAG;AAAA,QACH,MAAK;AAAA,QACL,SAAS,UAAU,UAAU,SAAS,YAAY;AAAA;AAAA,IACpD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,0BAAwB;AAAA,QACxB,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;",
5
- "names": ["import_userScheme"]
6
- }
@@ -1,34 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var systemScheme_exports = {};
16
- __export(systemScheme_exports, {
17
- getSystemScheme: () => getSystemScheme,
18
- useSystemScheme: () => useSystemScheme
19
- });
20
- module.exports = __toCommonJS(systemScheme_exports);
21
- var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect"), import_react = require("react");
22
- const media = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
23
- function getSystemScheme() {
24
- return media?.matches ? "dark" : "light";
25
- }
26
- function useSystemScheme() {
27
- const [scheme, setScheme] = (0, import_react.useState)("light");
28
- return (0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(() => {
29
- setScheme(getSystemScheme());
30
- const onChange = () => setScheme(getSystemScheme());
31
- return media?.addEventListener("change", onChange), () => media?.removeEventListener("change", onChange);
32
- }, []), scheme;
33
- }
34
- //# sourceMappingURL=systemScheme.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/systemScheme.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAA0C,+CAC1C,eAAyB;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,QAAI,uBAAiB,OAAO;AAEpD,4EAA0B,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;",
5
- "names": []
6
- }
@@ -1,87 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var userScheme_exports = {};
16
- __export(userScheme_exports, {
17
- getUserScheme: () => getUserScheme,
18
- onUserSchemeChange: () => onUserSchemeChange,
19
- setUserScheme: () => setUserScheme,
20
- useUserScheme: () => useUserScheme
21
- });
22
- module.exports = __toCommonJS(userScheme_exports);
23
- 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");
24
- const listeners = /* @__PURE__ */ new Set(), storageKey = "vxrn-scheme";
25
- function getInitialSetting() {
26
- return "system";
27
- }
28
- function getInitialValue(setting) {
29
- return "light";
30
- }
31
- const initialSetting = getInitialSetting();
32
- let currentSetting = initialSetting, currentValue = getInitialValue(initialSetting), isWebListening = !1;
33
- function startWebListener() {
34
- if (isWebListening) return;
35
- isWebListening = !0;
36
- const matcher = typeof window < "u" ? window.matchMedia?.("(prefers-color-scheme: dark)") : null, onSystemChange = () => {
37
- currentSetting === "system" && updateValueFromSystem();
38
- };
39
- onSystemChange(), matcher?.addEventListener?.("change", onSystemChange);
40
- }
41
- function resolveValue(setting) {
42
- return setting === "system" ? (0, import_systemScheme.getSystemScheme)() : setting;
43
- }
44
- function updateValueFromSystem() {
45
- const value = resolveValue("system");
46
- value !== currentValue && (currentValue = value, listeners.forEach((l) => {
47
- l(currentSetting, currentValue);
48
- }));
49
- }
50
- function updateScheme(setting) {
51
- const value = setting === "system" ? resolveValue("system") : setting;
52
- (value !== currentValue || currentSetting !== setting) && (currentSetting = setting, currentValue = value, listeners.forEach((l) => {
53
- l(currentSetting, currentValue);
54
- }));
55
- }
56
- function setUserScheme(setting) {
57
- typeof localStorage < "u" && localStorage.setItem(storageKey, setting), updateScheme(setting);
58
- }
59
- function getUserScheme() {
60
- return { setting: currentSetting, value: currentValue };
61
- }
62
- function onUserSchemeChange(listener) {
63
- return listeners.add(listener), listener(currentSetting, currentValue), () => {
64
- listeners.delete(listener);
65
- };
66
- }
67
- function useUserScheme() {
68
- const [state, setState] = (0, import_react.useState)(() => getUserScheme());
69
- return (0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(() => {
70
- if (typeof localStorage < "u") {
71
- const stored = localStorage.getItem(storageKey);
72
- stored && updateScheme(stored);
73
- }
74
- const dispose = onUserSchemeChange((setting, value) => {
75
- setState({ setting, value });
76
- });
77
- return startWebListener(), dispose;
78
- }, []), (0, import_react.useMemo)(
79
- () => ({
80
- setting: state.setting,
81
- value: state.value,
82
- set: setUserScheme
83
- }),
84
- [state.setting, state.value]
85
- );
86
- }
87
- //# sourceMappingURL=userScheme.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/userScheme.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAA0C,+CAC1C,eAAkC,kBAClC,sBAA2B,yBAC3B,sBAA6C;AAe7C,MAAM,YAAY,oBAAI,IAAoB,GACpC,aAAa;AAGnB,SAAS,oBAAmC;AAU1C,SAAO;AACT;AAEA,SAAS,gBAAgB,SAAgC;AAQvD,SAAO;AACT;AACA,MAAM,iBAAiB,kBAAkB;AACzC,IAAI,iBAAgC,gBAChC,eAAuB,gBAAgB,cAAc,GAYrD,iBAAiB;AACrB,SAAS,mBAAmB;AAC1B,MAAI,eAAgB;AACpB,mBAAiB;AAEjB,QAAM,UACJ,OAAO,SAAW,MACd,OAAO,aAAa,8BAA8B,IAClD,MAEA,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,OAEf,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,OAaf,UAAU,QAAQ,CAAC,MAAM;AACvB,MAAE,gBAAgB,YAAY;AAAA,EAChC,CAAC;AAEL;AAQO,SAAS,cAAc,SAAwB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,OAAO,GAE1C,aAAa,OAAO;AACtB;AAOO,SAAS,gBAA2D;AACzE,SAAO,EAAE,SAAS,gBAAgB,OAAO,aAAa;AACxD;AAQO,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;",
5
- "names": []
6
- }
@@ -1,19 +0,0 @@
1
- import { useIsomorphicLayoutEffect } from "@vxrn/use-isomorphic-layout-effect";
2
- import { useState } from "react";
3
- const media = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
4
- function getSystemScheme() {
5
- return media?.matches ? "dark" : "light";
6
- }
7
- function useSystemScheme() {
8
- const [scheme, setScheme] = useState("light");
9
- return useIsomorphicLayoutEffect(() => {
10
- setScheme(getSystemScheme());
11
- const onChange = () => setScheme(getSystemScheme());
12
- return media?.addEventListener("change", onChange), () => media?.removeEventListener("change", onChange);
13
- }, []), scheme;
14
- }
15
- export {
16
- getSystemScheme,
17
- useSystemScheme
18
- };
19
- //# sourceMappingURL=systemScheme.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/systemScheme.ts"],
4
- "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;",
5
- "names": []
6
- }
@@ -1,74 +0,0 @@
1
- import { useIsomorphicLayoutEffect } from "@vxrn/use-isomorphic-layout-effect";
2
- import { useState, useMemo } from "react";
3
-
4
- import { getSystemScheme } from "./systemScheme";
5
- const listeners = /* @__PURE__ */ new Set(), storageKey = "vxrn-scheme";
6
- function getInitialSetting() {
7
- return "system";
8
- }
9
- function getInitialValue(setting) {
10
- return "light";
11
- }
12
- const initialSetting = getInitialSetting();
13
- let currentSetting = initialSetting, currentValue = getInitialValue(initialSetting), isWebListening = !1;
14
- function startWebListener() {
15
- if (isWebListening) return;
16
- isWebListening = !0;
17
- const matcher = typeof window < "u" ? window.matchMedia?.("(prefers-color-scheme: dark)") : null, onSystemChange = () => {
18
- currentSetting === "system" && updateValueFromSystem();
19
- };
20
- onSystemChange(), matcher?.addEventListener?.("change", onSystemChange);
21
- }
22
- function resolveValue(setting) {
23
- return setting === "system" ? getSystemScheme() : setting;
24
- }
25
- function updateValueFromSystem() {
26
- const value = resolveValue("system");
27
- value !== currentValue && (currentValue = value, listeners.forEach((l) => {
28
- l(currentSetting, currentValue);
29
- }));
30
- }
31
- function updateScheme(setting) {
32
- const value = setting === "system" ? resolveValue("system") : setting;
33
- (value !== currentValue || currentSetting !== setting) && (currentSetting = setting, currentValue = value, listeners.forEach((l) => {
34
- l(currentSetting, currentValue);
35
- }));
36
- }
37
- function setUserScheme(setting) {
38
- typeof localStorage < "u" && localStorage.setItem(storageKey, setting), updateScheme(setting);
39
- }
40
- function getUserScheme() {
41
- return { setting: currentSetting, value: currentValue };
42
- }
43
- function onUserSchemeChange(listener) {
44
- return listeners.add(listener), listener(currentSetting, currentValue), () => {
45
- listeners.delete(listener);
46
- };
47
- }
48
- function useUserScheme() {
49
- const [state, setState] = useState(() => getUserScheme());
50
- return useIsomorphicLayoutEffect(() => {
51
- if (typeof localStorage < "u") {
52
- const stored = localStorage.getItem(storageKey);
53
- stored && updateScheme(stored);
54
- }
55
- const dispose = onUserSchemeChange((setting, value) => {
56
- setState({ setting, value });
57
- });
58
- return startWebListener(), dispose;
59
- }, []), useMemo(
60
- () => ({
61
- setting: state.setting,
62
- value: state.value,
63
- set: setUserScheme
64
- }),
65
- [state.setting, state.value]
66
- );
67
- }
68
- export {
69
- getUserScheme,
70
- onUserSchemeChange,
71
- setUserScheme,
72
- useUserScheme
73
- };
74
- //# sourceMappingURL=userScheme.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/userScheme.ts"],
4
- "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,UAAU,eAAe;AAClC,OAA2B;AAC3B,SAAS,uBAAoC;AAe7C,MAAM,YAAY,oBAAI,IAAoB,GACpC,aAAa;AAGnB,SAAS,oBAAmC;AAU1C,SAAO;AACT;AAEA,SAAS,gBAAgB,SAAgC;AAQvD,SAAO;AACT;AACA,MAAM,iBAAiB,kBAAkB;AACzC,IAAI,iBAAgC,gBAChC,eAAuB,gBAAgB,cAAc,GAYrD,iBAAiB;AACrB,SAAS,mBAAmB;AAC1B,MAAI,eAAgB;AACpB,mBAAiB;AAEjB,QAAM,UACJ,OAAO,SAAW,MACd,OAAO,aAAa,8BAA8B,IAClD,MAEA,iBAAiB,MAAM;AAC3B,IAAI,mBAAmB,YACrB,sBAAsB;AAAA,EAE1B;AAEA,iBAAe,GACf,SAAS,mBAAmB,UAAU,cAAc;AACtD;AAEA,SAAS,aAAa,SAAgC;AACpD,SAAI,YAAY,WAIP,gBAAgB,IAElB;AACT;AAGA,SAAS,wBAAwB;AAC/B,QAAM,QAAQ,aAAa,QAAQ;AACnC,EAAI,UAAU,iBACZ,eAAe,OAEf,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,OAaf,UAAU,QAAQ,CAAC,MAAM;AACvB,MAAE,gBAAgB,YAAY;AAAA,EAChC,CAAC;AAEL;AAQO,SAAS,cAAc,SAAwB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,OAAO,GAE1C,aAAa,OAAO;AACtB;AAOO,SAAS,gBAA2D;AACzE,SAAO,EAAE,SAAS,gBAAgB,OAAO,aAAa;AACxD;AAQO,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,IAAI,SAAS,MAAM,cAAc,CAAC;AAExD,mCAA0B,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,GAEE;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;",
5
- "names": []
6
- }