@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 +33 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +29 -0
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/esm/index.js +33 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +26 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +30 -1
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +3 -3
- package/src/index.tsx +34 -0
- package/types/index.d.ts +5 -0
- package/types/index.d.ts.map +1 -1
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
|
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,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
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -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": "
|
|
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,
|
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;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
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -59,5 +59,30 @@ function SchemeProvider({
|
|
|
59
59
|
})]
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
|
-
|
|
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
|
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","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":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -41,5 +41,34 @@ function SchemeProvider(param) {
|
|
|
41
41
|
})]
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
|
-
|
|
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,
|
|
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.
|
|
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.
|
|
35
|
-
"@vxrn/use-isomorphic-layout-effect": "1.1.
|
|
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
|
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;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"}
|