@vxrn/color-scheme 1.1.255 → 1.1.256

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 CHANGED
@@ -14,6 +14,7 @@ var __export = (target, all) => {
14
14
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
15
  var src_exports = {};
16
16
  __export(src_exports, {
17
+ MetaTheme: () => MetaTheme,
17
18
  SchemeProvider: () => SchemeProvider,
18
19
  getColorScheme: () => import_universal_color_scheme2.getColorScheme,
19
20
  onColorSchemeChange: () => import_universal_color_scheme2.onColorSchemeChange,
@@ -82,4 +83,36 @@ function SchemeProvider({
82
83
  )
83
84
  ] });
84
85
  }
86
+ const MetaTheme = ({
87
+ color,
88
+ darkColor,
89
+ lightColor
90
+ }) => {
91
+ const [colorScheme] = useColorScheme();
92
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
93
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
94
+ "meta",
95
+ {
96
+ itemProp: "__deopt",
97
+ id: "vxrn-theme-color",
98
+ name: "theme-color",
99
+ content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
100
+ }
101
+ ),
102
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
103
+ "script",
104
+ {
105
+ id: "meta-theme-hydrate",
106
+ dangerouslySetInnerHTML: {
107
+ __html: `
108
+ let dc = document.getElementById('vxrn-theme-color')
109
+ let e1 = localStorage.getItem('${storageKey}')
110
+ let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
111
+ dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
112
+ `
113
+ }
114
+ }
115
+ )
116
+ ] });
117
+ };
85
118
  //# sourceMappingURL=index.js.map
@@ -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,yCAyDhD;AAvDJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAEI,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;AAE9B,sDAAe,WAAW,CAAC;AAE3B,UAAM,QAAQ,aAAa,WAAW,GAChC,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAI,CAAC,UAAU,SAAS,KAAK,GAAG;AAC9B,YAAM,WAAW,gBAAgB,UAAU,SAAS;AACpD,gBAAU,OAAO,aAAa,QAAQ,CAAC,GACvC,UAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC,GAIhB,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;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,yCAyDhD;AAvDJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAEI,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;AAE9B,sDAAe,WAAW,CAAC;AAE3B,UAAM,QAAQ,aAAa,WAAW,GAChC,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAI,CAAC,UAAU,SAAS,KAAK,GAAG;AAC9B,YAAM,WAAW,gBAAgB,UAAU,SAAS;AACpD,gBAAU,OAAO,aAAa,QAAQ,CAAC,GACvC,UAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC,GAIhB,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;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAAgE;AAC9D,QAAM,CAAC,WAAW,IAAI,eAAe;AAErC,SACE,4EAGE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,IAAG;AAAA,QACH,MAAK;AAAA,QACL,SAAS,UAAU,gBAAgB,SAAS,YAAY;AAAA;AAAA,IAC1D;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ;AAAA;AAAA,iCAEe,UAAU;AAAA;AAAA,oCAEP,SAAS,QAAQ,UAAU;AAAA;AAAA,QAEvD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": ["import_universal_color_scheme", "useColorSchemeBase"]
6
6
  }
@@ -15,6 +15,7 @@ var __export = (target, all) => {
15
15
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
16
  var src_exports = {};
17
17
  __export(src_exports, {
18
+ MetaTheme: () => MetaTheme,
18
19
  SchemeProvider: () => SchemeProvider,
19
20
  getColorScheme: () => import_universal_color_scheme2.getColorScheme,
20
21
  onColorSchemeChange: () => import_universal_color_scheme2.onColorSchemeChange,
@@ -70,8 +71,36 @@ function SchemeProvider(param) {
70
71
  ]
71
72
  });
72
73
  }
74
+ var MetaTheme = function(param) {
75
+ var { color, darkColor, lightColor } = param, [colorScheme] = useColorScheme();
76
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
77
+ children: [
78
+ /* itemProp removes hoisting - react wasnt de-duping it properly causing two in DOM */
79
+ /* maybe bug in safari or react */
80
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", {
81
+ itemProp: "__deopt",
82
+ id: "vxrn-theme-color",
83
+ name: "theme-color",
84
+ content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
85
+ }),
86
+ /* ssr compat theme-color */
87
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
88
+ id: "meta-theme-hydrate",
89
+ dangerouslySetInnerHTML: {
90
+ __html: `
91
+ let dc = document.getElementById('vxrn-theme-color')
92
+ let e1 = localStorage.getItem('${storageKey}')
93
+ let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
94
+ dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
95
+ `
96
+ }
97
+ })
98
+ ]
99
+ });
100
+ };
73
101
  // Annotate the CommonJS export names for ESM import in node:
