@tamagui/logo 2.7.7 → 3.0.0-beta.637.1
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/LogoIcon.cjs +30 -38
- package/dist/cjs/LogoIcon.native.cjs +46 -0
- package/dist/cjs/LogoIcon.native.js +31 -38
- package/dist/cjs/LogoIcon.native.js.map +1 -1
- package/dist/cjs/LogoWords.cjs +142 -137
- package/dist/cjs/LogoWords.native.cjs +166 -0
- package/dist/cjs/LogoWords.native.js +147 -161
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/cjs/SeasonProvider.cjs +24 -31
- package/dist/cjs/SeasonProvider.native.cjs +42 -0
- package/dist/cjs/SeasonProvider.native.js +24 -37
- package/dist/cjs/SeasonProvider.native.js.map +1 -1
- package/dist/cjs/TamaguiLogo.cjs +35 -45
- package/dist/cjs/TamaguiLogo.native.cjs +52 -0
- package/dist/cjs/TamaguiLogo.native.js +36 -45
- package/dist/cjs/TamaguiLogo.native.js.map +1 -1
- package/dist/cjs/TamaguiLogoSvg.cjs +57 -63
- package/dist/cjs/TamaguiLogoSvg.native.cjs +73 -0
- package/dist/cjs/TamaguiLogoSvg.native.js +60 -65
- package/dist/cjs/TamaguiLogoSvg.native.js.map +1 -1
- package/dist/cjs/ThemeTint.cjs +31 -41
- package/dist/cjs/ThemeTint.native.cjs +51 -0
- package/dist/cjs/ThemeTint.native.js +33 -42
- package/dist/cjs/ThemeTint.native.js.map +1 -1
- package/dist/cjs/index.cjs +10 -11
- package/dist/cjs/index.native.cjs +27 -0
- package/dist/cjs/index.native.js +10 -10
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tints.cjs +122 -72
- package/dist/cjs/tints.native.cjs +156 -0
- package/dist/cjs/tints.native.js +125 -74
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.cjs +79 -87
- package/dist/cjs/useTint.native.cjs +119 -0
- package/dist/cjs/useTint.native.js +90 -97
- package/dist/cjs/useTint.native.js.map +1 -1
- package/dist/esm/LogoIcon.mjs +17 -20
- package/dist/esm/LogoIcon.mjs.map +1 -1
- package/dist/esm/LogoIcon.native.js +19 -22
- package/dist/esm/LogoIcon.native.js.map +1 -1
- package/dist/esm/LogoWords.mjs +126 -111
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +132 -137
- package/dist/esm/LogoWords.native.js.map +1 -1
- package/dist/esm/SeasonProvider.mjs +11 -13
- package/dist/esm/SeasonProvider.mjs.map +1 -1
- package/dist/esm/SeasonProvider.native.js +12 -21
- package/dist/esm/SeasonProvider.native.js.map +1 -1
- package/dist/esm/TamaguiLogo.mjs +22 -27
- package/dist/esm/TamaguiLogo.mjs.map +1 -1
- package/dist/esm/TamaguiLogo.native.js +24 -29
- package/dist/esm/TamaguiLogo.native.js.map +1 -1
- package/dist/esm/TamaguiLogoSvg.mjs +44 -45
- package/dist/esm/TamaguiLogoSvg.mjs.map +1 -1
- package/dist/esm/TamaguiLogoSvg.native.js +48 -49
- package/dist/esm/TamaguiLogoSvg.native.js.map +1 -1
- package/dist/esm/ThemeTint.mjs +17 -24
- package/dist/esm/ThemeTint.mjs.map +1 -1
- package/dist/esm/ThemeTint.native.js +20 -27
- package/dist/esm/ThemeTint.native.js.map +1 -1
- package/dist/esm/index.js +13 -8
- package/dist/esm/index.mjs +13 -8
- package/dist/esm/index.native.js +13 -8
- package/dist/esm/tints.mjs +102 -44
- package/dist/esm/tints.mjs.map +1 -1
- package/dist/esm/tints.native.js +105 -47
- package/dist/esm/tints.native.js.map +1 -1
- package/dist/esm/useTint.mjs +57 -57
- package/dist/esm/useTint.mjs.map +1 -1
- package/dist/esm/useTint.native.js +68 -68
- package/dist/esm/useTint.native.js.map +1 -1
- package/package.json +5 -5
- package/src/LogoIcon.tsx +2 -4
- package/src/LogoWords.tsx +7 -9
- package/src/TamaguiLogo.tsx +1 -1
- package/types/LogoIcon.d.ts.map +1 -1
- package/types/LogoWords.d.ts.map +1 -1
- package/types/TamaguiLogo.d.ts.map +1 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
package/dist/cjs/useTint.cjs
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -5,41 +6,34 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
8
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
for (var name in all) __defProp(target, name, {
|
|
10
|
+
get: all[name],
|
|
11
|
+
enumerable: true
|
|
12
|
+
});
|
|
12
13
|
};
|
|
13
14
|
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
16
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
return to;
|
|
21
22
|
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
-
value: mod,
|
|
29
|
-
enumerable: true
|
|
23
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
24
|
+
value: mod,
|
|
25
|
+
enumerable: true
|
|
30
26
|
}) : target, mod));
|
|
31
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
-
value: true
|
|
33
|
-
}), mod);
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
34
28
|
var useTint_exports = {};
|
|
35
29
|
__export(useTint_exports, {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
30
|
+
InitialPathContext: () => InitialPathContext,
|
|
31
|
+
getDisableTintTheme: () => getDisableTintTheme,
|
|
32
|
+
getDocsSection: () => getDocsSection,
|
|
33
|
+
onTintChange: () => onTintChange,
|
|
34
|
+
setDisableTintTheme: () => setDisableTintTheme,
|
|
35
|
+
setTintIndex: () => setTintIndex,
|
|
36
|
+
useTint: () => useTint
|
|
43
37
|
});
|
|
44
38
|
module.exports = __toCommonJS(useTint_exports);
|
|
45
39
|
var import_react = __toESM(require("react"), 1);
|
|
@@ -47,70 +41,68 @@ var import_tamagui = require("tamagui");
|
|
|
47
41
|
var import_tints = require("./tints.cjs");
|
|
48
42
|
let current = 3;
|
|
49
43
|
let disableTintTheme = false;
|
|
50
|
-
const listeners = /* @__PURE__ */new Set();
|
|
51
|
-
const disableListeners = /* @__PURE__ */new Set();
|
|
52
|
-
const onTintChange = listener => {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
44
|
+
const listeners = /* @__PURE__ */ new Set();
|
|
45
|
+
const disableListeners = /* @__PURE__ */ new Set();
|
|
46
|
+
const onTintChange = (listener) => {
|
|
47
|
+
listeners.add(listener);
|
|
48
|
+
return () => {
|
|
49
|
+
listeners.delete(listener);
|
|
50
|
+
};
|
|
57
51
|
};
|
|
58
52
|
const numTints = (0, import_tints.getTints)().tints.length;
|
|
59
|
-
const setTintIndex = next => {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
53
|
+
const setTintIndex = (next) => {
|
|
54
|
+
const val = Math.max(0, next % numTints);
|
|
55
|
+
if (val === current) return;
|
|
56
|
+
current = val;
|
|
57
|
+
listeners.forEach((x) => x(val));
|
|
64
58
|
};
|
|
65
|
-
const setDisableTintTheme = disable => {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
59
|
+
const setDisableTintTheme = (disable) => {
|
|
60
|
+
if (disable === disableTintTheme) return;
|
|
61
|
+
disableTintTheme = disable;
|
|
62
|
+
disableListeners.forEach((x) => x(disable));
|
|
69
63
|
};
|
|
70
64
|
const getDisableTintTheme = () => disableTintTheme;
|
|
71
65
|
function getDocsSection(pathname) {
|
|
72
|
-
|
|
66
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
73
67
|
}
|
|
74
68
|
const InitialPathContext = (0, import_react.createContext)(3);
|
|
75
69
|
const useTint = (altOffset = -1) => {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
};
|
|
116
|
-
};
|
|
70
|
+
const initial = (0, import_react.useContext)(InitialPathContext);
|
|
71
|
+
const didHydrate = (0, import_tamagui.useDidFinishSSR)();
|
|
72
|
+
const [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial);
|
|
73
|
+
const [disabled, setDisabled] = (0, import_react.useState)(disableTintTheme);
|
|
74
|
+
const tintsContext = (0, import_tints.useTints)();
|
|
75
|
+
const { tints } = tintsContext;
|
|
76
|
+
const tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
77
|
+
(0, import_react.useEffect)(() => {
|
|
78
|
+
return onTintChange((cur) => {
|
|
79
|
+
setIndex(cur);
|
|
80
|
+
});
|
|
81
|
+
}, []);
|
|
82
|
+
(0, import_react.useEffect)(() => {
|
|
83
|
+
const cb = (val) => setDisabled(val);
|
|
84
|
+
disableListeners.add(cb);
|
|
85
|
+
return () => {
|
|
86
|
+
disableListeners.delete(cb);
|
|
87
|
+
};
|
|
88
|
+
}, []);
|
|
89
|
+
const tint = disabled || index === 3 ? null : tints[index];
|
|
90
|
+
const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
91
|
+
return {
|
|
92
|
+
...tintsContext,
|
|
93
|
+
tints: tintsContext.tints,
|
|
94
|
+
tintIndex: index,
|
|
95
|
+
tintAltIndex,
|
|
96
|
+
tint,
|
|
97
|
+
tintAlt,
|
|
98
|
+
setTintIndex,
|
|
99
|
+
setNextTintFamily: import_tints.setNextTintFamily,
|
|
100
|
+
setDisableTintTheme,
|
|
101
|
+
disableTintTheme: disabled,
|
|
102
|
+
setNextTint: () => {
|
|
103
|
+
import_react.default.startTransition(() => {
|
|
104
|
+
setTintIndex(index + 1);
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
};
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var __create = Object.create;
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __export = (target, all) => {
|
|
11
|
+
for (var name in all) __defProp(target, name, {
|
|
12
|
+
get: all[name],
|
|
13
|
+
enumerable: true
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
var __copyProps = (to, from, except, desc) => {
|
|
17
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
18
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
19
|
+
get: () => from[key],
|
|
20
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return to;
|
|
24
|
+
};
|
|
25
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: true
|
|
28
|
+
}) : target, mod));
|
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
+
var useTint_exports = {};
|
|
31
|
+
__export(useTint_exports, {
|
|
32
|
+
InitialPathContext: () => InitialPathContext,
|
|
33
|
+
getDisableTintTheme: () => getDisableTintTheme,
|
|
34
|
+
getDocsSection: () => getDocsSection,
|
|
35
|
+
onTintChange: () => onTintChange,
|
|
36
|
+
setDisableTintTheme: () => setDisableTintTheme,
|
|
37
|
+
setTintIndex: () => setTintIndex,
|
|
38
|
+
useTint: () => useTint
|
|
39
|
+
});
|
|
40
|
+
module.exports = __toCommonJS(useTint_exports);
|
|
41
|
+
var import_react = __toESM(require("react"), 1);
|
|
42
|
+
var import_tamagui = require("tamagui");
|
|
43
|
+
var import_tints = require("./tints.native.js");
|
|
44
|
+
var current = 3;
|
|
45
|
+
var disableTintTheme = false;
|
|
46
|
+
var listeners = /* @__PURE__ */ new Set();
|
|
47
|
+
var disableListeners = /* @__PURE__ */ new Set();
|
|
48
|
+
var onTintChange = function(listener) {
|
|
49
|
+
listeners.add(listener);
|
|
50
|
+
return function() {
|
|
51
|
+
listeners.delete(listener);
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
var numTints = (0, import_tints.getTints)().tints.length;
|
|
55
|
+
var setTintIndex = function(next) {
|
|
56
|
+
var val = Math.max(0, next % numTints);
|
|
57
|
+
if (val === current) return;
|
|
58
|
+
current = val;
|
|
59
|
+
listeners.forEach(function(x) {
|
|
60
|
+
return x(val);
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
var setDisableTintTheme = function(disable) {
|
|
64
|
+
if (disable === disableTintTheme) return;
|
|
65
|
+
disableTintTheme = disable;
|
|
66
|
+
disableListeners.forEach(function(x) {
|
|
67
|
+
return x(disable);
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
var getDisableTintTheme = function() {
|
|
71
|
+
return disableTintTheme;
|
|
72
|
+
};
|
|
73
|
+
function getDocsSection(pathname) {
|
|
74
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
75
|
+
}
|
|
76
|
+
var InitialPathContext = /* @__PURE__ */ (0, import_react.createContext)(3);
|
|
77
|
+
var useTint = function() {
|
|
78
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
|
|
79
|
+
var initial = (0, import_react.useContext)(InitialPathContext);
|
|
80
|
+
var didHydrate = (0, import_tamagui.useDidFinishSSR)();
|
|
81
|
+
var [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial);
|
|
82
|
+
var [disabled, setDisabled] = (0, import_react.useState)(disableTintTheme);
|
|
83
|
+
var tintsContext = (0, import_tints.useTints)();
|
|
84
|
+
var { tints } = tintsContext;
|
|
85
|
+
var tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
86
|
+
(0, import_react.useEffect)(function() {
|
|
87
|
+
return onTintChange(function(cur) {
|
|
88
|
+
setIndex(cur);
|
|
89
|
+
});
|
|
90
|
+
}, []);
|
|
91
|
+
(0, import_react.useEffect)(function() {
|
|
92
|
+
var cb = function(val) {
|
|
93
|
+
return setDisabled(val);
|
|
94
|
+
};
|
|
95
|
+
disableListeners.add(cb);
|
|
96
|
+
return function() {
|
|
97
|
+
disableListeners.delete(cb);
|
|
98
|
+
};
|
|
99
|
+
}, []);
|
|
100
|
+
var tint = disabled || index === 3 ? null : tints[index];
|
|
101
|
+
var tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
102
|
+
return {
|
|
103
|
+
...tintsContext,
|
|
104
|
+
tints: tintsContext.tints,
|
|
105
|
+
tintIndex: index,
|
|
106
|
+
tintAltIndex,
|
|
107
|
+
tint,
|
|
108
|
+
tintAlt,
|
|
109
|
+
setTintIndex,
|
|
110
|
+
setNextTintFamily: import_tints.setNextTintFamily,
|
|
111
|
+
setDisableTintTheme,
|
|
112
|
+
disableTintTheme: disabled,
|
|
113
|
+
setNextTint: function() {
|
|
114
|
+
import_react.default.startTransition(function() {
|
|
115
|
+
setTintIndex(index + 1);
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
|
|
3
4
|
var __create = Object.create;
|
|
4
5
|
var __defProp = Object.defineProperty;
|
|
5
6
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -7,41 +8,34 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
7
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
10
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
for (var name in all) __defProp(target, name, {
|
|
12
|
+
get: all[name],
|
|
13
|
+
enumerable: true
|
|
14
|
+
});
|
|
14
15
|
};
|
|
15
16
|
var __copyProps = (to, from, except, desc) => {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
18
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
19
|
+
get: () => from[key],
|
|
20
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return to;
|
|
23
24
|
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
-
value: mod,
|
|
31
|
-
enumerable: true
|
|
25
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: true
|
|
32
28
|
}) : target, mod));
|
|
33
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
-
value: true
|
|
35
|
-
}), mod);
|
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
36
30
|
var useTint_exports = {};
|
|
37
31
|
__export(useTint_exports, {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
32
|
+
InitialPathContext: () => InitialPathContext,
|
|
33
|
+
getDisableTintTheme: () => getDisableTintTheme,
|
|
34
|
+
getDocsSection: () => getDocsSection,
|
|
35
|
+
onTintChange: () => onTintChange,
|
|
36
|
+
setDisableTintTheme: () => setDisableTintTheme,
|
|
37
|
+
setTintIndex: () => setTintIndex,
|
|
38
|
+
useTint: () => useTint
|
|
45
39
|
});
|
|
46
40
|
module.exports = __toCommonJS(useTint_exports);
|
|
47
41
|
var import_react = __toESM(require("react"), 1);
|
|
@@ -49,80 +43,79 @@ var import_tamagui = require("tamagui");
|
|
|
49
43
|
var import_tints = require("./tints.native.js");
|
|
50
44
|
var current = 3;
|
|
51
45
|
var disableTintTheme = false;
|
|
52
|
-
var listeners = /* @__PURE__ */new Set();
|
|
53
|
-
var disableListeners = /* @__PURE__ */new Set();
|
|
54
|
-
var onTintChange = function
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
46
|
+
var listeners = /* @__PURE__ */ new Set();
|
|
47
|
+
var disableListeners = /* @__PURE__ */ new Set();
|
|
48
|
+
var onTintChange = function(listener) {
|
|
49
|
+
listeners.add(listener);
|
|
50
|
+
return function() {
|
|
51
|
+
listeners.delete(listener);
|
|
52
|
+
};
|
|
59
53
|
};
|
|
60
54
|
var numTints = (0, import_tints.getTints)().tints.length;
|
|
61
|
-
var setTintIndex = function
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
55
|
+
var setTintIndex = function(next) {
|
|
56
|
+
var val = Math.max(0, next % numTints);
|
|
57
|
+
if (val === current) return;
|
|
58
|
+
current = val;
|
|
59
|
+
listeners.forEach(function(x) {
|
|
60
|
+
return x(val);
|
|
61
|
+
});
|
|
68
62
|
};
|
|
69
|
-
var setDisableTintTheme = function
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
63
|
+
var setDisableTintTheme = function(disable) {
|
|
64
|
+
if (disable === disableTintTheme) return;
|
|
65
|
+
disableTintTheme = disable;
|
|
66
|
+
disableListeners.forEach(function(x) {
|
|
67
|
+
return x(disable);
|
|
68
|
+
});
|
|
75
69
|
};
|
|
76
|
-
var getDisableTintTheme = function
|
|
77
|
-
|
|
70
|
+
var getDisableTintTheme = function() {
|
|
71
|
+
return disableTintTheme;
|
|
78
72
|
};
|
|
79
73
|
function getDocsSection(pathname) {
|
|
80
|
-
|
|
74
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
81
75
|
}
|
|
82
|
-
var InitialPathContext = /* @__PURE__ */(0, import_react.createContext)(3);
|
|
83
|
-
var useTint = function
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
}
|
|
126
|
-
};
|
|
76
|
+
var InitialPathContext = /* @__PURE__ */ (0, import_react.createContext)(3);
|
|
77
|
+
var useTint = function() {
|
|
78
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
|
|
79
|
+
var initial = (0, import_react.useContext)(InitialPathContext);
|
|
80
|
+
var didHydrate = (0, import_tamagui.useDidFinishSSR)();
|
|
81
|
+
var [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial);
|
|
82
|
+
var [disabled, setDisabled] = (0, import_react.useState)(disableTintTheme);
|
|
83
|
+
var tintsContext = (0, import_tints.useTints)();
|
|
84
|
+
var { tints } = tintsContext;
|
|
85
|
+
var tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
86
|
+
(0, import_react.useEffect)(function() {
|
|
87
|
+
return onTintChange(function(cur) {
|
|
88
|
+
setIndex(cur);
|
|
89
|
+
});
|
|
90
|
+
}, []);
|
|
91
|
+
(0, import_react.useEffect)(function() {
|
|
92
|
+
var cb = function(val) {
|
|
93
|
+
return setDisabled(val);
|
|
94
|
+
};
|
|
95
|
+
disableListeners.add(cb);
|
|
96
|
+
return function() {
|
|
97
|
+
disableListeners.delete(cb);
|
|
98
|
+
};
|
|
99
|
+
}, []);
|
|
100
|
+
var tint = disabled || index === 3 ? null : tints[index];
|
|
101
|
+
var tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
102
|
+
return {
|
|
103
|
+
...tintsContext,
|
|
104
|
+
tints: tintsContext.tints,
|
|
105
|
+
tintIndex: index,
|
|
106
|
+
tintAltIndex,
|
|
107
|
+
tint,
|
|
108
|
+
tintAlt,
|
|
109
|
+
setTintIndex,
|
|
110
|
+
setNextTintFamily: import_tints.setNextTintFamily,
|
|
111
|
+
setDisableTintTheme,
|
|
112
|
+
disableTintTheme: disabled,
|
|
113
|
+
setNextTint: function() {
|
|
114
|
+
import_react.default.startTransition(function() {
|
|
115
|
+
setTintIndex(index + 1);
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
};
|
|
127
119
|
};
|
|
120
|
+
|
|
128
121
|
//# sourceMappingURL=useTint.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useTint.native.js","names":[],"sources":["cjs/useTint.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useTint_exports = {};\n__export(useTint_exports, {\n InitialPathContext: () => InitialPathContext,\n getDisableTintTheme: () => getDisableTintTheme,\n getDocsSection: () => getDocsSection,\n onTintChange: () => onTintChange,\n setDisableTintTheme: () => setDisableTintTheme,\n setTintIndex: () => setTintIndex,\n useTint: () => useTint\n});\nmodule.exports = __toCommonJS(useTint_exports);\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar import_tints = require(\"./tints\");\nvar current = 3;\nvar disableTintTheme = false;\nvar listeners = /* @__PURE__ */ new Set();\nvar disableListeners = /* @__PURE__ */ new Set();\nvar onTintChange = function(listener) {\n listeners.add(listener);\n return function() {\n listeners.delete(listener);\n };\n};\nvar numTints = (0, import_tints.getTints)().tints.length;\nvar setTintIndex = function(next) {\n var val = Math.max(0, next % numTints);\n if (val === current) return;\n current = val;\n listeners.forEach(function(x) {\n return x(val);\n });\n};\nvar setDisableTintTheme = function(disable) {\n if (disable === disableTintTheme) return;\n disableTintTheme = disable;\n disableListeners.forEach(function(x) {\n return x(disable);\n });\n};\nvar getDisableTintTheme = function() {\n return disableTintTheme;\n};\nfunction getDocsSection(pathname) {\n return pathname === \"/docs/intro/compiler-install\" || pathname === \"/docs/intro/benchmarks\" || pathname === \"/docs/intro/why-a-compiler\" ? \"compiler\" : pathname.startsWith(\"/ui/\") ? \"ui\" : pathname.startsWith(\"/docs/\") ? \"core\" : null;\n}\nvar InitialPathContext = /* @__PURE__ */ (0, import_react.createContext)(3);\nvar useTint = function() {\n var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;\n var initial = (0, import_react.useContext)(InitialPathContext);\n var didHydrate = (0, import_tamagui.useDidFinishSSR)();\n var [index, setIndex] = (0, import_react.useState)(didHydrate ? current : initial);\n var [disabled, setDisabled] = (0, import_react.useState)(disableTintTheme);\n var tintsContext = (0, import_tints.useTints)();\n var { tints } = tintsContext;\n var tintAltIndex = Math.abs((index + altOffset) % tints.length);\n (0, import_react.useEffect)(function() {\n return onTintChange(function(cur) {\n setIndex(cur);\n });\n }, []);\n (0, import_react.useEffect)(function() {\n var cb = function(val) {\n return setDisabled(val);\n };\n disableListeners.add(cb);\n return function() {\n disableListeners.delete(cb);\n };\n }, []);\n var tint = disabled || index === 3 ? null : tints[index];\n var tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];\n return {\n ...tintsContext,\n tints: tintsContext.tints,\n tintIndex: index,\n tintAltIndex,\n tint,\n tintAlt,\n setTintIndex,\n setNextTintFamily: import_tints.setNextTintFamily,\n setDisableTintTheme,\n disableTintTheme: disabled,\n setNextTint: function() {\n import_react.default.startTransition(function() {\n setTintIndex(index + 1);\n });\n }\n };\n};\n//# sourceMappingURL=useTint.js.map\n"],"mappings":"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"}
|
package/dist/esm/LogoIcon.mjs
CHANGED
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
import { YStack } from "tamagui";
|
|
2
2
|
import { TamaguiIconSvg } from "./TamaguiLogoSvg.mjs";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
height: 420 / 8 / downscale,
|
|
21
|
-
color
|
|
22
|
-
})
|
|
23
|
-
});
|
|
4
|
+
|
|
5
|
+
const LogoIcon = ({ downscale = 2, color }) => {
|
|
6
|
+
return /* @__PURE__ */ jsx(YStack, {
|
|
7
|
+
render: "span",
|
|
8
|
+
className: "unselectable",
|
|
9
|
+
alignSelf: "center",
|
|
10
|
+
marginVertical: -10,
|
|
11
|
+
opacity: "press:0.7",
|
|
12
|
+
scaleX: "press:-1",
|
|
13
|
+
children: /* @__PURE__ */ jsx(TamaguiIconSvg, {
|
|
14
|
+
className: "tamagui-icon",
|
|
15
|
+
width: 450 / 8 / downscale,
|
|
16
|
+
height: 420 / 8 / downscale,
|
|
17
|
+
color
|
|
18
|
+
})
|
|
19
|
+
});
|
|
24
20
|
};
|
|
21
|
+
|
|
25
22
|
export { LogoIcon };
|
|
26
23
|
//# sourceMappingURL=LogoIcon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"LogoIcon.js","names":[],"sources":["esm/LogoIcon.js"],"sourcesContent":["import { YStack } from \"tamagui\";\nimport { TamaguiIconSvg } from \"./TamaguiLogoSvg\";\nimport { jsx } from \"react/jsx-runtime\";\nconst LogoIcon = ({\n downscale = 2,\n color\n}) => {\n return /* @__PURE__ */ jsx(\n YStack,\n {\n render: \"span\",\n className: \"unselectable\",\n alignSelf: \"center\",\n marginVertical: -10,\n opacity: \"press:0.7\",\n scaleX: \"press:-1\",\n children: /* @__PURE__ */ jsx(\n TamaguiIconSvg,\n {\n className: \"tamagui-icon\",\n width: 450 / 8 / downscale,\n height: 420 / 8 / downscale,\n color\n }\n )\n }\n );\n};\nexport {\n LogoIcon\n};\n//# sourceMappingURL=LogoIcon.js.map\n"],"mappings":";;;;;AAGA,MAAM,YAAY,EAChB,YAAY,GACZ,YACI;CACJ,OAAuB,oBACrB,QACA;EACE,QAAQ;EACR,WAAW;EACX,WAAW;EACX,gBAAgB,CAAC;EACjB,SAAS;EACT,QAAQ;EACR,UAA0B,oBACxB,gBACA;GACE,WAAW;GACX,OAAO,MAAM,IAAI;GACjB,QAAQ,MAAM,IAAI;GAClB;EACF,CACF;CACF,CACF;AACF"}
|