@mondrianai/runyourai-design-system 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +222 -0
- package/dist/chunk-JLKIFAQZ.mjs +54 -0
- package/dist/chunk-JLKIFAQZ.mjs.map +1 -0
- package/dist/index.d.mts +1036 -0
- package/dist/index.d.ts +1036 -0
- package/dist/index.js +5318 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +5115 -0
- package/dist/index.mjs.map +1 -0
- package/dist/styles/index.css +337 -0
- package/dist/styles/index.css.map +1 -0
- package/dist/styles/index.d.mts +2 -0
- package/dist/styles/index.d.ts +2 -0
- package/dist/styles/tailwind-theme.css +207 -0
- package/dist/utils.d.mts +5 -0
- package/dist/utils.d.ts +5 -0
- package/dist/utils.js +43 -0
- package/dist/utils.js.map +1 -0
- package/dist/utils.mjs +8 -0
- package/dist/utils.mjs.map +1 -0
- package/package.json +80 -0
|
@@ -0,0 +1,337 @@
|
|
|
1
|
+
/* src/styles/index.css */
|
|
2
|
+
@layer properties;
|
|
3
|
+
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
|
|
4
|
+
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
|
|
5
|
+
@property --tw-animation-duration { syntax: "*"; inherits: false; }
|
|
6
|
+
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
|
|
7
|
+
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
|
|
8
|
+
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
|
|
9
|
+
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
|
|
10
|
+
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
|
|
11
|
+
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
|
|
12
|
+
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
13
|
+
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
14
|
+
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
|
|
15
|
+
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
|
|
16
|
+
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
|
|
17
|
+
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
|
|
18
|
+
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
19
|
+
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
20
|
+
:root,
|
|
21
|
+
:host {
|
|
22
|
+
--font-sans:
|
|
23
|
+
"PretendardVariable",
|
|
24
|
+
"Pretendard Variable",
|
|
25
|
+
Pretendard,
|
|
26
|
+
sans-serif;
|
|
27
|
+
}
|
|
28
|
+
@keyframes checkbox-in {
|
|
29
|
+
from {
|
|
30
|
+
opacity: 0;
|
|
31
|
+
transform: scale(0.7);
|
|
32
|
+
}
|
|
33
|
+
to {
|
|
34
|
+
opacity: 1;
|
|
35
|
+
transform: scale(1);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
@keyframes check-draw {
|
|
39
|
+
from {
|
|
40
|
+
stroke-dashoffset: 8;
|
|
41
|
+
}
|
|
42
|
+
to {
|
|
43
|
+
stroke-dashoffset: 0;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
@keyframes accordion-down {
|
|
47
|
+
from {
|
|
48
|
+
height: 0;
|
|
49
|
+
}
|
|
50
|
+
to {
|
|
51
|
+
height: var(--radix-accordion-content-height);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
@keyframes accordion-up {
|
|
55
|
+
from {
|
|
56
|
+
height: var(--radix-accordion-content-height);
|
|
57
|
+
}
|
|
58
|
+
to {
|
|
59
|
+
height: 0;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
@keyframes kb-overlay-in {
|
|
63
|
+
from {
|
|
64
|
+
opacity: 0;
|
|
65
|
+
}
|
|
66
|
+
to {
|
|
67
|
+
opacity: 1;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
@keyframes kb-modal-in {
|
|
71
|
+
from {
|
|
72
|
+
opacity: 0;
|
|
73
|
+
transform: scale(0.95);
|
|
74
|
+
}
|
|
75
|
+
to {
|
|
76
|
+
opacity: 1;
|
|
77
|
+
transform: scale(1);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
@keyframes kb-sheet-in {
|
|
81
|
+
from {
|
|
82
|
+
transform: translateX(100%);
|
|
83
|
+
}
|
|
84
|
+
to {
|
|
85
|
+
transform: translateX(0);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
@keyframes kb-fade-up {
|
|
89
|
+
from {
|
|
90
|
+
opacity: 0;
|
|
91
|
+
transform: translateY(6px);
|
|
92
|
+
}
|
|
93
|
+
to {
|
|
94
|
+
opacity: 1;
|
|
95
|
+
transform: translateY(0);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
:root {
|
|
99
|
+
--radius: 10px;
|
|
100
|
+
--background: #ffffff;
|
|
101
|
+
--foreground: #030712;
|
|
102
|
+
--card: #ffffff;
|
|
103
|
+
--card-foreground: #030712;
|
|
104
|
+
--popover: #ffffff;
|
|
105
|
+
--popover-foreground: #030712;
|
|
106
|
+
--primary: #000000;
|
|
107
|
+
--primary-foreground: #f8f9fa;
|
|
108
|
+
--secondary: #f8f9fa;
|
|
109
|
+
--secondary-foreground: #030712;
|
|
110
|
+
--muted: #edeef0;
|
|
111
|
+
--muted-foreground: #6b7280;
|
|
112
|
+
--accent: #edeef0;
|
|
113
|
+
--accent-foreground: #111827;
|
|
114
|
+
--destructive: #dc2626;
|
|
115
|
+
--border: #e5e7eb;
|
|
116
|
+
--input: #e5e7eb;
|
|
117
|
+
--ring: #6b7280;
|
|
118
|
+
--background-color: #f8f9fa;
|
|
119
|
+
--semantic-background: #edeef0;
|
|
120
|
+
--semantic-border: #e5e7eb;
|
|
121
|
+
--semantic-foreground: #111827;
|
|
122
|
+
--sidebar: #f8f9fa;
|
|
123
|
+
--sidebar-foreground: #4b5563;
|
|
124
|
+
--sidebar-primary: #111827;
|
|
125
|
+
--sidebar-primary-foreground: #f8f9fa;
|
|
126
|
+
--sidebar-accent: #edeef0;
|
|
127
|
+
--sidebar-accent-foreground: #111827;
|
|
128
|
+
--sidebar-border: #e5e7eb;
|
|
129
|
+
--sidebar-ring: #6b7280;
|
|
130
|
+
--chart-1: #3b82f6;
|
|
131
|
+
--chart-2: #2563eb;
|
|
132
|
+
--chart-3: #1d4ed8;
|
|
133
|
+
--chart-4: #1e40af;
|
|
134
|
+
--chart-5: #1e3a8a;
|
|
135
|
+
--gray-50: #f8f9fa;
|
|
136
|
+
--gray-100: #edeef0;
|
|
137
|
+
--gray-200: #e5e7eb;
|
|
138
|
+
--gray-300: #d1d5db;
|
|
139
|
+
--gray-400: #9ca3af;
|
|
140
|
+
--gray-500: #6b7280;
|
|
141
|
+
--gray-600: #4b5563;
|
|
142
|
+
--gray-700: #374151;
|
|
143
|
+
--gray-800: #1f2937;
|
|
144
|
+
--gray-900: #111827;
|
|
145
|
+
--gray-950: #030712;
|
|
146
|
+
--neutral-50: #fafafa;
|
|
147
|
+
--neutral-100: #f5f5f5;
|
|
148
|
+
--neutral-200: #e5e5e5;
|
|
149
|
+
--neutral-300: #d4d4d4;
|
|
150
|
+
--neutral-400: #a3a3a3;
|
|
151
|
+
--neutral-500: #737373;
|
|
152
|
+
--neutral-600: #525252;
|
|
153
|
+
--neutral-700: #404040;
|
|
154
|
+
--neutral-800: #262626;
|
|
155
|
+
--neutral-900: #171717;
|
|
156
|
+
--neutral-950: #0a0a0a;
|
|
157
|
+
--red-50: #fef2f2;
|
|
158
|
+
--red-100: #fee2e2;
|
|
159
|
+
--red-200: #fecaca;
|
|
160
|
+
--red-300: #fca5a5;
|
|
161
|
+
--red-400: #f87171;
|
|
162
|
+
--red-500: #ef4444;
|
|
163
|
+
--red-600: #dc2626;
|
|
164
|
+
--red-700: #b91c1c;
|
|
165
|
+
--red-800: #991b1b;
|
|
166
|
+
--red-900: #7f1d1d;
|
|
167
|
+
--red-950: #450a0a;
|
|
168
|
+
--orange-50: #fff7ed;
|
|
169
|
+
--orange-100: #ffedd5;
|
|
170
|
+
--orange-200: #fed7aa;
|
|
171
|
+
--orange-300: #fdba74;
|
|
172
|
+
--orange-400: #fb923c;
|
|
173
|
+
--orange-500: #f97316;
|
|
174
|
+
--orange-600: #ea580c;
|
|
175
|
+
--orange-700: #c2410c;
|
|
176
|
+
--orange-800: #9a3412;
|
|
177
|
+
--orange-900: #7c2d12;
|
|
178
|
+
--orange-950: #431407;
|
|
179
|
+
--amber-50: #fffbeb;
|
|
180
|
+
--amber-100: #fef3c7;
|
|
181
|
+
--amber-200: #fde68a;
|
|
182
|
+
--amber-300: #fcd34d;
|
|
183
|
+
--amber-400: #fbbf24;
|
|
184
|
+
--amber-500: #f59e0b;
|
|
185
|
+
--amber-600: #d97706;
|
|
186
|
+
--amber-700: #b45309;
|
|
187
|
+
--amber-800: #92400e;
|
|
188
|
+
--amber-900: #78350f;
|
|
189
|
+
--amber-950: #451a03;
|
|
190
|
+
--green-50: #f0fdf4;
|
|
191
|
+
--green-100: #dcfce7;
|
|
192
|
+
--green-200: #bbf7d0;
|
|
193
|
+
--green-300: #86efac;
|
|
194
|
+
--green-400: #4ade80;
|
|
195
|
+
--green-500: #22c55e;
|
|
196
|
+
--green-600: #16a34a;
|
|
197
|
+
--green-700: #15803d;
|
|
198
|
+
--green-800: #166534;
|
|
199
|
+
--green-900: #14532d;
|
|
200
|
+
--green-950: #052e16;
|
|
201
|
+
--violet-50: #f5f3ff;
|
|
202
|
+
--violet-100: #ede9fe;
|
|
203
|
+
--violet-200: #ddd6fe;
|
|
204
|
+
--violet-300: #c4b5fd;
|
|
205
|
+
--violet-400: #a78bfa;
|
|
206
|
+
--violet-500: #8b5cf6;
|
|
207
|
+
--violet-600: #7c3aed;
|
|
208
|
+
--violet-700: #6d28d9;
|
|
209
|
+
--violet-800: #5b21b6;
|
|
210
|
+
--violet-900: #4c1d95;
|
|
211
|
+
--violet-950: #2e1065;
|
|
212
|
+
--blue-50: #eff6ff;
|
|
213
|
+
--blue-100: #dbeafe;
|
|
214
|
+
--blue-200: #bfdbfe;
|
|
215
|
+
--blue-300: #93c5fd;
|
|
216
|
+
--blue-400: #60a5fa;
|
|
217
|
+
--blue-500: #3b82f6;
|
|
218
|
+
--blue-600: #2563eb;
|
|
219
|
+
--blue-700: #1d4ed8;
|
|
220
|
+
--blue-800: #1e40af;
|
|
221
|
+
--blue-900: #1e3a8a;
|
|
222
|
+
--blue-950: #172554;
|
|
223
|
+
--rose-50: #fff1f2;
|
|
224
|
+
--rose-500: #f43f5e;
|
|
225
|
+
}
|
|
226
|
+
.dark {
|
|
227
|
+
--background: #030712;
|
|
228
|
+
--foreground: #f8f9fa;
|
|
229
|
+
--card: #111827;
|
|
230
|
+
--card-foreground: #f8f9fa;
|
|
231
|
+
--popover: #1f2937;
|
|
232
|
+
--popover-foreground: #f8f9fa;
|
|
233
|
+
--primary: #ffffff;
|
|
234
|
+
--primary-foreground: #111827;
|
|
235
|
+
--secondary: #1f2937;
|
|
236
|
+
--secondary-foreground: #f8f9fa;
|
|
237
|
+
--muted: #1f2937;
|
|
238
|
+
--muted-foreground: #9ca3af;
|
|
239
|
+
--accent: #1f2937;
|
|
240
|
+
--accent-foreground: #f8f9fa;
|
|
241
|
+
--destructive: #f87171;
|
|
242
|
+
--border: #1f2937;
|
|
243
|
+
--input: #1f2937;
|
|
244
|
+
--ring: #6b7280;
|
|
245
|
+
--background-color: #030712;
|
|
246
|
+
--semantic-background: #111827;
|
|
247
|
+
--semantic-border: #1f2937;
|
|
248
|
+
--semantic-foreground: #ffffff;
|
|
249
|
+
--sidebar: #111827;
|
|
250
|
+
--sidebar-foreground: #f8f9fa;
|
|
251
|
+
--sidebar-primary: #edeef0;
|
|
252
|
+
--sidebar-primary-foreground: #111827;
|
|
253
|
+
--sidebar-accent: #1f2937;
|
|
254
|
+
--sidebar-accent-foreground: #f8f9fa;
|
|
255
|
+
--sidebar-border: #374151;
|
|
256
|
+
--sidebar-ring: #6b7280;
|
|
257
|
+
--chart-1: #93c5fd;
|
|
258
|
+
--chart-2: #60a5fa;
|
|
259
|
+
--chart-3: #3b82f6;
|
|
260
|
+
--chart-4: #2563eb;
|
|
261
|
+
--chart-5: #1d4ed8;
|
|
262
|
+
}
|
|
263
|
+
[data-radix-tooltip-content] {
|
|
264
|
+
transform-origin: var(--radix-tooltip-content-transform-origin);
|
|
265
|
+
}
|
|
266
|
+
[data-radix-popover-content] {
|
|
267
|
+
transform-origin: var(--radix-popover-content-transform-origin);
|
|
268
|
+
}
|
|
269
|
+
@media (prefers-reduced-motion: reduce) {
|
|
270
|
+
*,
|
|
271
|
+
*::before,
|
|
272
|
+
*::after {
|
|
273
|
+
animation-duration: 0.01ms !important;
|
|
274
|
+
transition-duration: 0.01ms !important;
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
@layer base {
|
|
278
|
+
* {
|
|
279
|
+
border-color: var(--border);
|
|
280
|
+
outline-color: var(--ring);
|
|
281
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
282
|
+
outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
body {
|
|
286
|
+
background-color: var(--background);
|
|
287
|
+
color: var(--foreground);
|
|
288
|
+
font-family: var(--font-sans);
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
@layer utilities {
|
|
292
|
+
.btn-press {
|
|
293
|
+
transition:
|
|
294
|
+
transform 160ms cubic-bezier(0.23, 1, 0.32, 1),
|
|
295
|
+
background-color 150ms ease,
|
|
296
|
+
color 150ms ease,
|
|
297
|
+
border-color 150ms ease,
|
|
298
|
+
opacity 150ms ease;
|
|
299
|
+
}
|
|
300
|
+
.btn-press:active {
|
|
301
|
+
transform: scale(0.97);
|
|
302
|
+
}
|
|
303
|
+
.row-press {
|
|
304
|
+
transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1), background-color 150ms ease;
|
|
305
|
+
}
|
|
306
|
+
.row-press:active {
|
|
307
|
+
transform: scale(0.995);
|
|
308
|
+
}
|
|
309
|
+
}
|
|
310
|
+
@layer properties {
|
|
311
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
312
|
+
*,
|
|
313
|
+
::before,
|
|
314
|
+
::after,
|
|
315
|
+
::backdrop {
|
|
316
|
+
--tw-animation-delay: 0s;
|
|
317
|
+
--tw-animation-direction: normal;
|
|
318
|
+
--tw-animation-duration: initial;
|
|
319
|
+
--tw-animation-fill-mode: none;
|
|
320
|
+
--tw-animation-iteration-count: 1;
|
|
321
|
+
--tw-enter-blur: 0;
|
|
322
|
+
--tw-enter-opacity: 1;
|
|
323
|
+
--tw-enter-rotate: 0;
|
|
324
|
+
--tw-enter-scale: 1;
|
|
325
|
+
--tw-enter-translate-x: 0;
|
|
326
|
+
--tw-enter-translate-y: 0;
|
|
327
|
+
--tw-exit-blur: 0;
|
|
328
|
+
--tw-exit-opacity: 1;
|
|
329
|
+
--tw-exit-rotate: 0;
|
|
330
|
+
--tw-exit-scale: 1;
|
|
331
|
+
--tw-exit-translate-x: 0;
|
|
332
|
+
--tw-exit-translate-y: 0;
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
337
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/styles/index.css"],"sourcesContent":["/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties;\n@property --tw-animation-delay {\n syntax: \"*\";\n inherits: false;\n initial-value: 0s;\n}\n@property --tw-animation-direction {\n syntax: \"*\";\n inherits: false;\n initial-value: normal;\n}\n@property --tw-animation-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-animation-fill-mode {\n syntax: \"*\";\n inherits: false;\n initial-value: none;\n}\n@property --tw-animation-iteration-count {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-exit-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-exit-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n:root, :host {\n --font-sans: \"PretendardVariable\", \"Pretendard Variable\", Pretendard, sans-serif;\n}\n@keyframes checkbox-in {\n from {\n opacity: 0;\n transform: scale(0.7);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes check-draw {\n from {\n stroke-dashoffset: 8;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n@keyframes accordion-down {\n from {\n height: 0;\n }\n to {\n height: var(--radix-accordion-content-height);\n }\n}\n@keyframes accordion-up {\n from {\n height: var(--radix-accordion-content-height);\n }\n to {\n height: 0;\n }\n}\n@keyframes kb-overlay-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes kb-modal-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes kb-sheet-in {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes kb-fade-up {\n from {\n opacity: 0;\n transform: translateY(6px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n:root {\n --radius: 10px;\n --background: #ffffff;\n --foreground: #030712;\n --card: #ffffff;\n --card-foreground: #030712;\n --popover: #ffffff;\n --popover-foreground: #030712;\n --primary: #000000;\n --primary-foreground: #f8f9fa;\n --secondary: #f8f9fa;\n --secondary-foreground: #030712;\n --muted: #edeef0;\n --muted-foreground: #6b7280;\n --accent: #edeef0;\n --accent-foreground: #111827;\n --destructive: #dc2626;\n --border: #e5e7eb;\n --input: #e5e7eb;\n --ring: #6b7280;\n --background-color: #f8f9fa;\n --semantic-background: #edeef0;\n --semantic-border: #e5e7eb;\n --semantic-foreground: #111827;\n --sidebar: #f8f9fa;\n --sidebar-foreground: #4b5563;\n --sidebar-primary: #111827;\n --sidebar-primary-foreground: #f8f9fa;\n --sidebar-accent: #edeef0;\n --sidebar-accent-foreground: #111827;\n --sidebar-border: #e5e7eb;\n --sidebar-ring: #6b7280;\n --chart-1: #3b82f6;\n --chart-2: #2563eb;\n --chart-3: #1d4ed8;\n --chart-4: #1e40af;\n --chart-5: #1e3a8a;\n --gray-50: #f8f9fa;\n --gray-100: #edeef0;\n --gray-200: #e5e7eb;\n --gray-300: #d1d5db;\n --gray-400: #9ca3af;\n --gray-500: #6b7280;\n --gray-600: #4b5563;\n --gray-700: #374151;\n --gray-800: #1f2937;\n --gray-900: #111827;\n --gray-950: #030712;\n --neutral-50: #fafafa;\n --neutral-100: #f5f5f5;\n --neutral-200: #e5e5e5;\n --neutral-300: #d4d4d4;\n --neutral-400: #a3a3a3;\n --neutral-500: #737373;\n --neutral-600: #525252;\n --neutral-700: #404040;\n --neutral-800: #262626;\n --neutral-900: #171717;\n --neutral-950: #0a0a0a;\n --red-50: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n --orange-50: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n --amber-50: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n --green-50: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n --violet-50: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n --blue-50: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n --rose-50: #fff1f2;\n --rose-500: #f43f5e;\n}\n.dark {\n --background: #030712;\n --foreground: #f8f9fa;\n --card: #111827;\n --card-foreground: #f8f9fa;\n --popover: #1f2937;\n --popover-foreground: #f8f9fa;\n --primary: #ffffff;\n --primary-foreground: #111827;\n --secondary: #1f2937;\n --secondary-foreground: #f8f9fa;\n --muted: #1f2937;\n --muted-foreground: #9ca3af;\n --accent: #1f2937;\n --accent-foreground: #f8f9fa;\n --destructive: #f87171;\n --border: #1f2937;\n --input: #1f2937;\n --ring: #6b7280;\n --background-color: #030712;\n --semantic-background: #111827;\n --semantic-border: #1f2937;\n --semantic-foreground: #ffffff;\n --sidebar: #111827;\n --sidebar-foreground: #f8f9fa;\n --sidebar-primary: #edeef0;\n --sidebar-primary-foreground: #111827;\n --sidebar-accent: #1f2937;\n --sidebar-accent-foreground: #f8f9fa;\n --sidebar-border: #374151;\n --sidebar-ring: #6b7280;\n --chart-1: #93c5fd;\n --chart-2: #60a5fa;\n --chart-3: #3b82f6;\n --chart-4: #2563eb;\n --chart-5: #1d4ed8;\n}\n[data-radix-tooltip-content] {\n transform-origin: var(--radix-tooltip-content-transform-origin);\n}\n[data-radix-popover-content] {\n transform-origin: var(--radix-popover-content-transform-origin);\n}\n@media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n@layer base {\n * {\n border-color: var(--border);\n outline-color: var(--ring);\n @supports (color: color-mix(in lab, red, red)) {\n outline-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n body {\n background-color: var(--background);\n color: var(--foreground);\n font-family: var(--font-sans);\n }\n}\n@layer utilities {\n .btn-press {\n transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1),\n background-color 150ms ease,\n color 150ms ease,\n border-color 150ms ease,\n opacity 150ms ease;\n }\n .btn-press:active {\n transform: scale(0.97);\n }\n .row-press {\n transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1),\n background-color 150ms ease;\n }\n .row-press:active {\n transform: scale(0.995);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-animation-delay: 0s;\n --tw-animation-direction: normal;\n --tw-animation-duration: initial;\n --tw-animation-fill-mode: none;\n --tw-animation-iteration-count: 1;\n --tw-enter-blur: 0;\n --tw-enter-opacity: 1;\n --tw-enter-rotate: 0;\n --tw-enter-scale: 1;\n --tw-enter-translate-x: 0;\n --tw-enter-translate-y: 0;\n --tw-exit-blur: 0;\n --tw-exit-opacity: 1;\n --tw-exit-rotate: 0;\n --tw-exit-scale: 1;\n --tw-exit-translate-x: 0;\n --tw-exit-translate-y: 0;\n }\n }\n}\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
/* @runyourai/design-system — Tailwind v4 theme tokens
|
|
2
|
+
*
|
|
3
|
+
* consuming app의 globals.css에서 import하면 됩니다:
|
|
4
|
+
* @import "@runyourai/design-system/tailwind-theme";
|
|
5
|
+
*
|
|
6
|
+
* @import "tailwindcss" 이후에 위치해야 합니다.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
@theme inline {
|
|
10
|
+
--breakpoint-xs: 390px;
|
|
11
|
+
|
|
12
|
+
--font-sans: "PretendardVariable", "Pretendard Variable", Pretendard, sans-serif;
|
|
13
|
+
--font-mono: "Google Sans Code", ui-monospace, monospace;
|
|
14
|
+
|
|
15
|
+
--color-background: var(--background);
|
|
16
|
+
--color-foreground: var(--foreground);
|
|
17
|
+
--color-card: var(--card);
|
|
18
|
+
--color-card-foreground: var(--card-foreground);
|
|
19
|
+
--color-popover: var(--popover);
|
|
20
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
21
|
+
--color-primary: var(--primary);
|
|
22
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
23
|
+
--color-secondary: var(--secondary);
|
|
24
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
25
|
+
--color-muted: var(--muted);
|
|
26
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
27
|
+
--color-accent: var(--accent);
|
|
28
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
29
|
+
--color-destructive: var(--destructive);
|
|
30
|
+
--color-border: var(--border);
|
|
31
|
+
--color-input: var(--input);
|
|
32
|
+
--color-ring: var(--ring);
|
|
33
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
34
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
35
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
36
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
37
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
38
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
39
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
40
|
+
--color-sidebar: var(--sidebar);
|
|
41
|
+
--color-chart-1: var(--chart-1);
|
|
42
|
+
--color-chart-2: var(--chart-2);
|
|
43
|
+
--color-chart-3: var(--chart-3);
|
|
44
|
+
--color-chart-4: var(--chart-4);
|
|
45
|
+
--color-chart-5: var(--chart-5);
|
|
46
|
+
|
|
47
|
+
/* Semantic surface tokens */
|
|
48
|
+
--color-background-color: var(--background-color);
|
|
49
|
+
--color-semantic-background: var(--semantic-background);
|
|
50
|
+
--color-semantic-border: var(--semantic-border);
|
|
51
|
+
--color-semantic-foreground: var(--semantic-foreground);
|
|
52
|
+
|
|
53
|
+
/* Radius */
|
|
54
|
+
--radius-none: 0px;
|
|
55
|
+
--radius-xs: 2px;
|
|
56
|
+
--radius-sm: 6px;
|
|
57
|
+
--radius-md: 8px;
|
|
58
|
+
--radius-lg: 10px;
|
|
59
|
+
--radius-xl: 12px;
|
|
60
|
+
--radius-2xl: 16px;
|
|
61
|
+
--radius-3xl: 20px;
|
|
62
|
+
--radius-4xl: 24px;
|
|
63
|
+
--radius-full: 9999px;
|
|
64
|
+
|
|
65
|
+
/* Typography */
|
|
66
|
+
--text-2xs: 0.6875rem;
|
|
67
|
+
--leading-xs: 1.125rem;
|
|
68
|
+
|
|
69
|
+
/* Shadows */
|
|
70
|
+
--shadow-button: 0px 1px 2px 0px rgba(0,0,0,0.1);
|
|
71
|
+
--shadow-modal: 0px 10px 15px 0px rgba(0,0,0,0.1), 0px 4px 6px 0px rgba(0,0,0,0.1);
|
|
72
|
+
--shadow-dropdown: 0px 4px 6px 0px rgba(0,0,0,0.1), 0px 2px 4px 0px rgba(0,0,0,0.1);
|
|
73
|
+
--shadow-sheet: 0px 10px 15px -3px rgba(0,0,0,0.1), 0px 4px 6px -4px rgba(0,0,0,0.1);
|
|
74
|
+
--shadow-card-bottom: 0px 8px 0px 0px rgba(75,85,99,0.1);
|
|
75
|
+
|
|
76
|
+
/* Z-index */
|
|
77
|
+
--z-1: 1;
|
|
78
|
+
--z-2: 2;
|
|
79
|
+
--z-3: 3;
|
|
80
|
+
--z-4: 4;
|
|
81
|
+
--z-5: 5;
|
|
82
|
+
--z-6: 6;
|
|
83
|
+
--z-7: 7;
|
|
84
|
+
--z-8: 8;
|
|
85
|
+
--z-9: 9;
|
|
86
|
+
|
|
87
|
+
/* Flex */
|
|
88
|
+
--flex-2: 2 2 0%;
|
|
89
|
+
--flex-3: 3 3 0%;
|
|
90
|
+
|
|
91
|
+
/* Letter spacing */
|
|
92
|
+
--tracking-tight: -0.4px;
|
|
93
|
+
|
|
94
|
+
/* Animations */
|
|
95
|
+
--animate-accordion-down: accordion-down 0.2s ease-out;
|
|
96
|
+
--animate-accordion-up: accordion-up 0.2s ease-out;
|
|
97
|
+
--animate-checkbox-in: checkbox-in 130ms cubic-bezier(0.23, 1, 0.32, 1) both;
|
|
98
|
+
--animate-kb-overlay-in: kb-overlay-in 200ms ease-out forwards;
|
|
99
|
+
--animate-kb-modal-in: kb-modal-in 220ms cubic-bezier(0.23, 1, 0.32, 1) both;
|
|
100
|
+
--animate-kb-sheet-in: kb-sheet-in 300ms cubic-bezier(0.32, 0.72, 0, 1) forwards;
|
|
101
|
+
--animate-kb-fade-up: kb-fade-up 250ms cubic-bezier(0.23, 1, 0.32, 1) both;
|
|
102
|
+
|
|
103
|
+
/* Easing */
|
|
104
|
+
--ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
|
|
105
|
+
--ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
|
|
106
|
+
--ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
|
|
107
|
+
|
|
108
|
+
/* Color palette */
|
|
109
|
+
--color-gray-50: var(--gray-50);
|
|
110
|
+
--color-gray-100: var(--gray-100);
|
|
111
|
+
--color-gray-200: var(--gray-200);
|
|
112
|
+
--color-gray-300: var(--gray-300);
|
|
113
|
+
--color-gray-400: var(--gray-400);
|
|
114
|
+
--color-gray-500: var(--gray-500);
|
|
115
|
+
--color-gray-600: var(--gray-600);
|
|
116
|
+
--color-gray-700: var(--gray-700);
|
|
117
|
+
--color-gray-800: var(--gray-800);
|
|
118
|
+
--color-gray-900: var(--gray-900);
|
|
119
|
+
--color-gray-950: var(--gray-950);
|
|
120
|
+
|
|
121
|
+
--color-neutral-50: var(--neutral-50);
|
|
122
|
+
--color-neutral-100: var(--neutral-100);
|
|
123
|
+
--color-neutral-200: var(--neutral-200);
|
|
124
|
+
--color-neutral-300: var(--neutral-300);
|
|
125
|
+
--color-neutral-400: var(--neutral-400);
|
|
126
|
+
--color-neutral-500: var(--neutral-500);
|
|
127
|
+
--color-neutral-600: var(--neutral-600);
|
|
128
|
+
--color-neutral-700: var(--neutral-700);
|
|
129
|
+
--color-neutral-800: var(--neutral-800);
|
|
130
|
+
--color-neutral-900: var(--neutral-900);
|
|
131
|
+
--color-neutral-950: var(--neutral-950);
|
|
132
|
+
|
|
133
|
+
--color-red-50: var(--red-50);
|
|
134
|
+
--color-red-100: var(--red-100);
|
|
135
|
+
--color-red-200: var(--red-200);
|
|
136
|
+
--color-red-300: var(--red-300);
|
|
137
|
+
--color-red-400: var(--red-400);
|
|
138
|
+
--color-red-500: var(--red-500);
|
|
139
|
+
--color-red-600: var(--red-600);
|
|
140
|
+
--color-red-700: var(--red-700);
|
|
141
|
+
--color-red-800: var(--red-800);
|
|
142
|
+
--color-red-900: var(--red-900);
|
|
143
|
+
--color-red-950: var(--red-950);
|
|
144
|
+
|
|
145
|
+
--color-orange-50: var(--orange-50);
|
|
146
|
+
--color-orange-100: var(--orange-100);
|
|
147
|
+
--color-orange-200: var(--orange-200);
|
|
148
|
+
--color-orange-300: var(--orange-300);
|
|
149
|
+
--color-orange-400: var(--orange-400);
|
|
150
|
+
--color-orange-500: var(--orange-500);
|
|
151
|
+
--color-orange-600: var(--orange-600);
|
|
152
|
+
--color-orange-700: var(--orange-700);
|
|
153
|
+
--color-orange-800: var(--orange-800);
|
|
154
|
+
--color-orange-900: var(--orange-900);
|
|
155
|
+
--color-orange-950: var(--orange-950);
|
|
156
|
+
|
|
157
|
+
--color-amber-50: var(--amber-50);
|
|
158
|
+
--color-amber-100: var(--amber-100);
|
|
159
|
+
--color-amber-200: var(--amber-200);
|
|
160
|
+
--color-amber-300: var(--amber-300);
|
|
161
|
+
--color-amber-400: var(--amber-400);
|
|
162
|
+
--color-amber-500: var(--amber-500);
|
|
163
|
+
--color-amber-600: var(--amber-600);
|
|
164
|
+
--color-amber-700: var(--amber-700);
|
|
165
|
+
--color-amber-800: var(--amber-800);
|
|
166
|
+
--color-amber-900: var(--amber-900);
|
|
167
|
+
--color-amber-950: var(--amber-950);
|
|
168
|
+
|
|
169
|
+
--color-green-50: var(--green-50);
|
|
170
|
+
--color-green-100: var(--green-100);
|
|
171
|
+
--color-green-200: var(--green-200);
|
|
172
|
+
--color-green-300: var(--green-300);
|
|
173
|
+
--color-green-400: var(--green-400);
|
|
174
|
+
--color-green-500: var(--green-500);
|
|
175
|
+
--color-green-600: var(--green-600);
|
|
176
|
+
--color-green-700: var(--green-700);
|
|
177
|
+
--color-green-800: var(--green-800);
|
|
178
|
+
--color-green-900: var(--green-900);
|
|
179
|
+
--color-green-950: var(--green-950);
|
|
180
|
+
|
|
181
|
+
--color-violet-50: var(--violet-50);
|
|
182
|
+
--color-violet-100: var(--violet-100);
|
|
183
|
+
--color-violet-200: var(--violet-200);
|
|
184
|
+
--color-violet-300: var(--violet-300);
|
|
185
|
+
--color-violet-400: var(--violet-400);
|
|
186
|
+
--color-violet-500: var(--violet-500);
|
|
187
|
+
--color-violet-600: var(--violet-600);
|
|
188
|
+
--color-violet-700: var(--violet-700);
|
|
189
|
+
--color-violet-800: var(--violet-800);
|
|
190
|
+
--color-violet-900: var(--violet-900);
|
|
191
|
+
--color-violet-950: var(--violet-950);
|
|
192
|
+
|
|
193
|
+
--color-blue-50: var(--blue-50);
|
|
194
|
+
--color-blue-100: var(--blue-100);
|
|
195
|
+
--color-blue-200: var(--blue-200);
|
|
196
|
+
--color-blue-300: var(--blue-300);
|
|
197
|
+
--color-blue-400: var(--blue-400);
|
|
198
|
+
--color-blue-500: var(--blue-500);
|
|
199
|
+
--color-blue-600: var(--blue-600);
|
|
200
|
+
--color-blue-700: var(--blue-700);
|
|
201
|
+
--color-blue-800: var(--blue-800);
|
|
202
|
+
--color-blue-900: var(--blue-900);
|
|
203
|
+
--color-blue-950: var(--blue-950);
|
|
204
|
+
|
|
205
|
+
--color-rose-50: var(--rose-50);
|
|
206
|
+
--color-rose-500: var(--rose-500);
|
|
207
|
+
}
|
package/dist/utils.d.mts
ADDED
package/dist/utils.d.ts
ADDED
package/dist/utils.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/lib/utils.ts
|
|
22
|
+
var utils_exports = {};
|
|
23
|
+
__export(utils_exports, {
|
|
24
|
+
cn: () => cn
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(utils_exports);
|
|
27
|
+
var import_clsx = require("clsx");
|
|
28
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
29
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
30
|
+
extend: {
|
|
31
|
+
classGroups: {
|
|
32
|
+
"font-size": [{ text: ["2xs"] }]
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
function cn(...inputs) {
|
|
37
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
38
|
+
}
|
|
39
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
40
|
+
0 && (module.exports = {
|
|
41
|
+
cn
|
|
42
|
+
});
|
|
43
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { extendTailwindMerge } from \"tailwind-merge\"\n\n// Register text-2xs as a font-size class so tailwind-merge doesn't\n// confuse it with text-color utilities (e.g. text-muted-foreground).\nconst twMerge = extendTailwindMerge({\n extend: {\n classGroups: {\n \"font-size\": [{ text: [\"2xs\"] }],\n },\n },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,4BAAoC;AAIpC,IAAM,cAAU,2CAAoB;AAAA,EAClC,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,aAAa,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;AAAA,IACjC;AAAA,EACF;AACF,CAAC;AAEM,SAAS,MAAM,QAAsB;AAC1C,SAAO,YAAQ,kBAAK,MAAM,CAAC;AAC7B;","names":[]}
|
package/dist/utils.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|