@entropix/react 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.
Files changed (19) hide show
  1. package/LICENSE +21 -0
  2. package/dist/index.cjs +817 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.css +641 -0
  5. package/dist/index.css.map +1 -0
  6. package/dist/index.d.cts +379 -0
  7. package/dist/index.d.ts +379 -0
  8. package/dist/index.js +782 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/styles/accordion.css +67 -0
  11. package/dist/styles/button.css +133 -0
  12. package/dist/styles/dialog.css +102 -0
  13. package/dist/styles/index.css +9 -0
  14. package/dist/styles/layout.css +125 -0
  15. package/dist/styles/menu.css +62 -0
  16. package/dist/styles/switch.css +50 -0
  17. package/dist/styles/tabs.css +84 -0
  18. package/dist/styles/toggle.css +45 -0
  19. package/package.json +84 -0
package/dist/index.css ADDED
@@ -0,0 +1,641 @@
1
+ /* src/styles/button.css */
2
+ .entropix-button {
3
+ display: inline-flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ gap: var(--entropix-button-gap);
7
+ border: 1px solid transparent;
8
+ font-family: var(--entropix-font-family-sans);
9
+ font-size: var(--entropix-button-font-size);
10
+ font-weight: var(--entropix-button-font-weight);
11
+ line-height: var(--entropix-button-line-height);
12
+ border-radius: var(--entropix-button-border-radius);
13
+ padding: var(--entropix-button-padding-y) var(--entropix-button-padding-x);
14
+ cursor: pointer;
15
+ text-decoration: none;
16
+ user-select: none;
17
+ transition:
18
+ background var(--entropix-duration-fast) var(--entropix-easing-default),
19
+ color var(--entropix-duration-fast) var(--entropix-easing-default),
20
+ border-color var(--entropix-duration-fast) var(--entropix-easing-default),
21
+ box-shadow var(--entropix-duration-fast) var(--entropix-easing-default);
22
+ }
23
+ .entropix-button--primary {
24
+ background: var(--entropix-button-primary-bg);
25
+ color: var(--entropix-button-primary-text);
26
+ border-color: var(--entropix-button-primary-border);
27
+ }
28
+ .entropix-button--primary:hover:not(:disabled) {
29
+ background: var(--entropix-button-primary-bg-hover);
30
+ }
31
+ .entropix-button--primary:active:not(:disabled) {
32
+ background: var(--entropix-button-primary-bg-active);
33
+ }
34
+ .entropix-button--secondary {
35
+ background: var(--entropix-button-secondary-bg);
36
+ color: var(--entropix-button-secondary-text);
37
+ border-color: var(--entropix-button-secondary-border);
38
+ }
39
+ .entropix-button--secondary:hover:not(:disabled) {
40
+ background: var(--entropix-button-secondary-bg-hover);
41
+ }
42
+ .entropix-button--secondary:active:not(:disabled) {
43
+ background: var(--entropix-button-secondary-bg-active);
44
+ }
45
+ .entropix-button--outline {
46
+ background: transparent;
47
+ color: var(--entropix-color-text-primary);
48
+ border-color: var(--entropix-color-border-default);
49
+ }
50
+ .entropix-button--outline:hover:not(:disabled) {
51
+ background: var(--entropix-color-action-secondary-hover);
52
+ }
53
+ .entropix-button--outline:active:not(:disabled) {
54
+ background: var(--entropix-color-action-secondary-active);
55
+ }
56
+ .entropix-button--ghost {
57
+ background: transparent;
58
+ color: var(--entropix-color-text-primary);
59
+ border-color: transparent;
60
+ }
61
+ .entropix-button--ghost:hover:not(:disabled) {
62
+ background: var(--entropix-color-action-secondary-default);
63
+ }
64
+ .entropix-button--ghost:active:not(:disabled) {
65
+ background: var(--entropix-color-action-secondary-hover);
66
+ }
67
+ .entropix-button--danger {
68
+ background: var(--entropix-button-danger-bg);
69
+ color: var(--entropix-button-danger-text);
70
+ border-color: var(--entropix-button-danger-border);
71
+ }
72
+ .entropix-button--danger:hover:not(:disabled) {
73
+ background: var(--entropix-button-danger-bg-hover);
74
+ }
75
+ .entropix-button--danger:active:not(:disabled) {
76
+ background: var(--entropix-button-danger-bg-active);
77
+ }
78
+ .entropix-button--sm {
79
+ padding: var(--entropix-spacing-1) var(--entropix-spacing-3);
80
+ font-size: var(--entropix-font-size-xs);
81
+ border-radius: var(--entropix-radius-sm);
82
+ }
83
+ .entropix-button--md {
84
+ padding: var(--entropix-button-padding-y) var(--entropix-button-padding-x);
85
+ font-size: var(--entropix-button-font-size);
86
+ }
87
+ .entropix-button--lg {
88
+ padding: var(--entropix-spacing-3) var(--entropix-spacing-6);
89
+ font-size: var(--entropix-font-size-base);
90
+ border-radius: var(--entropix-radius-lg);
91
+ }
92
+ .entropix-button:disabled,
93
+ .entropix-button[data-state=disabled],
94
+ .entropix-button[data-state=loading] {
95
+ opacity: 0.5;
96
+ cursor: not-allowed;
97
+ pointer-events: none;
98
+ }
99
+ .entropix-button:focus-visible {
100
+ outline: 2px solid var(--entropix-color-border-focus);
101
+ outline-offset: 2px;
102
+ }
103
+ @media (max-width: 767px) {
104
+ .entropix-button {
105
+ min-height: 44px;
106
+ }
107
+ .entropix-button--sm {
108
+ min-height: 36px;
109
+ padding: var(--entropix-spacing-2) var(--entropix-spacing-3);
110
+ font-size: var(--entropix-font-size-sm);
111
+ }
112
+ }
113
+
114
+ /* src/styles/toggle.css */
115
+ .entropix-toggle {
116
+ display: inline-flex;
117
+ align-items: center;
118
+ justify-content: center;
119
+ padding: var(--entropix-spacing-2) var(--entropix-spacing-3);
120
+ border: 1px solid var(--entropix-color-border-default);
121
+ border-radius: var(--entropix-radius-md);
122
+ background: var(--entropix-color-bg-primary);
123
+ color: var(--entropix-color-text-primary);
124
+ font-family: var(--entropix-font-family-sans);
125
+ font-size: var(--entropix-font-size-sm);
126
+ font-weight: var(--entropix-font-weight-medium);
127
+ cursor: pointer;
128
+ user-select: none;
129
+ transition:
130
+ background var(--entropix-duration-fast) var(--entropix-easing-default),
131
+ border-color var(--entropix-duration-fast) var(--entropix-easing-default),
132
+ color var(--entropix-duration-fast) var(--entropix-easing-default);
133
+ }
134
+ .entropix-toggle:hover:not(:disabled) {
135
+ background: var(--entropix-color-action-secondary-hover);
136
+ }
137
+ .entropix-toggle[data-state=checked] {
138
+ background: var(--entropix-color-action-primary-default);
139
+ color: var(--entropix-color-text-inverse);
140
+ border-color: transparent;
141
+ }
142
+ .entropix-toggle[data-state=checked]:hover:not(:disabled) {
143
+ background: var(--entropix-color-action-primary-hover);
144
+ }
145
+ .entropix-toggle:disabled {
146
+ opacity: 0.5;
147
+ cursor: not-allowed;
148
+ pointer-events: none;
149
+ }
150
+ .entropix-toggle:focus-visible {
151
+ outline: 2px solid var(--entropix-color-border-focus);
152
+ outline-offset: 2px;
153
+ }
154
+
155
+ /* src/styles/switch.css */
156
+ .entropix-switch {
157
+ position: relative;
158
+ display: inline-flex;
159
+ align-items: center;
160
+ width: 44px;
161
+ height: 24px;
162
+ padding: 2px;
163
+ border: none;
164
+ border-radius: var(--entropix-radius-full);
165
+ background: var(--entropix-color-gray-300);
166
+ cursor: pointer;
167
+ transition: background var(--entropix-duration-fast) var(--entropix-easing-default);
168
+ }
169
+ .entropix-switch::after {
170
+ content: "";
171
+ display: block;
172
+ width: 20px;
173
+ height: 20px;
174
+ border-radius: var(--entropix-radius-full);
175
+ background: var(--entropix-color-white);
176
+ box-shadow: var(--entropix-shadow-sm);
177
+ transition: transform var(--entropix-duration-fast) var(--entropix-easing-default);
178
+ }
179
+ .entropix-switch[data-state=checked] {
180
+ background: var(--entropix-color-action-primary-default);
181
+ }
182
+ .entropix-switch[data-state=checked]::after {
183
+ transform: translateX(20px);
184
+ }
185
+ .entropix-switch:hover:not(:disabled) {
186
+ background: var(--entropix-color-gray-400);
187
+ }
188
+ .entropix-switch[data-state=checked]:hover:not(:disabled) {
189
+ background: var(--entropix-color-action-primary-hover);
190
+ }
191
+ .entropix-switch:disabled {
192
+ opacity: 0.5;
193
+ cursor: not-allowed;
194
+ }
195
+ .entropix-switch:focus-visible {
196
+ outline: 2px solid var(--entropix-color-border-focus);
197
+ outline-offset: 2px;
198
+ }
199
+
200
+ /* src/styles/dialog.css */
201
+ .entropix-dialog-overlay {
202
+ position: fixed;
203
+ inset: 0;
204
+ background: rgba(0, 0, 0, 0.5);
205
+ z-index: 50;
206
+ }
207
+ .entropix-dialog-content {
208
+ position: fixed;
209
+ top: 50%;
210
+ left: 50%;
211
+ transform: translate(-50%, -50%);
212
+ background: var(--entropix-color-bg-primary);
213
+ border-radius: var(--entropix-radius-lg);
214
+ box-shadow: var(--entropix-shadow-xl);
215
+ padding: var(--entropix-spacing-6);
216
+ z-index: 51;
217
+ max-width: 480px;
218
+ width: 90vw;
219
+ max-height: 85vh;
220
+ overflow-y: auto;
221
+ }
222
+ .entropix-dialog-content:focus {
223
+ outline: none;
224
+ }
225
+ .entropix-dialog-title {
226
+ margin: 0;
227
+ margin-bottom: var(--entropix-spacing-2);
228
+ font-family: var(--entropix-text-heading-md-font-family);
229
+ font-size: var(--entropix-text-heading-md-font-size);
230
+ font-weight: var(--entropix-text-heading-md-font-weight);
231
+ line-height: var(--entropix-text-heading-md-line-height);
232
+ color: var(--entropix-color-text-primary);
233
+ }
234
+ .entropix-dialog-description {
235
+ margin: 0;
236
+ margin-bottom: var(--entropix-spacing-4);
237
+ font-family: var(--entropix-text-body-md-font-family);
238
+ font-size: var(--entropix-text-body-md-font-size);
239
+ font-weight: var(--entropix-text-body-md-font-weight);
240
+ line-height: var(--entropix-text-body-md-line-height);
241
+ color: var(--entropix-color-text-secondary);
242
+ }
243
+ .entropix-dialog-close {
244
+ position: absolute;
245
+ top: var(--entropix-spacing-3);
246
+ right: var(--entropix-spacing-3);
247
+ display: inline-flex;
248
+ align-items: center;
249
+ justify-content: center;
250
+ width: 32px;
251
+ height: 32px;
252
+ padding: 0;
253
+ border: none;
254
+ border-radius: var(--entropix-radius-sm);
255
+ background: transparent;
256
+ color: var(--entropix-color-text-secondary);
257
+ cursor: pointer;
258
+ transition: background var(--entropix-duration-fast) var(--entropix-easing-default);
259
+ }
260
+ .entropix-dialog-close:hover {
261
+ background: var(--entropix-color-action-secondary-default);
262
+ }
263
+ .entropix-dialog-close:focus-visible {
264
+ outline: 2px solid var(--entropix-color-border-focus);
265
+ outline-offset: 2px;
266
+ }
267
+ .entropix-dialog-trigger {
268
+ }
269
+ @media (max-width: 767px) {
270
+ .entropix-dialog-content {
271
+ top: auto;
272
+ bottom: 0;
273
+ left: 0;
274
+ right: 0;
275
+ transform: none;
276
+ width: 100%;
277
+ max-width: 100%;
278
+ border-radius: var(--entropix-radius-lg) var(--entropix-radius-lg) 0 0;
279
+ max-height: 90vh;
280
+ padding: var(--entropix-spacing-5);
281
+ }
282
+ }
283
+ @media (min-width: 768px) {
284
+ .entropix-dialog-content {
285
+ max-width: 560px;
286
+ }
287
+ }
288
+
289
+ /* src/styles/tabs.css */
290
+ .entropix-tabs {
291
+ display: flex;
292
+ flex-direction: column;
293
+ }
294
+ .entropix-tablist {
295
+ display: flex;
296
+ gap: var(--entropix-spacing-1);
297
+ border-bottom: 1px solid var(--entropix-color-border-default);
298
+ }
299
+ .entropix-tablist[data-orientation=vertical] {
300
+ flex-direction: column;
301
+ border-bottom: none;
302
+ border-right: 1px solid var(--entropix-color-border-default);
303
+ }
304
+ .entropix-tab {
305
+ display: inline-flex;
306
+ align-items: center;
307
+ justify-content: center;
308
+ padding: var(--entropix-spacing-2) var(--entropix-spacing-4);
309
+ border: none;
310
+ border-bottom: 2px solid transparent;
311
+ background: transparent;
312
+ font-family: var(--entropix-font-family-sans);
313
+ font-size: var(--entropix-font-size-sm);
314
+ font-weight: var(--entropix-font-weight-medium);
315
+ color: var(--entropix-color-text-secondary);
316
+ cursor: pointer;
317
+ transition: color var(--entropix-duration-fast) var(--entropix-easing-default), border-color var(--entropix-duration-fast) var(--entropix-easing-default);
318
+ }
319
+ .entropix-tab:hover:not(:disabled) {
320
+ color: var(--entropix-color-text-primary);
321
+ }
322
+ .entropix-tab[data-state=active] {
323
+ color: var(--entropix-color-action-primary-default);
324
+ border-bottom-color: var(--entropix-color-action-primary-default);
325
+ }
326
+ .entropix-tab:disabled,
327
+ .entropix-tab[aria-disabled=true] {
328
+ opacity: 0.5;
329
+ cursor: not-allowed;
330
+ }
331
+ .entropix-tab:focus-visible {
332
+ outline: 2px solid var(--entropix-color-border-focus);
333
+ outline-offset: -2px;
334
+ border-radius: var(--entropix-radius-sm);
335
+ }
336
+ .entropix-tabpanel {
337
+ padding: var(--entropix-spacing-4);
338
+ }
339
+ @media (max-width: 767px) {
340
+ .entropix-tablist {
341
+ overflow-x: auto;
342
+ -webkit-overflow-scrolling: touch;
343
+ scrollbar-width: none;
344
+ -ms-overflow-style: none;
345
+ }
346
+ .entropix-tablist::-webkit-scrollbar {
347
+ display: none;
348
+ }
349
+ .entropix-tab {
350
+ white-space: nowrap;
351
+ flex-shrink: 0;
352
+ }
353
+ .entropix-tabpanel {
354
+ padding: var(--entropix-spacing-3);
355
+ }
356
+ }
357
+
358
+ /* src/styles/accordion.css */
359
+ .entropix-accordion {
360
+ border: 1px solid var(--entropix-color-border-default);
361
+ border-radius: var(--entropix-radius-lg);
362
+ overflow: hidden;
363
+ }
364
+ .entropix-accordion-item {
365
+ border-bottom: 1px solid var(--entropix-color-border-default);
366
+ }
367
+ .entropix-accordion-item:last-child {
368
+ border-bottom: none;
369
+ }
370
+ .entropix-accordion-trigger {
371
+ display: flex;
372
+ align-items: center;
373
+ justify-content: space-between;
374
+ width: 100%;
375
+ padding: var(--entropix-spacing-4);
376
+ border: none;
377
+ background: transparent;
378
+ font-family: var(--entropix-font-family-sans);
379
+ font-size: var(--entropix-font-size-sm);
380
+ font-weight: var(--entropix-font-weight-medium);
381
+ color: var(--entropix-color-text-primary);
382
+ text-align: left;
383
+ cursor: pointer;
384
+ transition: background var(--entropix-duration-fast) var(--entropix-easing-default);
385
+ }
386
+ .entropix-accordion-trigger:hover:not(:disabled) {
387
+ background: var(--entropix-color-bg-secondary);
388
+ }
389
+ .entropix-accordion-trigger:disabled {
390
+ opacity: 0.5;
391
+ cursor: not-allowed;
392
+ }
393
+ .entropix-accordion-trigger:focus-visible {
394
+ outline: 2px solid var(--entropix-color-border-focus);
395
+ outline-offset: -2px;
396
+ }
397
+ .entropix-accordion-panel {
398
+ padding: 0 var(--entropix-spacing-4) var(--entropix-spacing-4);
399
+ font-family: var(--entropix-font-family-sans);
400
+ font-size: var(--entropix-font-size-sm);
401
+ color: var(--entropix-color-text-secondary);
402
+ line-height: var(--entropix-line-height-normal);
403
+ }
404
+ @media (max-width: 767px) {
405
+ .entropix-accordion-trigger {
406
+ padding: var(--entropix-spacing-4) var(--entropix-spacing-3);
407
+ min-height: 48px;
408
+ font-size: var(--entropix-font-size-base);
409
+ }
410
+ .entropix-accordion-panel {
411
+ padding: 0 var(--entropix-spacing-3) var(--entropix-spacing-3);
412
+ }
413
+ }
414
+
415
+ /* src/styles/menu.css */
416
+ .entropix-menu-trigger {
417
+ }
418
+ .entropix-menu-content {
419
+ min-width: 160px;
420
+ padding: var(--entropix-spacing-1);
421
+ background: var(--entropix-color-bg-primary);
422
+ border: 1px solid var(--entropix-color-border-default);
423
+ border-radius: var(--entropix-radius-md);
424
+ box-shadow: var(--entropix-shadow-lg);
425
+ z-index: 50;
426
+ }
427
+ .entropix-menu-item {
428
+ display: flex;
429
+ align-items: center;
430
+ padding: var(--entropix-spacing-2) var(--entropix-spacing-3);
431
+ border-radius: var(--entropix-radius-sm);
432
+ font-family: var(--entropix-font-family-sans);
433
+ font-size: var(--entropix-font-size-sm);
434
+ color: var(--entropix-color-text-primary);
435
+ cursor: pointer;
436
+ user-select: none;
437
+ transition: background var(--entropix-duration-fast) var(--entropix-easing-default);
438
+ }
439
+ .entropix-menu-item:hover {
440
+ background: var(--entropix-color-action-secondary-default);
441
+ }
442
+ .entropix-menu-item[data-state=active] {
443
+ background: var(--entropix-color-action-secondary-default);
444
+ }
445
+ .entropix-menu-item[data-disabled=true],
446
+ .entropix-menu-item[aria-disabled=true] {
447
+ opacity: 0.5;
448
+ cursor: not-allowed;
449
+ pointer-events: none;
450
+ }
451
+ .entropix-menu-item:focus-visible {
452
+ outline: 2px solid var(--entropix-color-border-focus);
453
+ outline-offset: -2px;
454
+ }
455
+ @media (max-width: 767px) {
456
+ .entropix-menu-content {
457
+ min-width: 200px;
458
+ }
459
+ .entropix-menu-item {
460
+ padding: var(--entropix-spacing-3) var(--entropix-spacing-4);
461
+ font-size: var(--entropix-font-size-base);
462
+ min-height: 44px;
463
+ }
464
+ }
465
+
466
+ /* src/styles/layout.css */
467
+ .entropix-stack {
468
+ display: flex;
469
+ flex-direction: column;
470
+ gap: var(--entropix-space-layout-stack);
471
+ }
472
+ .entropix-stack--gap-none {
473
+ gap: 0;
474
+ }
475
+ .entropix-stack--gap-xs {
476
+ gap: var(--entropix-spacing-1);
477
+ }
478
+ .entropix-stack--gap-sm {
479
+ gap: var(--entropix-spacing-2);
480
+ }
481
+ .entropix-stack--gap-md {
482
+ gap: var(--entropix-spacing-4);
483
+ }
484
+ .entropix-stack--gap-lg {
485
+ gap: var(--entropix-spacing-6);
486
+ }
487
+ .entropix-stack--gap-xl {
488
+ gap: var(--entropix-spacing-8);
489
+ }
490
+ .entropix-stack--gap-2xl {
491
+ gap: var(--entropix-spacing-12);
492
+ }
493
+ .entropix-stack--align-start {
494
+ align-items: flex-start;
495
+ }
496
+ .entropix-stack--align-center {
497
+ align-items: center;
498
+ }
499
+ .entropix-stack--align-end {
500
+ align-items: flex-end;
501
+ }
502
+ .entropix-stack--align-stretch {
503
+ align-items: stretch;
504
+ }
505
+ .entropix-stack--full-width {
506
+ width: 100%;
507
+ }
508
+ .entropix-inline {
509
+ display: flex;
510
+ flex-direction: row;
511
+ align-items: center;
512
+ gap: var(--entropix-space-layout-inline);
513
+ }
514
+ .entropix-inline--gap-none {
515
+ gap: 0;
516
+ }
517
+ .entropix-inline--gap-xs {
518
+ gap: var(--entropix-spacing-1);
519
+ }
520
+ .entropix-inline--gap-sm {
521
+ gap: var(--entropix-spacing-2);
522
+ }
523
+ .entropix-inline--gap-md {
524
+ gap: var(--entropix-spacing-4);
525
+ }
526
+ .entropix-inline--gap-lg {
527
+ gap: var(--entropix-spacing-6);
528
+ }
529
+ .entropix-inline--gap-xl {
530
+ gap: var(--entropix-spacing-8);
531
+ }
532
+ .entropix-inline--gap-2xl {
533
+ gap: var(--entropix-spacing-12);
534
+ }
535
+ .entropix-inline--align-start {
536
+ align-items: flex-start;
537
+ }
538
+ .entropix-inline--align-center {
539
+ align-items: center;
540
+ }
541
+ .entropix-inline--align-end {
542
+ align-items: flex-end;
543
+ }
544
+ .entropix-inline--align-stretch {
545
+ align-items: stretch;
546
+ }
547
+ .entropix-inline--align-baseline {
548
+ align-items: baseline;
549
+ }
550
+ .entropix-inline--justify-start {
551
+ justify-content: flex-start;
552
+ }
553
+ .entropix-inline--justify-center {
554
+ justify-content: center;
555
+ }
556
+ .entropix-inline--justify-end {
557
+ justify-content: flex-end;
558
+ }
559
+ .entropix-inline--justify-between {
560
+ justify-content: space-between;
561
+ }
562
+ .entropix-inline--justify-around {
563
+ justify-content: space-around;
564
+ }
565
+ .entropix-inline--wrap {
566
+ flex-wrap: wrap;
567
+ }
568
+ .entropix-container {
569
+ width: 100%;
570
+ margin-left: auto;
571
+ margin-right: auto;
572
+ padding-left: var(--entropix-space-layout-page-margin);
573
+ padding-right: var(--entropix-space-layout-page-margin);
574
+ }
575
+ .entropix-container--xs {
576
+ max-width: 480px;
577
+ }
578
+ .entropix-container--sm {
579
+ max-width: 640px;
580
+ }
581
+ .entropix-container--md {
582
+ max-width: 768px;
583
+ }
584
+ .entropix-container--lg {
585
+ max-width: 1024px;
586
+ }
587
+ .entropix-container--xl {
588
+ max-width: 1280px;
589
+ }
590
+ .entropix-container--full {
591
+ max-width: 100%;
592
+ }
593
+ .entropix-container--center {
594
+ display: flex;
595
+ flex-direction: column;
596
+ align-items: center;
597
+ }
598
+ .entropix-divider {
599
+ border: 0;
600
+ border-top: 1px solid var(--entropix-color-border-default);
601
+ margin: 0;
602
+ width: 100%;
603
+ }
604
+ .entropix-divider--vertical {
605
+ border-top: 0;
606
+ border-left: 1px solid var(--entropix-color-border-default);
607
+ width: auto;
608
+ height: auto;
609
+ align-self: stretch;
610
+ }
611
+ .entropix-divider--spacing-sm {
612
+ margin: var(--entropix-spacing-2) 0;
613
+ }
614
+ .entropix-divider--spacing-md {
615
+ margin: var(--entropix-spacing-4) 0;
616
+ }
617
+ .entropix-divider--spacing-lg {
618
+ margin: var(--entropix-spacing-6) 0;
619
+ }
620
+ .entropix-divider--vertical.entropix-divider--spacing-sm {
621
+ margin: 0 var(--entropix-spacing-2);
622
+ }
623
+ .entropix-divider--vertical.entropix-divider--spacing-md {
624
+ margin: 0 var(--entropix-spacing-4);
625
+ }
626
+ .entropix-divider--vertical.entropix-divider--spacing-lg {
627
+ margin: 0 var(--entropix-spacing-6);
628
+ }
629
+ @media (min-width: 768px) {
630
+ .entropix-container {
631
+ padding-left: var(--entropix-space-layout-page-margin-md);
632
+ padding-right: var(--entropix-space-layout-page-margin-md);
633
+ }
634
+ }
635
+ @media (min-width: 1024px) {
636
+ .entropix-container {
637
+ padding-left: var(--entropix-space-layout-page-margin-lg);
638
+ padding-right: var(--entropix-space-layout-page-margin-lg);
639
+ }
640
+ }
641
+ /*# sourceMappingURL=index.css.map */
package/dist/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles/button.css","../src/styles/toggle.css","../src/styles/switch.css","../src/styles/dialog.css","../src/styles/tabs.css","../src/styles/accordion.css","../src/styles/menu.css","../src/styles/layout.css"],"sourcesContent":["/* Button — @entropix/react */\n\n.entropix-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--entropix-button-gap);\n border: 1px solid transparent;\n font-family: var(--entropix-font-family-sans);\n font-size: var(--entropix-button-font-size);\n font-weight: var(--entropix-button-font-weight);\n line-height: var(--entropix-button-line-height);\n border-radius: var(--entropix-button-border-radius);\n padding: var(--entropix-button-padding-y) var(--entropix-button-padding-x);\n cursor: pointer;\n text-decoration: none;\n user-select: none;\n transition:\n background var(--entropix-duration-fast) var(--entropix-easing-default),\n color var(--entropix-duration-fast) var(--entropix-easing-default),\n border-color var(--entropix-duration-fast) var(--entropix-easing-default),\n box-shadow var(--entropix-duration-fast) var(--entropix-easing-default);\n}\n\n/* === Variants === */\n\n.entropix-button--primary {\n background: var(--entropix-button-primary-bg);\n color: var(--entropix-button-primary-text);\n border-color: var(--entropix-button-primary-border);\n}\n.entropix-button--primary:hover:not(:disabled) {\n background: var(--entropix-button-primary-bg-hover);\n}\n.entropix-button--primary:active:not(:disabled) {\n background: var(--entropix-button-primary-bg-active);\n}\n\n.entropix-button--secondary {\n background: var(--entropix-button-secondary-bg);\n color: var(--entropix-button-secondary-text);\n border-color: var(--entropix-button-secondary-border);\n}\n.entropix-button--secondary:hover:not(:disabled) {\n background: var(--entropix-button-secondary-bg-hover);\n}\n.entropix-button--secondary:active:not(:disabled) {\n background: var(--entropix-button-secondary-bg-active);\n}\n\n.entropix-button--outline {\n background: transparent;\n color: var(--entropix-color-text-primary);\n border-color: var(--entropix-color-border-default);\n}\n.entropix-button--outline:hover:not(:disabled) {\n background: var(--entropix-color-action-secondary-hover);\n}\n.entropix-button--outline:active:not(:disabled) {\n background: var(--entropix-color-action-secondary-active);\n}\n\n.entropix-button--ghost {\n background: transparent;\n color: var(--entropix-color-text-primary);\n border-color: transparent;\n}\n.entropix-button--ghost:hover:not(:disabled) {\n background: var(--entropix-color-action-secondary-default);\n}\n.entropix-button--ghost:active:not(:disabled) {\n background: var(--entropix-color-action-secondary-hover);\n}\n\n.entropix-button--danger {\n background: var(--entropix-button-danger-bg);\n color: var(--entropix-button-danger-text);\n border-color: var(--entropix-button-danger-border);\n}\n.entropix-button--danger:hover:not(:disabled) {\n background: var(--entropix-button-danger-bg-hover);\n}\n.entropix-button--danger:active:not(:disabled) {\n background: var(--entropix-button-danger-bg-active);\n}\n\n/* === Sizes === */\n\n.entropix-button--sm {\n padding: var(--entropix-spacing-1) var(--entropix-spacing-3);\n font-size: var(--entropix-font-size-xs);\n border-radius: var(--entropix-radius-sm);\n}\n\n.entropix-button--md {\n padding: var(--entropix-button-padding-y) var(--entropix-button-padding-x);\n font-size: var(--entropix-button-font-size);\n}\n\n.entropix-button--lg {\n padding: var(--entropix-spacing-3) var(--entropix-spacing-6);\n font-size: var(--entropix-font-size-base);\n border-radius: var(--entropix-radius-lg);\n}\n\n/* === States === */\n\n.entropix-button:disabled,\n.entropix-button[data-state=\"disabled\"],\n.entropix-button[data-state=\"loading\"] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.entropix-button:focus-visible {\n outline: 2px solid var(--entropix-color-border-focus);\n outline-offset: 2px;\n}\n\n/* === Responsive — Touch-friendly sizing on mobile === */\n\n@media (max-width: 767px) {\n .entropix-button {\n min-height: 44px;\n }\n\n .entropix-button--sm {\n min-height: 36px;\n padding: var(--entropix-spacing-2) var(--entropix-spacing-3);\n font-size: var(--entropix-font-size-sm);\n }\n}\n","/* Toggle (checkbox) — @entropix/react */\n\n.entropix-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--entropix-spacing-2) var(--entropix-spacing-3);\n border: 1px solid var(--entropix-color-border-default);\n border-radius: var(--entropix-radius-md);\n background: var(--entropix-color-bg-primary);\n color: var(--entropix-color-text-primary);\n font-family: var(--entropix-font-family-sans);\n font-size: var(--entropix-font-size-sm);\n font-weight: var(--entropix-font-weight-medium);\n cursor: pointer;\n user-select: none;\n transition:\n background var(--entropix-duration-fast) var(--entropix-easing-default),\n border-color var(--entropix-duration-fast) var(--entropix-easing-default),\n color var(--entropix-duration-fast) var(--entropix-easing-default);\n}\n\n.entropix-toggle:hover:not(:disabled) {\n background: var(--entropix-color-action-secondary-hover);\n}\n\n.entropix-toggle[data-state=\"checked\"] {\n background: var(--entropix-color-action-primary-default);\n color: var(--entropix-color-text-inverse);\n border-color: transparent;\n}\n.entropix-toggle[data-state=\"checked\"]:hover:not(:disabled) {\n background: var(--entropix-color-action-primary-hover);\n}\n\n.entropix-toggle:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.entropix-toggle:focus-visible {\n outline: 2px solid var(--entropix-color-border-focus);\n outline-offset: 2px;\n}\n","/* Switch — @entropix/react */\n\n.entropix-switch {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 44px;\n height: 24px;\n padding: 2px;\n border: none;\n border-radius: var(--entropix-radius-full);\n background: var(--entropix-color-gray-300);\n cursor: pointer;\n transition: background var(--entropix-duration-fast) var(--entropix-easing-default);\n}\n\n.entropix-switch::after {\n content: \"\";\n display: block;\n width: 20px;\n height: 20px;\n border-radius: var(--entropix-radius-full);\n background: var(--entropix-color-white);\n box-shadow: var(--entropix-shadow-sm);\n transition: transform var(--entropix-duration-fast) var(--entropix-easing-default);\n}\n\n.entropix-switch[data-state=\"checked\"] {\n background: var(--entropix-color-action-primary-default);\n}\n.entropix-switch[data-state=\"checked\"]::after {\n transform: translateX(20px);\n}\n\n.entropix-switch:hover:not(:disabled) {\n background: var(--entropix-color-gray-400);\n}\n.entropix-switch[data-state=\"checked\"]:hover:not(:disabled) {\n background: var(--entropix-color-action-primary-hover);\n}\n\n.entropix-switch:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.entropix-switch:focus-visible {\n outline: 2px solid var(--entropix-color-border-focus);\n outline-offset: 2px;\n}\n","/* Dialog — @entropix/react */\n\n.entropix-dialog-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.5);\n z-index: 50;\n}\n\n.entropix-dialog-content {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--entropix-color-bg-primary);\n border-radius: var(--entropix-radius-lg);\n box-shadow: var(--entropix-shadow-xl);\n padding: var(--entropix-spacing-6);\n z-index: 51;\n max-width: 480px;\n width: 90vw;\n max-height: 85vh;\n overflow-y: auto;\n}\n\n.entropix-dialog-content:focus {\n outline: none;\n}\n\n.entropix-dialog-title {\n margin: 0;\n margin-bottom: var(--entropix-spacing-2);\n font-family: var(--entropix-text-heading-md-font-family);\n font-size: var(--entropix-text-heading-md-font-size);\n font-weight: var(--entropix-text-heading-md-font-weight);\n line-height: var(--entropix-text-heading-md-line-height);\n color: var(--entropix-color-text-primary);\n}\n\n.entropix-dialog-description {\n margin: 0;\n margin-bottom: var(--entropix-spacing-4);\n font-family: var(--entropix-text-body-md-font-family);\n font-size: var(--entropix-text-body-md-font-size);\n font-weight: var(--entropix-text-body-md-font-weight);\n line-height: var(--entropix-text-body-md-line-height);\n color: var(--entropix-color-text-secondary);\n}\n\n.entropix-dialog-close {\n position: absolute;\n top: var(--entropix-spacing-3);\n right: var(--entropix-spacing-3);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n border-radius: var(--entropix-radius-sm);\n background: transparent;\n color: var(--entropix-color-text-secondary);\n cursor: pointer;\n transition: background var(--entropix-duration-fast) var(--entropix-easing-default);\n}\n\n.entropix-dialog-close:hover {\n background: var(--entropix-color-action-secondary-default);\n}\n\n.entropix-dialog-close:focus-visible {\n outline: 2px solid var(--entropix-color-border-focus);\n outline-offset: 2px;\n}\n\n.entropix-dialog-trigger {\n /* Inherits button styles if also .entropix-button */\n}\n\n/* === Responsive — Full-width bottom sheet on mobile === */\n\n@media (max-width: 767px) {\n .entropix-dialog-content {\n top: auto;\n bottom: 0;\n left: 0;\n right: 0;\n transform: none;\n width: 100%;\n max-width: 100%;\n border-radius: var(--entropix-radius-lg) var(--entropix-radius-lg) 0 0;\n max-height: 90vh;\n padding: var(--entropix-spacing-5);\n }\n}\n\n@media (min-width: 768px) {\n .entropix-dialog-content {\n max-width: 560px;\n }\n}\n","/* Tabs — @entropix/react */\n\n.entropix-tabs {\n display: flex;\n flex-direction: column;\n}\n\n.entropix-tablist {\n display: flex;\n gap: var(--entropix-spacing-1);\n border-bottom: 1px solid var(--entropix-color-border-default);\n}\n.entropix-tablist[data-orientation=\"vertical\"] {\n flex-direction: column;\n border-bottom: none;\n border-right: 1px solid var(--entropix-color-border-default);\n}\n\n.entropix-tab {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--entropix-spacing-2) var(--entropix-spacing-4);\n border: none;\n border-bottom: 2px solid transparent;\n background: transparent;\n font-family: var(--entropix-font-family-sans);\n font-size: var(--entropix-font-size-sm);\n font-weight: var(--entropix-font-weight-medium);\n color: var(--entropix-color-text-secondary);\n cursor: pointer;\n transition:\n color var(--entropix-duration-fast) var(--entropix-easing-default),\n border-color var(--entropix-duration-fast) var(--entropix-easing-default);\n}\n\n.entropix-tab:hover:not(:disabled) {\n color: var(--entropix-color-text-primary);\n}\n\n.entropix-tab[data-state=\"active\"] {\n color: var(--entropix-color-action-primary-default);\n border-bottom-color: var(--entropix-color-action-primary-default);\n}\n\n.entropix-tab:disabled,\n.entropix-tab[aria-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.entropix-tab:focus-visible {\n outline: 2px solid var(--entropix-color-border-focus);\n outline-offset: -2px;\n border-radius: var(--entropix-radius-sm);\n}\n\n.entropix-tabpanel {\n padding: var(--entropix-spacing-4);\n}\n\n/* === Responsive — Scrollable tabs on mobile === */\n\n@media (max-width: 767px) {\n .entropix-tablist {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n\n .entropix-tablist::-webkit-scrollbar {\n display: none;\n }\n\n .entropix-tab {\n white-space: nowrap;\n flex-shrink: 0;\n }\n\n .entropix-tabpanel {\n padding: var(--entropix-spacing-3);\n }\n}\n","/* Accordion — @entropix/react */\n\n.entropix-accordion {\n border: 1px solid var(--entropix-color-border-default);\n border-radius: var(--entropix-radius-lg);\n overflow: hidden;\n}\n\n.entropix-accordion-item {\n border-bottom: 1px solid var(--entropix-color-border-default);\n}\n.entropix-accordion-item:last-child {\n border-bottom: none;\n}\n\n.entropix-accordion-trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: var(--entropix-spacing-4);\n border: none;\n background: transparent;\n font-family: var(--entropix-font-family-sans);\n font-size: var(--entropix-font-size-sm);\n font-weight: var(--entropix-font-weight-medium);\n color: var(--entropix-color-text-primary);\n text-align: left;\n cursor: pointer;\n transition: background var(--entropix-duration-fast) var(--entropix-easing-default);\n}\n\n.entropix-accordion-trigger:hover:not(:disabled) {\n background: var(--entropix-color-bg-secondary);\n}\n\n.entropix-accordion-trigger:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.entropix-accordion-trigger:focus-visible {\n outline: 2px solid var(--entropix-color-border-focus);\n outline-offset: -2px;\n}\n\n.entropix-accordion-panel {\n padding: 0 var(--entropix-spacing-4) var(--entropix-spacing-4);\n font-family: var(--entropix-font-family-sans);\n font-size: var(--entropix-font-size-sm);\n color: var(--entropix-color-text-secondary);\n line-height: var(--entropix-line-height-normal);\n}\n\n/* === Responsive — Touch-friendly on mobile === */\n\n@media (max-width: 767px) {\n .entropix-accordion-trigger {\n padding: var(--entropix-spacing-4) var(--entropix-spacing-3);\n min-height: 48px;\n font-size: var(--entropix-font-size-base);\n }\n\n .entropix-accordion-panel {\n padding: 0 var(--entropix-spacing-3) var(--entropix-spacing-3);\n }\n}\n","/* Menu — @entropix/react */\n\n.entropix-menu-trigger {\n /* Inherits button styles if also .entropix-button */\n}\n\n.entropix-menu-content {\n min-width: 160px;\n padding: var(--entropix-spacing-1);\n background: var(--entropix-color-bg-primary);\n border: 1px solid var(--entropix-color-border-default);\n border-radius: var(--entropix-radius-md);\n box-shadow: var(--entropix-shadow-lg);\n z-index: 50;\n}\n\n.entropix-menu-item {\n display: flex;\n align-items: center;\n padding: var(--entropix-spacing-2) var(--entropix-spacing-3);\n border-radius: var(--entropix-radius-sm);\n font-family: var(--entropix-font-family-sans);\n font-size: var(--entropix-font-size-sm);\n color: var(--entropix-color-text-primary);\n cursor: pointer;\n user-select: none;\n transition: background var(--entropix-duration-fast) var(--entropix-easing-default);\n}\n\n.entropix-menu-item:hover {\n background: var(--entropix-color-action-secondary-default);\n}\n\n.entropix-menu-item[data-state=\"active\"] {\n background: var(--entropix-color-action-secondary-default);\n}\n\n.entropix-menu-item[data-disabled=\"true\"],\n.entropix-menu-item[aria-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.entropix-menu-item:focus-visible {\n outline: 2px solid var(--entropix-color-border-focus);\n outline-offset: -2px;\n}\n\n/* === Responsive — Larger touch targets on mobile === */\n\n@media (max-width: 767px) {\n .entropix-menu-content {\n min-width: 200px;\n }\n\n .entropix-menu-item {\n padding: var(--entropix-spacing-3) var(--entropix-spacing-4);\n font-size: var(--entropix-font-size-base);\n min-height: 44px;\n }\n}\n","/* Layout Primitives — @entropix/react */\n\n/* === Stack (vertical flex layout) === */\n\n.entropix-stack {\n display: flex;\n flex-direction: column;\n gap: var(--entropix-space-layout-stack);\n}\n\n.entropix-stack--gap-none { gap: 0; }\n.entropix-stack--gap-xs { gap: var(--entropix-spacing-1); }\n.entropix-stack--gap-sm { gap: var(--entropix-spacing-2); }\n.entropix-stack--gap-md { gap: var(--entropix-spacing-4); }\n.entropix-stack--gap-lg { gap: var(--entropix-spacing-6); }\n.entropix-stack--gap-xl { gap: var(--entropix-spacing-8); }\n.entropix-stack--gap-2xl { gap: var(--entropix-spacing-12); }\n\n.entropix-stack--align-start { align-items: flex-start; }\n.entropix-stack--align-center { align-items: center; }\n.entropix-stack--align-end { align-items: flex-end; }\n.entropix-stack--align-stretch { align-items: stretch; }\n\n.entropix-stack--full-width { width: 100%; }\n\n/* === Inline (horizontal flex layout) === */\n\n.entropix-inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--entropix-space-layout-inline);\n}\n\n.entropix-inline--gap-none { gap: 0; }\n.entropix-inline--gap-xs { gap: var(--entropix-spacing-1); }\n.entropix-inline--gap-sm { gap: var(--entropix-spacing-2); }\n.entropix-inline--gap-md { gap: var(--entropix-spacing-4); }\n.entropix-inline--gap-lg { gap: var(--entropix-spacing-6); }\n.entropix-inline--gap-xl { gap: var(--entropix-spacing-8); }\n.entropix-inline--gap-2xl { gap: var(--entropix-spacing-12); }\n\n.entropix-inline--align-start { align-items: flex-start; }\n.entropix-inline--align-center { align-items: center; }\n.entropix-inline--align-end { align-items: flex-end; }\n.entropix-inline--align-stretch { align-items: stretch; }\n.entropix-inline--align-baseline { align-items: baseline; }\n\n.entropix-inline--justify-start { justify-content: flex-start; }\n.entropix-inline--justify-center { justify-content: center; }\n.entropix-inline--justify-end { justify-content: flex-end; }\n.entropix-inline--justify-between { justify-content: space-between; }\n.entropix-inline--justify-around { justify-content: space-around; }\n\n.entropix-inline--wrap { flex-wrap: wrap; }\n\n/* === Container (page-level wrapper) === */\n\n.entropix-container {\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n padding-left: var(--entropix-space-layout-page-margin);\n padding-right: var(--entropix-space-layout-page-margin);\n}\n\n.entropix-container--xs { max-width: 480px; }\n.entropix-container--sm { max-width: 640px; }\n.entropix-container--md { max-width: 768px; }\n.entropix-container--lg { max-width: 1024px; }\n.entropix-container--xl { max-width: 1280px; }\n.entropix-container--full { max-width: 100%; }\n\n.entropix-container--center {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n/* === Divider (visual separator) === */\n\n.entropix-divider {\n border: 0;\n border-top: 1px solid var(--entropix-color-border-default);\n margin: 0;\n width: 100%;\n}\n\n.entropix-divider--vertical {\n border-top: 0;\n border-left: 1px solid var(--entropix-color-border-default);\n width: auto;\n height: auto;\n align-self: stretch;\n}\n\n.entropix-divider--spacing-sm { margin: var(--entropix-spacing-2) 0; }\n.entropix-divider--spacing-md { margin: var(--entropix-spacing-4) 0; }\n.entropix-divider--spacing-lg { margin: var(--entropix-spacing-6) 0; }\n\n.entropix-divider--vertical.entropix-divider--spacing-sm { margin: 0 var(--entropix-spacing-2); }\n.entropix-divider--vertical.entropix-divider--spacing-md { margin: 0 var(--entropix-spacing-4); }\n.entropix-divider--vertical.entropix-divider--spacing-lg { margin: 0 var(--entropix-spacing-6); }\n\n/* ═══════════════════════════════════════════════════════════════════════════\n RESPONSIVE — Tablet and up (≥768px)\n ═══════════════════════════════════════════════════════════════════════════ */\n\n@media (min-width: 768px) {\n .entropix-container {\n padding-left: var(--entropix-space-layout-page-margin-md);\n padding-right: var(--entropix-space-layout-page-margin-md);\n }\n}\n\n/* ═══════════════════════════════════════════════════════════════════════════\n RESPONSIVE — Desktop and up (≥1024px)\n ═══════════════════════════════════════════════════════════════════════════ */\n\n@media (min-width: 1024px) {\n .entropix-container {\n padding-left: var(--entropix-space-layout-page-margin-lg);\n padding-right: var(--entropix-space-layout-page-margin-lg);\n }\n}\n"],"mappings":";AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,UAAQ,IAAI,MAAM;AAClB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,iBAAe,IAAI;AACnB,WAAS,IAAI,6BAA6B,IAAI;AAC9C,UAAQ;AACR,mBAAiB;AACjB,eAAa;AACb;AAAA,IACE,WAAW,IAAI,0BAA0B,IAAI,0BAA0B;AAAA,IACvE,MAAM,IAAI,0BAA0B,IAAI,0BAA0B;AAAA,IAClE,aAAa,IAAI,0BAA0B,IAAI,0BAA0B;AAAA,IACzE,WAAW,IAAI,0BAA0B,IAAI;AACjD;AAIA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AACA,CALC,wBAKwB,MAAM,KAAK;AAClC,cAAY,IAAI;AAClB;AACA,CARC,wBAQwB,OAAO,KAAK;AACnC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AACA,CALC,0BAK0B,MAAM,KAAK;AACpC,cAAY,IAAI;AAClB;AACA,CARC,0BAQ0B,OAAO,KAAK;AACrC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AACA,CALC,wBAKwB,MAAM,KAAK;AAClC,cAAY,IAAI;AAClB;AACA,CARC,wBAQwB,OAAO,KAAK;AACnC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,gBAAc;AAChB;AACA,CALC,sBAKsB,MAAM,KAAK;AAChC,cAAY,IAAI;AAClB;AACA,CARC,sBAQsB,OAAO,KAAK;AACjC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AACA,CALC,uBAKuB,MAAM,KAAK;AACjC,cAAY,IAAI;AAClB;AACA,CARC,uBAQuB,OAAO,KAAK;AAClC,cAAY,IAAI;AAClB;AAIA,CAAC;AACC,WAAS,IAAI,sBAAsB,IAAI;AACvC,aAAW,IAAI;AACf,iBAAe,IAAI;AACrB;AAEA,CAAC;AACC,WAAS,IAAI,6BAA6B,IAAI;AAC9C,aAAW,IAAI;AACjB;AAEA,CAAC;AACC,WAAS,IAAI,sBAAsB,IAAI;AACvC,aAAW,IAAI;AACf,iBAAe,IAAI;AACrB;AAIA,CAzGC,eAyGe;AAChB,CA1GC,eA0Ge,CAAC;AACjB,CA3GC,eA2Ge,CAAC;AACf,WAAS;AACT,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAjHC,eAiHe;AACd,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAIA,QAAO,WAAY;AACjB,GAzHD;AA0HG,gBAAY;AACd;AAEA,GAvCD;AAwCG,gBAAY;AACZ,aAAS,IAAI,sBAAsB,IAAI;AACvC,eAAW,IAAI;AACjB;AACF;;;AClIA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI,sBAAsB,IAAI;AACvC,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,UAAQ;AACR,eAAa;AACb;AAAA,IACE,WAAW,IAAI,0BAA0B,IAAI,0BAA0B;AAAA,IACvE,aAAa,IAAI,0BAA0B,IAAI,0BAA0B;AAAA,IACzE,MAAM,IAAI,0BAA0B,IAAI;AAC5C;AAEA,CApBC,eAoBe,MAAM,KAAK;AACzB,cAAY,IAAI;AAClB;AAEA,CAxBC,eAwBe,CAAC;AACf,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc;AAChB;AACA,CA7BC,eA6Be,CAAC,mBAAqB,MAAM,KAAK;AAC/C,cAAY,IAAI;AAClB;AAEA,CAjCC,eAiCe;AACd,WAAS;AACT,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAvCC,eAuCe;AACd,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;;;AC1CA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,SAAO;AACP,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,UAAQ;AACR,cAAY,WAAW,IAAI,0BAA0B,IAAI;AAC3D;AAEA,CAdC,eAce;AACd,WAAS;AACT,WAAS;AACT,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,cAAY,IAAI;AAChB,cAAY,UAAU,IAAI,0BAA0B,IAAI;AAC1D;AAEA,CAzBC,eAyBe,CAAC;AACf,cAAY,IAAI;AAClB;AACA,CA5BC,eA4Be,CAAC,mBAAqB;AACpC,aAAW,WAAW;AACxB;AAEA,CAhCC,eAgCe,MAAM,KAAK;AACzB,cAAY,IAAI;AAClB;AACA,CAnCC,eAmCe,CAAC,mBAAqB,MAAM,KAAK;AAC/C,cAAY,IAAI;AAClB;AAEA,CAvCC,eAuCe;AACd,WAAS;AACT,UAAQ;AACV;AAEA,CA5CC,eA4Ce;AACd,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;;;AC/CA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,aAAW,UAAU,IAAI,EAAE;AAC3B,cAAY,IAAI;AAChB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,WAAS,IAAI;AACb,WAAS;AACT,aAAW;AACX,SAAO;AACP,cAAY;AACZ,cAAY;AACd;AAEA,CAhBC,uBAgBuB;AACtB,WAAS;AACX;AAEA,CAAC;AACC,UAAQ;AACR,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,UAAQ;AACR,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,YAAU;AACV,OAAK,IAAI;AACT,SAAO,IAAI;AACX,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY;AACZ,SAAO,IAAI;AACX,UAAQ;AACR,cAAY,WAAW,IAAI,0BAA0B,IAAI;AAC3D;AAEA,CAlBC,qBAkBqB;AACpB,cAAY,IAAI;AAClB;AAEA,CAtBC,qBAsBqB;AACpB,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,CAAC;AAED;AAIA,QAAO,WAAY;AACjB,GA1ED;AA2EG,SAAK;AACL,YAAQ;AACR,UAAM;AACN,WAAO;AACP,eAAW;AACX,WAAO;AACP,eAAW;AACX,mBAAe,IAAI,sBAAsB,IAAI,sBAAsB,EAAE;AACrE,gBAAY;AACZ,aAAS,IAAI;AACf;AACF;AAEA,QAAO,WAAY;AACjB,GAzFD;AA0FG,eAAW;AACb;AACF;;;ACnGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS;AACT,OAAK,IAAI;AACT,iBAAe,IAAI,MAAM,IAAI;AAC/B;AACA,CALC,gBAKgB,CAAC;AAChB,kBAAgB;AAChB,iBAAe;AACf,gBAAc,IAAI,MAAM,IAAI;AAC9B;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI,sBAAsB,IAAI;AACvC,UAAQ;AACR,iBAAe,IAAI,MAAM;AACzB,cAAY;AACZ,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,UAAQ;AACR,cACE,MAAM,IAAI,0BAA0B,IAAI,0BAA0B,EAClE,aAAa,IAAI,0BAA0B,IAAI;AACnD;AAEA,CAlBC,YAkBY,MAAM,KAAK;AACtB,SAAO,IAAI;AACb;AAEA,CAtBC,YAsBY,CAAC;AACZ,SAAO,IAAI;AACX,uBAAqB,IAAI;AAC3B;AAEA,CA3BC,YA2BY;AACb,CA5BC,YA4BY,CAAC;AACZ,WAAS;AACT,UAAQ;AACV;AAEA,CAjCC,YAiCY;AACX,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAChB,iBAAe,IAAI;AACrB;AAEA,CAAC;AACC,WAAS,IAAI;AACf;AAIA,QAAO,WAAY;AACjB,GAzDD;AA0DG,gBAAY;AACZ,gCAA4B;AAC5B,qBAAiB;AACjB,wBAAoB;AACtB;AAEA,GAhED,gBAgEkB;AACf,aAAS;AACX;AAEA,GAzDD;AA0DG,iBAAa;AACb,iBAAa;AACf;AAEA,GAvBD;AAwBG,aAAS,IAAI;AACf;AACF;;;ACjFA,CAAC;AACC,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,YAAU;AACZ;AAEA,CAAC;AACC,iBAAe,IAAI,MAAM,IAAI;AAC/B;AACA,CAHC,uBAGuB;AACtB,iBAAe;AACjB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,WAAS,IAAI;AACb,UAAQ;AACR,cAAY;AACZ,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,cAAY;AACZ,UAAQ;AACR,cAAY,WAAW,IAAI,0BAA0B,IAAI;AAC3D;AAEA,CAjBC,0BAiB0B,MAAM,KAAK;AACpC,cAAY,IAAI;AAClB;AAEA,CArBC,0BAqB0B;AACzB,WAAS;AACT,UAAQ;AACV;AAEA,CA1BC,0BA0B0B;AACzB,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS,EAAE,IAAI,sBAAsB,IAAI;AACzC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,SAAO,IAAI;AACX,eAAa,IAAI;AACnB;AAIA,QAAO,WAAY;AACjB,GA1CD;AA2CG,aAAS,IAAI,sBAAsB,IAAI;AACvC,gBAAY;AACZ,eAAW,IAAI;AACjB;AAEA,GAjBD;AAkBG,aAAS,EAAE,IAAI,sBAAsB,IAAI;AAC3C;AACF;;;AChEA,CAAC;AAED;AAEA,CAAC;AACC,aAAW;AACX,WAAS,IAAI;AACb,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,WAAS,IAAI,sBAAsB,IAAI;AACvC,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,SAAO,IAAI;AACX,UAAQ;AACR,eAAa;AACb,cAAY,WAAW,IAAI,0BAA0B,IAAI;AAC3D;AAEA,CAbC,kBAakB;AACjB,cAAY,IAAI;AAClB;AAEA,CAjBC,kBAiBkB,CAAC;AAClB,cAAY,IAAI;AAClB;AAEA,CArBC,kBAqBkB,CAAC;AACpB,CAtBC,kBAsBkB,CAAC;AAClB,WAAS;AACT,UAAQ;AACR,kBAAgB;AAClB;AAEA,CA5BC,kBA4BkB;AACjB,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAIA,QAAO,WAAY;AACjB,GA9CD;AA+CG,eAAW;AACb;AAEA,GAxCD;AAyCG,aAAS,IAAI,sBAAsB,IAAI;AACvC,eAAW,IAAI;AACf,gBAAY;AACd;AACF;;;ACzDA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACX;AAEA,CAAC;AAA6B,OAAK;AAAG;AACtC,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAwB;AAE/D,CAAC;AAAgC,eAAa;AAAY;AAC1D,CAAC;AAAgC,eAAa;AAAQ;AACtD,CAAC;AAAgC,eAAa;AAAU;AACxD,CAAC;AAAgC,eAAa;AAAS;AAEvD,CAAC;AAA6B,SAAO;AAAM;AAI3C,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK,IAAI;AACX;AAEA,CAAC;AAA6B,OAAK;AAAG;AACtC,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAuB;AAC9D,CAAC;AAA6B,OAAK,IAAI;AAAwB;AAE/D,CAAC;AAAkC,eAAa;AAAY;AAC5D,CAAC;AAAkC,eAAa;AAAQ;AACxD,CAAC;AAAkC,eAAa;AAAU;AAC1D,CAAC;AAAkC,eAAa;AAAS;AACzD,CAAC;AAAkC,eAAa;AAAU;AAE1D,CAAC;AAAmC,mBAAiB;AAAY;AACjE,CAAC;AAAmC,mBAAiB;AAAQ;AAC7D,CAAC;AAAmC,mBAAiB;AAAU;AAC/D,CAAC;AAAmC,mBAAiB;AAAe;AACpE,CAAC;AAAmC,mBAAiB;AAAc;AAEnE,CAAC;AAAwB,aAAW;AAAM;AAI1C,CAAC;AACC,SAAO;AACP,eAAa;AACb,gBAAc;AACd,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACrB;AAEA,CAAC;AAAyB,aAAW;AAAO;AAC5C,CAAC;AAAyB,aAAW;AAAO;AAC5C,CAAC;AAAyB,aAAW;AAAO;AAC5C,CAAC;AAAyB,aAAW;AAAQ;AAC7C,CAAC;AAAyB,aAAW;AAAQ;AAC7C,CAAC;AAA2B,aAAW;AAAM;AAE7C,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACf;AAIA,CAAC;AACC,UAAQ;AACR,cAAY,IAAI,MAAM,IAAI;AAC1B,UAAQ;AACR,SAAO;AACT;AAEA,CAAC;AACC,cAAY;AACZ,eAAa,IAAI,MAAM,IAAI;AAC3B,SAAO;AACP,UAAQ;AACR,cAAY;AACd;AAEA,CAAC;AAA+B,UAAQ,IAAI,sBAAsB;AAAG;AACrE,CAAC;AAA+B,UAAQ,IAAI,sBAAsB;AAAG;AACrE,CAAC;AAA+B,UAAQ,IAAI,sBAAsB;AAAG;AAErE,CAZC,0BAY0B,CAJ1B;AAI0D,UAAQ,EAAE,IAAI;AAAuB;AAChG,CAbC,0BAa0B,CAJ1B;AAI0D,UAAQ,EAAE,IAAI;AAAuB;AAChG,CAdC,0BAc0B,CAJ1B;AAI0D,UAAQ,EAAE,IAAI;AAAuB;AAMhG,QAAO,WAAY;AACjB,GAnDD;AAoDG,kBAAc,IAAI;AAClB,mBAAe,IAAI;AACrB;AACF;AAMA,QAAO,WAAY;AACjB,GA9DD;AA+DG,kBAAc,IAAI;AAClB,mBAAe,IAAI;AACrB;AACF;","names":[]}