74
102
  0 && (module.exports = {
103
+ MetaTheme,
75
104
  SchemeProvider,
76
105
  getColorScheme,
77
106
  onColorSchemeChange,
@@ -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,yCAE9CC,aAAa;AAMnB,IAAMC,gBAAgBC,gDAGnB;EACDC,SAAS;EACTC,QAAQ;AACV,CAAA,GAEaC,iBAAiB,WAAA;AAC5B,MAAM,CAACC,KAAAA,QAASC,8BAAAA,gBAAAA;AAChB,SAAO;IAACD;IAAOE;;AACjB;AAEO,SAASC,mBAAAA;AACd,MAAMC,aAASC,yBAAWV,aAAAA;AAC1B,SAAO;IAACS;IAAQF;;AAClB;AAEO,SAASA,iBAAiBI,MAAmB;AAClD,EAAI,OAAOC,eAAiB,OAC1BA,aAAaC,QAAQC,YAAYH,IAAAA,OAEnCI,8CAAeJ,IAAAA;AACjB;AAEO,SAASK,eAAe,OAIuC;MAJvC;IAC7BC;;IAEAC,eAAe,SAACC,MAAAA;aAAS,KAAKA,IAAAA;;EAAM,IAHP,OAKvB,CAACC,kBAAAA,QAAsBC,qDAAAA,GACvB,CAACC,WAAAA,IAAelB,eAAAA;AAiBtB,SACE,uCAAAmB,MAAA,mBAAAC,UAAA;;MAC6C;MAgB3C,uCAAAC,KAACzB,cAAc0B,UAAQ;QACrBC,WAAOC,sBACL,WAAA;iBAAO;YACLzB,QAAQmB;YACRpB,SAASkB;UACX;WACA;UAACE;UAAaF;SAAmB;;;;;AAO3C;",
5
- "names": ["import_universal_color_scheme", "storageKey", "SchemeContext", "createContext", "setting", "scheme", "useColorScheme", "state", "useColorSchemeBase", "setSchemeSetting", "useSchemeSetting", "values", "useContext", "next", "localStorage", "setItem", "storageKey", "setColorScheme", "SchemeProvider", "children", "getClassName", "name", "colorSchemeSetting", "useColorSchemeSetting", "colorScheme", "_jsxs", "_Fragment", "_jsx", "Provider", "value", "useMemo"]
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,yCAE9CC,aAAa;AAMnB,IAAMC,gBAAgBC,gDAGnB;EACDC,SAAS;EACTC,QAAQ;AACV,CAAA,GAEaC,iBAAiB,WAAA;AAC5B,MAAM,CAACC,KAAAA,QAASC,8BAAAA,gBAAAA;AAChB,SAAO;IAACD;IAAOE;;AACjB;AAEO,SAASC,mBAAAA;AACd,MAAMC,aAASC,yBAAWV,aAAAA;AAC1B,SAAO;IAACS;IAAQF;;AAClB;AAEO,SAASA,iBAAiBI,MAAmB;AAClD,EAAI,OAAOC,eAAiB,OAC1BA,aAAaC,QAAQC,YAAYH,IAAAA,OAEnCI,8CAAeJ,IAAAA;AACjB;AAEO,SAASK,eAAe,OAIuC;MAJvC;IAC7BC;;IAEAC,eAAe,SAACC,MAAAA;aAAS,KAAKA,IAAAA;;EAAM,IAHP,OAKvB,CAACC,kBAAAA,QAAsBC,qDAAAA,GACvB,CAACC,WAAAA,IAAelB,eAAAA;AAiBtB,SACE,uCAAAmB,MAAA,mBAAAC,UAAA;;MAC6C;MAgB3C,uCAAAC,KAACzB,cAAc0B,UAAQ;QACrBC,WAAOC,sBACL,WAAA;iBAAO;YACLzB,QAAQmB;YACRpB,SAASkB;UACX;WACA;UAACE;UAAaF;SAAmB;;;;;AAO3C;AAEO,IAAMS,YAAY,SAAA,OAAA;MAAC,EACxBC,OACAC,WACAC,WAAU,IAC+C,OACnD,CAACV,WAAAA,IAAelB,eAAAA;AAEtB,SACE,uCAAAmB,MAAA,mBAAAC,UAAA;;;;MAGE,uCAAAC,KAACQ,QAAAA;QACCC,UAAS;QACTC,IAAG;QACHhB,MAAK;QACLiB,SAASN,UAAUR,gBAAgB,SAASS,YAAYC;;;MAI1D,uCAAAP,KAACY,UAAAA;QACCF,IAAG;QACHG,yBAAyB;UACvBC,QAAQ;;iCAEezB,UAAAA;;oCAEGiB,SAAAA,QAAiBC,UAAAA;;QAE7C;;;;AAIR;",
5
+ "names": ["import_universal_color_scheme", "storageKey", "SchemeContext", "createContext", "setting", "scheme", "useColorScheme", "state", "useColorSchemeBase", "setSchemeSetting", "useSchemeSetting", "values", "useContext", "next", "localStorage", "setItem", "storageKey", "setColorScheme", "SchemeProvider", "children", "getClassName", "name", "colorSchemeSetting", "useColorSchemeSetting", "colorScheme", "_jsxs", "_Fragment", "_jsx", "Provider", "value", "useMemo", "MetaTheme", "color", "darkColor", "lightColor", "meta", "itemProp", "id", "content", "script", "dangerouslySetInnerHTML", "__html"]
6
6
  }
package/dist/esm/index.js CHANGED
@@ -66,7 +66,40 @@ function SchemeProvider({
66
66
  )
67
67
  ] });
