@vxrn/color-scheme 1.12.3 → 1.12.5-1774027068540

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.5-1774027068540",
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.5-1774027068540"
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
- }