@andrilla/mado-ui 1.0.4 → 1.0.5
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/client/components/index.js +1 -14
- package/dist/client/graphics/index.js +1 -14
- package/dist/client.js +4 -46
- package/dist/components/index.js +1 -14
- package/dist/graphics/index.js +1 -14
- package/dist/index.js +4 -46
- package/dist/utils/index.js +4 -46
- package/package.json +1 -2
- package/dist/css/index.css +0 -4561
|
@@ -10,20 +10,7 @@ import { createPortal } from "react-dom";
|
|
|
10
10
|
//#region src/utils/custom-tailwind-merge.ts
|
|
11
11
|
const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
|
|
12
12
|
const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
13
|
-
animate: [{ animate: [
|
|
14
|
-
"bounce",
|
|
15
|
-
"double-spin",
|
|
16
|
-
"drop-in",
|
|
17
|
-
"flip",
|
|
18
|
-
"flip-again",
|
|
19
|
-
"grid-rows",
|
|
20
|
-
"heartbeat",
|
|
21
|
-
"ping",
|
|
22
|
-
"pulse",
|
|
23
|
-
"slide-up",
|
|
24
|
-
"spin",
|
|
25
|
-
"wave"
|
|
26
|
-
] }],
|
|
13
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
27
14
|
"animation-direction": [{ "animation-direction": [
|
|
28
15
|
"normal",
|
|
29
16
|
"reverse",
|
|
@@ -5,20 +5,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
//#region src/utils/custom-tailwind-merge.ts
|
|
6
6
|
const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
|
|
7
7
|
const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
8
|
-
animate: [{ animate: [
|
|
9
|
-
"bounce",
|
|
10
|
-
"double-spin",
|
|
11
|
-
"drop-in",
|
|
12
|
-
"flip",
|
|
13
|
-
"flip-again",
|
|
14
|
-
"grid-rows",
|
|
15
|
-
"heartbeat",
|
|
16
|
-
"ping",
|
|
17
|
-
"pulse",
|
|
18
|
-
"slide-up",
|
|
19
|
-
"spin",
|
|
20
|
-
"wave"
|
|
21
|
-
] }],
|
|
8
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
22
9
|
"animation-direction": [{ "animation-direction": [
|
|
23
10
|
"normal",
|
|
24
11
|
"reverse",
|
package/dist/client.js
CHANGED
|
@@ -10,20 +10,7 @@ import { createPortal } from "react-dom";
|
|
|
10
10
|
//#region src/utils/custom-tailwind-merge.ts
|
|
11
11
|
const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
|
|
12
12
|
const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
13
|
-
animate: [{ animate: [
|
|
14
|
-
"bounce",
|
|
15
|
-
"double-spin",
|
|
16
|
-
"drop-in",
|
|
17
|
-
"flip",
|
|
18
|
-
"flip-again",
|
|
19
|
-
"grid-rows",
|
|
20
|
-
"heartbeat",
|
|
21
|
-
"ping",
|
|
22
|
-
"pulse",
|
|
23
|
-
"slide-up",
|
|
24
|
-
"spin",
|
|
25
|
-
"wave"
|
|
26
|
-
] }],
|
|
13
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
27
14
|
"animation-direction": [{ "animation-direction": [
|
|
28
15
|
"normal",
|
|
29
16
|
"reverse",
|
|
@@ -45,7 +32,7 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
|
45
32
|
function extendMadoTailwindMerge(configExtension) {
|
|
46
33
|
const extend = configExtension.extend || {};
|
|
47
34
|
const theme = extend.theme || {};
|
|
48
|
-
|
|
35
|
+
"color" in theme && theme.color;
|
|
49
36
|
const classGroups = extend.classGroups || {};
|
|
50
37
|
const themeRest = { ...theme };
|
|
51
38
|
if ("color" in themeRest) delete themeRest.color;
|
|
@@ -54,38 +41,9 @@ function extendMadoTailwindMerge(configExtension) {
|
|
|
54
41
|
delete extendRest.classGroups;
|
|
55
42
|
return extendTailwindMerge({
|
|
56
43
|
extend: {
|
|
57
|
-
theme: {
|
|
58
|
-
color: [{ ui: [
|
|
59
|
-
"red",
|
|
60
|
-
"orange",
|
|
61
|
-
"yellow",
|
|
62
|
-
"green",
|
|
63
|
-
"sky-blue",
|
|
64
|
-
"blue",
|
|
65
|
-
"violet",
|
|
66
|
-
"magenta",
|
|
67
|
-
"purple",
|
|
68
|
-
"brown",
|
|
69
|
-
"grey",
|
|
70
|
-
"pink"
|
|
71
|
-
] }, ...color],
|
|
72
|
-
...themeRest
|
|
73
|
-
},
|
|
44
|
+
theme: { ...themeRest },
|
|
74
45
|
classGroups: {
|
|
75
|
-
animate: [{ animate: [
|
|
76
|
-
"bounce",
|
|
77
|
-
"double-spin",
|
|
78
|
-
"drop-in",
|
|
79
|
-
"flip",
|
|
80
|
-
"flip-again",
|
|
81
|
-
"grid-rows",
|
|
82
|
-
"heartbeat",
|
|
83
|
-
"ping",
|
|
84
|
-
"pulse",
|
|
85
|
-
"slide-up",
|
|
86
|
-
"spin",
|
|
87
|
-
"wave"
|
|
88
|
-
] }],
|
|
46
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
89
47
|
"animation-direction": [{ "animation-direction": [
|
|
90
48
|
"normal",
|
|
91
49
|
"reverse",
|
package/dist/components/index.js
CHANGED
|
@@ -9,20 +9,7 @@ import { createPortal } from "react-dom";
|
|
|
9
9
|
//#region src/utils/custom-tailwind-merge.ts
|
|
10
10
|
const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
|
|
11
11
|
const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
12
|
-
animate: [{ animate: [
|
|
13
|
-
"bounce",
|
|
14
|
-
"double-spin",
|
|
15
|
-
"drop-in",
|
|
16
|
-
"flip",
|
|
17
|
-
"flip-again",
|
|
18
|
-
"grid-rows",
|
|
19
|
-
"heartbeat",
|
|
20
|
-
"ping",
|
|
21
|
-
"pulse",
|
|
22
|
-
"slide-up",
|
|
23
|
-
"spin",
|
|
24
|
-
"wave"
|
|
25
|
-
] }],
|
|
12
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
26
13
|
"animation-direction": [{ "animation-direction": [
|
|
27
14
|
"normal",
|
|
28
15
|
"reverse",
|
package/dist/graphics/index.js
CHANGED
|
@@ -4,20 +4,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
//#region src/utils/custom-tailwind-merge.ts
|
|
5
5
|
const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
|
|
6
6
|
const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
7
|
-
animate: [{ animate: [
|
|
8
|
-
"bounce",
|
|
9
|
-
"double-spin",
|
|
10
|
-
"drop-in",
|
|
11
|
-
"flip",
|
|
12
|
-
"flip-again",
|
|
13
|
-
"grid-rows",
|
|
14
|
-
"heartbeat",
|
|
15
|
-
"ping",
|
|
16
|
-
"pulse",
|
|
17
|
-
"slide-up",
|
|
18
|
-
"spin",
|
|
19
|
-
"wave"
|
|
20
|
-
] }],
|
|
7
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
21
8
|
"animation-direction": [{ "animation-direction": [
|
|
22
9
|
"normal",
|
|
23
10
|
"reverse",
|
package/dist/index.js
CHANGED
|
@@ -9,20 +9,7 @@ import { createPortal } from "react-dom";
|
|
|
9
9
|
//#region src/utils/custom-tailwind-merge.ts
|
|
10
10
|
const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
|
|
11
11
|
const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
12
|
-
animate: [{ animate: [
|
|
13
|
-
"bounce",
|
|
14
|
-
"double-spin",
|
|
15
|
-
"drop-in",
|
|
16
|
-
"flip",
|
|
17
|
-
"flip-again",
|
|
18
|
-
"grid-rows",
|
|
19
|
-
"heartbeat",
|
|
20
|
-
"ping",
|
|
21
|
-
"pulse",
|
|
22
|
-
"slide-up",
|
|
23
|
-
"spin",
|
|
24
|
-
"wave"
|
|
25
|
-
] }],
|
|
12
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
26
13
|
"animation-direction": [{ "animation-direction": [
|
|
27
14
|
"normal",
|
|
28
15
|
"reverse",
|
|
@@ -44,7 +31,7 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
|
44
31
|
function extendMadoTailwindMerge(configExtension) {
|
|
45
32
|
const extend = configExtension.extend || {};
|
|
46
33
|
const theme = extend.theme || {};
|
|
47
|
-
|
|
34
|
+
"color" in theme && theme.color;
|
|
48
35
|
const classGroups = extend.classGroups || {};
|
|
49
36
|
const themeRest = { ...theme };
|
|
50
37
|
if ("color" in themeRest) delete themeRest.color;
|
|
@@ -53,38 +40,9 @@ function extendMadoTailwindMerge(configExtension) {
|
|
|
53
40
|
delete extendRest.classGroups;
|
|
54
41
|
return extendTailwindMerge({
|
|
55
42
|
extend: {
|
|
56
|
-
theme: {
|
|
57
|
-
color: [{ ui: [
|
|
58
|
-
"red",
|
|
59
|
-
"orange",
|
|
60
|
-
"yellow",
|
|
61
|
-
"green",
|
|
62
|
-
"sky-blue",
|
|
63
|
-
"blue",
|
|
64
|
-
"violet",
|
|
65
|
-
"magenta",
|
|
66
|
-
"purple",
|
|
67
|
-
"brown",
|
|
68
|
-
"grey",
|
|
69
|
-
"pink"
|
|
70
|
-
] }, ...color],
|
|
71
|
-
...themeRest
|
|
72
|
-
},
|
|
43
|
+
theme: { ...themeRest },
|
|
73
44
|
classGroups: {
|
|
74
|
-
animate: [{ animate: [
|
|
75
|
-
"bounce",
|
|
76
|
-
"double-spin",
|
|
77
|
-
"drop-in",
|
|
78
|
-
"flip",
|
|
79
|
-
"flip-again",
|
|
80
|
-
"grid-rows",
|
|
81
|
-
"heartbeat",
|
|
82
|
-
"ping",
|
|
83
|
-
"pulse",
|
|
84
|
-
"slide-up",
|
|
85
|
-
"spin",
|
|
86
|
-
"wave"
|
|
87
|
-
] }],
|
|
45
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
88
46
|
"animation-direction": [{ "animation-direction": [
|
|
89
47
|
"normal",
|
|
90
48
|
"reverse",
|
package/dist/utils/index.js
CHANGED
|
@@ -126,20 +126,7 @@ function toggleClass(elements, classList) {
|
|
|
126
126
|
//#region src/utils/custom-tailwind-merge.ts
|
|
127
127
|
const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
|
|
128
128
|
const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
129
|
-
animate: [{ animate: [
|
|
130
|
-
"bounce",
|
|
131
|
-
"double-spin",
|
|
132
|
-
"drop-in",
|
|
133
|
-
"flip",
|
|
134
|
-
"flip-again",
|
|
135
|
-
"grid-rows",
|
|
136
|
-
"heartbeat",
|
|
137
|
-
"ping",
|
|
138
|
-
"pulse",
|
|
139
|
-
"slide-up",
|
|
140
|
-
"spin",
|
|
141
|
-
"wave"
|
|
142
|
-
] }],
|
|
129
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
143
130
|
"animation-direction": [{ "animation-direction": [
|
|
144
131
|
"normal",
|
|
145
132
|
"reverse",
|
|
@@ -161,7 +148,7 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
|
|
|
161
148
|
function extendMadoTailwindMerge(configExtension) {
|
|
162
149
|
const extend = configExtension.extend || {};
|
|
163
150
|
const theme = extend.theme || {};
|
|
164
|
-
|
|
151
|
+
"color" in theme && theme.color;
|
|
165
152
|
const classGroups = extend.classGroups || {};
|
|
166
153
|
const themeRest = { ...theme };
|
|
167
154
|
if ("color" in themeRest) delete themeRest.color;
|
|
@@ -170,38 +157,9 @@ function extendMadoTailwindMerge(configExtension) {
|
|
|
170
157
|
delete extendRest.classGroups;
|
|
171
158
|
return extendTailwindMerge({
|
|
172
159
|
extend: {
|
|
173
|
-
theme: {
|
|
174
|
-
color: [{ ui: [
|
|
175
|
-
"red",
|
|
176
|
-
"orange",
|
|
177
|
-
"yellow",
|
|
178
|
-
"green",
|
|
179
|
-
"sky-blue",
|
|
180
|
-
"blue",
|
|
181
|
-
"violet",
|
|
182
|
-
"magenta",
|
|
183
|
-
"purple",
|
|
184
|
-
"brown",
|
|
185
|
-
"grey",
|
|
186
|
-
"pink"
|
|
187
|
-
] }, ...color],
|
|
188
|
-
...themeRest
|
|
189
|
-
},
|
|
160
|
+
theme: { ...themeRest },
|
|
190
161
|
classGroups: {
|
|
191
|
-
animate: [{ animate: [
|
|
192
|
-
"bounce",
|
|
193
|
-
"double-spin",
|
|
194
|
-
"drop-in",
|
|
195
|
-
"flip",
|
|
196
|
-
"flip-again",
|
|
197
|
-
"grid-rows",
|
|
198
|
-
"heartbeat",
|
|
199
|
-
"ping",
|
|
200
|
-
"pulse",
|
|
201
|
-
"slide-up",
|
|
202
|
-
"spin",
|
|
203
|
-
"wave"
|
|
204
|
-
] }],
|
|
162
|
+
animate: [{ animate: ["fade-in", "wave"] }],
|
|
205
163
|
"animation-direction": [{ "animation-direction": [
|
|
206
164
|
"normal",
|
|
207
165
|
"reverse",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@andrilla/mado-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "窓 UI is a collection of opinionated React 19 components built on Tailwind CSS 4.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -60,7 +60,6 @@
|
|
|
60
60
|
},
|
|
61
61
|
"scripts": {
|
|
62
62
|
"bundle": "./scripts/bundle.sh",
|
|
63
|
-
"bundle:css": "postcss src/css/index.css -o dist/css/index.css",
|
|
64
63
|
"bundle:rm": "rm -rf dist",
|
|
65
64
|
"bundle:rolldown": "rolldown -c",
|
|
66
65
|
"bundle:tsc": "tsc --emitDeclarationOnly",
|