68
68
  }
69
+ const MetaTheme = ({
70
+ color,
71
+ darkColor,
72
+ lightColor
73
+ }) => {
74
+ const [colorScheme] = useColorScheme();
75
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
76
+ /* @__PURE__ */ jsx(
77
+ "meta",
78
+ {
79
+ itemProp: "__deopt",
80
+ id: "vxrn-theme-color",
81
+ name: "theme-color",
82
+ content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
83
+ }
84
+ ),
85
+ /* @__PURE__ */ jsx(
86
+ "script",
87
+ {
88
+ id: "meta-theme-hydrate",
89
+ dangerouslySetInnerHTML: {
90
+ __html: `
91
+ let dc = document.getElementById('vxrn-theme-color')
92
+ let e1 = localStorage.getItem('${storageKey}')
93
+ let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
94
+ dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
95
+ `
96
+ }
97
+ }
98
+ )
99
+ ] });
100
+ };
69
101
  export {
102
+ MetaTheme,
70
103
  SchemeProvider,
71
104
  getColorScheme,
72
105
  onColorSchemeChange,
@@ -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;AAyDhD,mBAEI,KAFJ;AAvDJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAEI,gBAAgB,cAGnB;AAAA,EACD,SAAS;AAAA,EACT,QAAQ;AACV,CAAC,GAEY,iBAAiB,MAAM;AAClC,QAAM,CAAC,KAAK,IAAI,mBAAmB;AACnC,SAAO,CAAC,OAAO,gBAAgB;AACjC;AAEO,SAAS,mBAAmB;AAEjC,SAAO,CADQ,WAAW,aAAa,GACvB,gBAAgB;AAClC;AAEO,SAAS,iBAAiB,MAAqB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,IAAI,GAEvC,eAAe,IAAI;AACrB;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA;AAAA,EAEA,eAAe,CAAC,SAAS,KAAK,IAAI;AACpC,GAAwE;AACtE,QAAM,CAAC,kBAAkB,IAAI,sBAAsB,GAC7C,CAAC,WAAW,IAAI,eAAe;AAGnC,mCAA0B,MAAM;AAE9B,mBAAe,WAAW,CAAC;AAE3B,UAAM,QAAQ,aAAa,WAAW,GAChC,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAI,CAAC,UAAU,SAAS,KAAK,GAAG;AAC9B,YAAM,WAAW,gBAAgB,UAAU,SAAS;AACpD,gBAAU,OAAO,aAAa,QAAQ,CAAC,GACvC,UAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC,GAIhB,iCAEI;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,sBACE,aAAa,OAAO,CAAC;AAAA,wBACnB,aAAa,MAAM,CAAC;AAAA,0CACF,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7B,aAAa,MAAM,CAAC,eAAe,aAAa,OAAO,CAAC;AAAA;AAAA,QAErE;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,UACA,CAAC,aAAa,kBAAkB;AAAA,QAClC;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
4
+ "mappings": "AAAA;AAAA,EAEE;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,OACK;AACP,SAAS,iCAAiC;AAC1C,SAAS,eAAe,YAAY,eAAe;AAKnD,SAAS,gBAAgB,2BAA2B;AAyDhD,mBAEI,KAFJ;AAvDJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAEI,gBAAgB,cAGnB;AAAA,EACD,SAAS;AAAA,EACT,QAAQ;AACV,CAAC,GAEY,iBAAiB,MAAM;AAClC,QAAM,CAAC,KAAK,IAAI,mBAAmB;AACnC,SAAO,CAAC,OAAO,gBAAgB;AACjC;AAEO,SAAS,mBAAmB;AAEjC,SAAO,CADQ,WAAW,aAAa,GACvB,gBAAgB;AAClC;AAEO,SAAS,iBAAiB,MAAqB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,IAAI,GAEvC,eAAe,IAAI;AACrB;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA;AAAA,EAEA,eAAe,CAAC,SAAS,KAAK,IAAI;AACpC,GAAwE;AACtE,QAAM,CAAC,kBAAkB,IAAI,sBAAsB,GAC7C,CAAC,WAAW,IAAI,eAAe;AAGnC,mCAA0B,MAAM;AAE9B,mBAAe,WAAW,CAAC;AAE3B,UAAM,QAAQ,aAAa,WAAW,GAChC,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAI,CAAC,UAAU,SAAS,KAAK,GAAG;AAC9B,YAAM,WAAW,gBAAgB,UAAU,SAAS;AACpD,gBAAU,OAAO,aAAa,QAAQ,CAAC,GACvC,UAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC,GAIhB,iCAEI;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,sBACE,aAAa,OAAO,CAAC;AAAA,wBACnB,aAAa,MAAM,CAAC;AAAA,0CACF,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7B,aAAa,MAAM,CAAC,eAAe,aAAa,OAAO,CAAC;AAAA;AAAA,QAErE;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,UACA,CAAC,aAAa,kBAAkB;AAAA,QAClC;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAAgE;AAC9D,QAAM,CAAC,WAAW,IAAI,eAAe;AAErC,SACE,iCAGE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,IAAG;AAAA,QACH,MAAK;AAAA,QACL,SAAS,UAAU,gBAAgB,SAAS,YAAY;AAAA;AAAA,IAC1D;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ;AAAA;AAAA,iCAEe,UAAU;AAAA;AAAA,oCAEP,SAAS,QAAQ,UAAU;AAAA;AAAA,QAEvD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -59,5 +59,30 @@ function SchemeProvider({
59
59
  })]
