@vxrn/color-scheme 1.1.202 → 1.1.204
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/cjs/index.js +6 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +2 -2
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/esm/index.js +6 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +6 -5
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +2 -2
- package/package.json +5 -5
- package/src/index.tsx +7 -6
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/types.native.js +0 -15
- package/dist/cjs/types.native.js.map +0 -6
- package/dist/cjs/useSystemTheme.js +0 -36
- package/dist/cjs/useSystemTheme.js.map +0 -6
- package/dist/cjs/useSystemTheme.native.js +0 -78
- package/dist/cjs/useSystemTheme.native.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js +0 -1
- package/dist/esm/types.native.js.map +0 -6
- package/dist/esm/useSystemTheme.js +0 -21
- package/dist/esm/useSystemTheme.js.map +0 -6
- package/dist/esm/useSystemTheme.mjs +0 -20
- package/dist/esm/useSystemTheme.mjs.map +0 -1
- package/dist/esm/useSystemTheme.native.js +0 -58
- package/dist/esm/useSystemTheme.native.js.map +0 -6
package/dist/cjs/index.js
CHANGED
|
@@ -27,7 +27,7 @@ const storageKey = "vxrn-scheme", getSetting = () => typeof localStorage < "u" &
|
|
|
27
27
|
setting !== "system" && (0, import_universal_color_scheme.setColorScheme)(setting);
|
|
28
28
|
const SchemeContext = (0, import_react.createContext)({
|
|
29
29
|
setting: "system",
|
|
30
|
-
|
|
30
|
+
scheme: "light"
|
|
31
31
|
}), useColorScheme = () => {
|
|
32
32
|
const [state] = (0, import_universal_color_scheme.useColorScheme)();
|
|
33
33
|
return [state, setSchemeSetting];
|
|
@@ -57,13 +57,14 @@ function SchemeProvider({
|
|
|
57
57
|
dangerouslySetInnerHTML: {
|
|
58
58
|
__html: `let d = document.documentElement.classList
|
|
59
59
|
d.remove('${getClassName("light")}')
|
|
60
|
-
|
|
61
|
-
let e = localStorage.getItem('
|
|
60
|
+
d.remove('${getClassName("dark")}')
|
|
61
|
+
let e = localStorage.getItem('${storageKey}')
|
|
62
62
|
let t =
|
|
63
63
|
'system' === e || !e
|
|
64
64
|
? window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
65
65
|
: e === 'dark'
|
|
66
|
-
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
|
|
66
|
+
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
|
|
67
|
+
`
|
|
67
68
|
}
|
|
68
69
|
}
|
|
69
70
|
),
|
|
@@ -72,7 +73,7 @@ function SchemeProvider({
|
|
|
72
73
|
{
|
|
73
74
|
value: (0, import_react.useMemo)(
|
|
74
75
|
() => ({
|
|
75
|
-
|
|
76
|
+
scheme: colorScheme,
|
|
76
77
|
setting: colorSchemeSetting
|
|
77
78
|
}),
|
|
78
79
|
[colorScheme, colorSchemeSetting]
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,yCA6DhD;AA3DJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAGI,UAAU,WAAW;AAEvB,YAAY,gBACd,8CAAe,OAAO;AAGxB,MAAM,oBAAgB,4BAGnB;AAAA,EACD,SAAS;AAAA,EACT,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,yCA6DhD;AA3DJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAGI,UAAU,WAAW;AAEvB,YAAY,gBACd,8CAAe,OAAO;AAGxB,MAAM,oBAAgB,4BAGnB;AAAA,EACD,SAAS;AAAA,EACT,QAAQ;AACV,CAAC,GAEY,iBAAiB,MAAM;AAClC,QAAM,CAAC,KAAK,QAAI,8BAAAC,gBAAmB;AACnC,SAAO,CAAC,OAAO,gBAAgB;AACjC;AAEO,SAAS,mBAAmB;AAEjC,SAAO,KADQ,yBAAW,aAAa,GACvB,gBAAgB;AAClC;AAEO,SAAS,iBAAiB,MAAqB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,IAAI,OAEvC,8CAAe,IAAI;AACrB;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA;AAAA,EAEA,eAAe,CAAC,SAAS,KAAK,IAAI;AACpC,GAAwE;AACtE,QAAM,CAAC,kBAAkB,QAAI,qDAAsB,GAC7C,CAAC,WAAW,IAAI,eAAe;AAGnC,4EAA0B,MAAM;AAC9B,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,4EAEI;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,WAAO;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;",
|
|
5
5
|
"names": ["import_universal_color_scheme", "useColorSchemeBase"]
|
|
6
6
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -71,7 +71,7 @@ var storageKey = "vxrn-scheme", getSetting = function() {
|
|
|
71
71
|
setting !== "system" && (0, import_universal_color_scheme.setColorScheme)(setting);
|
|
72
72
|
var SchemeContext = /* @__PURE__ */ (0, import_react.createContext)({
|
|
73
73
|
setting: "system",
|
|
74
|
-
|
|
74
|
+
scheme: "light"
|
|
75
75
|
}), useColorScheme = function() {
|
|
76
76
|
var _useColorSchemeBase = _sliced_to_array((0, import_universal_color_scheme.useColorScheme)(), 1), state = _useColorSchemeBase[0];
|
|
77
77
|
return [
|
|
@@ -99,7 +99,7 @@ function SchemeProvider(param) {
|
|
|
99
99
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SchemeContext.Provider, {
|
|
100
100
|
value: (0, import_react.useMemo)(function() {
|
|
101
101
|
return {
|
|
102
|
-
|
|
102
|
+
scheme: colorScheme,
|
|
103
103
|
setting: colorSchemeSetting
|
|
104
104
|
};
|
|
105
105
|
}, [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/color-scheme/src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpD,IAAMC,aAAa,eAEbC,aAAa,WAAA;SAChB,OAAOC,eAAiB,OAAgBA,aAAaC,QAAQH,UAAAA,KAC9D;GAGII,UAAUH,WAAAA;AAEZG,YAAY,gBACdC,8CAAeD,OAAAA;AAGjB,IAAME,gBAAgBC,gDAGnB;EACDH,SAAS;EACTI,
|
|
5
|
-
"names": ["import_universal_color_scheme", "storageKey", "getSetting", "localStorage", "getItem", "setting", "setColorScheme", "SchemeContext", "createContext", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpD,IAAMC,aAAa,eAEbC,aAAa,WAAA;SAChB,OAAOC,eAAiB,OAAgBA,aAAaC,QAAQH,UAAAA,KAC9D;GAGII,UAAUH,WAAAA;AAEZG,YAAY,gBACdC,8CAAeD,OAAAA;AAGjB,IAAME,gBAAgBC,gDAGnB;EACDH,SAAS;EACTI,QAAQ;AACV,CAAA,GAEaC,iBAAiB,WAAA;AAC5B,MAAgBC,sBAAAA,qBAAAA,8BAAAA,gBAAAA,GAAAA,CAAAA,GAATC,QAASD,oBAAAA,CAAAA;AAChB,SAAO;IAACC;IAAOC;;AACjB;AAEO,SAASC,mBAAAA;AACd,MAAMC,aAASC,yBAAWT,aAAAA;AAC1B,SAAO;IAACQ;IAAQF;;AAClB;AAEO,SAASA,iBAAiBI,MAAmB;AAClD,EAAI,OAAOd,eAAiB,OAC1BA,aAAae,QAAQjB,YAAYgB,IAAAA,OAEnCX,8CAAeW,IAAAA;AACjB;AAEO,SAASE,eAAe,OAIuC;MAHpEC,WAD6B,MAC7BA,UAAAA,sBAD6B,MAG7BC,cAAAA,eAAAA,wBAAAA,SAAe,SAACC,MAAAA;WAAU,KAAS,OAALA,IAAAA;2BAEDC,yBAAAA,qBAAAA,qDAAAA,GAAAA,CAAAA,GAAtBC,qBAAsBD,uBAAAA,CAAAA,GACPb,kBAAAA,iBAAAA,eAAAA,GAAAA,CAAAA,GAAfe,cAAef,gBAAAA,CAAAA;AActB,SACE,uCAAAgB,MAAA,mBAAAC,UAAA;;MAC6C;MAgB3C,uCAAAC,KAACrB,cAAcsB,UAAQ;QACrBC,WAAOC,sBACL,WAAA;iBAAO;YACLtB,QAAQgB;YACRpB,SAASmB;UACX;WACA;UAACC;UAAaD;SAAmB;;;;;AAO3C;",
|
|
5
|
+
"names": ["import_universal_color_scheme", "storageKey", "getSetting", "localStorage", "getItem", "setting", "setColorScheme", "SchemeContext", "createContext", "scheme", "useColorScheme", "useColorSchemeBase", "state", "setSchemeSetting", "useSchemeSetting", "values", "useContext", "next", "setItem", "SchemeProvider", "children", "getClassName", "name", "useColorSchemeSetting", "colorSchemeSetting", "colorScheme", "_jsxs", "_Fragment", "_jsx", "Provider", "value", "useMemo"]
|
|
6
6
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -11,7 +11,7 @@ const storageKey = "vxrn-scheme", getSetting = () => typeof localStorage < "u" &
|
|
|
11
11
|
setting !== "system" && setColorScheme(setting);
|
|
12
12
|
const SchemeContext = createContext({
|
|
13
13
|
setting: "system",
|
|
14
|
-
|
|
14
|
+
scheme: "light"
|
|
15
15
|
}), useColorScheme = () => {
|
|
16
16
|
const [state] = useColorSchemeBase();
|
|
17
17
|
return [state, setSchemeSetting];
|
|
@@ -41,13 +41,14 @@ function SchemeProvider({
|
|
|
41
41
|
dangerouslySetInnerHTML: {
|
|
42
42
|
__html: `let d = document.documentElement.classList
|
|
43
43
|
d.remove('${getClassName("light")}')
|
|
44
|
-
|
|
45
|
-
let e = localStorage.getItem('
|
|
44
|
+
d.remove('${getClassName("dark")}')
|
|
45
|
+
let e = localStorage.getItem('${storageKey}')
|
|
46
46
|
let t =
|
|
47
47
|
'system' === e || !e
|
|
48
48
|
? window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
49
49
|
: e === 'dark'
|
|
50
|
-
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
|
|
50
|
+
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
|
|
51
|
+
`
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
),
|
|
@@ -56,7 +57,7 @@ function SchemeProvider({
|
|
|
56
57
|
{
|
|
57
58
|
value: useMemo(
|
|
58
59
|
() => ({
|
|
59
|
-
|
|
60
|
+
scheme: colorScheme,
|
|
60
61
|
setting: colorSchemeSetting
|
|
61
62
|
}),
|
|
62
63
|
[colorScheme, colorSchemeSetting]
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA;AAAA,EAEE;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,OACK;AACP,SAAS,iCAAiC;AAC1C,SAAS,eAAe,YAAY,eAAe;AAKnD,SAAS,gBAAgB,2BAA2B;AA6DhD,mBAEI,KAFJ;AA3DJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAGI,UAAU,WAAW;AAEvB,YAAY,YACd,eAAe,OAAO;AAGxB,MAAM,gBAAgB,cAGnB;AAAA,EACD,SAAS;AAAA,EACT,
|
|
4
|
+
"mappings": "AAAA;AAAA,EAEE;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,OACK;AACP,SAAS,iCAAiC;AAC1C,SAAS,eAAe,YAAY,eAAe;AAKnD,SAAS,gBAAgB,2BAA2B;AA6DhD,mBAEI,KAFJ;AA3DJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAGI,UAAU,WAAW;AAEvB,YAAY,YACd,eAAe,OAAO;AAGxB,MAAM,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,GAAwE;AACtE,QAAM,CAAC,kBAAkB,IAAI,sBAAsB,GAC7C,CAAC,WAAW,IAAI,eAAe;AAGnC,mCAA0B,MAAM;AAC9B,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;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -9,7 +9,7 @@ const storageKey = "vxrn-scheme",
|
|
|
9
9
|
setting !== "system" && setColorScheme(setting);
|
|
10
10
|
const SchemeContext = createContext({
|
|
11
11
|
setting: "system",
|
|
12
|
-
|
|
12
|
+
scheme: "light"
|
|
13
13
|
}),
|
|
14
14
|
useColorScheme = () => {
|
|
15
15
|
const [state] = useColorSchemeBase();
|
|
@@ -42,17 +42,18 @@ function SchemeProvider({
|
|
|
42
42
|
dangerouslySetInnerHTML: {
|
|
43
43
|
__html: `let d = document.documentElement.classList
|
|
44
44
|
d.remove('${getClassName("light")}')
|
|
45
|
-
|
|
46
|
-
let e = localStorage.getItem('
|
|
45
|
+
d.remove('${getClassName("dark")}')
|
|
46
|
+
let e = localStorage.getItem('${storageKey}')
|
|
47
47
|
let t =
|
|
48
48
|
'system' === e || !e
|
|
49
49
|
? window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
50
50
|
: e === 'dark'
|
|
51
|
-
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
|
|
51
|
+
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')
|
|
52
|
+
`
|
|
52
53
|
}
|
|
53
54
|
}), /* @__PURE__ */jsx(SchemeContext.Provider, {
|
|
54
55
|
value: useMemo(() => ({
|
|
55
|
-
|
|
56
|
+
scheme: colorScheme,
|
|
56
57
|
setting: colorSchemeSetting
|
|
57
58
|
}), [colorScheme, colorSchemeSetting]),
|
|
58
59
|
children
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","useIsomorphicLayoutEffect","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","Fragment","jsx","jsxs","storageKey","getSetting","localStorage","getItem","setting","SchemeContext","
|
|
1
|
+
{"version":3,"names":["setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","useIsomorphicLayoutEffect","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","Fragment","jsx","jsxs","storageKey","getSetting","localStorage","getItem","setting","SchemeContext","scheme","state","setSchemeSetting","useSchemeSetting","next","setItem","SchemeProvider","children","getClassName","name","colorSchemeSetting","colorScheme","toAdd","classList","document","documentElement","contains","toRemove","remove","add","dangerouslySetInnerHTML","__html","Provider","value"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAEEA,cAAA,EACAC,cAAA,IAAkBC,kBAAA,EAClBC,qBAAA,QACK;AACP,SAASC,yBAAA,QAAiC;AAC1C,SAASC,aAAA,EAAeC,UAAA,EAAYC,OAAA,QAAe;AAKnD,SAASC,cAAA,EAAgBC,mBAAA,QAA2B;AA6DhD,SAAAC,QAAA,EAEIC,GAAA,EAFJC,IAAA;AA3DJ,MAAMC,UAAA,GAAa;EAEbC,UAAA,GAAaA,CAAA,KAChB,OAAOC,YAAA,GAAiB,OAAgBA,YAAA,CAAaC,OAAA,CAAQH,UAAU,KACxE;EAGII,OAAA,GAAUH,UAAA,CAAW;AAEvBG,OAAA,KAAY,YACdjB,cAAA,CAAeiB,OAAO;AAGxB,MAAMC,aAAA,GAAgBb,aAAA,CAGnB;IACDY,OAAA,EAAS;IACTE,MAAA,EAAQ;EACV,CAAC;EAEYlB,cAAA,GAAiBA,CAAA,KAAM;IAClC,MAAM,CAACmB,KAAK,IAAIlB,kBAAA,CAAmB;IACnC,OAAO,CAACkB,KAAA,EAAOC,gBAAgB;EACjC;AAEO,SAASC,iBAAA,EAAmB;EAEjC,OAAO,CADQhB,UAAA,CAAWY,aAAa,GACvBG,gBAAgB;AAClC;AAEO,SAASA,iBAAiBE,IAAA,EAAqB;EAChD,OAAOR,YAAA,GAAiB,OAC1BA,YAAA,CAAaS,OAAA,CAAQX,UAAA,EAAYU,IAAI,GAEvCvB,cAAA,CAAeuB,IAAI;AACrB;AAEO,SAASE,eAAe;EAC7BC,QAAA;EAAA;EAEAC,YAAA,GAAgBC,IAAA,IAAS,KAAKA,IAAI;AACpC,GAAwE;EACtE,MAAM,CAACC,kBAAkB,IAAI1B,qBAAA,CAAsB;IAC7C,CAAC2B,WAAW,IAAI7B,cAAA,CAAe;EAGnC,OAAAG,yBAAA,CAA0B,MAAM;IAC9B,MAAM2B,KAAA,GAAQJ,YAAA,CAAaG,WAAW;MAChC;QAAEE;MAAU,IAAIC,QAAA,CAASC,eAAA;IAC/B,IAAI,CAACF,SAAA,CAAUG,QAAA,CAASJ,KAAK,GAAG;MAC9B,MAAMK,QAAA,GAAWN,WAAA,KAAgB,UAAU,SAAS;MACpDE,SAAA,CAAUK,MAAA,CAAOV,YAAA,CAAaS,QAAQ,CAAC,GACvCJ,SAAA,CAAUM,GAAA,CAAIP,KAAK;IACrB;EACF,GAAG,CAACD,WAAW,CAAC,GAIhB,eAAAlB,IAAA,CAAAF,QAAA;IAEIgB,QAAA,kBAAAf,GAAA,CAAC;MACC4B,uBAAA,EAAyB;QACvBC,MAAA,EAAQ;AAAA,sBACEb,YAAA,CAAa,OAAO,CAAC;AAAA,wBACnBA,YAAA,CAAa,MAAM,CAAC;AAAA,0CACFd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7Bc,YAAA,CAAa,MAAM,CAAC,eAAeA,YAAA,CAAa,OAAO,CAAC;AAAA;MAErE;IAAA,CACF,GAEF,eAAAhB,GAAA,CAACO,aAAA,CAAcuB,QAAA,EAAd;MACCC,KAAA,EAAOnC,OAAA,CACL,OAAO;QACLY,MAAA,EAAQW,WAAA;QACRb,OAAA,EAASY;MACX,IACA,CAACC,WAAA,EAAaD,kBAAkB,CAClC;MAECH;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -50,7 +50,7 @@ var storageKey = "vxrn-scheme", getSetting = function() {
|
|
|
50
50
|
setting !== "system" && setColorScheme(setting);
|
|
51
51
|
var SchemeContext = /* @__PURE__ */ createContext({
|
|
52
52
|
setting: "system",
|
|
53
|
-
|
|
53
|
+
scheme: "light"
|
|
54
54
|
}), useColorScheme = function() {
|
|
55
55
|
var _useColorSchemeBase = _sliced_to_array(useColorSchemeBase(), 1), state = _useColorSchemeBase[0];
|
|
56
56
|
return [
|
|
@@ -78,7 +78,7 @@ function SchemeProvider(param) {
|
|
|
78
78
|
/* @__PURE__ */ _jsx(SchemeContext.Provider, {
|
|
79
79
|
value: useMemo(function() {
|
|
80
80
|
return {
|
|
81
|
-
|
|
81
|
+
scheme: colorScheme,
|
|
82
82
|
setting: colorSchemeSetting
|
|
83
83
|
};
|
|
84
84
|
}, [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/color-scheme/src/index.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAEEA,gBACAC,kBAAkBC,oBAClBC,6BACK;AACP,OAA0C;AAC1C,SAASC,eAAeC,YAAYC,eAAe;AAKnD,SAASC,gBAAgBC,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpD,IAAMC,aAAa,eAEbC,aAAa,WAAA;SAChB,OAAOC,eAAiB,OAAgBA,aAAaC,QAAQH,UAAAA,KAC9D;GAGII,UAAUH,WAAAA;AAEZG,YAAY,YACdb,eAAea,OAAAA;AAGjB,IAAMC,gBAAgBV,8BAGnB;EACDS,SAAS;EACTE,
|
|
5
|
-
"names": ["setColorScheme", "useColorScheme", "useColorSchemeBase", "useColorSchemeSetting", "createContext", "useContext", "useMemo", "getColorScheme", "onColorSchemeChange", "storageKey", "getSetting", "localStorage", "getItem", "setting", "SchemeContext", "
|
|
4
|
+
"mappings": ";AAAA,SAEEA,gBACAC,kBAAkBC,oBAClBC,6BACK;AACP,OAA0C;AAC1C,SAASC,eAAeC,YAAYC,eAAe;AAKnD,SAASC,gBAAgBC,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpD,IAAMC,aAAa,eAEbC,aAAa,WAAA;SAChB,OAAOC,eAAiB,OAAgBA,aAAaC,QAAQH,UAAAA,KAC9D;GAGII,UAAUH,WAAAA;AAEZG,YAAY,YACdb,eAAea,OAAAA;AAGjB,IAAMC,gBAAgBV,8BAGnB;EACDS,SAAS;EACTE,QAAQ;AACV,CAAA,GAEad,iBAAiB,WAAA;AAC5B,MAAgBC,sBAAAA,iBAAAA,mBAAAA,GAAAA,CAAAA,GAATc,QAASd,oBAAAA,CAAAA;AAChB,SAAO;IAACc;IAAOC;;AACjB;AAEO,SAASC,mBAAAA;AACd,MAAMC,SAASd,WAAWS,aAAAA;AAC1B,SAAO;IAACK;IAAQF;;AAClB;AAEO,SAASA,iBAAiBG,MAAmB;AAClD,EAAI,OAAOT,eAAiB,OAC1BA,aAAaU,QAAQZ,YAAYW,IAAAA,GAEnCpB,eAAeoB,IAAAA;AACjB;AAEO,SAASE,eAAe,OAIuC;MAHpEC,WAD6B,MAC7BA,UAAAA,sBAD6B,MAG7BC,cAAAA,eAAAA,wBAAAA,SAAe,SAACC,MAAAA;WAAU,KAAS,OAALA,IAAAA;2BAEDtB,yBAAAA,iBAAAA,sBAAAA,GAAAA,CAAAA,GAAtBuB,qBAAsBvB,uBAAAA,CAAAA,GACPF,kBAAAA,iBAAAA,eAAAA,GAAAA,CAAAA,GAAf0B,cAAe1B,gBAAAA,CAAAA;AActB,SACE,sBAAA,WAAA;;MAC6C;MAgB3C,qBAACa,cAAcc,UAAQ;QACrBC,OAAOvB,QACL,WAAA;iBAAO;YACLS,QAAQY;YACRd,SAASa;UACX;WACA;UAACC;UAAaD;SAAmB;;;;;AAO3C;",
|
|
5
|
+
"names": ["setColorScheme", "useColorScheme", "useColorSchemeBase", "useColorSchemeSetting", "createContext", "useContext", "useMemo", "getColorScheme", "onColorSchemeChange", "storageKey", "getSetting", "localStorage", "getItem", "setting", "SchemeContext", "scheme", "state", "setSchemeSetting", "useSchemeSetting", "values", "next", "setItem", "SchemeProvider", "children", "getClassName", "name", "colorSchemeSetting", "colorScheme", "Provider", "value"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vxrn/color-scheme",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.204",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
"clean:build": "tamagui-build clean:build"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@tamagui/use-did-finish-ssr": "^1.110.
|
|
34
|
-
"@vxrn/universal-color-scheme": "1.1.
|
|
35
|
-
"@vxrn/use-isomorphic-layout-effect": "1.1.
|
|
33
|
+
"@tamagui/use-did-finish-ssr": "^1.110.1",
|
|
34
|
+
"@vxrn/universal-color-scheme": "1.1.204",
|
|
35
|
+
"@vxrn/use-isomorphic-layout-effect": "1.1.204"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@tamagui/build": "^1.110.
|
|
38
|
+
"@tamagui/build": "^1.110.1",
|
|
39
39
|
"react": "^18.2.0 || ^19.0.0",
|
|
40
40
|
"react-native": "0.74.1"
|
|
41
41
|
},
|
package/src/index.tsx
CHANGED
|
@@ -27,10 +27,10 @@ if (setting !== 'system') {
|
|
|
27
27
|
|
|
28
28
|
const SchemeContext = createContext<{
|
|
29
29
|
setting: SchemeSetting
|
|
30
|
-
|
|
30
|
+
scheme: 'light' | 'dark'
|
|
31
31
|
}>({
|
|
32
32
|
setting: 'system',
|
|
33
|
-
|
|
33
|
+
scheme: 'light',
|
|
34
34
|
})
|
|
35
35
|
|
|
36
36
|
export const useColorScheme = () => {
|
|
@@ -77,20 +77,21 @@ export function SchemeProvider({
|
|
|
77
77
|
dangerouslySetInnerHTML={{
|
|
78
78
|
__html: `let d = document.documentElement.classList
|
|
79
79
|
d.remove('${getClassName('light')}')
|
|
80
|
-
|
|
81
|
-
let e = localStorage.getItem('
|
|
80
|
+
d.remove('${getClassName('dark')}')
|
|
81
|
+
let e = localStorage.getItem('${storageKey}')
|
|
82
82
|
let t =
|
|
83
83
|
'system' === e || !e
|
|
84
84
|
? window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
85
85
|
: e === 'dark'
|
|
86
|
-
t ? d.add('${getClassName('dark')}') : d.add('${getClassName('light')}')
|
|
86
|
+
t ? d.add('${getClassName('dark')}') : d.add('${getClassName('light')}')
|
|
87
|
+
`,
|
|
87
88
|
}}
|
|
88
89
|
/>
|
|
89
90
|
)}
|
|
90
91
|
<SchemeContext.Provider
|
|
91
92
|
value={useMemo(
|
|
92
93
|
() => ({
|
|
93
|
-
|
|
94
|
+
scheme: colorScheme,
|
|
94
95
|
setting: colorSchemeSetting,
|
|
95
96
|
}),
|
|
96
97
|
[colorScheme, colorSchemeSetting]
|
package/types/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { getColorScheme, onColorSchemeChange } from '@vxrn/universal-color-schem
|
|
|
5
5
|
export declare const useColorScheme: () => readonly ["light" | "dark", typeof setSchemeSetting];
|
|
6
6
|
export declare function useSchemeSetting(): readonly [{
|
|
7
7
|
setting: SchemeSetting;
|
|
8
|
-
|
|
8
|
+
scheme: "light" | "dark";
|
|
9
9
|
}, typeof setSchemeSetting];
|
|
10
10
|
export declare function setSchemeSetting(next: SchemeSetting): void;
|
|
11
11
|
export declare function SchemeProvider({ children, getClassName, }: {
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAIrB,MAAM,8BAA8B,CAAA;AAIrC,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AACrC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAuBlF,eAAO,MAAM,cAAc,4DAG1B,CAAA;AAED,wBAAgB,gBAAgB;;;4BAG/B;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,QAKnD;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EAER,YAAoC,GACrC,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,MAAM,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAIrB,MAAM,8BAA8B,CAAA;AAIrC,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AACrC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAuBlF,eAAO,MAAM,cAAc,4DAG1B,CAAA;AAED,wBAAgB,gBAAgB;;;4BAG/B;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,QAKnD;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EAER,YAAoC,GACrC,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,MAAM,CAAA;CAAE,2CA+CrE"}
|
package/dist/cjs/types.js
DELETED
|
@@ -1,14 +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 __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
-
return to;
|
|
10
|
-
};
|
|
11
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
-
var types_exports = {};
|
|
13
|
-
module.exports = __toCommonJS(types_exports);
|
|
14
|
-
//# sourceMappingURL=types.js.map
|
package/dist/cjs/types.js.map
DELETED
package/dist/cjs/types.native.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
return to;
|
|
11
|
-
};
|
|
12
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
13
|
-
var types_exports = {};
|
|
14
|
-
module.exports = __toCommonJS(types_exports);
|
|
15
|
-
//# sourceMappingURL=types.js.map
|
|
@@ -1,36 +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 useSystemTheme_exports = {};
|
|
16
|
-
__export(useSystemTheme_exports, {
|
|
17
|
-
useSystemTheme: () => useSystemTheme
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(useSystemTheme_exports);
|
|
20
|
-
var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr"), import_react = require("react");
|
|
21
|
-
const media = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
|
|
22
|
-
function getSystemTheme() {
|
|
23
|
-
return media?.matches ? "dark" : "light";
|
|
24
|
-
}
|
|
25
|
-
function useSystemTheme() {
|
|
26
|
-
const [systemTheme, setSystemTheme] = (0, import_react.useState)(() => getSystemTheme()), didHydrate = (0, import_use_did_finish_ssr.useDidFinishSSR)();
|
|
27
|
-
return (0, import_react.useEffect)(() => {
|
|
28
|
-
const onChange = () => {
|
|
29
|
-
setSystemTheme(getSystemTheme());
|
|
30
|
-
};
|
|
31
|
-
return media?.addEventListener("change", onChange), () => {
|
|
32
|
-
media?.removeEventListener("change", onChange);
|
|
33
|
-
};
|
|
34
|
-
}, []), didHydrate ? systemTheme : "light";
|
|
35
|
-
}
|
|
36
|
-
//# sourceMappingURL=useSystemTheme.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/useSystemTheme.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAgC,wCAChC,eAAoC;AAGpC,MAAM,QACJ,OAAO,SAAW,OAAe,OAAO,aACpC,OAAO,WAAW,8BAA8B,IAChD;AAEN,SAAS,iBAAiB;AACxB,SAAO,OAAO,UAAU,SAAS;AACnC;AAEO,SAAS,iBAAiB;AAC/B,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAiB,MAAM,eAAe,CAAC,GACvE,iBAAa,2CAAgB;AAYnC,aAVA,wBAAU,MAAM;AACd,UAAM,WAAW,MAAM;AACrB,qBAAe,eAAe,CAAC;AAAA,IACjC;AACA,kBAAO,iBAAiB,UAAU,QAAQ,GACnC,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC,GAEA,aAIE,cAHE;AAIX;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var useSystemTheme_native_exports = {};
|
|
17
|
-
__export(useSystemTheme_native_exports, {
|
|
18
|
-
useSystemTheme: () => useSystemTheme
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(useSystemTheme_native_exports);
|
|
21
|
-
var import_react = require("react"), import_react_native = require("react-native");
|
|
22
|
-
function _array_like_to_array(arr, len) {
|
|
23
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
24
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
25
|
-
return arr2;
|
|
26
|
-
}
|
|
27
|
-
function _array_with_holes(arr) {
|
|
28
|
-
if (Array.isArray(arr)) return arr;
|
|
29
|
-
}
|
|
30
|
-
function _iterable_to_array_limit(arr, i) {
|
|
31
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
32
|
-
if (_i != null) {
|
|
33
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
34
|
-
try {
|
|
35
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
36
|
-
;
|
|
37
|
-
} catch (err) {
|
|
38
|
-
_d = !0, _e = err;
|
|
39
|
-
} finally {
|
|
40
|
-
try {
|
|
41
|
-
!_n && _i.return != null && _i.return();
|
|
42
|
-
} finally {
|
|
43
|
-
if (_d) throw _e;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
return _arr;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
function _non_iterable_rest() {
|
|
50
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
51
|
-
}
|
|
52
|
-
function _sliced_to_array(arr, i) {
|
|
53
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
54
|
-
}
|
|
55
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
56
|
-
if (o) {
|
|
57
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
58
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
59
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
60
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
function useSystemTheme() {
|
|
64
|
-
var _useState = _sliced_to_array((0, import_react.useState)(import_react_native.Appearance.getColorScheme() || "light"), 2), scheme = _useState[0], setScheme = _useState[1];
|
|
65
|
-
return (0, import_react.useEffect)(function() {
|
|
66
|
-
var listener = import_react_native.Appearance.addChangeListener(function(next) {
|
|
67
|
-
setScheme(next.colorScheme || "light");
|
|
68
|
-
});
|
|
69
|
-
return function() {
|
|
70
|
-
listener.remove();
|
|
71
|
-
};
|
|
72
|
-
}, []), scheme;
|
|
73
|
-
}
|
|
74
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
75
|
-
0 && (module.exports = {
|
|
76
|
-
useSystemTheme
|
|
77
|
-
});
|
|
78
|
-
//# sourceMappingURL=useSystemTheme.native.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/one-theme/src/useSystemTheme.native.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAoC,kBACpC,sBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGpB,SAASA,iBAAAA;AACd,MAA4BC,YAAAA,qBAAAA,uBAASC,+BAAWC,eAAc,KAAM,OAAA,GAAA,CAAA,GAA7DC,SAAqBH,UAAAA,CAAAA,GAAbI,YAAaJ,UAAAA,CAAAA;AAE5BK,qCAAU,WAAA;AACR,QAAMC,WAAWL,+BAAWM,kBAAkB,SAACC,MAAAA;AAC7CJ,gBAAUI,KAAKC,eAAe,OAAA;IAChC,CAAA;AAEA,WAAO,WAAA;AACLH,eAASI,OAAM;IACjB;EACF,GAAG,CAAA,CAAE,GAEEP;AACT;",
|
|
5
|
-
"names": ["useSystemTheme", "useState", "Appearance", "getColorScheme", "scheme", "setScheme", "useEffect", "listener", "addChangeListener", "next", "colorScheme", "remove"]
|
|
6
|
-
}
|
package/dist/esm/types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=types.js.map
|
package/dist/esm/types.js.map
DELETED
package/dist/esm/types.mjs
DELETED
package/dist/esm/types.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
package/dist/esm/types.native.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=types.js.map
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
|
|
2
|
-
import { useState, useEffect } from "react";
|
|
3
|
-
const media = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
|
|
4
|
-
function getSystemTheme() {
|
|
5
|
-
return media?.matches ? "dark" : "light";
|
|
6
|
-
}
|
|
7
|
-
function useSystemTheme() {
|
|
8
|
-
const [systemTheme, setSystemTheme] = useState(() => getSystemTheme()), didHydrate = useDidFinishSSR();
|
|
9
|
-
return useEffect(() => {
|
|
10
|
-
const onChange = () => {
|
|
11
|
-
setSystemTheme(getSystemTheme());
|
|
12
|
-
};
|
|
13
|
-
return media?.addEventListener("change", onChange), () => {
|
|
14
|
-
media?.removeEventListener("change", onChange);
|
|
15
|
-
};
|
|
16
|
-
}, []), didHydrate ? systemTheme : "light";
|
|
17
|
-
}
|
|
18
|
-
export {
|
|
19
|
-
useSystemTheme
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=useSystemTheme.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/useSystemTheme.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,UAAU,iBAAiB;AAGpC,MAAM,QACJ,OAAO,SAAW,OAAe,OAAO,aACpC,OAAO,WAAW,8BAA8B,IAChD;AAEN,SAAS,iBAAiB;AACxB,SAAO,OAAO,UAAU,SAAS;AACnC;AAEO,SAAS,iBAAiB;AAC/B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,MAAM,eAAe,CAAC,GACvE,aAAa,gBAAgB;AAYnC,SAVA,UAAU,MAAM;AACd,UAAM,WAAW,MAAM;AACrB,qBAAe,eAAe,CAAC;AAAA,IACjC;AACA,kBAAO,iBAAiB,UAAU,QAAQ,GACnC,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC,GAEA,aAIE,cAHE;AAIX;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
|
|
2
|
-
import { useState, useEffect } from "react";
|
|
3
|
-
const media = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
|
|
4
|
-
function getSystemTheme() {
|
|
5
|
-
return media?.matches ? "dark" : "light";
|
|
6
|
-
}
|
|
7
|
-
function useSystemTheme() {
|
|
8
|
-
const [systemTheme, setSystemTheme] = useState(() => getSystemTheme()),
|
|
9
|
-
didHydrate = useDidFinishSSR();
|
|
10
|
-
return useEffect(() => {
|
|
11
|
-
const onChange = () => {
|
|
12
|
-
setSystemTheme(getSystemTheme());
|
|
13
|
-
};
|
|
14
|
-
return media?.addEventListener("change", onChange), () => {
|
|
15
|
-
media?.removeEventListener("change", onChange);
|
|
16
|
-
};
|
|
17
|
-
}, []), didHydrate ? systemTheme : "light";
|
|
18
|
-
}
|
|
19
|
-
export { useSystemTheme };
|
|
20
|
-
//# sourceMappingURL=useSystemTheme.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useDidFinishSSR","useState","useEffect","media","window","matchMedia","getSystemTheme","matches","useSystemTheme","systemTheme","setSystemTheme","didHydrate","onChange","addEventListener","removeEventListener"],"sources":["../../src/useSystemTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,QAAA,EAAUC,SAAA,QAAiB;AAGpC,MAAMC,KAAA,GACJ,OAAOC,MAAA,GAAW,OAAeA,MAAA,CAAOC,UAAA,GACpCD,MAAA,CAAOC,UAAA,CAAW,8BAA8B,IAChD;AAEN,SAASC,eAAA,EAAiB;EACxB,OAAOH,KAAA,EAAOI,OAAA,GAAU,SAAS;AACnC;AAEO,SAASC,eAAA,EAAiB;EAC/B,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAIT,QAAA,CAAiB,MAAMK,cAAA,CAAe,CAAC;IACvEK,UAAA,GAAaX,eAAA,CAAgB;EAYnC,OAVAE,SAAA,CAAU,MAAM;IACd,MAAMU,QAAA,GAAWA,CAAA,KAAM;MACrBF,cAAA,CAAeJ,cAAA,CAAe,CAAC;IACjC;IACA,OAAAH,KAAA,EAAOU,gBAAA,CAAiB,UAAUD,QAAQ,GACnC,MAAM;MACXT,KAAA,EAAOW,mBAAA,CAAoB,UAAUF,QAAQ;IAC/C;EACF,GAAG,EAAE,GAEAD,UAAA,GAIEF,WAAA,GAHE;AAIX","ignoreList":[]}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { useState, useEffect } from "react";
|
|
2
|
-
import { Appearance } from "react-native";
|
|
3
|
-
function _array_like_to_array(arr, len) {
|
|
4
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
5
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
6
|
-
return arr2;
|
|
7
|
-
}
|
|
8
|
-
function _array_with_holes(arr) {
|
|
9
|
-
if (Array.isArray(arr)) return arr;
|
|
10
|
-
}
|
|
11
|
-
function _iterable_to_array_limit(arr, i) {
|
|
12
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
13
|
-
if (_i != null) {
|
|
14
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
15
|
-
try {
|
|
16
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
17
|
-
;
|
|
18
|
-
} catch (err) {
|
|
19
|
-
_d = !0, _e = err;
|
|
20
|
-
} finally {
|
|
21
|
-
try {
|
|
22
|
-
!_n && _i.return != null && _i.return();
|
|
23
|
-
} finally {
|
|
24
|
-
if (_d) throw _e;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
return _arr;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
function _non_iterable_rest() {
|
|
31
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
32
|
-
}
|
|
33
|
-
function _sliced_to_array(arr, i) {
|
|
34
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
35
|
-
}
|
|
36
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
37
|
-
if (o) {
|
|
38
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
39
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
40
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
41
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
function useSystemTheme() {
|
|
45
|
-
var _useState = _sliced_to_array(useState(Appearance.getColorScheme() || "light"), 2), scheme = _useState[0], setScheme = _useState[1];
|
|
46
|
-
return useEffect(function() {
|
|
47
|
-
var listener = Appearance.addChangeListener(function(next) {
|
|
48
|
-
setScheme(next.colorScheme || "light");
|
|
49
|
-
});
|
|
50
|
-
return function() {
|
|
51
|
-
listener.remove();
|
|
52
|
-
};
|
|
53
|
-
}, []), scheme;
|
|
54
|
-
}
|
|
55
|
-
export {
|
|
56
|
-
useSystemTheme
|
|
57
|
-
};
|
|
58
|
-
//# sourceMappingURL=useSystemTheme.native.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/one-theme/src/useSystemTheme.native.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,UAAUC,iBAAiB;AACpC,SAASC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGpB,SAASC,iBAAAA;AACd,MAA4BH,YAAAA,iBAAAA,SAASE,WAAWE,eAAc,KAAM,OAAA,GAAA,CAAA,GAA7DC,SAAqBL,UAAAA,CAAAA,GAAbM,YAAaN,UAAAA,CAAAA;AAE5BC,mBAAU,WAAA;AACR,QAAMM,WAAWL,WAAWM,kBAAkB,SAACC,MAAAA;AAC7CH,gBAAUG,KAAKC,eAAe,OAAA;IAChC,CAAA;AAEA,WAAO,WAAA;AACLH,eAASI,OAAM;IACjB;EACF,GAAG,CAAA,CAAE,GAEEN;AACT;",
|
|
5
|
-
"names": ["useState", "useEffect", "Appearance", "useSystemTheme", "getColorScheme", "scheme", "setScheme", "listener", "addChangeListener", "next", "colorScheme", "remove"]
|
|
6
|
-
}
|