@maxsteinwender/sort-ui 0.1.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.
@@ -0,0 +1,496 @@
1
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
2
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
3
+ }) : x)(function(x) {
4
+ if (typeof require !== "undefined") return require.apply(this, arguments);
5
+ throw Error('Dynamic require of "' + x + '" is not supported');
6
+ });
7
+
8
+ // tailwind.config.ts
9
+ var config = {
10
+ darkMode: ["class"],
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ // === GENERATED TOKENS START ===
15
+ "icon": {
16
+ "black-default": "var(--icon-black-default)",
17
+ "black-disabled": "var(--icon-black-disabled)",
18
+ "black-muted": "var(--icon-black-muted)",
19
+ "black-subtle": "var(--icon-black-subtle)",
20
+ "default": "var(--icon-default)",
21
+ "default-disabled": "var(--icon-default-disabled)",
22
+ "default-muted": "var(--icon-default-muted)",
23
+ "default-subtle": "var(--icon-default-subtle)",
24
+ "destructive": "var(--icon-destructive)",
25
+ "informative": "var(--icon-informative)",
26
+ "inverted-default": "var(--icon-inverted-default)",
27
+ "inverted-disabled": "var(--icon-inverted-disabled)",
28
+ "inverted-muted": "var(--icon-inverted-muted)",
29
+ "inverted-subtle": "var(--icon-inverted-subtle)",
30
+ "success": "var(--icon-success)",
31
+ "warning": "var(--icon-warning)",
32
+ "white-default": "var(--icon-white-default)",
33
+ "white-disabled": "var(--icon-white-disabled)",
34
+ "white-muted": "var(--icon-white-muted)",
35
+ "white-subtle": "var(--icon-white-subtle)"
36
+ },
37
+ "sui-text": {
38
+ "dark-default": "var(--text-dark-default)",
39
+ "dark-hint": "var(--text-dark-hint)",
40
+ "dark-muted": "var(--text-dark-muted)",
41
+ "dark-subtle": "var(--text-dark-subtle)",
42
+ "default": "var(--text-default)",
43
+ "destructive": "var(--text-destructive)",
44
+ "hint": "var(--text-hint)",
45
+ "informative": "var(--text-informative)",
46
+ "inverted-default": "var(--text-inverted-default)",
47
+ "inverted-hint": "var(--text-inverted-hint)",
48
+ "inverted-muted": "var(--text-inverted-muted)",
49
+ "inverted-subtle": "var(--text-inverted-subtle)",
50
+ "muted": "var(--text-muted)",
51
+ "subtle": "var(--text-subtle)",
52
+ "success": "var(--text-success)",
53
+ "warning": "var(--text-warning)",
54
+ "white-default": "var(--text-white-default)",
55
+ "white-hint": "var(--text-white-hint)",
56
+ "white-muted": "var(--text-white-muted)",
57
+ "white-subtle": "var(--text-white-subtle)"
58
+ },
59
+ "sui-border": {
60
+ "accent": "var(--border-accent)",
61
+ "accent-inverted": "var(--border-accent-inverted)",
62
+ "amber": "var(--border-amber)",
63
+ "blue": "var(--border-blue)",
64
+ "cyan": "var(--border-cyan)",
65
+ "darker": "var(--border-darker)",
66
+ "default": "var(--border-default)",
67
+ "destructive": "var(--border-destructive)",
68
+ "emerald": "var(--border-emerald)",
69
+ "fuchsia": "var(--border-fuchsia)",
70
+ "green": "var(--border-green)",
71
+ "highlight": "var(--border-highlight)",
72
+ "highlight-destructive": "var(--border-highlight-destructive)",
73
+ "indigo": "var(--border-indigo)",
74
+ "informative": "var(--border-informative)",
75
+ "input-highlight": "var(--border-input-highlight)",
76
+ "inverted": "var(--border-inverted)",
77
+ "lime": "var(--border-lime)",
78
+ "orange": "var(--border-orange)",
79
+ "pink": "var(--border-pink)",
80
+ "purple": "var(--border-purple)",
81
+ "red": "var(--border-red)",
82
+ "rose": "var(--border-rose)",
83
+ "sky": "var(--border-sky)",
84
+ "strong": "var(--border-strong)",
85
+ "success": "var(--border-success)",
86
+ "teal": "var(--border-teal)",
87
+ "violet": "var(--border-violet)",
88
+ "warning": "var(--border-warning)",
89
+ "white": "var(--border-white)",
90
+ "yellow": "var(--border-yellow)"
91
+ },
92
+ "sui-bg": {
93
+ "badge-amber": "var(--bg-badge-amber)",
94
+ "badge-blue": "var(--bg-badge-blue)",
95
+ "badge-cyan": "var(--bg-badge-cyan)",
96
+ "badge-default": "var(--bg-badge-default)",
97
+ "badge-emerald": "var(--bg-badge-emerald)",
98
+ "badge-fuchsia": "var(--bg-badge-fuchsia)",
99
+ "badge-gray": "var(--bg-badge-gray)",
100
+ "badge-green": "var(--bg-badge-green)",
101
+ "badge-indigo": "var(--bg-badge-indigo)",
102
+ "badge-inverted": "var(--bg-badge-inverted)",
103
+ "badge-lime": "var(--bg-badge-lime)",
104
+ "badge-orange": "var(--bg-badge-orange)",
105
+ "badge-pink": "var(--bg-badge-pink)",
106
+ "badge-purple": "var(--bg-badge-purple)",
107
+ "badge-red": "var(--bg-badge-red)",
108
+ "badge-rose": "var(--bg-badge-rose)",
109
+ "badge-sky": "var(--bg-badge-sky)",
110
+ "badge-teal": "var(--bg-badge-teal)",
111
+ "badge-violet": "var(--bg-badge-violet)",
112
+ "badge-white": "var(--bg-badge-white)",
113
+ "badge-yellow": "var(--bg-badge-yellow)",
114
+ "basic-amber-accent": "var(--bg-basic-amber-accent)",
115
+ "basic-amber-contrast": "var(--bg-basic-amber-contrast)",
116
+ "basic-amber-strong": "var(--bg-basic-amber-strong)",
117
+ "basic-amber-subtle": "var(--bg-basic-amber-subtle)",
118
+ "basic-blue-accent": "var(--bg-basic-blue-accent)",
119
+ "basic-blue-contrast": "var(--bg-basic-blue-contrast)",
120
+ "basic-blue-strong": "var(--bg-basic-blue-strong)",
121
+ "basic-blue-subtle": "var(--bg-basic-blue-subtle)",
122
+ "basic-cyan-accent": "var(--bg-basic-cyan-accent)",
123
+ "basic-cyan-contrast": "var(--bg-basic-cyan-contrast)",
124
+ "basic-cyan-strong": "var(--bg-basic-cyan-strong)",
125
+ "basic-cyan-subtle": "var(--bg-basic-cyan-subtle)",
126
+ "basic-emerald-accent": "var(--bg-basic-emerald-accent)",
127
+ "basic-emerald-strong": "var(--bg-basic-emerald-strong)",
128
+ "basic-emerald-subtle": "var(--bg-basic-emerald-subtle)",
129
+ "basic-emerlad-contrast": "var(--bg-basic-emerlad-contrast)",
130
+ "basic-fuchsia-accent": "var(--bg-basic-fuchsia-accent)",
131
+ "basic-fuchsia-contrast": "var(--bg-basic-fuchsia-contrast)",
132
+ "basic-fuchsia-strong": "var(--bg-basic-fuchsia-strong)",
133
+ "basic-fuchsia-subtle": "var(--bg-basic-fuchsia-subtle)",
134
+ "basic-gray-accent": "var(--bg-basic-gray-accent)",
135
+ "basic-gray-alpha-10": "var(--bg-basic-gray-alpha-10)",
136
+ "basic-gray-alpha-15": "var(--bg-basic-gray-alpha-15)",
137
+ "basic-gray-alpha-2": "var(--bg-basic-gray-alpha-2)",
138
+ "basic-gray-alpha-4": "var(--bg-basic-gray-alpha-4)",
139
+ "basic-gray-contrast": "var(--bg-basic-gray-contrast)",
140
+ "basic-gray-strong": "var(--bg-basic-gray-strong)",
141
+ "basic-gray-subtle": "var(--bg-basic-gray-subtle)",
142
+ "basic-green-accent": "var(--bg-basic-green-accent)",
143
+ "basic-green-contrast": "var(--bg-basic-green-contrast)",
144
+ "basic-green-strong": "var(--bg-basic-green-strong)",
145
+ "basic-green-subtle": "var(--bg-basic-green-subtle)",
146
+ "basic-indigo-accent": "var(--bg-basic-indigo-accent)",
147
+ "basic-indigo-contrast": "var(--bg-basic-indigo-contrast)",
148
+ "basic-indigo-strong": "var(--bg-basic-indigo-strong)",
149
+ "basic-indigo-subtle": "var(--bg-basic-indigo-subtle)",
150
+ "basic-lime-accent": "var(--bg-basic-lime-accent)",
151
+ "basic-lime-contrast": "var(--bg-basic-lime-contrast)",
152
+ "basic-lime-strong": "var(--bg-basic-lime-strong)",
153
+ "basic-lime-subtle": "var(--bg-basic-lime-subtle)",
154
+ "basic-orange-accent": "var(--bg-basic-orange-accent)",
155
+ "basic-orange-contrast": "var(--bg-basic-orange-contrast)",
156
+ "basic-orange-strong": "var(--bg-basic-orange-strong)",
157
+ "basic-orange-subtle": "var(--bg-basic-orange-subtle)",
158
+ "basic-pink-accent": "var(--bg-basic-pink-accent)",
159
+ "basic-pink-contrast": "var(--bg-basic-pink-contrast)",
160
+ "basic-pink-strong": "var(--bg-basic-pink-strong)",
161
+ "basic-pink-subtle": "var(--bg-basic-pink-subtle)",
162
+ "basic-purple-accent": "var(--bg-basic-purple-accent)",
163
+ "basic-purple-contrast": "var(--bg-basic-purple-contrast)",
164
+ "basic-purple-strong": "var(--bg-basic-purple-strong)",
165
+ "basic-purple-subtle": "var(--bg-basic-purple-subtle)",
166
+ "basic-red-accent": "var(--bg-basic-red-accent)",
167
+ "basic-red-contrast": "var(--bg-basic-red-contrast)",
168
+ "basic-red-strong": "var(--bg-basic-red-strong)",
169
+ "basic-red-subtle": "var(--bg-basic-red-subtle)",
170
+ "basic-rose-accent": "var(--bg-basic-rose-accent)",
171
+ "basic-rose-contrast": "var(--bg-basic-rose-contrast)",
172
+ "basic-rose-strong": "var(--bg-basic-rose-strong)",
173
+ "basic-rose-subtle": "var(--bg-basic-rose-subtle)",
174
+ "basic-sky-accent": "var(--bg-basic-sky-accent)",
175
+ "basic-sky-contrast": "var(--bg-basic-sky-contrast)",
176
+ "basic-sky-strong": "var(--bg-basic-sky-strong)",
177
+ "basic-sky-subtle": "var(--bg-basic-sky-subtle)",
178
+ "basic-teal-accent": "var(--bg-basic-teal-accent)",
179
+ "basic-teal-contrast": "var(--bg-basic-teal-contrast)",
180
+ "basic-teal-strong": "var(--bg-basic-teal-strong)",
181
+ "basic-teal-subtle": "var(--bg-basic-teal-subtle)",
182
+ "basic-violet-accent": "var(--bg-basic-violet-accent)",
183
+ "basic-violet-contrast": "var(--bg-basic-violet-contrast)",
184
+ "basic-violet-strong": "var(--bg-basic-violet-strong)",
185
+ "basic-violet-subtle": "var(--bg-basic-violet-subtle)",
186
+ "basic-yellow-accent": "var(--bg-basic-yellow-accent)",
187
+ "basic-yellow-contrast": "var(--bg-basic-yellow-contrast)",
188
+ "basic-yellow-strong": "var(--bg-basic-yellow-strong)",
189
+ "basic-yellow-subtle": "var(--bg-basic-yellow-subtle)",
190
+ "card": "var(--bg-card)",
191
+ "card-inverted": "var(--bg-card-inverted)",
192
+ "card-subtle": "var(--bg-card-subtle)",
193
+ "checkbox-active": "var(--bg-checkbox-active)",
194
+ "checkbox-active-hover": "var(--bg-checkbox-active-hover)",
195
+ "checkbox-default": "var(--bg-checkbox-default)",
196
+ "checkbox-disabled": "var(--bg-checkbox-disabled)",
197
+ "default": "var(--bg-default)",
198
+ "input": "var(--bg-input)",
199
+ "input-disabled": "var(--bg-input-disabled)",
200
+ "input-soft": "var(--bg-input-soft)",
201
+ "inverted": "var(--bg-inverted)",
202
+ "muted": "var(--bg-muted)",
203
+ "overlay": "var(--bg-overlay)",
204
+ "sidebar": "var(--bg-sidebar)",
205
+ "sidebar-subtle": "var(--bg-sidebar-subtle)",
206
+ "state-brand": "var(--bg-state-brand)",
207
+ "state-brand-hover": "var(--bg-state-brand-hover)",
208
+ "state-brand-loading": "var(--bg-state-brand-loading)",
209
+ "state-brand-press": "var(--bg-state-brand-press)",
210
+ "state-destructive": "var(--bg-state-destructive)",
211
+ "state-destructive-hover": "var(--bg-state-destructive-hover)",
212
+ "state-destructive-loading": "var(--bg-state-destructive-loading)",
213
+ "state-destructive-press": "var(--bg-state-destructive-press)",
214
+ "state-disabled": "var(--bg-state-disabled)",
215
+ "state-ghost": "var(--bg-state-ghost)",
216
+ "state-ghost-hover": "var(--bg-state-ghost-hover)",
217
+ "state-ghost-hover-inverted": "var(--bg-state-ghost-hover-inverted)",
218
+ "state-ghost-inverted": "var(--bg-state-ghost-inverted)",
219
+ "state-ghost-loading": "var(--bg-state-ghost-loading)",
220
+ "state-ghost-loading-inverted": "var(--bg-state-ghost-loading-inverted)",
221
+ "state-ghost-press": "var(--bg-state-ghost-press)",
222
+ "state-ghost-press-inverted": "var(--bg-state-ghost-press-inverted)",
223
+ "state-gray": "var(--bg-state-gray)",
224
+ "state-primary": "var(--bg-state-primary)",
225
+ "state-primary-hover": "var(--bg-state-primary-hover)",
226
+ "state-primary-loading": "var(--bg-state-primary-loading)",
227
+ "state-primary-press": "var(--bg-state-primary-press)",
228
+ "state-secondary": "var(--bg-state-secondary)",
229
+ "state-secondary-hover": "var(--bg-state-secondary-hover)",
230
+ "state-secondary-loading": "var(--bg-state-secondary-loading)",
231
+ "state-secondary-press": "var(--bg-state-secondary-press)",
232
+ "state-soft": "var(--bg-state-soft)",
233
+ "state-soft-hover": "var(--bg-state-soft-hover)",
234
+ "state-soft-loading": "var(--bg-state-soft-loading)",
235
+ "state-soft-press": "var(--bg-state-soft-press)",
236
+ "subtle": "var(--bg-subtle)",
237
+ "switch-active": "var(--bg-switch-active)",
238
+ "switch-active-disabled": "var(--bg-switch-active-disabled)",
239
+ "switch-active-hover": "var(--bg-switch-active-hover)",
240
+ "switch-default": "var(--bg-switch-default)",
241
+ "switch-default-2": "var(--bg-switch-default-2)",
242
+ "switch-default-hover": "var(--bg-switch-default-hover)",
243
+ "switch-disabled": "var(--bg-switch-disabled)",
244
+ "switch-handle": "var(--bg-switch-handle)",
245
+ "switch-handle-disabled": "var(--bg-switch-handle-disabled)"
246
+ },
247
+ // === GENERATED TOKENS END ===
248
+ background: "hsl(var(--background))",
249
+ foreground: "hsl(var(--foreground))",
250
+ card: {
251
+ DEFAULT: "hsl(var(--card))",
252
+ foreground: "hsl(var(--card-foreground))"
253
+ },
254
+ popover: {
255
+ DEFAULT: "hsl(var(--popover))",
256
+ foreground: "hsl(var(--popover-foreground))"
257
+ },
258
+ primary: {
259
+ DEFAULT: "hsl(var(--primary))",
260
+ foreground: "hsl(var(--primary-foreground))",
261
+ hover: "hsl(var(--primary-hover))",
262
+ press: "hsl(var(--primary-press))"
263
+ },
264
+ secondary: {
265
+ DEFAULT: "hsl(var(--secondary))",
266
+ foreground: "hsl(var(--secondary-foreground))"
267
+ },
268
+ muted: {
269
+ DEFAULT: "hsl(var(--muted))",
270
+ foreground: "hsl(var(--muted-foreground))"
271
+ },
272
+ accent: {
273
+ DEFAULT: "hsl(var(--accent))",
274
+ foreground: "hsl(var(--accent-foreground))"
275
+ },
276
+ destructive: {
277
+ DEFAULT: "hsl(var(--destructive))",
278
+ foreground: "hsl(var(--destructive-foreground))",
279
+ hover: "hsl(var(--destructive-hover))",
280
+ press: "hsl(var(--destructive-press))"
281
+ },
282
+ success: {
283
+ DEFAULT: "hsl(var(--success))",
284
+ foreground: "hsl(var(--success-foreground))"
285
+ },
286
+ warning: {
287
+ DEFAULT: "hsl(var(--warning))",
288
+ foreground: "hsl(var(--warning-foreground))"
289
+ },
290
+ informative: {
291
+ DEFAULT: "hsl(var(--informative))",
292
+ foreground: "hsl(var(--informative-foreground))"
293
+ },
294
+ overlay: "hsl(var(--overlay))",
295
+ border: "hsl(var(--border))",
296
+ input: "hsl(var(--input))",
297
+ ring: "hsl(var(--ring))",
298
+ chart: {
299
+ "1": "hsl(var(--chart-1))",
300
+ "2": "hsl(var(--chart-2))",
301
+ "3": "hsl(var(--chart-3))",
302
+ "4": "hsl(var(--chart-4))",
303
+ "5": "hsl(var(--chart-5))"
304
+ },
305
+ sidebar: {
306
+ DEFAULT: "hsl(var(--sidebar-background))",
307
+ foreground: "hsl(var(--sidebar-foreground))",
308
+ primary: "hsl(var(--sidebar-primary))",
309
+ "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
310
+ accent: "hsl(var(--sidebar-accent))",
311
+ "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
312
+ border: "hsl(var(--sidebar-border))",
313
+ ring: "hsl(var(--sidebar-ring))"
314
+ }
315
+ },
316
+ borderRadius: {
317
+ "none": "var(--radius-none)",
318
+ "2xs": "var(--radius-2xs)",
319
+ "xs": "var(--radius-xs)",
320
+ "sm": "var(--radius-sm)",
321
+ "md": "var(--radius-md)",
322
+ "lg": "var(--radius-lg)",
323
+ "xl": "var(--radius-xl)",
324
+ "2xl": "var(--radius-2xl)",
325
+ "3xl": "var(--radius-3xl)",
326
+ "full": "var(--radius-full)",
327
+ "card-none": "var(--radius-card-none)",
328
+ "card-xs": "var(--radius-card-xs)",
329
+ "card-sm": "var(--radius-card-sm)",
330
+ "card-md": "var(--radius-card-md)",
331
+ "card-lg": "var(--radius-card-lg)"
332
+ },
333
+ fontFamily: {
334
+ sans: ["var(--font-body)", "system-ui", "sans-serif"],
335
+ headline: ["var(--font-headline)", "system-ui", "sans-serif"],
336
+ quote: ["var(--font-quote)", "Georgia", "serif"],
337
+ "quote-alt": ["var(--font-quote-alt)", "Georgia", "serif"],
338
+ code: ["var(--font-code)", "monospace"]
339
+ },
340
+ fontSize: {
341
+ "xs": ["var(--font-size-xs)", { lineHeight: "var(--leading-4)" }],
342
+ "sm": ["var(--font-size-sm)", { lineHeight: "var(--leading-5)" }],
343
+ "md": ["var(--font-size-md)", { lineHeight: "var(--leading-6)" }],
344
+ "lg": ["var(--font-size-lg)", { lineHeight: "var(--leading-7)" }],
345
+ "xl": ["var(--font-size-xl)", { lineHeight: "var(--leading-7)" }],
346
+ "2xl": ["var(--font-size-2xl)", { lineHeight: "var(--leading-8)" }],
347
+ "3xl": ["var(--font-size-3xl)", { lineHeight: "var(--leading-9)" }],
348
+ "4xl": ["var(--font-size-4xl)", { lineHeight: "var(--leading-10)" }],
349
+ "5xl": ["var(--font-size-5xl)", { lineHeight: "var(--leading-11)" }],
350
+ "6xl": ["var(--font-size-6xl)", { lineHeight: "var(--leading-12)" }],
351
+ "7xl": ["var(--font-size-7xl)", { lineHeight: "var(--leading-13)" }],
352
+ "8xl": ["var(--font-size-8xl)", { lineHeight: "var(--leading-14)" }],
353
+ "9xl": ["var(--font-size-9xl)", { lineHeight: "var(--leading-15)" }]
354
+ },
355
+ fontWeight: {
356
+ light: "var(--font-weight-light)",
357
+ normal: "var(--font-weight-normal)",
358
+ medium: "var(--font-weight-medium)",
359
+ semibold: "var(--font-weight-semibold)",
360
+ bold: "var(--font-weight-bold)",
361
+ extrabold: "var(--font-weight-extrabold)",
362
+ black: "var(--font-weight-black)"
363
+ },
364
+ lineHeight: {
365
+ "3": "var(--leading-3)",
366
+ "4": "var(--leading-4)",
367
+ "5": "var(--leading-5)",
368
+ "6": "var(--leading-6)",
369
+ "7": "var(--leading-7)",
370
+ "8": "var(--leading-8)",
371
+ "9": "var(--leading-9)",
372
+ "10": "var(--leading-10)",
373
+ "11": "var(--leading-11)",
374
+ "12": "var(--leading-12)",
375
+ "13": "var(--leading-13)",
376
+ "14": "var(--leading-14)",
377
+ "15": "var(--leading-15)"
378
+ },
379
+ letterSpacing: {
380
+ tighter: "var(--tracking-tighter)",
381
+ tight: "var(--tracking-tight)",
382
+ normal: "var(--tracking-normal)",
383
+ wide: "var(--tracking-wide)",
384
+ wider: "var(--tracking-wider)",
385
+ widest: "var(--tracking-widest)"
386
+ },
387
+ borderWidth: {
388
+ sm: "var(--border-width-sm)",
389
+ DEFAULT: "var(--border-width-default)",
390
+ md: "var(--border-width-md)",
391
+ lg: "var(--border-width-lg)",
392
+ xl: "var(--border-width-xl)",
393
+ "2xl": "var(--border-width-2xl)"
394
+ },
395
+ spacing: {
396
+ "sui-none": "var(--spacing-none)",
397
+ "sui-1": "var(--spacing-1)",
398
+ "sui-2": "var(--spacing-2)",
399
+ "sui-4": "var(--spacing-4)",
400
+ "sui-6": "var(--spacing-6)",
401
+ "sui-8": "var(--spacing-8)",
402
+ "sui-10": "var(--spacing-10)",
403
+ "sui-12": "var(--spacing-12)",
404
+ "sui-14": "var(--spacing-14)",
405
+ "sui-16": "var(--spacing-16)",
406
+ "sui-20": "var(--spacing-20)",
407
+ "sui-24": "var(--spacing-24)",
408
+ "sui-28": "var(--spacing-28)",
409
+ "sui-32": "var(--spacing-32)",
410
+ "sui-36": "var(--spacing-36)",
411
+ "sui-40": "var(--spacing-40)",
412
+ "sui-44": "var(--spacing-44)",
413
+ "sui-48": "var(--spacing-48)",
414
+ "sui-56": "var(--spacing-56)",
415
+ "sui-64": "var(--spacing-64)",
416
+ "sui-80": "var(--spacing-80)",
417
+ "sui-96": "var(--spacing-96)",
418
+ "sui-112": "var(--spacing-112)",
419
+ "sui-128": "var(--spacing-128)",
420
+ "sui-144": "var(--spacing-144)",
421
+ "sui-160": "var(--spacing-160)",
422
+ "sui-176": "var(--spacing-176)",
423
+ "sui-192": "var(--spacing-192)",
424
+ "sui-208": "var(--spacing-208)",
425
+ "sui-224": "var(--spacing-224)",
426
+ "sui-240": "var(--spacing-240)",
427
+ "sui-256": "var(--spacing-256)",
428
+ "sui-288": "var(--spacing-288)",
429
+ "sui-320": "var(--spacing-320)",
430
+ "sui-384": "var(--spacing-384)"
431
+ },
432
+ keyframes: {
433
+ "accordion-down": {
434
+ from: {
435
+ height: "0"
436
+ },
437
+ to: {
438
+ height: "var(--radix-accordion-content-height)"
439
+ }
440
+ },
441
+ "accordion-up": {
442
+ from: {
443
+ height: "var(--radix-accordion-content-height)"
444
+ },
445
+ to: {
446
+ height: "0"
447
+ }
448
+ },
449
+ "stepper-pulse": {
450
+ "0%": { transform: "scale(1)" },
451
+ "50%": { transform: "scale(1.15)" },
452
+ "100%": { transform: "scale(1)" }
453
+ }
454
+ },
455
+ animation: {
456
+ "accordion-down": "accordion-down 0.2s ease-out",
457
+ "accordion-up": "accordion-up 0.2s ease-out",
458
+ "stepper-pulse": "stepper-pulse 0.3s ease-out"
459
+ },
460
+ boxShadow: {
461
+ /* Shadows */
462
+ "card": "var(--shadow-card)",
463
+ "modal-sm": "var(--shadow-modal-sm)",
464
+ "modal-md": "var(--shadow-modal-md)",
465
+ "modal-lg": "var(--shadow-modal-lg)",
466
+ "switch-handle": "var(--shadow-switch-handle)",
467
+ "checkbox": "var(--shadow-checkbox)",
468
+ "checkbox-active": "var(--shadow-checkbox-active)",
469
+ "card-base": "var(--shadow-card-base)",
470
+ "switch-destructive": "var(--shadow-switch-destructive)",
471
+ /* Components */
472
+ "default": "var(--shadow-default)",
473
+ "focus": "var(--shadow-focus)",
474
+ "destructive-focus": "var(--shadow-destructive-focus)",
475
+ "misc-focus": "var(--shadow-misc-focus)",
476
+ "input-focus": "var(--shadow-input-focus)",
477
+ "inset-bottom": "var(--shadow-inset-bottom)",
478
+ "inset-bottom-soft": "var(--shadow-inset-bottom-soft)",
479
+ "inset-bottom-strong": "var(--shadow-inset-bottom-strong)",
480
+ "tab-active": "var(--shadow-tab-active)"
481
+ }
482
+ }
483
+ },
484
+ plugins: [__require("tailwindcss-animate")]
485
+ };
486
+ var tailwind_config_default = config;
487
+
488
+ // src/tailwind-preset.ts
489
+ var preset = {
490
+ darkMode: tailwind_config_default.darkMode,
491
+ theme: tailwind_config_default.theme,
492
+ plugins: tailwind_config_default.plugins
493
+ };
494
+ var tailwind_preset_default = preset;
495
+
496
+ export { tailwind_preset_default as default };
package/package.json ADDED
@@ -0,0 +1,119 @@
1
+ {
2
+ "name": "@maxsteinwender/sort-ui",
3
+ "version": "0.1.0",
4
+ "description": "A coded design system based on Sort UI Kit — Figma components as production-ready Next.js/Tailwind components",
5
+ "main": "./dist/index.js",
6
+ "module": "./dist/index.mjs",
7
+ "types": "./dist/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/index.mjs",
11
+ "require": "./dist/index.js",
12
+ "types": "./dist/index.d.ts"
13
+ },
14
+ "./styles.css": "./dist/styles.css",
15
+ "./tailwind-preset": {
16
+ "import": "./dist/tailwind-preset.mjs",
17
+ "require": "./dist/tailwind-preset.js",
18
+ "types": "./dist/tailwind-preset.d.ts"
19
+ }
20
+ },
21
+ "files": [
22
+ "dist"
23
+ ],
24
+ "peerDependencies": {
25
+ "react": ">=19.0.0",
26
+ "react-dom": ">=19.0.0"
27
+ },
28
+ "scripts": {
29
+ "dev": "next dev",
30
+ "build": "next build",
31
+ "build:lib": "tsup && npm run build:lib:css",
32
+ "build:lib:css": "tailwindcss -i src/app/globals.css -o dist/styles.css --config tailwind.config.ts",
33
+ "start": "next start",
34
+ "lint": "next lint",
35
+ "storybook": "storybook dev -p 6006",
36
+ "build-storybook": "storybook build && echo 'User-agent: *\\nDisallow: /' > storybook-static/robots.txt"
37
+ },
38
+ "dependencies": {
39
+ "@hookform/resolvers": "^5.2.2",
40
+ "@lexical/code": "^0.42.0",
41
+ "@lexical/link": "^0.42.0",
42
+ "@lexical/list": "^0.42.0",
43
+ "@lexical/markdown": "^0.42.0",
44
+ "@lexical/react": "^0.42.0",
45
+ "@lexical/rich-text": "^0.42.0",
46
+ "@lexical/selection": "^0.42.0",
47
+ "@lexical/table": "^0.42.0",
48
+ "@lexical/utils": "^0.42.0",
49
+ "@radix-ui/react-accordion": "^1.2.12",
50
+ "@radix-ui/react-alert-dialog": "^1.1.15",
51
+ "@radix-ui/react-avatar": "^1.1.11",
52
+ "@radix-ui/react-checkbox": "^1.3.3",
53
+ "@radix-ui/react-collapsible": "^1.1.12",
54
+ "@radix-ui/react-dialog": "^1.1.15",
55
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
56
+ "@radix-ui/react-label": "^2.1.8",
57
+ "@radix-ui/react-navigation-menu": "^1.2.14",
58
+ "@radix-ui/react-popover": "^1.1.15",
59
+ "@radix-ui/react-progress": "^1.1.8",
60
+ "@radix-ui/react-radio-group": "^1.3.8",
61
+ "@radix-ui/react-scroll-area": "^1.2.10",
62
+ "@radix-ui/react-select": "^2.2.6",
63
+ "@radix-ui/react-separator": "^1.1.8",
64
+ "@radix-ui/react-slot": "^1.2.4",
65
+ "@radix-ui/react-switch": "^1.2.6",
66
+ "@radix-ui/react-tabs": "^1.1.13",
67
+ "@radix-ui/react-toast": "^1.2.15",
68
+ "@radix-ui/react-toggle": "^1.1.10",
69
+ "@radix-ui/react-toggle-group": "^1.1.11",
70
+ "@radix-ui/react-tooltip": "^1.2.8",
71
+ "class-variance-authority": "^0.7.1",
72
+ "clsx": "^2.1.0",
73
+ "cmdk": "^1.1.1",
74
+ "date-fns": "^4.1.0",
75
+ "geist": "^1.7.0",
76
+ "lexical": "^0.42.0",
77
+ "lodash": "^4.17.23",
78
+ "lucide-react": "^0.562.0",
79
+ "next": "^16.1.1",
80
+ "next-themes": "^0.4.6",
81
+ "react-day-picker": "^9.14.0",
82
+ "react-hook-form": "^7.71.1",
83
+ "recharts": "^2.15.4",
84
+ "remixicon": "^4.9.1",
85
+ "sonner": "^2.0.7",
86
+ "tailwind-merge": "^2.2.0",
87
+ "tailwindcss-animate": "^1.0.7",
88
+ "zod": "^4.3.5"
89
+ },
90
+ "devDependencies": {
91
+ "@chromatic-com/storybook": "^5.0.1",
92
+ "@storybook/addon-a11y": "^10.2.19",
93
+ "@storybook/addon-docs": "^10.2.19",
94
+ "@storybook/addon-onboarding": "^10.2.19",
95
+ "@storybook/addon-themes": "^10.2.19",
96
+ "@storybook/addon-vitest": "^10.2.19",
97
+ "@storybook/nextjs-vite": "^10.2.19",
98
+ "@types/lodash": "^4.17.24",
99
+ "@types/node": "^20",
100
+ "@types/react": "^19",
101
+ "@types/react-dom": "^19",
102
+ "react": "^19.0.0",
103
+ "react-dom": "^19.0.0",
104
+ "@vitest/browser-playwright": "^4.1.0",
105
+ "@vitest/coverage-v8": "^4.1.0",
106
+ "autoprefixer": "^10.0.1",
107
+ "eslint": "^9",
108
+ "eslint-config-next": "16.1.1",
109
+ "eslint-plugin-storybook": "^10.2.19",
110
+ "playwright": "^1.58.2",
111
+ "postcss": "^8",
112
+ "storybook": "^10.2.19",
113
+ "tailwindcss": "^3.4.1",
114
+ "tsup": "^8.5.1",
115
+ "typescript": "^5",
116
+ "vite": "^8.0.0",
117
+ "vitest": "^4.1.0"
118
+ }
119
+ }