60
60
  });
61
61
  }
62
- export { SchemeProvider, getColorScheme, onColorSchemeChange, setSchemeSetting, useColorScheme, useSchemeSetting };
62
+ const MetaTheme = ({
63
+ color,
64
+ darkColor,
65
+ lightColor
66
+ }) => {
67
+ const [colorScheme] = useColorScheme();
68
+ return /* @__PURE__ */jsxs(Fragment, {
69
+ children: [/* @__PURE__ */jsx("meta", {
70
+ itemProp: "__deopt",
71
+ id: "vxrn-theme-color",
72
+ name: "theme-color",
73
+ content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
74
+ }), /* @__PURE__ */jsx("script", {
75
+ id: "meta-theme-hydrate",
76
+ dangerouslySetInnerHTML: {
77
+ __html: `
78
+ let dc = document.getElementById('vxrn-theme-color')
79
+ let e1 = localStorage.getItem('${storageKey}')
80
+ let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
81
+ dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
82
+ `
83
+ }
84
+ })]
85
+ });
86
+ };
87
+ export { MetaTheme, SchemeProvider, getColorScheme, onColorSchemeChange, setSchemeSetting, useColorScheme, useSchemeSetting };
63
88
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","useIsomorphicLayoutEffect","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","Fragment","jsx","jsxs","storageKey","getSetting","localStorage","getItem","SchemeContext","setting","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;AAyDhD,SAAAC,QAAA,EAEIC,GAAA,EAFJC,IAAA;AAvDJ,MAAMC,UAAA,GAAa;EAEbC,UAAA,GAAaA,CAAA,KAChB,OAAOC,YAAA,GAAiB,OAAgBA,YAAA,CAAaC,OAAA,CAAQH,UAAU,KACxE;EAEII,aAAA,GAAgBZ,aAAA,CAGnB;IACDa,OAAA,EAAS;IACTC,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,CAAWW,aAAa,GACvBI,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;IAE9BJ,cAAA,CAAec,UAAA,CAAW,CAAC;IAE3B,MAAMiB,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,CAACM,aAAA,CAAcwB,QAAA,EAAd;MACCC,KAAA,EAAOnC,OAAA,CACL,OAAO;QACLY,MAAA,EAAQW,WAAA;QACRZ,OAAA,EAASW;MACX,IACA,CAACC,WAAA,EAAaD,kBAAkB,CAClC;MAECH;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","useIsomorphicLayoutEffect","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","Fragment","jsx","jsxs","storageKey","getSetting","localStorage","getItem","SchemeContext","setting","scheme","state","setSchemeSetting","useSchemeSetting","next","setItem","SchemeProvider","children","getClassName","name","colorSchemeSetting","colorScheme","toAdd","classList","document","documentElement","contains","toRemove","remove","add","dangerouslySetInnerHTML","__html","Provider","value","MetaTheme","color","darkColor","lightColor","itemProp","id","content"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -41,5 +41,34 @@ function SchemeProvider(param) {
41
41
  })]
