@tamagui/logo 1.111.7 → 1.111.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/LogoIcon.native.js +9 -9
- package/dist/esm/LogoIcon.native.js.map +1 -6
- package/dist/esm/LogoWords.native.js +103 -102
- package/dist/esm/LogoWords.native.js.map +1 -6
- package/dist/esm/TamaguiLogo.native.js +21 -21
- package/dist/esm/TamaguiLogo.native.js.map +1 -6
- package/dist/esm/TamaguiLogoSvg.native.js +16 -24
- package/dist/esm/TamaguiLogoSvg.native.js.map +1 -6
- package/dist/esm/index.native.js +6 -6
- package/dist/esm/index.native.js.map +1 -6
- package/dist/esm/tints.native.js +27 -75
- package/dist/esm/tints.native.js.map +1 -6
- package/dist/esm/useTint.native.js +74 -55
- package/dist/esm/useTint.native.js.map +1 -6
- package/package.json +3 -3
- package/dist/esm/LogoIcon.native.mjs +0 -25
- package/dist/esm/LogoIcon.native.mjs.map +0 -1
- package/dist/esm/LogoWords.native.mjs +0 -125
- package/dist/esm/LogoWords.native.mjs.map +0 -1
- package/dist/esm/TamaguiLogo.native.mjs +0 -33
- package/dist/esm/TamaguiLogo.native.mjs.map +0 -1
- package/dist/esm/TamaguiLogoSvg.native.mjs +0 -26
- package/dist/esm/TamaguiLogoSvg.native.mjs.map +0 -1
- package/dist/esm/index.native.mjs +0 -6
- package/dist/esm/index.native.mjs.map +0 -1
- package/dist/esm/tints.native.mjs +0 -49
- package/dist/esm/tints.native.mjs.map +0 -1
- package/dist/esm/useTint.native.mjs +0 -79
- package/dist/esm/useTint.native.mjs.map +0 -1
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { YStack } from "tamagui";
|
|
3
|
-
import { TamaguiIconSvg } from "./TamaguiLogoSvg";
|
|
4
|
-
var LogoIcon = function(param) {
|
|
5
|
-
var {
|
|
6
|
-
|
|
3
|
+
import { TamaguiIconSvg } from "./TamaguiLogoSvg.native.js";
|
|
4
|
+
var LogoIcon = function (param) {
|
|
5
|
+
var {
|
|
6
|
+
downscale = 2
|
|
7
|
+
} = param;
|
|
8
|
+
return /* @__PURE__ */_jsx(YStack, {
|
|
7
9
|
tag: "span",
|
|
8
10
|
className: "unselectable",
|
|
9
11
|
alignSelf: "center",
|
|
@@ -12,14 +14,12 @@ var LogoIcon = function(param) {
|
|
|
12
14
|
opacity: 0.7,
|
|
13
15
|
scaleX: -1
|
|
14
16
|
},
|
|
15
|
-
children: /* @__PURE__ */
|
|
17
|
+
children: /* @__PURE__ */_jsx(TamaguiIconSvg, {
|
|
16
18
|
className: "tamagui-icon",
|
|
17
19
|
width: 450 / 8 / downscale,
|
|
18
20
|
height: 420 / 8 / downscale
|
|
19
21
|
})
|
|
20
22
|
});
|
|
21
23
|
};
|
|
22
|
-
export {
|
|
23
|
-
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=LogoIcon.js.map
|
|
24
|
+
export { LogoIcon };
|
|
25
|
+
//# sourceMappingURL=LogoIcon.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/LogoIcon.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,cAAc;AAEvB,SAASC,sBAAsB;AAExB,IAAMC,WAAW,SAAA,OAAA;MAAC,EAAEC,YAAY,EAAC,IAAO;AAC7C,SACE,qBAACH,QAAAA;IACCI,KAAI;IACJC,WAAU;IACVC,WAAU;IACVC,gBAAgB;IAChBC,YAAY;MACVC,SAAS;MACTC,QAAQ;IACV;cAEA,qBAACT,gBAAAA;MACCI,WAAU;MACVM,OAAO,MAAM,IAAIR;MACjBS,QAAQ,MAAM,IAAIT;;;AAI1B;",
|
|
5
|
-
"names": ["YStack", "TamaguiIconSvg", "LogoIcon", "downscale", "tag", "className", "alignSelf", "marginVertical", "pressStyle", "opacity", "scaleX", "width", "height"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","YStack","TamaguiIconSvg","LogoIcon","param","downscale","tag","className","alignSelf","marginVertical","pressStyle","opacity","scaleX","children","width","height"],"sources":["../../src/LogoIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAc;AAEvB,SAASC,MAAA,iBAAsB;AAczB,SAAAC,cAAA;AAZC,IAAAC,QAAM,YAAAA,CAAcC,KAAA;EAEtB;IAAAC,SAAA;EAAA,IAAAD,KAAA;EAAA,sBAAAJ,IAAA,CAAAC,MAAA;IACCK,GAAA,EAAI;IACJC,SAAA,EAAU;IACVC,SAAA,EAAU;IACVC,cAAA,EAAgB;IAChBC,UAAA,EAAY;MACVC,OAAA,EAAS;MACTC,MAAA,EAAQ;IACV;IAEAC,QAAA,iBAAAb,IAAA,CAAAE,cAAA;MAACK,SAAA;MAAAO,KAAA,YAAAT,SAAA;MAAAU,MACC,QAAU,IAAAV;IAAA;EACO;AACC;AAAA,SACpBF,QAAA","ignoreList":[]}
|
|
@@ -1,30 +1,44 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Circle, XStack } from "tamagui";
|
|
4
|
-
import { useTint } from "./useTint";
|
|
5
|
-
var LogoWords = /* @__PURE__ */
|
|
6
|
-
var {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
import { useTint } from "./useTint.native.js";
|
|
5
|
+
var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
6
|
+
var {
|
|
7
|
+
downscale = 1,
|
|
8
|
+
grayscale,
|
|
9
|
+
animated,
|
|
10
|
+
...props
|
|
11
|
+
} = param,
|
|
12
|
+
Tint = useTint(),
|
|
13
|
+
{
|
|
14
|
+
tintIndex: index,
|
|
15
|
+
tint
|
|
16
|
+
} = Tint,
|
|
17
|
+
tints = Tint.tints.map(function (t) {
|
|
18
|
+
return `var(--${t}9)`;
|
|
19
|
+
}),
|
|
20
|
+
[hovered, setHovered] = React.useState(!1),
|
|
21
|
+
[mounted, setMounted] = React.useState("start");
|
|
22
|
+
React.useEffect(function () {
|
|
10
23
|
var idle = window.requestIdleCallback || setTimeout;
|
|
11
|
-
idle(function() {
|
|
12
|
-
setTimeout(function() {
|
|
24
|
+
idle(function () {
|
|
25
|
+
setTimeout(function () {
|
|
13
26
|
setMounted("animate");
|
|
14
|
-
}, 50), setTimeout(function() {
|
|
27
|
+
}, 50), setTimeout(function () {
|
|
15
28
|
setMounted("done");
|
|
16
29
|
}, 1500);
|
|
17
30
|
});
|
|
18
31
|
}, []);
|
|
19
|
-
var getColor = function(i) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
32
|
+
var getColor = function (i) {
|
|
33
|
+
var isActive = mounted !== "start" && i === index;
|
|
34
|
+
return grayscale ? hovered && isActive ? "var(--gray12)" : hovered ? "var(--gray11)" : "var(--gray10)" : mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
35
|
+
},
|
|
36
|
+
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
|
|
37
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
38
|
+
onHoverIn: function () {
|
|
25
39
|
return setHovered(!0);
|
|
26
40
|
},
|
|
27
|
-
onHoverOut: function() {
|
|
41
|
+
onHoverOut: function () {
|
|
28
42
|
return setHovered(!1);
|
|
29
43
|
},
|
|
30
44
|
paddingVertical: "$2",
|
|
@@ -33,92 +47,79 @@ var LogoWords = /* @__PURE__ */ React.memo(function(param) {
|
|
|
33
47
|
position: "relative",
|
|
34
48
|
className: "logo-words",
|
|
35
49
|
...props,
|
|
36
|
-
children: [
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
50
|
+
children: [animated && /* @__PURE__ */_jsx(Circle, {
|
|
51
|
+
animation: "quicker",
|
|
52
|
+
position: "absolute",
|
|
53
|
+
top: 0,
|
|
54
|
+
left: 0,
|
|
55
|
+
y: mounted === "start" ? -30 : -3,
|
|
56
|
+
// the last i is less wide
|
|
57
|
+
x,
|
|
58
|
+
size: 4,
|
|
59
|
+
backgroundColor: "$color9"
|
|
60
|
+
}), /* @__PURE__ */_jsxs("svg", {
|
|
61
|
+
"data-tauri-drag-region": !0,
|
|
62
|
+
width: 373 * (1 / downscale) * 0.333333334,
|
|
63
|
+
height: 41 * (1 / downscale) * 0.333333334,
|
|
64
|
+
viewBox: "0 0 373 41",
|
|
65
|
+
children: [/* @__PURE__ */_jsx("polygon", {
|
|
66
|
+
"data-tauri-drag-region": !0,
|
|
67
|
+
shapeRendering: "crispEdges",
|
|
68
|
+
fill: getColor(0),
|
|
69
|
+
points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903",
|
|
70
|
+
onMouseEnter: function () {
|
|
71
|
+
return Tint.setTintIndex(0);
|
|
72
|
+
}
|
|
73
|
+
}), /* @__PURE__ */_jsx("path", {
|
|
74
|
+
shapeRendering: "crispEdges",
|
|
75
|
+
fill: getColor(1),
|
|
76
|
+
d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
|
|
77
|
+
fillRule: "nonzero",
|
|
78
|
+
onMouseEnter: function () {
|
|
79
|
+
return Tint.setTintIndex(1);
|
|
80
|
+
}
|
|
81
|
+
}), /* @__PURE__ */_jsx("polygon", {
|
|
82
|
+
"data-tauri-drag-region": !0,
|
|
83
|
+
shapeRendering: "crispEdges",
|
|
84
|
+
fill: getColor(2),
|
|
85
|
+
points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903",
|
|
86
|
+
onMouseEnter: function () {
|
|
87
|
+
return Tint.setTintIndex(2);
|
|
88
|
+
}
|
|
89
|
+
}), /* @__PURE__ */_jsx("path", {
|
|
90
|
+
fill: getColor(3),
|
|
91
|
+
d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
|
|
92
|
+
fillRule: "nonzero",
|
|
93
|
+
onMouseEnter: function () {
|
|
94
|
+
return Tint.setTintIndex(3);
|
|
95
|
+
}
|
|
96
|
+
}), /* @__PURE__ */_jsx("polygon", {
|
|
97
|
+
"data-tauri-drag-region": !0,
|
|
98
|
+
shapeRendering: "crispEdges",
|
|
99
|
+
fill: getColor(4),
|
|
100
|
+
points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903",
|
|
101
|
+
onMouseEnter: function () {
|
|
102
|
+
return Tint.setTintIndex(4);
|
|
103
|
+
}
|
|
104
|
+
}), /* @__PURE__ */_jsx("polygon", {
|
|
105
|
+
"data-tauri-drag-region": !0,
|
|
106
|
+
shapeRendering: "crispEdges",
|
|
107
|
+
fill: getColor(5),
|
|
108
|
+
points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903",
|
|
109
|
+
onMouseEnter: function () {
|
|
110
|
+
return Tint.setTintIndex(5);
|
|
111
|
+
}
|
|
112
|
+
}), /* @__PURE__ */_jsx("polygon", {
|
|
49
113
|
"data-tauri-drag-region": !0,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903",
|
|
59
|
-
onMouseEnter: function() {
|
|
60
|
-
return Tint.setTintIndex(0);
|
|
61
|
-
}
|
|
62
|
-
}),
|
|
63
|
-
/* @__PURE__ */ _jsx("path", {
|
|
64
|
-
shapeRendering: "crispEdges",
|
|
65
|
-
fill: getColor(1),
|
|
66
|
-
d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
|
|
67
|
-
fillRule: "nonzero",
|
|
68
|
-
onMouseEnter: function() {
|
|
69
|
-
return Tint.setTintIndex(1);
|
|
70
|
-
}
|
|
71
|
-
}),
|
|
72
|
-
/* @__PURE__ */ _jsx("polygon", {
|
|
73
|
-
"data-tauri-drag-region": !0,
|
|
74
|
-
shapeRendering: "crispEdges",
|
|
75
|
-
fill: getColor(2),
|
|
76
|
-
points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903",
|
|
77
|
-
onMouseEnter: function() {
|
|
78
|
-
return Tint.setTintIndex(2);
|
|
79
|
-
}
|
|
80
|
-
}),
|
|
81
|
-
/* @__PURE__ */ _jsx("path", {
|
|
82
|
-
fill: getColor(3),
|
|
83
|
-
d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
|
|
84
|
-
fillRule: "nonzero",
|
|
85
|
-
onMouseEnter: function() {
|
|
86
|
-
return Tint.setTintIndex(3);
|
|
87
|
-
}
|
|
88
|
-
}),
|
|
89
|
-
/* @__PURE__ */ _jsx("polygon", {
|
|
90
|
-
"data-tauri-drag-region": !0,
|
|
91
|
-
shapeRendering: "crispEdges",
|
|
92
|
-
fill: getColor(4),
|
|
93
|
-
points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903",
|
|
94
|
-
onMouseEnter: function() {
|
|
95
|
-
return Tint.setTintIndex(4);
|
|
96
|
-
}
|
|
97
|
-
}),
|
|
98
|
-
/* @__PURE__ */ _jsx("polygon", {
|
|
99
|
-
"data-tauri-drag-region": !0,
|
|
100
|
-
shapeRendering: "crispEdges",
|
|
101
|
-
fill: getColor(5),
|
|
102
|
-
points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903",
|
|
103
|
-
onMouseEnter: function() {
|
|
104
|
-
return Tint.setTintIndex(5);
|
|
105
|
-
}
|
|
106
|
-
}),
|
|
107
|
-
/* @__PURE__ */ _jsx("polygon", {
|
|
108
|
-
"data-tauri-drag-region": !0,
|
|
109
|
-
shapeRendering: "crispEdges",
|
|
110
|
-
fill: getColor(6),
|
|
111
|
-
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
|
|
112
|
-
onMouseEnter: function() {
|
|
113
|
-
return Tint.setTintIndex(6);
|
|
114
|
-
}
|
|
115
|
-
})
|
|
116
|
-
]
|
|
117
|
-
})
|
|
118
|
-
]
|
|
114
|
+
shapeRendering: "crispEdges",
|
|
115
|
+
fill: getColor(6),
|
|
116
|
+
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
|
|
117
|
+
onMouseEnter: function () {
|
|
118
|
+
return Tint.setTintIndex(6);
|
|
119
|
+
}
|
|
120
|
+
})]
|
|
121
|
+
})]
|
|
119
122
|
});
|
|
120
123
|
});
|
|
121
|
-
export {
|
|
122
|
-
|
|
123
|
-
};
|
|
124
|
-
//# sourceMappingURL=LogoWords.js.map
|
|
124
|
+
export { LogoWords };
|
|
125
|
+
//# sourceMappingURL=LogoWords.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/LogoWords.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["React", "Circle", "XStack", "useTint", "LogoWords", "memo", "downscale", "grayscale", "animated", "props", "Tint", "tintIndex", "index", "tint", "tints", "map", "t", "hovered", "setHovered", "useState", "mounted", "setMounted", "useEffect", "idle", "window", "requestIdleCallback", "setTimeout", "getColor", "i", "isActive", "x", "Math", "round", "length", "onHoverIn", "onHoverOut", "paddingVertical", "data-tauri-drag-region", "marginVertical", "position", "className", "animation", "top", "left", "y", "size", "backgroundColor", "svg", "width", "height", "viewBox", "polygon", "shapeRendering", "fill", "points", "onMouseEnter", "setTintIndex", "path", "d", "fillRule"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Circle","XStack","useTint","LogoWords","memo","param","downscale","grayscale","animated","props","Tint","tintIndex","index","tint","tints","map","t","hovered","setHovered","useState","mounted","setMounted","useEffect","idle","window","requestIdleCallback","setTimeout","getColor","i","isActive","x","Math","round","length","onHoverIn","onHoverOut","paddingVertical","marginVertical","position","className","children","animation","top","left","y","size","backgroundColor","width","height","viewBox","shapeRendering","fill","points","onMouseEnter","setTintIndex","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { XStack, YStack } from "tamagui";
|
|
4
|
-
import { LogoIcon } from "./LogoIcon";
|
|
5
|
-
import { LogoWords } from "./LogoWords";
|
|
6
|
-
var TamaguiLogo = /* @__PURE__ */
|
|
7
|
-
var {
|
|
8
|
-
|
|
4
|
+
import { LogoIcon } from "./LogoIcon.native.js";
|
|
5
|
+
import { LogoWords } from "./LogoWords.native.js";
|
|
6
|
+
var TamaguiLogo = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
7
|
+
var {
|
|
8
|
+
showWords,
|
|
9
|
+
downscale,
|
|
10
|
+
animated,
|
|
11
|
+
...props
|
|
12
|
+
} = param;
|
|
13
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
9
14
|
tag: "span",
|
|
10
15
|
ref,
|
|
11
16
|
alignItems: "center",
|
|
12
17
|
justifyContent: "center",
|
|
13
18
|
gap: "$5",
|
|
14
19
|
...props,
|
|
15
|
-
children: [
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
animated,
|
|
24
|
-
downscale: downscale ?? 2
|
|
25
|
-
})
|
|
20
|
+
children: [/* @__PURE__ */_jsx(LogoIcon, {
|
|
21
|
+
downscale: (downscale ?? 1) * (showWords ? 2 : 1.5)
|
|
22
|
+
}), showWords && /* @__PURE__ */_jsx(YStack, {
|
|
23
|
+
tag: "span",
|
|
24
|
+
marginBottom: -4,
|
|
25
|
+
children: /* @__PURE__ */_jsx(LogoWords, {
|
|
26
|
+
animated,
|
|
27
|
+
downscale: downscale ?? 2
|
|
26
28
|
})
|
|
27
|
-
]
|
|
29
|
+
})]
|
|
28
30
|
});
|
|
29
31
|
});
|
|
30
|
-
export {
|
|
31
|
-
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=TamaguiLogo.js.map
|
|
32
|
+
export { TamaguiLogo };
|
|
33
|
+
//# sourceMappingURL=TamaguiLogo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/TamaguiLogo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,cAAc;AAE/B,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAQnB,IAAMC,cAAcL,sBAAMM,WAC/B,SAAA,OAA0DC,KAAAA;MAAzD,EAAEC,WAAWC,WAAWC,UAAU,GAAGC,MAAAA,IAAkB;AACtD,SACE,sBAACV,QAAAA;IACCW,KAAI;IACJL;IACAM,YAAW;IACXC,gBAAe;IACfC,KAAI;IACH,GAAGJ;;MAEJ,qBAACR,UAAAA;QAASM,YAAYA,aAAa,MAAMD,YAAY,IAAI;;MACxDA,aACC,qBAACN,QAAAA;QAAOU,KAAI;QAAOI,cAAc;kBAC/B,qBAACZ,WAAAA;UAAUM;UAAoBD,WAAWA,aAAa;;;;;AAKjE,CAAA;",
|
|
5
|
-
"names": ["React", "XStack", "YStack", "LogoIcon", "LogoWords", "TamaguiLogo", "forwardRef", "ref", "showWords", "downscale", "animated", "props", "tag", "alignItems", "justifyContent", "gap", "marginBottom"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","XStack","YStack","LogoIcon","LogoWords","TamaguiLogo","forwardRef","param","ref","showWords","downscale","animated","props","tag","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/TamaguiLogo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS,MAAQ;AAEjB,SAASC,MAAA,EAAAC,MAAA,QAAgB;AACzB,SAASC,QAAA,8BAAiB;AAWpB,SAQEC,SARF;AAHC,IAAAC,WAAM,kBAAoBL,KAAA,CAAAM,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAC/B,IAAG;IAAAC,SAAW;IAAAC,SAAW;IAAAC,QAAU;IAAG,GAAAC;EAAoB,IAAAL,KAEtD;EAAA,OAAC,eAAAR,KAAA,CAAAE,MAAA;IAAAY,GAAA;IAAAL,GACC;IAAIM,UACJ;IAAAC,cACW;IAAAC,GACX;IAAe,GACfJ,KAAI;IAAAK,QACA,GAEJ,eAAApB,IAAA,CAAAM,QAAA;MAAAO,SAAA,GAAAA,SAAC,UAAAD,SAAS,IAAY;IAAyC,EAC9D,EAGCA,SAAA,mBAAAZ,IAAA,CAAAK,MAAA;MAAAW,GAAA;MAEJK,YAAA;MAGND,QAAA,iBAAApB,IAAA,CAAAO,SAAA","ignoreList":[]}
|
|
@@ -1,34 +1,26 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
var TamaguiIconSvg = function(props) {
|
|
3
|
-
return /* @__PURE__ */
|
|
2
|
+
var TamaguiIconSvg = function (props) {
|
|
3
|
+
return /* @__PURE__ */_jsx("svg", {
|
|
4
4
|
width: 424,
|
|
5
5
|
height: 394,
|
|
6
6
|
viewBox: "0 0 424 394",
|
|
7
7
|
...props,
|
|
8
|
-
children: /* @__PURE__ */
|
|
8
|
+
children: /* @__PURE__ */_jsxs("g", {
|
|
9
9
|
fill: "none",
|
|
10
10
|
fillRule: "evenodd",
|
|
11
|
-
children: [
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
/* @__PURE__ */ _jsx("path", {
|
|
23
|
-
d: "M394.7 57.429h-20v20h20zM365.9 57.429h-20v20h20zM308.3 28.714h-20v20h20zM279.5 57.429h-20v20h20zM193.1 86.143h-20v20h20zM193.1 201h-20v20h20zM193.1 229.714h-20v20h20zM164.3 258.429h-20v20h20zM135.5 229.714h-20v20h20zM135.5 201h-20v20h20zM337.1 57.429h-20v20h20z"
|
|
24
|
-
})
|
|
25
|
-
]
|
|
26
|
-
})
|
|
27
|
-
]
|
|
11
|
+
children: [/* @__PURE__ */_jsx("path", {
|
|
12
|
+
d: "M310.786 30v28.75H372.5l-.001 28.75H426.5v86.25h-54.001l.001 28.75h-61.714v115h-28.929V375h-202.5v-57.5H21.5v-230h57.857V30h231.429Z",
|
|
13
|
+
opacity: 0.267
|
|
14
|
+
}), /* @__PURE__ */_jsxs("g", {
|
|
15
|
+
fill: "var(--color)",
|
|
16
|
+
children: [/* @__PURE__ */_jsx("path", {
|
|
17
|
+
d: "M279.5 0h-20v20h20zM250.7 0h-20v20h20zM221.9 0h-20v20h20zM193.1 0h-20v20h20zM164.3 0h-20v20h20zM135.5 0h-20v20h20zM106.7 28.714h-20v20h20zM77.9 57.429h-20v20h20zM49.1 86.143h-20v20h20zM49.1 114.857h-20v20h20zM49.1 143.571h-20v20h20zM49.1 172.286h-20v20h20zM20.3 201H.3v20h20zM20.3 229.714H.3v20h20zM20.3 258.429H.3v20h20zM49.1 287.143h-20v20h20zM77.9 315.857h-20v20h20zM106.7 344.571h-20v20h20zM135.5 373.286h-20v20h20zM164.3 373.286h-20v20h20zM193.1 344.571h-20v20h20zM221.9 344.571h-20v20h20zM221.9 373.286h-20v20h20zM250.7 373.286h-20v20h20zM279.5 344.571h-20v20h20zM279.5 315.857h-20v20h20zM308.3 287.143h-20v20h20zM337.1 229.714h-20v20h20zM337.1 258.429h-20v20h20zM337.1 201h-20v20h20zM365.9 172.286h-20v20h20zM394.7 172.286h-20v20h20zM423.5 143.571h-20v20h20zM394.7 114.857h-20v20h20zM365.9 114.857h-20v20h20zM337.1 114.857h-20v20h20zM423.5 86.143h-20v20h20zM423.5 114.857h-20v20h20zM394.7 57.429h-20v20h20z"
|
|
18
|
+
}), /* @__PURE__ */_jsx("path", {
|
|
19
|
+
d: "M394.7 57.429h-20v20h20zM365.9 57.429h-20v20h20zM308.3 28.714h-20v20h20zM279.5 57.429h-20v20h20zM193.1 86.143h-20v20h20zM193.1 201h-20v20h20zM193.1 229.714h-20v20h20zM164.3 258.429h-20v20h20zM135.5 229.714h-20v20h20zM135.5 201h-20v20h20zM337.1 57.429h-20v20h20z"
|
|
20
|
+
})]
|
|
21
|
+
})]
|
|
28
22
|
})
|
|
29
23
|
});
|
|
30
24
|
};
|
|
31
|
-
export {
|
|
32
|
-
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=TamaguiLogoSvg.js.map
|
|
25
|
+
export { TamaguiIconSvg };
|
|
26
|
+
//# sourceMappingURL=TamaguiLogoSvg.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/TamaguiLogoSvg.tsx"],
|
|
4
|
-
"mappings": ";AAAO,IAAMA,iBAAiB,SAACC,OAAAA;SAC7B,qBAACC,OAAAA;IAAIC,OAAO;IAAKC,QAAQ;IAAKC,SAAQ;IAAe,GAAGJ;cACtD,sBAACK,KAAAA;MAAEC,MAAK;MAAOC,UAAS;;QACtB,qBAACC,QAAAA;UACCC,GAAE;UACFC,SAAS;;QAEX,sBAACL,KAAAA;UAAEC,MAAK;;YACN,qBAACE,QAAAA;cAAKC,GAAE;;YACR,qBAACD,QAAAA;cAAKC,GAAE;;;;;;;;",
|
|
5
|
-
"names": ["TamaguiIconSvg", "props", "svg", "width", "height", "viewBox", "g", "fill", "fillRule", "path", "d", "opacity"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","TamaguiIconSvg","props","width","height","viewBox","children","fill","fillRule","d","opacity"],"sources":["../../src/TamaguiLogoSvg.tsx"],"sourcesContent":[null],"mappings":"AAGM,SAAAA,GAAA,IAIAC,IAAA,EAAAC,IAJA,IAAAC,KAAA;AAHC,IAAAC,cAAM,YAAAA,CAAkBC,KAC7B;EAEI,sBAAAJ,IAAA;IAACK,KAAA;IAAAC,MAAA;IAAAC,OACG;IAAA,GACFH,KAAA;IAASI,QAAA,iBAAAN,KAAA;MACXO,IAAA;MACAC,QAAA,WAAC;MACCF,QAAA,GACA,eAACR,IAAA,OAAK,EAAE;QACVW,CAAA;QAEJC,OAAA","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export * from "./TamaguiLogo";
|
|
2
|
-
export * from "./LogoWords";
|
|
3
|
-
export * from "./LogoIcon";
|
|
4
|
-
export * from "./tints";
|
|
5
|
-
export * from "./useTint";
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export * from "./TamaguiLogo.native.js";
|
|
2
|
+
export * from "./LogoWords.native.js";
|
|
3
|
+
export * from "./LogoIcon.native.js";
|
|
4
|
+
export * from "./tints.native.js";
|
|
5
|
+
export * from "./useTint.native.js";
|
|
6
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
package/dist/esm/tints.native.js
CHANGED
|
@@ -1,60 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
var listeners = /* @__PURE__ */
|
|
3
|
-
|
|
4
|
-
"red",
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"red",
|
|
16
|
-
"green",
|
|
17
|
-
"red",
|
|
18
|
-
"green",
|
|
19
|
-
"red"
|
|
20
|
-
],
|
|
21
|
-
easter: [
|
|
22
|
-
"yellow",
|
|
23
|
-
"pink",
|
|
24
|
-
"yellow",
|
|
25
|
-
"pink",
|
|
26
|
-
"yellow",
|
|
27
|
-
"pink",
|
|
28
|
-
"yellow"
|
|
29
|
-
],
|
|
30
|
-
halloween: [
|
|
31
|
-
"orange",
|
|
32
|
-
"gray",
|
|
33
|
-
"orange",
|
|
34
|
-
"gray",
|
|
35
|
-
"orange",
|
|
36
|
-
"gray",
|
|
37
|
-
"orange"
|
|
38
|
-
],
|
|
39
|
-
valentine: [
|
|
40
|
-
"pink",
|
|
41
|
-
"red",
|
|
42
|
-
"pink",
|
|
43
|
-
"red",
|
|
44
|
-
"pink",
|
|
45
|
-
"red",
|
|
46
|
-
"pink"
|
|
47
|
-
],
|
|
48
|
-
lunar: [
|
|
49
|
-
"yellow",
|
|
50
|
-
"red",
|
|
51
|
-
"red",
|
|
52
|
-
"red",
|
|
53
|
-
"red",
|
|
54
|
-
"red",
|
|
55
|
-
"yellow"
|
|
56
|
-
]
|
|
57
|
-
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues, fam = DEFAULT_FAMILY;
|
|
2
|
+
var listeners = /* @__PURE__ */new Set(),
|
|
3
|
+
familiesValues = {
|
|
4
|
+
tamagui: ["red", "pink", "purple", "blue", "green", "orange", "red"],
|
|
5
|
+
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
7
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
8
|
+
valentine: ["pink", "red", "pink", "red", "pink", "red", "pink"],
|
|
9
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
10
|
+
},
|
|
11
|
+
DEFAULT_FAMILY = "tamagui",
|
|
12
|
+
familiesNames = Object.keys(familiesValues),
|
|
13
|
+
families = familiesValues,
|
|
14
|
+
fam = DEFAULT_FAMILY;
|
|
58
15
|
function getTints() {
|
|
59
16
|
return {
|
|
60
17
|
name: fam || DEFAULT_FAMILY,
|
|
@@ -64,9 +21,9 @@ function getTints() {
|
|
|
64
21
|
}
|
|
65
22
|
function useTints() {
|
|
66
23
|
var [val, setVal] = React.useState(getTints());
|
|
67
|
-
return React.useEffect(function() {
|
|
68
|
-
return onTintFamilyChange(function() {
|
|
69
|
-
React.startTransition(function() {
|
|
24
|
+
return React.useEffect(function () {
|
|
25
|
+
return onTintFamilyChange(function () {
|
|
26
|
+
React.startTransition(function () {
|
|
70
27
|
setVal(getTints());
|
|
71
28
|
});
|
|
72
29
|
});
|
|
@@ -74,24 +31,19 @@ function useTints() {
|
|
|
74
31
|
}
|
|
75
32
|
function setTintFamily(next) {
|
|
76
33
|
if (!families[next]) throw "impossible";
|
|
77
|
-
fam = next, React.startTransition(function() {
|
|
78
|
-
listeners.forEach(function(l) {
|
|
34
|
+
fam = next, React.startTransition(function () {
|
|
35
|
+
listeners.forEach(function (l) {
|
|
79
36
|
return l(next);
|
|
80
37
|
});
|
|
81
38
|
});
|
|
82
39
|
}
|
|
83
|
-
var setNextTintFamily = function() {
|
|
84
|
-
|
|
85
|
-
},
|
|
86
|
-
|
|
87
|
-
listeners.
|
|
40
|
+
var setNextTintFamily = function () {
|
|
41
|
+
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
42
|
+
},
|
|
43
|
+
onTintFamilyChange = function (cb) {
|
|
44
|
+
return listeners.add(cb), function () {
|
|
45
|
+
listeners.delete(cb);
|
|
46
|
+
};
|
|
88
47
|
};
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
getTints,
|
|
92
|
-
onTintFamilyChange,
|
|
93
|
-
setNextTintFamily,
|
|
94
|
-
setTintFamily,
|
|
95
|
-
useTints
|
|
96
|
-
};
|
|
97
|
-
//# sourceMappingURL=tints.js.map
|
|
48
|
+
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
49
|
+
//# sourceMappingURL=tints.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAOA,WAAW;AAKlB,IAAMC,YAAY,oBAAIC,IAAAA,GAEhBC,iBAAiB;EACrBC,SAAS;IAAC;IAAO;IAAQ;IAAU;IAAQ;IAAS;IAAU;;EAC9DC,MAAM;IAAC;IAAO;IAAS;IAAO;IAAS;IAAO;IAAS;;EACvDC,QAAQ;IAAC;IAAU;IAAQ;IAAU;IAAQ;IAAU;IAAQ;;EAC/DC,WAAW;IAAC;IAAU;IAAQ;IAAU;IAAQ;IAAU;IAAQ;;EAClEC,WAAW;IAAC;IAAQ;IAAO;IAAQ;IAAO;IAAQ;IAAO;;EACzDC,OAAO;IAAC;IAAU;IAAO;IAAO;IAAO;IAAO;IAAO;;AACvD,GAIMC,iBAAyB,WAEzBC,gBAAgBC,OAAOC,KAAKV,cAAAA,GAE5BW,WAAWX,gBAIbY,MAAkBL;AAwBf,SAASM,WAAAA;AACd,SAAO;IACLC,MAAMF,OAAOL;IACbQ,OAAOJ,SAASC,GAAAA,KAAQD,SAASV;IACjCU;EACF;AACF;AAEO,SAASK,WAAAA;AACd,MAAM,CAACC,KAAKC,MAAAA,IAAUrB,MAAMsB,SAASN,SAAAA,CAAAA;AAErChB,eAAMuB,UAAU,WAAA;AACd,WAAOC,mBAAmB,WAAA;AACxBxB,YAAMyB,gBAAgB,WAAA;AACpBJ,eAAOL,SAAAA,CAAAA;MACT,CAAA;IACF,CAAA;EACF,GAAG,CAAA,CAAE,GAEEI;AACT;AAEO,SAASM,cAAcC,MAAgB;AAC5C,MAAI,CAACb,SAASa,IAAAA,EAAO,OAAM;AAC3BZ,QAAMY,MACN3B,MAAMyB,gBAAgB,WAAA;AACpBxB,cAAU2B,QAAQ,SAACC,GAAAA;aAAMA,EAAEF,IAAAA;;EAC7B,CAAA;AACF;AAEO,IAAMG,oBAAoB,WAAA;AAC/BJ,gBAAcf,eAAeA,cAAcoB,QAAQhB,GAAAA,IAAO,KAAKJ,cAAcqB,MAAM,CAAC;AACtF,GAEaR,qBAAqB,SAACS,IAAAA;AACjChC,mBAAUiC,IAAID,EAAAA,GACP,WAAA;AACLhC,cAAUkC,OAAOF,EAAAA;EACnB;AACF;",
|
|
5
|
-
"names": ["React", "listeners", "Set", "familiesValues", "tamagui", "xmas", "easter", "halloween", "valentine", "lunar", "DEFAULT_FAMILY", "familiesNames", "Object", "keys", "families", "fam", "getTints", "name", "tints", "useTints", "val", "setVal", "useState", "useEffect", "onTintFamilyChange", "startTransition", "setTintFamily", "next", "forEach", "l", "setNextTintFamily", "indexOf", "length", "cb", "add", "delete"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","tamagui","xmas","easter","halloween"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;EAAmBC,cAEnC;IACJC,OAAA,EAAS,CACT,KAAO,EACP,MAAQ,EACR,UACA,QACA,OAAQ,EAKJ,UAQF,MAwBG;IACLC,IAAA,GACE,OACA,OAAO,EACP,OACF,SACF,OAEO,OAAS,EACd,KAAO,CAEP;IAEIC,MAAA,EAAM,CACJ,UACF,MAAC,EACF,QAGI,EACT,QAEO,QAAS,EACd,MAAK,EACL,QAAM,CAEJ;IACFC,SAAC,GACH,UAEO,MAAM,EACX,UAGW,QAGT,QAAU,EACZ,Q","ignoreList":[]}
|
|
@@ -1,60 +1,79 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Theme } from "tamagui";
|
|
4
|
-
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
5
|
-
var initialTint = 3,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}, function() {
|
|
20
|
-
return initialTint;
|
|
21
|
-
}), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
22
|
-
return {
|
|
23
|
-
...tintsContext,
|
|
24
|
-
tints: tintsContext.tints,
|
|
25
|
-
tintIndex: index,
|
|
26
|
-
tintAltIndex,
|
|
27
|
-
tint: tints[index],
|
|
28
|
-
tintAlt: tints[tintAltIndex],
|
|
29
|
-
setTintIndex,
|
|
30
|
-
setNextTintFamily,
|
|
31
|
-
setNextTint: function() {
|
|
32
|
-
React.startTransition(function() {
|
|
33
|
-
setTintIndex(index + 1);
|
|
4
|
+
import { getTints, setNextTintFamily, useTints } from "./tints.native.js";
|
|
5
|
+
var initialTint = 3,
|
|
6
|
+
current = initialTint,
|
|
7
|
+
listeners = /* @__PURE__ */new Set(),
|
|
8
|
+
onTintChange = function (listener) {
|
|
9
|
+
return listeners.add(listener), function () {
|
|
10
|
+
listeners.delete(listener);
|
|
11
|
+
};
|
|
12
|
+
},
|
|
13
|
+
numTints = getTints().tints.length,
|
|
14
|
+
setTintIndex = function (next) {
|
|
15
|
+
var val = next % numTints;
|
|
16
|
+
val !== current && (current = val, React.startTransition(function () {
|
|
17
|
+
listeners.forEach(function (x) {
|
|
18
|
+
return x(val);
|
|
34
19
|
});
|
|
35
|
-
}
|
|
20
|
+
}));
|
|
21
|
+
},
|
|
22
|
+
useTint = function () {
|
|
23
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
|
|
24
|
+
index = React.useSyncExternalStore(onTintChange, function () {
|
|
25
|
+
return current;
|
|
26
|
+
}, function () {
|
|
27
|
+
return initialTint;
|
|
28
|
+
}),
|
|
29
|
+
tintsContext = useTints(),
|
|
30
|
+
{
|
|
31
|
+
tints
|
|
32
|
+
} = tintsContext,
|
|
33
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
34
|
+
return {
|
|
35
|
+
...tintsContext,
|
|
36
|
+
tints: tintsContext.tints,
|
|
37
|
+
tintIndex: index,
|
|
38
|
+
tintAltIndex,
|
|
39
|
+
tint: tints[index],
|
|
40
|
+
tintAlt: tints[tintAltIndex],
|
|
41
|
+
setTintIndex,
|
|
42
|
+
setNextTintFamily,
|
|
43
|
+
setNextTint: function () {
|
|
44
|
+
React.startTransition(function () {
|
|
45
|
+
setTintIndex(index + 1);
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
},
|
|
50
|
+
ThemeTint = function (param) {
|
|
51
|
+
var {
|
|
52
|
+
disable,
|
|
53
|
+
children,
|
|
54
|
+
...rest
|
|
55
|
+
} = param,
|
|
56
|
+
curTint = useTint().tint;
|
|
57
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
58
|
+
...rest,
|
|
59
|
+
name: disable ? null : curTint,
|
|
60
|
+
children
|
|
61
|
+
});
|
|
62
|
+
},
|
|
63
|
+
ThemeTintAlt = function (param) {
|
|
64
|
+
var {
|
|
65
|
+
children,
|
|
66
|
+
disable,
|
|
67
|
+
offset = 1,
|
|
68
|
+
...rest
|
|
69
|
+
} = param,
|
|
70
|
+
curTint = useTint(offset).tintAlt,
|
|
71
|
+
name = disable ? null : curTint;
|
|
72
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
73
|
+
name,
|
|
74
|
+
...rest,
|
|
75
|
+
children
|
|
76
|
+
});
|
|
36
77
|
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
return /* @__PURE__ */ _jsx(Theme, {
|
|
40
|
-
...rest,
|
|
41
|
-
name: disable ? null : curTint,
|
|
42
|
-
children
|
|
43
|
-
});
|
|
44
|
-
}, ThemeTintAlt = function(param) {
|
|
45
|
-
var { children, disable, offset = 1, ...rest } = param, curTint = useTint(offset).tintAlt, name = disable ? null : curTint;
|
|
46
|
-
return /* @__PURE__ */ _jsx(Theme, {
|
|
47
|
-
name,
|
|
48
|
-
...rest,
|
|
49
|
-
children
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
export {
|
|
53
|
-
ThemeTint,
|
|
54
|
-
ThemeTintAlt,
|
|
55
|
-
initialTint,
|
|
56
|
-
onTintChange,
|
|
57
|
-
setTintIndex,
|
|
58
|
-
useTint
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=useTint.js.map
|
|
78
|
+
export { ThemeTint, ThemeTintAlt, initialTint, onTintChange, setTintIndex, useTint };
|
|
79
|
+
//# sourceMappingURL=useTint.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/useTint.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,aAAa;AAEtB,SAASC,UAAUC,mBAAmBC,gBAAgB;AAO/C,IAAMC,cAAc,GAEvBC,UAAUD,aAERE,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,WAAWX,SAAAA,EAAWY,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMD,OAAOJ;AACnB,EAAIK,QAAQZ,YACZA,UAAUY,KACVlB,MAAMmB,gBAAgB,WAAA;AACpBZ,cAAUa,QAAQ,SAACC,GAAAA;aAAMA,EAAEH,GAAAA;;EAC7B,CAAA;AACF,GAEaI,UAAU,WAAA;MAACC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAC5BC,QAAQxB,MAAMyB,qBAClBhB,cACA,WAAA;WAAMH;KACN,WAAA;WAAMD;MAEFqB,eAAetB,SAAAA,GACf,EAAEU,MAAK,IAAKY,cACZC,eAAeC,KAAKC,KAAKL,QAAQD,aAAaT,MAAMC,MAAM;AAEhE,SAAO;IACL,GAAGW;IACHZ,OAAOY,aAAaZ;IACpBgB,WAAWN;IACXG;IACAI,MAAMjB,MAAMU,KAAAA;IACZQ,SAASlB,MAAMa,YAAAA;IACfX;IACAb;IACA8B,aAAa,WAAA;AACXjC,YAAMmB,gBAAgB,WAAA;AACpBH,qBAAaQ,QAAQ,CAAA;MACvB,CAAA;IACF;EACF;AACF,GAEaU,YAAY,SAAA,OAAA;MAAC,EACxBC,SACAC,UACA,GAAGC,KAAAA,IACgC,OAC7BC,UAAUhB,QAAAA,EAAUS;AAC1B,SACE,qBAAC9B,OAAAA;IAAO,GAAGoC;IAAME,MAAMJ,UAAU,OAAOG;;;AAI5C,GAEaE,eAAe,SAAA,OAAA;MAAC,EAC3BJ,UACAD,SACAM,SAAS,GACT,GAAGJ,KAAAA,IACiD,OAC9CC,UAAUhB,QAAQmB,MAAAA,EAAQT,SAC1BO,OAAOJ,UAAU,OAAOG;AAC9B,SACE,qBAACrC,OAAAA;IAAMsC;IAAa,GAAGF;;;AAI3B;",
|
|
5
|
-
"names": ["React", "Theme", "getTints", "setNextTintFamily", "useTints", "initialTint", "current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "tints", "length", "setTintIndex", "next", "val", "startTransition", "forEach", "x", "useTint", "altOffset", "index", "useSyncExternalStore", "tintsContext", "tintAltIndex", "Math", "abs", "tintIndex", "tint", "tintAlt", "setNextTint", "ThemeTint", "disable", "children", "rest", "curTint", "name", "ThemeTintAlt", "offset"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","Theme","getTints","setNextTintFamily","useTints","initialTint","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","startTransition","forEach","x","useTint","altOffset","arguments","index","useSyncExternalStore","tintsContext","tintAltIndex","Math","abs","tintIndex","tint","tintAlt","setNextTint","ThemeTint","param","disable","children","rest","curTint","name","ThemeTintAlt","offset"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW;AAElB,OAAAC,KAAS,aAAa;AAEtB,SAASC,KAAA,QAAU;AAiEf,SAAAC,QAAA,EAAAC,iBAAA,EAAAC,QAAA;AA1DG,IAAAC,WAAM;EAAcC,OAAA,GAAAD,WAAA;EAAAE,SAAA,sBAAAC,GAAA;EAAAC,YAAA,YAAAA,CAAAC,QAAA;IAE3B,OAAIH,SAAU,CAAAI,GAAA,CAAAD,QAAA;MAEdH,SAAM,CAAAK,MAAY,CAAAF,QAAA;IAKd;EACF;EAAAG,QAGI,GAAAX,QAAW,EAAS,CAAAY,KAAE,CAAAC,MAAM;EAAAC,YAErB,YAAAA,CAAgBC,IAAiB;IAC5C,IAAAC,GAAM,GAAAD,IAAM,GAAAJ,QAAO;IACfK,GAAA,KAAQZ,OAAA,KACZA,OAAA,GAAUY,GAAA,EACVlB,KAAA,CAAMmB,eAAA,CAAgB,YAAM;MAC1BZ,SAAA,CAAUa,OAAA,CAAQ,UAASC,CAAA,EAAG;QAC/B,OAAAA,CAAA,CAAAH,GAAA;MAGU;IACX;EAAoB;EAAAI,OAClB,YAAAA,CAAA;IAAA,IACAC,SAAM,GAAAC,SAAA,CAAAT,MAAA,QAAAS,SAAA,iBAAAA,SAAA;MAAAC,KAAA,GAAAzB,KAAA,CAAA0B,oBAAA,CAAAjB,YAAA;QACN,OAAMH,OAAA;MACR,GACM;QAIN,OAAOD,WAAA;MAAA,EACL;MAAAsB,YAAG,GAAAvB,QAAA;MAAA;QAAAU;MAAA,IAAAa,YAAA;MAAAC,YAAA,GAAAC,IAAA,CAAAC,GAAA,EAAAL,KAAA,GAAAF,SAAA,IAAAT,KAAA,CAAAC,MAAA;IAAA,OACH;MACA,GAAAY,YAAW;MACXb,KAAA,EAAAa,YAAA,CAAAb,KAAA;MACAiB,SAAM,EAAAN,KAAM;MACZG,YAAS;MACTI,IAAA,EAAAlB,KAAA,CAAAW,KAAA;MACAQ,OAAA,EAAAnB,KAAA,CAAAc,YAAA;MACAZ,YAAA;MACEb,iBAAM;MACJ+B,WAAA,WAAAA,CAAA,EAAa;QACflC,KAAC,CAAAmB,eAAA;UACHH,YAAA,CAAAS,KAAA;QACF;MAGW;IACX;EAAA;EACAU,SAAA,YAAAA,CAAAC,KAAA;IACA,IAAG;QAAAC,OAAA;QAAAC,QAAA;QAAA,GAAAC;MAAA,IAAAH,KAAA;MAAAI,OAAA,GAAAlB,OAAA,GAAAU,IAAA;IACL,OAA0C,eAAAjC,IAAA,CAAAE,KAAA;MACxC,GAAAsC,IAAM;MACNE,IAAA,EACEJ,OAAA,UAAAG,OAAC;MAMQF;IACX;EAAA;EACAI,YAAA,YAAAA,CAAAN,KAAA;IACA;QAAAE,QAAS;QAAAD,OAAA;QAAAM,MAAA;QAAA,GAAAJ;MAAA,IAAAH,KAAA;MAAAI,OAAA,GAAAlB,OAAA,CAAAqB,MAAA,EAAAV,OAAA;MAAAQ,IAAA,GAAAJ,OAAA,UAAAG,OAAA;IACT,OAAG,eAAAzC,IAAA,CAAAE,KAAA;MACLwC,IAA2D;MACzD,GAAAF,IAAM;MAEND;IAKF","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.111.
|
|
3
|
+
"version": "1.111.9",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
"clean:build": "tamagui-build clean:build"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"tamagui": "1.111.
|
|
24
|
+
"tamagui": "1.111.9"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@tamagui/build": "1.111.
|
|
27
|
+
"@tamagui/build": "1.111.9",
|
|
28
28
|
"react": "^18.2.0 || ^19.0.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { YStack } from "tamagui";
|
|
3
|
-
import { TamaguiIconSvg } from "./TamaguiLogoSvg.native.mjs";
|
|
4
|
-
var LogoIcon = function (param) {
|
|
5
|
-
var {
|
|
6
|
-
downscale = 2
|
|
7
|
-
} = param;
|
|
8
|
-
return /* @__PURE__ */_jsx(YStack, {
|
|
9
|
-
tag: "span",
|
|
10
|
-
className: "unselectable",
|
|
11
|
-
alignSelf: "center",
|
|
12
|
-
marginVertical: -10,
|
|
13
|
-
pressStyle: {
|
|
14
|
-
opacity: 0.7,
|
|
15
|
-
scaleX: -1
|
|
16
|
-
},
|
|
17
|
-
children: /* @__PURE__ */_jsx(TamaguiIconSvg, {
|
|
18
|
-
className: "tamagui-icon",
|
|
19
|
-
width: 450 / 8 / downscale,
|
|
20
|
-
height: 420 / 8 / downscale
|
|
21
|
-
})
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
export { LogoIcon };
|
|
25
|
-
//# sourceMappingURL=LogoIcon.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","YStack","TamaguiIconSvg","LogoIcon","param","downscale","tag","className","alignSelf","marginVertical","pressStyle","opacity","scaleX","children","width","height"],"sources":["../../src/LogoIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAc;AAEvB,SAASC,MAAA,iBAAsB;AAczB,SAAAC,cAAA;AAZC,IAAAC,QAAM,YAAAA,CAAcC,KAAA;EAEtB;IAAAC,SAAA;EAAA,IAAAD,KAAA;EAAA,sBAAAJ,IAAA,CAAAC,MAAA;IACCK,GAAA,EAAI;IACJC,SAAA,EAAU;IACVC,SAAA,EAAU;IACVC,cAAA,EAAgB;IAChBC,UAAA,EAAY;MACVC,OAAA,EAAS;MACTC,MAAA,EAAQ;IACV;IAEAC,QAAA,iBAAAb,IAAA,CAAAE,cAAA;MAACK,SAAA;MAAAO,KAAA,YAAAT,SAAA;MAAAU,MACC,QAAU,IAAAV;IAAA;EACO;AACC;AAAA,SACpBF,QAAA","ignoreList":[]}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Circle, XStack } from "tamagui";
|
|
4
|
-
import { useTint } from "./useTint.native.mjs";
|
|
5
|
-
var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
6
|
-
var {
|
|
7
|
-
downscale = 1,
|
|
8
|
-
grayscale,
|
|
9
|
-
animated,
|
|
10
|
-
...props
|
|
11
|
-
} = param,
|
|
12
|
-
Tint = useTint(),
|
|
13
|
-
{
|
|
14
|
-
tintIndex: index,
|
|
15
|
-
tint
|
|
16
|
-
} = Tint,
|
|
17
|
-
tints = Tint.tints.map(function (t) {
|
|
18
|
-
return `var(--${t}9)`;
|
|
19
|
-
}),
|
|
20
|
-
[hovered, setHovered] = React.useState(!1),
|
|
21
|
-
[mounted, setMounted] = React.useState("start");
|
|
22
|
-
React.useEffect(function () {
|
|
23
|
-
var idle = window.requestIdleCallback || setTimeout;
|
|
24
|
-
idle(function () {
|
|
25
|
-
setTimeout(function () {
|
|
26
|
-
setMounted("animate");
|
|
27
|
-
}, 50), setTimeout(function () {
|
|
28
|
-
setMounted("done");
|
|
29
|
-
}, 1500);
|
|
30
|
-
});
|
|
31
|
-
}, []);
|
|
32
|
-
var getColor = function (i) {
|
|
33
|
-
var isActive = mounted !== "start" && i === index;
|
|
34
|
-
return grayscale ? hovered && isActive ? "var(--gray12)" : hovered ? "var(--gray11)" : "var(--gray10)" : mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
35
|
-
},
|
|
36
|
-
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
|
|
37
|
-
return /* @__PURE__ */_jsxs(XStack, {
|
|
38
|
-
onHoverIn: function () {
|
|
39
|
-
return setHovered(!0);
|
|
40
|
-
},
|
|
41
|
-
onHoverOut: function () {
|
|
42
|
-
return setHovered(!1);
|
|
43
|
-
},
|
|
44
|
-
paddingVertical: "$2",
|
|
45
|
-
"data-tauri-drag-region": !0,
|
|
46
|
-
marginVertical: "$-2",
|
|
47
|
-
position: "relative",
|
|
48
|
-
className: "logo-words",
|
|
49
|
-
...props,
|
|
50
|
-
children: [animated && /* @__PURE__ */_jsx(Circle, {
|
|
51
|
-
animation: "quicker",
|
|
52
|
-
position: "absolute",
|
|
53
|
-
top: 0,
|
|
54
|
-
left: 0,
|
|
55
|
-
y: mounted === "start" ? -30 : -3,
|
|
56
|
-
// the last i is less wide
|
|
57
|
-
x,
|
|
58
|
-
size: 4,
|
|
59
|
-
backgroundColor: "$color9"
|
|
60
|
-
}), /* @__PURE__ */_jsxs("svg", {
|
|
61
|
-
"data-tauri-drag-region": !0,
|
|
62
|
-
width: 373 * (1 / downscale) * 0.333333334,
|
|
63
|
-
height: 41 * (1 / downscale) * 0.333333334,
|
|
64
|
-
viewBox: "0 0 373 41",
|
|
65
|
-
children: [/* @__PURE__ */_jsx("polygon", {
|
|
66
|
-
"data-tauri-drag-region": !0,
|
|
67
|
-
shapeRendering: "crispEdges",
|
|
68
|
-
fill: getColor(0),
|
|
69
|
-
points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903",
|
|
70
|
-
onMouseEnter: function () {
|
|
71
|
-
return Tint.setTintIndex(0);
|
|
72
|
-
}
|
|
73
|
-
}), /* @__PURE__ */_jsx("path", {
|
|
74
|
-
shapeRendering: "crispEdges",
|
|
75
|
-
fill: getColor(1),
|
|
76
|
-
d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
|
|
77
|
-
fillRule: "nonzero",
|
|
78
|
-
onMouseEnter: function () {
|
|
79
|
-
return Tint.setTintIndex(1);
|
|
80
|
-
}
|
|
81
|
-
}), /* @__PURE__ */_jsx("polygon", {
|
|
82
|
-
"data-tauri-drag-region": !0,
|
|
83
|
-
shapeRendering: "crispEdges",
|
|
84
|
-
fill: getColor(2),
|
|
85
|
-
points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903",
|
|
86
|
-
onMouseEnter: function () {
|
|
87
|
-
return Tint.setTintIndex(2);
|
|
88
|
-
}
|
|
89
|
-
}), /* @__PURE__ */_jsx("path", {
|
|
90
|
-
fill: getColor(3),
|
|
91
|
-
d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
|
|
92
|
-
fillRule: "nonzero",
|
|
93
|
-
onMouseEnter: function () {
|
|
94
|
-
return Tint.setTintIndex(3);
|
|
95
|
-
}
|
|
96
|
-
}), /* @__PURE__ */_jsx("polygon", {
|
|
97
|
-
"data-tauri-drag-region": !0,
|
|
98
|
-
shapeRendering: "crispEdges",
|
|
99
|
-
fill: getColor(4),
|
|
100
|
-
points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903",
|
|
101
|
-
onMouseEnter: function () {
|
|
102
|
-
return Tint.setTintIndex(4);
|
|
103
|
-
}
|
|
104
|
-
}), /* @__PURE__ */_jsx("polygon", {
|
|
105
|
-
"data-tauri-drag-region": !0,
|
|
106
|
-
shapeRendering: "crispEdges",
|
|
107
|
-
fill: getColor(5),
|
|
108
|
-
points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903",
|
|
109
|
-
onMouseEnter: function () {
|
|
110
|
-
return Tint.setTintIndex(5);
|
|
111
|
-
}
|
|
112
|
-
}), /* @__PURE__ */_jsx("polygon", {
|
|
113
|
-
"data-tauri-drag-region": !0,
|
|
114
|
-
shapeRendering: "crispEdges",
|
|
115
|
-
fill: getColor(6),
|
|
116
|
-
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
|
|
117
|
-
onMouseEnter: function () {
|
|
118
|
-
return Tint.setTintIndex(6);
|
|
119
|
-
}
|
|
120
|
-
})]
|
|
121
|
-
})]
|
|
122
|
-
});
|
|
123
|
-
});
|
|
124
|
-
export { LogoWords };
|
|
125
|
-
//# sourceMappingURL=LogoWords.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Circle","XStack","useTint","LogoWords","memo","param","downscale","grayscale","animated","props","Tint","tintIndex","index","tint","tints","map","t","hovered","setHovered","useState","mounted","setMounted","useEffect","idle","window","requestIdleCallback","setTimeout","getColor","i","isActive","x","Math","round","length","onHoverIn","onHoverOut","paddingVertical","marginVertical","position","className","children","animation","top","left","y","size","backgroundColor","width","height","viewBox","shapeRendering","fill","points","onMouseEnter","setTintIndex","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { XStack, YStack } from "tamagui";
|
|
4
|
-
import { LogoIcon } from "./LogoIcon.native.mjs";
|
|
5
|
-
import { LogoWords } from "./LogoWords.native.mjs";
|
|
6
|
-
var TamaguiLogo = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
7
|
-
var {
|
|
8
|
-
showWords,
|
|
9
|
-
downscale,
|
|
10
|
-
animated,
|
|
11
|
-
...props
|
|
12
|
-
} = param;
|
|
13
|
-
return /* @__PURE__ */_jsxs(XStack, {
|
|
14
|
-
tag: "span",
|
|
15
|
-
ref,
|
|
16
|
-
alignItems: "center",
|
|
17
|
-
justifyContent: "center",
|
|
18
|
-
gap: "$5",
|
|
19
|
-
...props,
|
|
20
|
-
children: [/* @__PURE__ */_jsx(LogoIcon, {
|
|
21
|
-
downscale: (downscale ?? 1) * (showWords ? 2 : 1.5)
|
|
22
|
-
}), showWords && /* @__PURE__ */_jsx(YStack, {
|
|
23
|
-
tag: "span",
|
|
24
|
-
marginBottom: -4,
|
|
25
|
-
children: /* @__PURE__ */_jsx(LogoWords, {
|
|
26
|
-
animated,
|
|
27
|
-
downscale: downscale ?? 2
|
|
28
|
-
})
|
|
29
|
-
})]
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
export { TamaguiLogo };
|
|
33
|
-
//# sourceMappingURL=TamaguiLogo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","XStack","YStack","LogoIcon","LogoWords","TamaguiLogo","forwardRef","param","ref","showWords","downscale","animated","props","tag","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/TamaguiLogo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS,MAAQ;AAEjB,SAASC,MAAA,EAAAC,MAAA,QAAgB;AACzB,SAASC,QAAA,+BAAiB;AAWpB,SAQEC,SARF;AAHC,IAAAC,WAAM,kBAAoBL,KAAA,CAAAM,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAC/B,IAAG;IAAAC,SAAW;IAAAC,SAAW;IAAAC,QAAU;IAAG,GAAAC;EAAoB,IAAAL,KAEtD;EAAA,OAAC,eAAAR,KAAA,CAAAE,MAAA;IAAAY,GAAA;IAAAL,GACC;IAAIM,UACJ;IAAAC,cACW;IAAAC,GACX;IAAe,GACfJ,KAAI;IAAAK,QACA,GAEJ,eAAApB,IAAA,CAAAM,QAAA;MAAAO,SAAA,GAAAA,SAAC,UAAAD,SAAS,IAAY;IAAyC,EAC9D,EAGCA,SAAA,mBAAAZ,IAAA,CAAAK,MAAA;MAAAW,GAAA;MAEJK,YAAA;MAGND,QAAA,iBAAApB,IAAA,CAAAO,SAAA","ignoreList":[]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
var TamaguiIconSvg = function (props) {
|
|
3
|
-
return /* @__PURE__ */_jsx("svg", {
|
|
4
|
-
width: 424,
|
|
5
|
-
height: 394,
|
|
6
|
-
viewBox: "0 0 424 394",
|
|
7
|
-
...props,
|
|
8
|
-
children: /* @__PURE__ */_jsxs("g", {
|
|
9
|
-
fill: "none",
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
children: [/* @__PURE__ */_jsx("path", {
|
|
12
|
-
d: "M310.786 30v28.75H372.5l-.001 28.75H426.5v86.25h-54.001l.001 28.75h-61.714v115h-28.929V375h-202.5v-57.5H21.5v-230h57.857V30h231.429Z",
|
|
13
|
-
opacity: 0.267
|
|
14
|
-
}), /* @__PURE__ */_jsxs("g", {
|
|
15
|
-
fill: "var(--color)",
|
|
16
|
-
children: [/* @__PURE__ */_jsx("path", {
|
|
17
|
-
d: "M279.5 0h-20v20h20zM250.7 0h-20v20h20zM221.9 0h-20v20h20zM193.1 0h-20v20h20zM164.3 0h-20v20h20zM135.5 0h-20v20h20zM106.7 28.714h-20v20h20zM77.9 57.429h-20v20h20zM49.1 86.143h-20v20h20zM49.1 114.857h-20v20h20zM49.1 143.571h-20v20h20zM49.1 172.286h-20v20h20zM20.3 201H.3v20h20zM20.3 229.714H.3v20h20zM20.3 258.429H.3v20h20zM49.1 287.143h-20v20h20zM77.9 315.857h-20v20h20zM106.7 344.571h-20v20h20zM135.5 373.286h-20v20h20zM164.3 373.286h-20v20h20zM193.1 344.571h-20v20h20zM221.9 344.571h-20v20h20zM221.9 373.286h-20v20h20zM250.7 373.286h-20v20h20zM279.5 344.571h-20v20h20zM279.5 315.857h-20v20h20zM308.3 287.143h-20v20h20zM337.1 229.714h-20v20h20zM337.1 258.429h-20v20h20zM337.1 201h-20v20h20zM365.9 172.286h-20v20h20zM394.7 172.286h-20v20h20zM423.5 143.571h-20v20h20zM394.7 114.857h-20v20h20zM365.9 114.857h-20v20h20zM337.1 114.857h-20v20h20zM423.5 86.143h-20v20h20zM423.5 114.857h-20v20h20zM394.7 57.429h-20v20h20z"
|
|
18
|
-
}), /* @__PURE__ */_jsx("path", {
|
|
19
|
-
d: "M394.7 57.429h-20v20h20zM365.9 57.429h-20v20h20zM308.3 28.714h-20v20h20zM279.5 57.429h-20v20h20zM193.1 86.143h-20v20h20zM193.1 201h-20v20h20zM193.1 229.714h-20v20h20zM164.3 258.429h-20v20h20zM135.5 229.714h-20v20h20zM135.5 201h-20v20h20zM337.1 57.429h-20v20h20z"
|
|
20
|
-
})]
|
|
21
|
-
})]
|
|
22
|
-
})
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
export { TamaguiIconSvg };
|
|
26
|
-
//# sourceMappingURL=TamaguiLogoSvg.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","TamaguiIconSvg","props","width","height","viewBox","children","fill","fillRule","d","opacity"],"sources":["../../src/TamaguiLogoSvg.tsx"],"sourcesContent":[null],"mappings":"AAGM,SAAAA,GAAA,IAIAC,IAAA,EAAAC,IAJA,IAAAC,KAAA;AAHC,IAAAC,cAAM,YAAAA,CAAkBC,KAC7B;EAEI,sBAAAJ,IAAA;IAACK,KAAA;IAAAC,MAAA;IAAAC,OACG;IAAA,GACFH,KAAA;IAASI,QAAA,iBAAAN,KAAA;MACXO,IAAA;MACAC,QAAA,WAAC;MACCF,QAAA,GACA,eAACR,IAAA,OAAK,EAAE;QACVW,CAAA;QAEJC,OAAA","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
var listeners = /* @__PURE__ */new Set(),
|
|
3
|
-
familiesValues = {
|
|
4
|
-
tamagui: ["red", "pink", "purple", "blue", "green", "orange", "red"],
|
|
5
|
-
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
7
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
8
|
-
valentine: ["pink", "red", "pink", "red", "pink", "red", "pink"],
|
|
9
|
-
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
10
|
-
},
|
|
11
|
-
DEFAULT_FAMILY = "tamagui",
|
|
12
|
-
familiesNames = Object.keys(familiesValues),
|
|
13
|
-
families = familiesValues,
|
|
14
|
-
fam = DEFAULT_FAMILY;
|
|
15
|
-
function getTints() {
|
|
16
|
-
return {
|
|
17
|
-
name: fam || DEFAULT_FAMILY,
|
|
18
|
-
tints: families[fam] || families.tamagui,
|
|
19
|
-
families
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
function useTints() {
|
|
23
|
-
var [val, setVal] = React.useState(getTints());
|
|
24
|
-
return React.useEffect(function () {
|
|
25
|
-
return onTintFamilyChange(function () {
|
|
26
|
-
React.startTransition(function () {
|
|
27
|
-
setVal(getTints());
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
}, []), val;
|
|
31
|
-
}
|
|
32
|
-
function setTintFamily(next) {
|
|
33
|
-
if (!families[next]) throw "impossible";
|
|
34
|
-
fam = next, React.startTransition(function () {
|
|
35
|
-
listeners.forEach(function (l) {
|
|
36
|
-
return l(next);
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
var setNextTintFamily = function () {
|
|
41
|
-
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
42
|
-
},
|
|
43
|
-
onTintFamilyChange = function (cb) {
|
|
44
|
-
return listeners.add(cb), function () {
|
|
45
|
-
listeners.delete(cb);
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
49
|
-
//# sourceMappingURL=tints.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","listeners","Set","familiesValues","tamagui","xmas","easter","halloween"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;EAAmBC,cAEnC;IACJC,OAAA,EAAS,CACT,KAAO,EACP,MAAQ,EACR,UACA,QACA,OAAQ,EAKJ,UAQF,MAwBG;IACLC,IAAA,GACE,OACA,OAAO,EACP,OACF,SACF,OAEO,OAAS,EACd,KAAO,CAEP;IAEIC,MAAA,EAAM,CACJ,UACF,MAAC,EACF,QAGI,EACT,QAEO,QAAS,EACd,MAAK,EACL,QAAM,CAEJ;IACFC,SAAC,GACH,UAEO,MAAM,EACX,UAGW,QAGT,QAAU,EACZ,Q","ignoreList":[]}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Theme } from "tamagui";
|
|
4
|
-
import { getTints, setNextTintFamily, useTints } from "./tints.native.mjs";
|
|
5
|
-
var initialTint = 3,
|
|
6
|
-
current = initialTint,
|
|
7
|
-
listeners = /* @__PURE__ */new Set(),
|
|
8
|
-
onTintChange = function (listener) {
|
|
9
|
-
return listeners.add(listener), function () {
|
|
10
|
-
listeners.delete(listener);
|
|
11
|
-
};
|
|
12
|
-
},
|
|
13
|
-
numTints = getTints().tints.length,
|
|
14
|
-
setTintIndex = function (next) {
|
|
15
|
-
var val = next % numTints;
|
|
16
|
-
val !== current && (current = val, React.startTransition(function () {
|
|
17
|
-
listeners.forEach(function (x) {
|
|
18
|
-
return x(val);
|
|
19
|
-
});
|
|
20
|
-
}));
|
|
21
|
-
},
|
|
22
|
-
useTint = function () {
|
|
23
|
-
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
|
|
24
|
-
index = React.useSyncExternalStore(onTintChange, function () {
|
|
25
|
-
return current;
|
|
26
|
-
}, function () {
|
|
27
|
-
return initialTint;
|
|
28
|
-
}),
|
|
29
|
-
tintsContext = useTints(),
|
|
30
|
-
{
|
|
31
|
-
tints
|
|
32
|
-
} = tintsContext,
|
|
33
|
-
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
34
|
-
return {
|
|
35
|
-
...tintsContext,
|
|
36
|
-
tints: tintsContext.tints,
|
|
37
|
-
tintIndex: index,
|
|
38
|
-
tintAltIndex,
|
|
39
|
-
tint: tints[index],
|
|
40
|
-
tintAlt: tints[tintAltIndex],
|
|
41
|
-
setTintIndex,
|
|
42
|
-
setNextTintFamily,
|
|
43
|
-
setNextTint: function () {
|
|
44
|
-
React.startTransition(function () {
|
|
45
|
-
setTintIndex(index + 1);
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
},
|
|
50
|
-
ThemeTint = function (param) {
|
|
51
|
-
var {
|
|
52
|
-
disable,
|
|
53
|
-
children,
|
|
54
|
-
...rest
|
|
55
|
-
} = param,
|
|
56
|
-
curTint = useTint().tint;
|
|
57
|
-
return /* @__PURE__ */_jsx(Theme, {
|
|
58
|
-
...rest,
|
|
59
|
-
name: disable ? null : curTint,
|
|
60
|
-
children
|
|
61
|
-
});
|
|
62
|
-
},
|
|
63
|
-
ThemeTintAlt = function (param) {
|
|
64
|
-
var {
|
|
65
|
-
children,
|
|
66
|
-
disable,
|
|
67
|
-
offset = 1,
|
|
68
|
-
...rest
|
|
69
|
-
} = param,
|
|
70
|
-
curTint = useTint(offset).tintAlt,
|
|
71
|
-
name = disable ? null : curTint;
|
|
72
|
-
return /* @__PURE__ */_jsx(Theme, {
|
|
73
|
-
name,
|
|
74
|
-
...rest,
|
|
75
|
-
children
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
export { ThemeTint, ThemeTintAlt, initialTint, onTintChange, setTintIndex, useTint };
|
|
79
|
-
//# sourceMappingURL=useTint.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","Theme","getTints","setNextTintFamily","useTints","initialTint","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","startTransition","forEach","x","useTint","altOffset","arguments","index","useSyncExternalStore","tintsContext","tintAltIndex","Math","abs","tintIndex","tint","tintAlt","setNextTint","ThemeTint","param","disable","children","rest","curTint","name","ThemeTintAlt","offset"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW;AAElB,OAAAC,KAAS,aAAa;AAEtB,SAASC,KAAA,QAAU;AAiEf,SAAAC,QAAA,EAAAC,iBAAA,EAAAC,QAAA;AA1DG,IAAAC,WAAM;EAAcC,OAAA,GAAAD,WAAA;EAAAE,SAAA,sBAAAC,GAAA;EAAAC,YAAA,YAAAA,CAAAC,QAAA;IAE3B,OAAIH,SAAU,CAAAI,GAAA,CAAAD,QAAA;MAEdH,SAAM,CAAAK,MAAY,CAAAF,QAAA;IAKd;EACF;EAAAG,QAGI,GAAAX,QAAW,EAAS,CAAAY,KAAE,CAAAC,MAAM;EAAAC,YAErB,YAAAA,CAAgBC,IAAiB;IAC5C,IAAAC,GAAM,GAAAD,IAAM,GAAAJ,QAAO;IACfK,GAAA,KAAQZ,OAAA,KACZA,OAAA,GAAUY,GAAA,EACVlB,KAAA,CAAMmB,eAAA,CAAgB,YAAM;MAC1BZ,SAAA,CAAUa,OAAA,CAAQ,UAASC,CAAA,EAAG;QAC/B,OAAAA,CAAA,CAAAH,GAAA;MAGU;IACX;EAAoB;EAAAI,OAClB,YAAAA,CAAA;IAAA,IACAC,SAAM,GAAAC,SAAA,CAAAT,MAAA,QAAAS,SAAA,iBAAAA,SAAA;MAAAC,KAAA,GAAAzB,KAAA,CAAA0B,oBAAA,CAAAjB,YAAA;QACN,OAAMH,OAAA;MACR,GACM;QAIN,OAAOD,WAAA;MAAA,EACL;MAAAsB,YAAG,GAAAvB,QAAA;MAAA;QAAAU;MAAA,IAAAa,YAAA;MAAAC,YAAA,GAAAC,IAAA,CAAAC,GAAA,EAAAL,KAAA,GAAAF,SAAA,IAAAT,KAAA,CAAAC,MAAA;IAAA,OACH;MACA,GAAAY,YAAW;MACXb,KAAA,EAAAa,YAAA,CAAAb,KAAA;MACAiB,SAAM,EAAAN,KAAM;MACZG,YAAS;MACTI,IAAA,EAAAlB,KAAA,CAAAW,KAAA;MACAQ,OAAA,EAAAnB,KAAA,CAAAc,YAAA;MACAZ,YAAA;MACEb,iBAAM;MACJ+B,WAAA,WAAAA,CAAA,EAAa;QACflC,KAAC,CAAAmB,eAAA;UACHH,YAAA,CAAAS,KAAA;QACF;MAGW;IACX;EAAA;EACAU,SAAA,YAAAA,CAAAC,KAAA;IACA,IAAG;QAAAC,OAAA;QAAAC,QAAA;QAAA,GAAAC;MAAA,IAAAH,KAAA;MAAAI,OAAA,GAAAlB,OAAA,GAAAU,IAAA;IACL,OAA0C,eAAAjC,IAAA,CAAAE,KAAA;MACxC,GAAAsC,IAAM;MACNE,IAAA,EACEJ,OAAA,UAAAG,OAAC;MAMQF;IACX;EAAA;EACAI,YAAA,YAAAA,CAAAN,KAAA;IACA;QAAAE,QAAS;QAAAD,OAAA;QAAAM,MAAA;QAAA,GAAAJ;MAAA,IAAAH,KAAA;MAAAI,OAAA,GAAAlB,OAAA,CAAAqB,MAAA,EAAAV,OAAA;MAAAQ,IAAA,GAAAJ,OAAA,UAAAG,OAAA;IACT,OAAG,eAAAzC,IAAA,CAAAE,KAAA;MACLwC,IAA2D;MACzD,GAAAF,IAAM;MAEND;IAKF","ignoreList":[]}
|