@tamagui/logo 2.0.0-rc.9 → 2.0.0
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 +33 -29
- package/dist/cjs/LogoIcon.native.js +36 -34
- package/dist/cjs/LogoIcon.native.js.map +1 -1
- package/dist/cjs/LogoWords.cjs +63 -52
- package/dist/cjs/LogoWords.native.js +67 -60
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/cjs/SeasonProvider.cjs +20 -15
- package/dist/cjs/SeasonProvider.native.js +20 -15
- package/dist/cjs/SeasonProvider.native.js.map +1 -1
- package/dist/cjs/TamaguiLogo.cjs +36 -32
- package/dist/cjs/TamaguiLogo.native.js +44 -42
- package/dist/cjs/TamaguiLogo.native.js.map +1 -1
- package/dist/cjs/TamaguiLogoSvg.cjs +12 -10
- package/dist/cjs/TamaguiLogoSvg.native.js +59 -57
- package/dist/cjs/TamaguiLogoSvg.native.js.map +1 -1
- package/dist/cjs/ThemeTint.cjs +40 -37
- package/dist/cjs/ThemeTint.native.js +43 -41
- package/dist/cjs/ThemeTint.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tints.cjs +61 -47
- package/dist/cjs/tints.native.js +59 -49
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.cjs +90 -77
- package/dist/cjs/useTint.native.js +99 -90
- package/dist/cjs/useTint.native.js.map +1 -1
- package/dist/esm/LogoIcon.mjs +18 -16
- package/dist/esm/LogoIcon.mjs.map +1 -1
- package/dist/esm/LogoIcon.native.js.map +1 -1
- package/dist/esm/LogoWords.mjs +35 -26
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +38 -33
- package/dist/esm/LogoWords.native.js.map +1 -1
- package/dist/esm/SeasonProvider.mjs +5 -2
- package/dist/esm/SeasonProvider.mjs.map +1 -1
- package/dist/esm/SeasonProvider.native.js +5 -2
- package/dist/esm/SeasonProvider.native.js.map +1 -1
- package/dist/esm/TamaguiLogo.mjs +20 -18
- package/dist/esm/TamaguiLogo.mjs.map +1 -1
- package/dist/esm/TamaguiLogo.native.js +2 -2
- package/dist/esm/TamaguiLogo.native.js.map +1 -1
- package/dist/esm/ThemeTint.mjs +25 -24
- package/dist/esm/ThemeTint.mjs.map +1 -1
- package/dist/esm/ThemeTint.native.js +27 -27
- package/dist/esm/ThemeTint.native.js.map +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/tints.mjs +37 -25
- package/dist/esm/tints.mjs.map +1 -1
- package/dist/esm/tints.native.js +34 -26
- package/dist/esm/tints.native.js.map +1 -1
- package/dist/esm/useTint.mjs +62 -51
- package/dist/esm/useTint.mjs.map +1 -1
- package/dist/esm/useTint.native.js +72 -65
- package/dist/esm/useTint.native.js.map +1 -1
- package/icon/index.js +1 -0
- package/icon/index.native.js +1 -0
- package/package.json +10 -7
- package/types/LogoIcon.d.ts.map +2 -2
- package/types/LogoWords.d.ts +1 -1
- package/types/LogoWords.d.ts.map +4 -6
- package/types/SeasonProvider.d.ts.map +2 -2
- package/types/TamaguiLogo.d.ts +1 -1
- package/types/TamaguiLogo.d.ts.map +3 -3
- package/types/TamaguiLogoSvg.d.ts +1 -1
- package/types/TamaguiLogoSvg.d.ts.map +3 -3
- package/types/ThemeTint.d.ts +2 -2
- package/types/ThemeTint.d.ts.map +3 -3
- package/types/index.d.ts.map +2 -2
- package/types/tints.d.ts.map +2 -2
- package/types/useTint.d.ts.map +4 -6
- package/dist/cjs/LogoIcon.js +0 -46
- package/dist/cjs/LogoIcon.js.map +0 -6
- package/dist/cjs/LogoWords.js +0 -170
- package/dist/cjs/LogoWords.js.map +0 -6
- package/dist/cjs/SeasonProvider.js +0 -32
- package/dist/cjs/SeasonProvider.js.map +0 -6
- package/dist/cjs/TamaguiLogo.js +0 -43
- package/dist/cjs/TamaguiLogo.js.map +0 -6
- package/dist/cjs/TamaguiLogoSvg.js +0 -41
- package/dist/cjs/TamaguiLogoSvg.js.map +0 -6
- package/dist/cjs/ThemeTint.js +0 -38
- package/dist/cjs/ThemeTint.js.map +0 -6
- package/dist/cjs/index.js +0 -21
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/tints.js +0 -91
- package/dist/cjs/tints.js.map +0 -6
- package/dist/cjs/useTint.js +0 -76
- package/dist/cjs/useTint.js.map +0 -6
- package/dist/esm/LogoIcon.js +0 -32
- package/dist/esm/LogoIcon.js.map +0 -6
- package/dist/esm/LogoWords.js +0 -149
- package/dist/esm/LogoWords.js.map +0 -6
- package/dist/esm/SeasonProvider.js +0 -18
- package/dist/esm/SeasonProvider.js.map +0 -6
- package/dist/esm/TamaguiLogo.js +0 -30
- package/dist/esm/TamaguiLogo.js.map +0 -6
- package/dist/esm/TamaguiLogoSvg.js +0 -25
- package/dist/esm/TamaguiLogoSvg.js.map +0 -6
- package/dist/esm/ThemeTint.js +0 -24
- package/dist/esm/ThemeTint.js.map +0 -6
- package/dist/esm/tints.js +0 -67
- package/dist/esm/tints.js.map +0 -6
- package/dist/esm/useTint.js +0 -54
- package/dist/esm/useTint.js.map +0 -6
|
@@ -5,48 +5,54 @@ import { useTint } from "./useTint.native.js";
|
|
|
5
5
|
var defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
6
6
|
var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
7
7
|
var {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
downscale = 1,
|
|
9
|
+
animated,
|
|
10
|
+
...props
|
|
11
|
+
} = param;
|
|
12
|
+
var Tint = useTint();
|
|
13
|
+
var [hovered, setHovered] = React.useState(false);
|
|
14
|
+
var [mounted, setMounted] = React.useState("start");
|
|
15
|
+
var {
|
|
16
|
+
tintIndex: index
|
|
17
|
+
} = Tint;
|
|
18
18
|
useEffect(function () {
|
|
19
19
|
var idle = window.requestIdleCallback || setTimeout;
|
|
20
20
|
idle(function () {
|
|
21
21
|
setTimeout(function () {
|
|
22
22
|
setMounted("animate");
|
|
23
|
-
}, 50)
|
|
23
|
+
}, 50);
|
|
24
|
+
setTimeout(function () {
|
|
24
25
|
setMounted("done");
|
|
25
26
|
}, 1500);
|
|
26
27
|
});
|
|
27
|
-
}, [])
|
|
28
|
+
}, []);
|
|
29
|
+
useEffect(function () {
|
|
28
30
|
var handleKeyDown = function (event) {
|
|
29
31
|
var index2 = Number.parseInt(event.key, 10) - 1;
|
|
30
|
-
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length
|
|
32
|
+
if (!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length) {
|
|
33
|
+
Tint.setTintIndex(index2);
|
|
34
|
+
}
|
|
31
35
|
};
|
|
32
|
-
|
|
36
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
37
|
+
return function () {
|
|
33
38
|
window.removeEventListener("keydown", handleKeyDown);
|
|
34
39
|
};
|
|
35
40
|
}, [Tint]);
|
|
36
41
|
var getColor = function (i) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
42
|
+
if (hovered) return `var(--${Tint.tints[i]}9)`;
|
|
43
|
+
return defaultColors[i];
|
|
44
|
+
};
|
|
45
|
+
var x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
|
|
46
|
+
var [layout, setLayout] = useState();
|
|
41
47
|
return /* @__PURE__ */_jsxs(XStack, {
|
|
42
48
|
onMouseEnter: function () {
|
|
43
|
-
return setHovered(
|
|
49
|
+
return setHovered(true);
|
|
44
50
|
},
|
|
45
51
|
onMouseLeave: function () {
|
|
46
|
-
return setHovered(
|
|
52
|
+
return setHovered(false);
|
|
47
53
|
},
|
|
48
54
|
paddingVertical: "$2",
|
|
49
|
-
"data-tauri-drag-region":
|
|
55
|
+
"data-tauri-drag-region": true,
|
|
50
56
|
marginVertical: "$-2",
|
|
51
57
|
position: "relative",
|
|
52
58
|
className: "logo-words",
|
|
@@ -55,12 +61,11 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
55
61
|
},
|
|
56
62
|
// @ts-ignore
|
|
57
63
|
onMouseMove: function (e) {
|
|
58
|
-
if (layout)
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}
|
|
64
|
+
if (!layout) return;
|
|
65
|
+
var x2 = e.clientX - layout.pageX;
|
|
66
|
+
var sectionWidth = layout.width / 7;
|
|
67
|
+
var section = Math.min(6, Math.floor(x2 / sectionWidth));
|
|
68
|
+
Tint.setTintIndex(section);
|
|
64
69
|
},
|
|
65
70
|
...props,
|
|
66
71
|
children: [animated && /* @__PURE__ */_jsx(Circle, {
|
|
@@ -74,12 +79,12 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
74
79
|
size: 4,
|
|
75
80
|
backgroundColor: "$color12"
|
|
76
81
|
}), /* @__PURE__ */_jsxs("svg", {
|
|
77
|
-
"data-tauri-drag-region":
|
|
82
|
+
"data-tauri-drag-region": true,
|
|
78
83
|
width: 373 * (1 / downscale) * 0.3333333,
|
|
79
84
|
height: 41 * (1 / downscale) * 0.3333333,
|
|
80
85
|
viewBox: "0 0 373 41",
|
|
81
86
|
children: [/* @__PURE__ */_jsx("polygon", {
|
|
82
|
-
"data-tauri-drag-region":
|
|
87
|
+
"data-tauri-drag-region": true,
|
|
83
88
|
shapeRendering: "crispEdges",
|
|
84
89
|
fill: getColor(0),
|
|
85
90
|
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"
|
|
@@ -95,7 +100,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
95
100
|
// onMouseEnter={() => Tint.setTintIndex(1)}
|
|
96
101
|
/* @__PURE__ */
|
|
97
102
|
_jsx("polygon", {
|
|
98
|
-
"data-tauri-drag-region":
|
|
103
|
+
"data-tauri-drag-region": true,
|
|
99
104
|
shapeRendering: "crispEdges",
|
|
100
105
|
fill: getColor(2),
|
|
101
106
|
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"
|
|
@@ -110,7 +115,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
110
115
|
// onMouseEnter={() => Tint.setTintIndex(3)}
|
|
111
116
|
/* @__PURE__ */
|
|
112
117
|
_jsx("polygon", {
|
|
113
|
-
"data-tauri-drag-region":
|
|
118
|
+
"data-tauri-drag-region": true,
|
|
114
119
|
shapeRendering: "crispEdges",
|
|
115
120
|
fill: getColor(4),
|
|
116
121
|
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"
|
|
@@ -118,7 +123,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
118
123
|
// onMouseEnter={() => Tint.setTintIndex(4)}
|
|
119
124
|
/* @__PURE__ */
|
|
120
125
|
_jsx("polygon", {
|
|
121
|
-
"data-tauri-drag-region":
|
|
126
|
+
"data-tauri-drag-region": true,
|
|
122
127
|
shapeRendering: "crispEdges",
|
|
123
128
|
fill: getColor(5),
|
|
124
129
|
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"
|
|
@@ -126,7 +131,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
126
131
|
// onMouseEnter={() => Tint.setTintIndex(5)}
|
|
127
132
|
/* @__PURE__ */
|
|
128
133
|
_jsx("polygon", {
|
|
129
|
-
"data-tauri-drag-region":
|
|
134
|
+
"data-tauri-drag-region": true,
|
|
130
135
|
shapeRendering: "crispEdges",
|
|
131
136
|
fill: getColor(6),
|
|
132
137
|
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTint","defaultColors","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAOA,GAAA,IAASC,IAAA,EAAAC,IAAA,IAAWC,KAAA,QAAgB;AAE3C,OAAAC,KAAS,IAAAC,SAAQ,EAAAC,QAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAe;AAyGhB,SAAAC,OAaF,6BAbE;AApGR,IAAAC,aAAM,IACJ,kBACA,kBACA,kBACA,kBACA,eACA,iBACA,eACF;AAYO,IAAAC,SAAM,kBASKP,KAAA,CAAAQ,IAAA,WAAeC,KAAU;EACzC;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTint","defaultColors","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -4,13 +4,16 @@ import { Fragment, jsx } from "react/jsx-runtime";
|
|
|
4
4
|
function useSeasonSync() {
|
|
5
5
|
useEffect(() => {
|
|
6
6
|
const computed = window.__TAMAGUI_SEASON__;
|
|
7
|
-
|
|
7
|
+
if (computed) {
|
|
8
|
+
setTintFamily(computed);
|
|
9
|
+
}
|
|
8
10
|
}, []);
|
|
9
11
|
}
|
|
10
12
|
function SeasonProvider({
|
|
11
13
|
children
|
|
12
14
|
}) {
|
|
13
|
-
|
|
15
|
+
useSeasonSync();
|
|
16
|
+
return /* @__PURE__ */jsx(Fragment, {
|
|
14
17
|
children
|
|
15
18
|
});
|
|
16
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","setTintFamily","Fragment","jsx","useSeasonSync","computed","window","__TAMAGUI_SEASON__","SeasonProvider","children"],"sources":["../../src/SeasonProvider.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,QAAiB;AAC1B,SAASC,aAAA,QAAsC;AA2C3C,SAAAC,QAAA,EAAAC,GAAA;AAjBJ,SAASC,cAAA,EAAgB;EACvBJ,SAAA,CAAU,MAAM;IACd,MAAMK,QAAA,GAAYC,MAAA,CAAeC,kBAAA;
|
|
1
|
+
{"version":3,"names":["useEffect","setTintFamily","Fragment","jsx","useSeasonSync","computed","window","__TAMAGUI_SEASON__","SeasonProvider","children"],"sources":["../../src/SeasonProvider.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,QAAiB;AAC1B,SAASC,aAAA,QAAsC;AA2C3C,SAAAC,QAAA,EAAAC,GAAA;AAjBJ,SAASC,cAAA,EAAgB;EACvBJ,SAAA,CAAU,MAAM;IACd,MAAMK,QAAA,GAAYC,MAAA,CAAeC,kBAAA;IACjC,IAAIF,QAAA,EAAU;MACZJ,aAAA,CAAcI,QAAQ;IACxB;EACF,GAAG,EAAE;AACP;AAEO,SAASG,eAAe;EAC7BC;AACF,GAEoB;EAClBL,aAAA,CAAc;EAEd,OACE,eAAAD,GAAA,CAAAD,QAAA;IAQGO;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -4,14 +4,17 @@ import { setTintFamily } from "./tints.native.js";
|
|
|
4
4
|
function useSeasonSync() {
|
|
5
5
|
useEffect(function () {
|
|
6
6
|
var computed = window.__TAMAGUI_SEASON__;
|
|
7
|
-
|
|
7
|
+
if (computed) {
|
|
8
|
+
setTintFamily(computed);
|
|
9
|
+
}
|
|
8
10
|
}, []);
|
|
9
11
|
}
|
|
10
12
|
function SeasonProvider(param) {
|
|
11
13
|
var {
|
|
12
14
|
children
|
|
13
15
|
} = param;
|
|
14
|
-
|
|
16
|
+
useSeasonSync();
|
|
17
|
+
return /* @__PURE__ */_jsx(_Fragment, {
|
|
15
18
|
children: (/* disabled because were launchig v2 and its lunar new year */
|
|
16
19
|
/* <script
|
|
17
20
|
suppressHydrationWarning
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useEffect","setTintFamily","useSeasonSync","computed","window","__TAMAGUI_SEASON__","SeasonProvider","param","children"],"sources":["../../src/SeasonProvider.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAiB,IAAAC,SAAA;AAC1B,SAASC,SAAA,eAAsC;AA2C3C,SAAAC,aAAA;AAjBJ,SAASC,cAAA,EAAgB;EACvBF,SAAA,CAAU,YAAM;IACd,IAAAG,QAAM,GAAAC,MAAY,CAAAC,kBAAe;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useEffect","setTintFamily","useSeasonSync","computed","window","__TAMAGUI_SEASON__","SeasonProvider","param","children"],"sources":["../../src/SeasonProvider.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAiB,IAAAC,SAAA;AAC1B,SAASC,SAAA,eAAsC;AA2C3C,SAAAC,aAAA;AAjBJ,SAASC,cAAA,EAAgB;EACvBF,SAAA,CAAU,YAAM;IACd,IAAAG,QAAM,GAAAC,MAAY,CAAAC,kBAAe;IACjC,IAAIF,QAAA,EAAU;MACZF,aAAA,CAAcE,QAAQ;IACxB;EACF,GAAG,EAAE;AACP;AAEO,SAASG,eAAeC,KAAA;EAC7B;IAAAC;EAAA,IAAAD,KAAA;EACFL,aAEoB;EAClB,sBAAcL,IAAA,CAAAE,SAAA;IAEdS,QACE,GAWJ","ignoreList":[]}
|
package/dist/esm/TamaguiLogo.mjs
CHANGED
|
@@ -9,24 +9,26 @@ const TamaguiLogo = ({
|
|
|
9
9
|
color,
|
|
10
10
|
ref,
|
|
11
11
|
...props
|
|
12
|
-
}) =>
|
|
13
|
-
|
|
14
|
-
ref,
|
|
15
|
-
alignItems: "center",
|
|
16
|
-
justifyContent: "center",
|
|
17
|
-
gap: "$5",
|
|
18
|
-
...props,
|
|
19
|
-
children: [/* @__PURE__ */jsx(LogoIcon, {
|
|
20
|
-
downscale: (downscale ?? 1) * (showWords ? 2 : 1.5),
|
|
21
|
-
color
|
|
22
|
-
}), showWords && /* @__PURE__ */jsx(YStack, {
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */jsxs(XStack, {
|
|
23
14
|
render: "span",
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
+
color
|
|
23
|
+
}), showWords && /* @__PURE__ */jsx(YStack, {
|
|
24
|
+
render: "span",
|
|
25
|
+
marginBottom: -4,
|
|
26
|
+
children: /* @__PURE__ */jsx(LogoWords, {
|
|
27
|
+
animated,
|
|
28
|
+
downscale: downscale ?? 2
|
|
29
|
+
})
|
|
30
|
+
})]
|
|
31
|
+
});
|
|
32
|
+
};
|
|
31
33
|
export { TamaguiLogo };
|
|
32
34
|
//# sourceMappingURL=TamaguiLogo.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["XStack","YStack","LogoIcon","LogoWords","jsx","jsxs","TamaguiLogo","showWords","downscale","animated","color","ref","props","render","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/TamaguiLogo.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAmBtB,SAQEC,GAAA,EARFC,IAAA;AATG,MAAMC,WAAA,GAAcA,CAAC;EAC1BC,SAAA;EACAC,SAAA;EACAC,QAAA;EACAC,KAAA;EACAC,GAAA;EACA,GAAGC;AACL,
|
|
1
|
+
{"version":3,"names":["XStack","YStack","LogoIcon","LogoWords","jsx","jsxs","TamaguiLogo","showWords","downscale","animated","color","ref","props","render","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/TamaguiLogo.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAmBtB,SAQEC,GAAA,EARFC,IAAA;AATG,MAAMC,WAAA,GAAcA,CAAC;EAC1BC,SAAA;EACAC,SAAA;EACAC,QAAA;EACAC,KAAA;EACAC,GAAA;EACA,GAAGC;AACL,MAA8B;EAC5B,OACE,eAAAP,IAAA,CAACL,MAAA;IACCa,MAAA,EAAO;IACPF,GAAA;IACAG,UAAA,EAAW;IACXC,cAAA,EAAe;IACfC,GAAA,EAAI;IACH,GAAGJ,KAAA;IAEJK,QAAA,kBAAAb,GAAA,CAACF,QAAA;MAASM,SAAA,GAAYA,SAAA,IAAa,MAAMD,SAAA,GAAY,IAAI;MAAMG;IAAA,CAAc,GAC5EH,SAAA,IACC,eAAAH,GAAA,CAACH,MAAA;MAAOY,MAAA,EAAO;MAAOK,YAAA,EAAc;MAClCD,QAAA,iBAAAb,GAAA,CAACD,SAAA;QAAUM,QAAA;QAAoBD,SAAA,EAAWA,SAAA,IAAa;MAAA,CAAG;IAAA,CAC5D;EAAA,CAEJ;AAEJ","ignoreList":[]}
|
|
@@ -19,14 +19,14 @@ var TamaguiLogo = function (param) {
|
|
|
19
19
|
gap: "$5",
|
|
20
20
|
...props,
|
|
21
21
|
children: [/* @__PURE__ */_jsx(LogoIcon, {
|
|
22
|
-
downscale: (downscale
|
|
22
|
+
downscale: (downscale !== null && downscale !== void 0 ? downscale : 1) * (showWords ? 2 : 1.5),
|
|
23
23
|
color
|
|
24
24
|
}), showWords && /* @__PURE__ */_jsx(YStack, {
|
|
25
25
|
render: "span",
|
|
26
26
|
marginBottom: -4,
|
|
27
27
|
children: /* @__PURE__ */_jsx(LogoWords, {
|
|
28
28
|
animated,
|
|
29
|
-
downscale: downscale
|
|
29
|
+
downscale: downscale !== null && downscale !== void 0 ? downscale : 2
|
|
30
30
|
})
|
|
31
31
|
})]
|
|
32
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","LogoIcon","LogoWords","TamaguiLogo","param","showWords","downscale","animated","color","ref","props","render","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/TamaguiLogo.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAgB;AACzB,SAASC,QAAA,8BAAiB;AAmBtB,SAQEC,SARF;AATG,IAAAC,WAAM,YAAAA,CAAeC,KAAA;EAC1B;IAAAC,SAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,GAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACA,sBAAAN,KAAA,CAAAC,MAAA;IACAY,MAAA;IACAF,GAAA;IACAG,UAAA;IACAC,cAAG;IACLC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","LogoIcon","LogoWords","TamaguiLogo","param","showWords","downscale","animated","color","ref","props","render","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/TamaguiLogo.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAgB;AACzB,SAASC,QAAA,8BAAiB;AAmBtB,SAQEC,SARF;AATG,IAAAC,WAAM,YAAAA,CAAeC,KAAA;EAC1B;IAAAC,SAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,GAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACA,sBAAAN,KAAA,CAAAC,MAAA;IACAY,MAAA;IACAF,GAAA;IACAG,UAAA;IACAC,cAAG;IACLC,GAA8B;IAC5B,GAAAJ,KACE;IAACK,QAAA,kBAAAnB,IAAA,CAAAK,QAAA;MACCK,SAAO,GAAAA,SAAA,aAAAA,SAAA,cAAAA,SAAA,SAAAD,SAAA;MACPG;IACA,IACAH,SAAA,mBAAeT,IAAA,CAAAI,MAAA;MACfW,MAAI;MACHK,YAAG;MAEJD,QAAA,iBAAAnB,IAAA,CAAAM,SAAA;QAAAK,QAAA;QACCD,SAAA,EACCA,SAAA,aAACA,SAAO,UAAO,IAAAA,SAAO;MAEtB;IAAA;EAIR","ignoreList":[]}
|
package/dist/esm/ThemeTint.mjs
CHANGED
|
@@ -2,29 +2,30 @@ import { Theme } from "@tamagui/web";
|
|
|
2
2
|
import { useTint } from "./useTint.mjs";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
const ThemeTint = ({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
};
|
|
5
|
+
disable,
|
|
6
|
+
children,
|
|
7
|
+
...rest
|
|
8
|
+
}) => {
|
|
9
|
+
const curTint = useTint().tint;
|
|
10
|
+
return /* @__PURE__ */jsx(Theme, {
|
|
11
|
+
...rest,
|
|
12
|
+
name: disable ? null : curTint,
|
|
13
|
+
children
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
const ThemeTintAlt = ({
|
|
17
|
+
children,
|
|
18
|
+
disable,
|
|
19
|
+
offset = 1,
|
|
20
|
+
...rest
|
|
21
|
+
}) => {
|
|
22
|
+
const curTint = useTint(offset).tintAlt;
|
|
23
|
+
const name = disable ? null : curTint;
|
|
24
|
+
return /* @__PURE__ */jsx(Theme, {
|
|
25
|
+
name,
|
|
26
|
+
...rest,
|
|
27
|
+
children
|
|
28
|
+
});
|
|
29
|
+
};
|
|
29
30
|
export { ThemeTint, ThemeTintAlt };
|
|
30
31
|
//# sourceMappingURL=ThemeTint.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Theme","useTint","jsx","ThemeTint","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,KAAA,QAAa;AAEvC,SAASC,OAAA,QAAe;AAUpB,SAAAC,GAAA;AARG,MAAMC,SAAA,GAAYA,CAAC;
|
|
1
|
+
{"version":3,"names":["Theme","useTint","jsx","ThemeTint","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,KAAA,QAAa;AAEvC,SAASC,OAAA,QAAe;AAUpB,SAAAC,GAAA;AARG,MAAMC,SAAA,GAAYA,CAAC;EACxBC,OAAA;EACAC,QAAA;EACA,GAAGC;AACL,MAAuD;EACrD,MAAMC,OAAA,GAAUN,OAAA,CAAQ,EAAEO,IAAA;EAE1B,OACE,eAAAN,GAAA,CAACF,KAAA;IAAO,GAAGM,IAAA;IAAMG,IAAA,EAAML,OAAA,GAAU,OAAOG,OAAA;IACrCF;EAAA,CACH;AAEJ;AAEO,MAAMK,YAAA,GAAeA,CAAC;EAC3BL,QAAA;EACAD,OAAA;EACAO,MAAA,GAAS;EACT,GAAGL;AACL,MAAwE;EACtE,MAAMC,OAAA,GAAUN,OAAA,CAAQU,MAAM,EAAEC,OAAA;EAChC,MAAMH,IAAA,GAAOL,OAAA,GAAU,OAAOG,OAAA;EAC9B,OACE,eAAAL,GAAA,CAACF,KAAA;IAAMS,IAAA;IAAa,GAAGH,IAAA;IACpBD;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -2,32 +2,32 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Theme } from "@tamagui/web";
|
|
3
3
|
import { useTint } from "./useTint.native.js";
|
|
4
4
|
var ThemeTint = function (param) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
5
|
+
var {
|
|
6
|
+
disable,
|
|
7
|
+
children,
|
|
8
|
+
...rest
|
|
9
|
+
} = param;
|
|
10
|
+
var curTint = useTint().tint;
|
|
11
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
12
|
+
...rest,
|
|
13
|
+
name: disable ? null : curTint,
|
|
14
|
+
children
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
var ThemeTintAlt = function (param) {
|
|
18
|
+
var {
|
|
19
|
+
children,
|
|
20
|
+
disable,
|
|
21
|
+
offset = 1,
|
|
22
|
+
...rest
|
|
23
|
+
} = param;
|
|
24
|
+
var curTint = useTint(offset).tintAlt;
|
|
25
|
+
var name = disable ? null : curTint;
|
|
26
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
27
|
+
name,
|
|
28
|
+
...rest,
|
|
29
|
+
children
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
32
|
export { ThemeTint, ThemeTintAlt };
|
|
33
33
|
//# sourceMappingURL=ThemeTint.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","Theme","useTint","ThemeTint","param","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,GAAA,IAAAC,IAAA,QAAa;AAEvC,SAASC,KAAA,sBAAe;AAUpB,SAAAC,OAAA;AARG,IAAAC,SAAM,YAAAA,CAAaC,KAAA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Theme","useTint","ThemeTint","param","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,GAAA,IAAAC,IAAA,QAAa;AAEvC,SAASC,KAAA,sBAAe;AAUpB,SAAAC,OAAA;AARG,IAAAC,SAAM,YAAAA,CAAaC,KAAA;EACxB;IAAAC,OAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAH,KAAA;EACA,IAAAI,OAAA,GAAAN,OAAA,GAAAO,IAAA;EACA,OAAG,eAAAT,IAAA,CAAAC,KAAA;IACL,GAAuDM,IAAA;IACrDG,IAAM,EAAAL,OAAA,GAAU,OAAQG,OAAE;IAE1BF;EAKF;AAEO;AAAsB,IAC3BK,YAAA,YAAAA,CAAAP,KAAA;EACA;IAAAE,QAAA;IAAAD,OAAA;IAAAO,MAAA;IAAA,GAAAL;EAAA,IAAAH,KAAA;EACA,IAAAI,OAAS,GAAAN,OAAA,CAAAU,MAAA,EAAAC,OAAA;EACT,IAAGH,IAAA,GAAAL,OAAA,UAAAG,OAAA;EACL,OAAwE,eAAAR,IAAA,CAAAC,KAAA;IACtES,IAAM;IACN,GAAAH,IAAM;IACND;EAKF","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export * from "./TamaguiLogo";
|
|
2
|
-
export * from "./LogoWords";
|
|
3
|
-
export * from "./LogoIcon";
|
|
4
|
-
export * from "./tints";
|
|
5
|
-
export * from "./useTint";
|
|
6
|
-
export * from "./ThemeTint";
|
|
7
|
-
export * from "./SeasonProvider";
|
|
1
|
+
export * from "./TamaguiLogo.mjs";
|
|
2
|
+
export * from "./LogoWords.mjs";
|
|
3
|
+
export * from "./LogoIcon.mjs";
|
|
4
|
+
export * from "./tints.mjs";
|
|
5
|
+
export * from "./useTint.mjs";
|
|
6
|
+
export * from "./ThemeTint.mjs";
|
|
7
|
+
export * from "./SeasonProvider.mjs";
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,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;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
package/dist/esm/tints.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
const listeners = /* @__PURE__ */new Set()
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
const listeners = /* @__PURE__ */new Set();
|
|
3
|
+
const familiesValues = {
|
|
4
|
+
tamagui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
5
|
+
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
|
+
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
7
|
+
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
8
|
+
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
9
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
|
+
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
11
|
+
};
|
|
12
|
+
const DEFAULT_FAMILY = "tamagui";
|
|
13
|
+
const familiesNames = Object.keys(familiesValues);
|
|
14
|
+
const families = familiesValues;
|
|
15
15
|
let fam = DEFAULT_FAMILY;
|
|
16
16
|
function getTints() {
|
|
17
17
|
return {
|
|
@@ -22,29 +22,41 @@ function getTints() {
|
|
|
22
22
|
}
|
|
23
23
|
function useTints() {
|
|
24
24
|
const [val, setVal] = React.useState(getTints());
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
React.useEffect(() => {
|
|
26
|
+
return onTintFamilyChange(() => {
|
|
27
|
+
React.startTransition(() => {
|
|
28
|
+
setVal(getTints());
|
|
29
|
+
});
|
|
28
30
|
});
|
|
29
|
-
}
|
|
31
|
+
}, []);
|
|
32
|
+
return val;
|
|
30
33
|
}
|
|
31
34
|
function setTintFamily(next) {
|
|
32
|
-
if (!families[next]) throw
|
|
33
|
-
|
|
35
|
+
if (!families[next]) throw `impossible`;
|
|
36
|
+
fam = next;
|
|
37
|
+
if (typeof document !== "undefined") {
|
|
34
38
|
const root = document.documentElement.classList;
|
|
35
39
|
familiesNames.forEach(s => {
|
|
36
|
-
s !== "tamagui"
|
|
37
|
-
|
|
40
|
+
if (s !== "tamagui") {
|
|
41
|
+
root.remove(`${s}-season`);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
if (next !== "tamagui") {
|
|
45
|
+
root.add(`${next}-season`);
|
|
46
|
+
}
|
|
38
47
|
}
|
|
39
48
|
React.startTransition(() => {
|
|
40
49
|
listeners.forEach(l => l(next));
|
|
41
50
|
});
|
|
42
51
|
}
|
|
43
52
|
const setNextTintFamily = () => {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
53
|
+
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
54
|
+
};
|
|
55
|
+
const onTintFamilyChange = cb => {
|
|
56
|
+
listeners.add(cb);
|
|
57
|
+
return () => {
|
|
47
58
|
listeners.delete(cb);
|
|
48
|
-
}
|
|
59
|
+
};
|
|
60
|
+
};
|
|
49
61
|
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
50
62
|
//# sourceMappingURL=tints.mjs.map
|
package/dist/esm/tints.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","listeners","Set","familiesValues","tamagui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","document","root","documentElement","classList","forEach","s","remove","add","l","setNextTintFamily","indexOf","length","cb","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","tamagui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","document","root","documentElement","classList","forEach","s","remove","add","l","setNextTintFamily","indexOf","length","cb","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;AAIzC,MAAMC,cAAA,GAAiB;EACrBC,OAAA,EAAS,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;EACtEC,IAAA,EAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;EAC5DC,MAAA,EAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,SACF;EACAC,SAAA,EAAW,CACT,UACA,QACA,UACA,QACA,UACA,QACA,SACF;EACAC,SAAA,EAAW,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;EAC3DC,KAAA,EAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;EAC7DC,UAAA,EAAY,CAAC,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,OAAO;AACzE;AAIA,MAAMC,cAAA,GAAyB;AAE/B,MAAMC,aAAA,GAAgBC,MAAA,CAAOC,IAAA,CAAKX,cAAc;AAGhD,MAAMY,QAAA,GAAWZ,cAAA;AAIjB,IAAIa,GAAA,GAAkBL,cAAA;AAEf,SAASM,SAAA,EAId;EACA,OAAO;IACLC,IAAA,EAAMF,GAAA,IAAOL,cAAA;IACbQ,KAAA,EAAOJ,QAAA,CAASC,GAAG,KAAKD,QAAA,CAASX,OAAA;IACjCW;EACF;AACF;AAEO,SAASK,SAAA,EAId;EACA,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAItB,KAAA,CAAMuB,QAAA,CAASN,QAAA,CAAS,CAAC;EAE/CjB,KAAA,CAAMwB,SAAA,CAAU,MAAM;IACpB,OAAOC,kBAAA,CAAmB,MAAM;MAC9BzB,KAAA,CAAM0B,eAAA,CAAgB,MAAM;QAC1BJ,MAAA,CAAOL,QAAA,CAAS,CAAC;MACnB,CAAC;IACH,CAAC;EACH,GAAG,EAAE;EAEL,OAAOI,GAAA;AACT;AAEO,SAASM,cAAcC,IAAA,EAAwB;EACpD,IAAI,CAACb,QAAA,CAASa,IAAI,GAAG,MAAM;EAC3BZ,GAAA,GAAMY,IAAA;EAGN,IAAI,OAAOC,QAAA,KAAa,aAAa;IACnC,MAAMC,IAAA,GAAOD,QAAA,CAASE,eAAA,CAAgBC,SAAA;IAEtCpB,aAAA,CAAcqB,OAAA,CAASC,CAAA,IAAM;MAC3B,IAAIA,CAAA,KAAM,WAAW;QACnBJ,IAAA,CAAKK,MAAA,CAAO,GAAGD,CAAC,SAAS;MAC3B;IACF,CAAC;IAED,IAAIN,IAAA,KAAS,WAAW;MACtBE,IAAA,CAAKM,GAAA,CAAI,GAAGR,IAAI,SAAS;IAC3B;EACF;EAEA5B,KAAA,CAAM0B,eAAA,CAAgB,MAAM;IAC1BzB,SAAA,CAAUgC,OAAA,CAASI,CAAA,IAAMA,CAAA,CAAET,IAAI,CAAC;EAClC,CAAC;AACH;AAEO,MAAMU,iBAAA,GAAoBA,CAAA,KAAY;EAC3CX,aAAA,CAAcf,aAAA,EAAeA,aAAA,CAAc2B,OAAA,CAAQvB,GAAG,IAAI,KAAKJ,aAAA,CAAc4B,MAAM,CAAC;AACtF;AAEO,MAAMf,kBAAA,GAAsBgB,EAAA,IAAsB;EACvDxC,SAAA,CAAUmC,GAAA,CAAIK,EAAE;EAChB,OAAO,MAAY;IACjBxC,SAAA,CAAUyC,MAAA,CAAOD,EAAE;EACrB;AACF","ignoreList":[]}
|