42
42
  });
43
43
  }
44
- export { SchemeProvider, getColorScheme, onColorSchemeChange, setSchemeSetting, useColorScheme, useSchemeSetting };
44
+ var MetaTheme = function (param) {
45
+ var {
46
+ color,
47
+ darkColor,
48
+ lightColor
49
+ } = param,
50
+ [colorScheme] = useColorScheme();
51
+ return /* @__PURE__ */_jsxs(_Fragment, {
52
+ children: [/* itemProp removes hoisting - react wasnt de-duping it properly causing two in DOM */
53
+ /* maybe bug in safari or react */
54
+ /* @__PURE__ */_jsx("meta", {
55
+ itemProp: "__deopt",
56
+ id: "vxrn-theme-color",
57
+ name: "theme-color",
58
+ content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
59
+ }), /* ssr compat theme-color */
60
+ /* @__PURE__ */_jsx("script", {
61
+ id: "meta-theme-hydrate",
62
+ dangerouslySetInnerHTML: {
63
+ __html: `
64
+ let dc = document.getElementById('vxrn-theme-color')
65
+ let e1 = localStorage.getItem('${storageKey}')
66
+ let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
67
+ dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
68
+ `
69
+ }
70
+ })]
71
+ });
72
+ };
73
+ export { MetaTheme, SchemeProvider, getColorScheme, onColorSchemeChange, setSchemeSetting, useColorScheme, useSchemeSetting };
45
74
  //# sourceMappingURL=index.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","storageKey","SchemeContext","setting","scheme","state","setSchemeSetting","useSchemeSetting","values","next","localStorage","setItem","SchemeProvider","param","children","getClassName","name","colorSchemeSetting","colorScheme","Provider","value"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SAEEC,cAAA,EAAAC,cAAA,IAAAC,kBAAA,EAAAC,qBAAA;AAAA,OACA,oCAAkB;AAAA,SAClBC,aAAA,EAAAC,UAAA,EAAAC,OAAA;AAAA,SACKC,cAAA,EAAAC,mBAAA;AACP,IAAAC,UAAS;AACT,IAAAC,aAAS,kBAA2BN,aAAA;IAKpCO,OAAS;IAyDLC,MAAA;EAvDJ;EAAAX,cAAM,GAAa,SAAAA,CAAA;IAUjB,KAAAY,KAAS,IAAAX,kBAAA;IACT,QAGWW,KAAA,EACXC,gBAAgB,CAChB;EACF;AAEO,SAASC,iBAAA,EAAmB;EAEjC,IAAAC,MADe,GAAAX,UAAW,CAAAK,aACV;EAClB,QAEOM,MAAS,EACVF,gBAAO,CAIb;AAEO;AAAwB,SAC7BA,iBAAAG,IAAA;EAAA,OAAAC,YAAA,UAAAA,YAAA,CAAAC,OAAA,CAAAV,UAAA,EAAAQ,IAAA,GAAAjB,cAAA,CAAAiB,IAAA;AAAA;AAGF,SAAwEG,eAAAC,KAAA;EACtE;MAIEC,QAAA;MAEE;MAEAC,YAAM,GAAQ,SAAAA,CAAAC,IAAa;QAE3B,OAAK,KAAAA,IAAU;MACb;IACA,IAAAH,KAAA;IAAA,CAAAI,kBAAiB,IAAatB,qBAC9B,CAAU;IAAA,CAAIuB,WAAK,IAAAzB,cAAA;EAAA,OACrB,eAAAJ,KAAA,CAAAE,SAAA;IACFuB,QAAI,GAMA,MAAC,eAAA3B,IAAA,CAAAe,aAAA,CAAAiB,QAAA;MAAAC,KAAA,EAAAtB,OAAA;QACC;UACEM,MAAQ,EAAAc,WAAA;UAAAf,OAAA,EAAAc;QACuB;MACC,IACQC,WAAA,EAAAD,kBAAA;MAAAH;IAAA;EAK2B;AAErE;AAAA,SACFF,cAEF,EAAAb,cAAC,EAAcC,mBAAd,EAAAM,gBACQ,EAAAb,cACL,EAAOc,gBACL","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","storageKey","SchemeContext","setting","scheme","state","setSchemeSetting","useSchemeSetting","values","next","localStorage","setItem","SchemeProvider","param","children","getClassName","name","colorSchemeSetting","colorScheme","Provider","value","MetaTheme","color","darkColor","lightColor","itemProp","id","content","dangerouslySetInnerHTML","__html"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SAEEC,cAAA,EAAAC,cAAA,IAAAC,kBAAA,EAAAC,qBAAA;AAAA,OACA,oCAAkB;AAAA,SAClBC,aAAA,EAAAC,UAAA,EAAAC,OAAA;AAAA,SACKC,cAAA,EAAAC,mBAAA;AACP,IAAAC,UAAS;AACT,IAAAC,aAAS,kBAA2BN,aAAA;IAKpCO,OAAS;IAyDLC,MAAA;EAvDJ;EAAAX,cAAM,GAAa,SAAAA,CAAA;IAUjB,KAAAY,KAAS,IAAAX,kBAAA;IACT,QAGWW,KAAA,EACXC,gBAAgB,CAChB;EACF;AAEO,SAASC,iBAAA,EAAmB;EAEjC,IAAAC,MADe,GAAAX,UAAW,CAAAK,aACV;EAClB,QAEOM,MAAS,EACVF,gBAAO,CAIb;AAEO;AAAwB,SAC7BA,iBAAAG,IAAA;EAAA,OAAAC,YAAA,UAAAA,YAAA,CAAAC,OAAA,CAAAV,UAAA,EAAAQ,IAAA,GAAAjB,cAAA,CAAAiB,IAAA;AAAA;AAGF,SAAwEG,eAAAC,KAAA;EACtE;MAIEC,QAAA;MAEE;MAEAC,YAAM,GAAQ,SAAAA,CAAAC,IAAa;QAE3B,OAAK,KAAAA,IAAU;MACb;IACA,IAAAH,KAAA;IAAA,CAAAI,kBAAiB,IAAatB,qBAC9B,CAAU;IAAA,CAAIuB,WAAK,IAAAzB,cAAA;EAAA,OACrB,eAAAJ,KAAA,CAAAE,SAAA;IACFuB,QAAI,GAMA,MAAC,eAAA3B,IAAA,CAAAe,aAAA,CAAAiB,QAAA;MAAAC,KAAA,EAAAtB,OAAA;QACC;UACEM,MAAQ,EAAAc,WAAA;UAAAf,OAAA,EAAAc;QACuB;MACC,IACQC,WAAA,EAAAD,kBAAA;MAAAH;IAAA;EAK2B;AAErE;AAAA,IACFO,SAAA,YAAAA,CAAAR,KAAA;EAAA,IAEF;MAAAS,KAAA;MAAAC,SAAA;MAAAC;IAAA,IAAAX,KAAA;IAAA,CAAAK,WAAA,IAAAzB,cAAA;EAAA,OAAC,eAAcJ,KAAA,CAAAE,SAAA;IAAAuB,QAAd;IACQ;IACE,eACG3B,IAAA;MAAAsC,QACR,WAAS;MAAAC,EACX;MAAAV,IACC,eAAa;MAChBW,OAAA,EAAAL,KAAA,KAAAJ,WAAA,cAAAK,SAAA,GAAAC,UAAA;IAAA,EAEC;IACH,eAAArC,IAAA;MACFuC,EAAA;MAEJE,uBAAA;QAEaC,MAAA,EAAY;AAAC;AACxB,iCACA5B,UAAA;AAAA;AAEF,oCAAgEsB,SAAA,QAAAC,UAAA;AAC9D;MAEA;IAII;EAAC;AAAA;AACU,SACNH,SACH,EAAKT,cACL,EAAwDb,cAAA,EAAAC,mBAC1D,EAAAM,gBAGA,EAAAb,cAAC,EAAAc,gBAAA","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vxrn/color-scheme",
3
- "version": "1.1.255",
3
+ "version": "1.1.256",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -31,8 +31,8 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@tamagui/use-did-finish-ssr": "1.112.0-1727286694781",
34
- "@vxrn/universal-color-scheme": "1.1.255",
35
- "@vxrn/use-isomorphic-layout-effect": "1.1.255"
34
+ "@vxrn/universal-color-scheme": "1.1.256",
35
+ "@vxrn/use-isomorphic-layout-effect": "1.1.256"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@tamagui/build": "1.112.0-1727286694781",
package/src/index.tsx CHANGED
@@ -98,3 +98,37 @@ export function SchemeProvider({
98
98
  </>
99
99
  )
100
100
  }
101
+
102
+ export const MetaTheme = ({
103
+ color,
104
+ darkColor,
105
+ lightColor,
106
+ }: { color: string; darkColor: string; lightColor: string }) => {
107
+ const [colorScheme] = useColorScheme()
108
+
109
+ return (
110
+ <>
111
+ {/* itemProp removes hoisting - react wasnt de-duping it properly causing two in DOM */}
112
+ {/* maybe bug in safari or react */}
113
+ <meta
114
+ itemProp="__deopt"
115
+ id="vxrn-theme-color"
116
+ name="theme-color"
117
+ content={color ?? (colorScheme === 'dark' ? darkColor : lightColor)}
118
+ />
119
+
120
+ {/* ssr compat theme-color */}
121
+ <script
122
+ id="meta-theme-hydrate"
123
+ dangerouslySetInnerHTML={{
124
+ __html: `
125
+ let dc = document.getElementById('vxrn-theme-color')
126
+ let e1 = localStorage.getItem('${storageKey}')
127
+ let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
128
+ dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
129
+ `,
130
+ }}
131
+ />
132
+ </>
133
+ )
134
+ }
package/types/index.d.ts CHANGED
@@ -12,4 +12,9 @@ export declare function SchemeProvider({ children, getClassName, }: {
12
12
  children: any;
13
13
  getClassName?: (name: ColorSchemeName) => string;
14
14
  }): import("react/jsx-runtime").JSX.Element;
15
+ export declare const MetaTheme: ({ color, darkColor, lightColor, }: {
16
+ color: string;
17
+ darkColor: string;
18
+ lightColor: string;
19
+ }) => import("react/jsx-runtime").JSX.Element;
15
20
  //# sourceMappingURL=index.d.ts.map
@@ -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;AAgBlF,eAAO,MAAM,cAAc,4DAG1B,CAAA;AAED,wBAAgB,gBAAgB;aAZrB,aAAa;YACd,OAAO,GAAG,MAAM;4BAczB;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,2CAkDrE"}
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;AAgBlF,eAAO,MAAM,cAAc,4DAG1B,CAAA;AAED,wBAAgB,gBAAgB;aAZrB,aAAa;YACd,OAAO,GAAG,MAAM;4BAczB;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,2CAkDrE;AAED,eAAO,MAAM,SAAS,sCAInB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,4CA4B1D,CAAA"}