flowcore-fn 3.7.0 → 3.9.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.
Files changed (4) hide show
  1. package/dist/pkg-index.css +841 -1097
  2. package/dist/pkg-index.js +10 -1
  3. package/dist/pkg-index.mjs +9 -1
  4. package/package.json +2 -2
package/dist/pkg-index.css CHANGED
@@ -2,11 +2,16 @@
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
- .flowcore-ui,
6
- .flowcore-ui :host {
5
+ :root,
6
+ :host {
7
7
  --font-sans:
8
- ui-sans-serif,
9
- system-ui,
8
+ -apple-system,
9
+ BlinkMacSystemFont,
10
+ "Segoe UI",
11
+ Roboto,
12
+ "Helvetica Neue",
13
+ "Noto Sans",
14
+ Arial,
10
15
  sans-serif,
11
16
  "Apple Color Emoji",
12
17
  "Segoe UI Emoji",
@@ -83,7 +88,7 @@
83
88
  --color-gray-700: oklch(37.3% 0.034 259.733);
84
89
  --color-gray-800: oklch(27.8% 0.033 256.848);
85
90
  --color-gray-900: oklch(21% 0.034 264.665);
86
- --color-zinc-50: oklch(98.5% 0 0);
91
+ --color-zinc-50: oklch(98.5% 0 none);
87
92
  --color-zinc-400: oklch(70.5% 0.015 286.067);
88
93
  --color-zinc-600: oklch(44.2% 0.017 285.786);
89
94
  --color-zinc-950: oklch(14.1% 0.005 285.823);
@@ -137,119 +142,119 @@
137
142
  }
138
143
  }
139
144
  @layer base {
140
- .flowcore-ui *,
141
- .flowcore-ui ::after,
142
- .flowcore-ui ::before,
143
- .flowcore-ui ::backdrop,
144
- .flowcore-ui ::file-selector-button {
145
+ *,
146
+ ::after,
147
+ ::before,
148
+ ::backdrop,
149
+ ::file-selector-button {
145
150
  box-sizing: border-box;
146
151
  margin: 0;
147
152
  padding: 0;
148
153
  border: 0 solid;
149
154
  }
150
- .flowcore-ui,
151
- .flowcore-ui :host {
155
+ html,
156
+ :host {
152
157
  line-height: 1.5;
153
158
  -webkit-text-size-adjust: 100%;
154
159
  tab-size: 4;
155
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
160
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
156
161
  font-feature-settings: var(--default-font-feature-settings, normal);
157
162
  font-variation-settings: var(--default-font-variation-settings, normal);
158
163
  -webkit-tap-highlight-color: transparent;
159
164
  }
160
- .flowcore-ui hr {
165
+ hr {
161
166
  height: 0;
162
167
  color: inherit;
163
168
  border-top-width: 1px;
164
169
  }
165
- .flowcore-ui abbr:where([title]) {
170
+ abbr:where([title]) {
166
171
  -webkit-text-decoration: underline dotted;
167
172
  text-decoration: underline dotted;
168
173
  }
169
- .flowcore-ui h1,
170
- .flowcore-ui h2,
171
- .flowcore-ui h3,
172
- .flowcore-ui h4,
173
- .flowcore-ui h5,
174
- .flowcore-ui h6 {
174
+ h1,
175
+ h2,
176
+ h3,
177
+ h4,
178
+ h5,
179
+ h6 {
175
180
  font-size: inherit;
176
181
  font-weight: inherit;
177
182
  }
178
- .flowcore-ui a {
183
+ a {
179
184
  color: inherit;
180
185
  -webkit-text-decoration: inherit;
181
186
  text-decoration: inherit;
182
187
  }
183
- .flowcore-ui b,
184
- .flowcore-ui strong {
188
+ b,
189
+ strong {
185
190
  font-weight: bolder;
186
191
  }
187
- .flowcore-ui code,
188
- .flowcore-ui kbd,
189
- .flowcore-ui samp,
190
- .flowcore-ui pre {
192
+ code,
193
+ kbd,
194
+ samp,
195
+ pre {
191
196
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
192
197
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
193
198
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
194
199
  font-size: 1em;
195
200
  }
196
- .flowcore-ui small {
201
+ small {
197
202
  font-size: 80%;
198
203
  }
199
- .flowcore-ui sub,
200
- .flowcore-ui sup {
204
+ sub,
205
+ sup {
201
206
  font-size: 75%;
202
207
  line-height: 0;
203
208
  position: relative;
204
209
  vertical-align: baseline;
205
210
  }
206
- .flowcore-ui sub {
211
+ sub {
207
212
  bottom: -0.25em;
208
213
  }
209
- .flowcore-ui sup {
214
+ sup {
210
215
  top: -0.5em;
211
216
  }
212
- .flowcore-ui table {
217
+ table {
213
218
  text-indent: 0;
214
219
  border-color: inherit;
215
220
  border-collapse: collapse;
216
221
  }
217
- .flowcore-ui :-moz-focusring {
222
+ :-moz-focusring:where(:not(iframe)) {
218
223
  outline: auto;
219
224
  }
220
- .flowcore-ui progress {
225
+ progress {
221
226
  vertical-align: baseline;
222
227
  }
223
- .flowcore-ui summary {
228
+ summary {
224
229
  display: list-item;
225
230
  }
226
- .flowcore-ui ol,
227
- .flowcore-ui ul,
228
- .flowcore-ui menu {
231
+ ol,
232
+ ul,
233
+ menu {
229
234
  list-style: none;
230
235
  }
231
- .flowcore-ui img,
232
- .flowcore-ui svg,
233
- .flowcore-ui video,
234
- .flowcore-ui canvas,
235
- .flowcore-ui audio,
236
- .flowcore-ui iframe,
237
- .flowcore-ui embed,
238
- .flowcore-ui object {
236
+ img,
237
+ svg,
238
+ video,
239
+ canvas,
240
+ audio,
241
+ iframe,
242
+ embed,
243
+ object {
239
244
  display: block;
240
245
  vertical-align: middle;
241
246
  }
242
- .flowcore-ui img,
243
- .flowcore-ui video {
247
+ img,
248
+ video {
244
249
  max-width: 100%;
245
250
  height: auto;
246
251
  }
247
- .flowcore-ui button,
248
- .flowcore-ui input,
249
- .flowcore-ui select,
250
- .flowcore-ui optgroup,
251
- .flowcore-ui textarea,
252
- .flowcore-ui ::file-selector-button {
252
+ button,
253
+ input,
254
+ select,
255
+ optgroup,
256
+ textarea,
257
+ ::file-selector-button {
253
258
  font: inherit;
254
259
  font-feature-settings: inherit;
255
260
  font-variation-settings: inherit;
@@ -259,77 +264,77 @@
259
264
  background-color: transparent;
260
265
  opacity: 1;
261
266
  }
262
- .flowcore-ui :where(select:is([multiple], [size])) optgroup {
267
+ :where(select:is([multiple], [size])) optgroup {
263
268
  font-weight: bolder;
264
269
  }
265
- .flowcore-ui :where(select:is([multiple], [size])) optgroup option {
270
+ :where(select:is([multiple], [size])) optgroup option {
266
271
  padding-inline-start: 20px;
267
272
  }
268
- .flowcore-ui ::file-selector-button {
273
+ ::file-selector-button {
269
274
  margin-inline-end: 4px;
270
275
  }
271
- .flowcore-ui ::placeholder {
276
+ ::placeholder {
272
277
  opacity: 1;
273
278
  }
274
279
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
275
- .flowcore-ui ::placeholder {
280
+ ::placeholder {
276
281
  color: currentcolor;
277
282
  @supports (color: color-mix(in lab, red, red)) {
278
283
  color: color-mix(in oklab, currentcolor 50%, transparent);
279
284
  }
280
285
  }
281
286
  }
282
- .flowcore-ui textarea {
287
+ textarea {
283
288
  resize: vertical;
284
289
  }
285
- .flowcore-ui ::-webkit-search-decoration {
290
+ ::-webkit-search-decoration {
286
291
  -webkit-appearance: none;
287
292
  }
288
- .flowcore-ui ::-webkit-date-and-time-value {
293
+ ::-webkit-date-and-time-value {
289
294
  min-height: 1lh;
290
295
  text-align: inherit;
291
296
  }
292
- .flowcore-ui ::-webkit-datetime-edit {
297
+ ::-webkit-datetime-edit {
293
298
  display: inline-flex;
294
299
  }
295
- .flowcore-ui ::-webkit-datetime-edit-fields-wrapper {
300
+ ::-webkit-datetime-edit-fields-wrapper {
296
301
  padding: 0;
297
302
  }
298
- .flowcore-ui ::-webkit-datetime-edit,
299
- .flowcore-ui ::-webkit-datetime-edit-year-field,
300
- .flowcore-ui ::-webkit-datetime-edit-month-field,
301
- .flowcore-ui ::-webkit-datetime-edit-day-field,
302
- .flowcore-ui ::-webkit-datetime-edit-hour-field,
303
- .flowcore-ui ::-webkit-datetime-edit-minute-field,
304
- .flowcore-ui ::-webkit-datetime-edit-second-field,
305
- .flowcore-ui ::-webkit-datetime-edit-millisecond-field,
306
- .flowcore-ui ::-webkit-datetime-edit-meridiem-field {
303
+ ::-webkit-datetime-edit,
304
+ ::-webkit-datetime-edit-year-field,
305
+ ::-webkit-datetime-edit-month-field,
306
+ ::-webkit-datetime-edit-day-field,
307
+ ::-webkit-datetime-edit-hour-field,
308
+ ::-webkit-datetime-edit-minute-field,
309
+ ::-webkit-datetime-edit-second-field,
310
+ ::-webkit-datetime-edit-millisecond-field,
311
+ ::-webkit-datetime-edit-meridiem-field {
307
312
  padding-block: 0;
308
313
  }
309
- .flowcore-ui ::-webkit-calendar-picker-indicator {
314
+ ::-webkit-calendar-picker-indicator {
310
315
  line-height: 1;
311
316
  }
312
- .flowcore-ui :-moz-ui-invalid {
317
+ :-moz-ui-invalid {
313
318
  box-shadow: none;
314
319
  }
315
- .flowcore-ui button,
316
- .flowcore-ui input:where([type=button], [type=reset], [type=submit]),
317
- .flowcore-ui ::file-selector-button {
320
+ button,
321
+ input:where([type=button], [type=reset], [type=submit]),
322
+ ::file-selector-button {
318
323
  appearance: button;
319
324
  }
320
- .flowcore-ui ::-webkit-inner-spin-button,
321
- .flowcore-ui ::-webkit-outer-spin-button {
325
+ ::-webkit-inner-spin-button,
326
+ ::-webkit-outer-spin-button {
322
327
  height: auto;
323
328
  }
324
- .flowcore-ui [hidden]:where(:not([hidden=until-found])) {
329
+ [hidden]:where(:not([hidden=until-found])) {
325
330
  display: none !important;
326
331
  }
327
332
  }
328
333
  @layer utilities {
329
- .flowcore-ui .pointer-events-none {
334
+ .pointer-events-none {
330
335
  pointer-events: none;
331
336
  }
332
- .flowcore-ui .sr-only {
337
+ .sr-only {
333
338
  position: absolute;
334
339
  width: 1px;
335
340
  height: 1px;
@@ -340,923 +345,909 @@
340
345
  white-space: nowrap;
341
346
  border-width: 0;
342
347
  }
343
- .flowcore-ui .absolute {
348
+ .absolute {
344
349
  position: absolute;
345
350
  }
346
- .flowcore-ui .fixed {
351
+ .fixed {
347
352
  position: fixed;
348
353
  }
349
- .flowcore-ui .relative {
354
+ .relative {
350
355
  position: relative;
351
356
  }
352
- .flowcore-ui .sticky {
357
+ .sticky {
353
358
  position: sticky;
354
359
  }
355
- .flowcore-ui .inset-0 {
356
- inset: 0;
360
+ .inset-0 {
361
+ inset: 0px;
357
362
  }
358
- .flowcore-ui .inset-x-0 {
359
- inset-inline: 0;
363
+ .inset-x-0 {
364
+ inset-inline: 0px;
360
365
  }
361
- .flowcore-ui .inset-y-0 {
362
- inset-block: 0;
366
+ .inset-y-0 {
367
+ inset-block: 0px;
363
368
  }
364
- .flowcore-ui .-top-12 {
369
+ .-top-12 {
365
370
  top: calc(var(--spacing) * -12);
366
371
  }
367
- .flowcore-ui .top-0 {
368
- top: 0;
372
+ .top-0 {
373
+ top: 0px;
369
374
  }
370
- .flowcore-ui .top-4 {
375
+ .top-4 {
371
376
  top: calc(var(--spacing) * 4);
372
377
  }
373
- .flowcore-ui .top-\[30px\] {
378
+ .top-\[30px\] {
374
379
  top: 30px;
375
380
  }
376
- .flowcore-ui .-right-12 {
381
+ .-right-12 {
377
382
  right: calc(var(--spacing) * -12);
378
383
  }
379
- .flowcore-ui .right-0 {
380
- right: 0;
384
+ .right-0 {
385
+ right: 0px;
381
386
  }
382
- .flowcore-ui .right-4 {
387
+ .right-4 {
383
388
  right: calc(var(--spacing) * 4);
384
389
  }
385
- .flowcore-ui .-bottom-10 {
390
+ .-bottom-10 {
386
391
  bottom: calc(var(--spacing) * -10);
387
392
  }
388
- .flowcore-ui .bottom-0 {
389
- bottom: 0;
393
+ .bottom-0 {
394
+ bottom: 0px;
390
395
  }
391
- .flowcore-ui .-left-10 {
396
+ .-left-10 {
392
397
  left: calc(var(--spacing) * -10);
393
398
  }
394
- .flowcore-ui .left-0 {
395
- left: 0;
399
+ .left-0 {
400
+ left: 0px;
396
401
  }
397
- .flowcore-ui .left-\[20px\] {
402
+ .left-\[20px\] {
398
403
  left: 20px;
399
404
  }
400
- .flowcore-ui .z-10 {
405
+ .z-10 {
401
406
  z-index: 10;
402
407
  }
403
- .flowcore-ui .z-30 {
408
+ .z-30 {
404
409
  z-index: 30;
405
410
  }
406
- .flowcore-ui .z-50 {
411
+ .z-50 {
407
412
  z-index: 50;
408
413
  }
409
- .flowcore-ui .z-\[100\] {
414
+ .z-\[100\] {
410
415
  z-index: 100;
411
416
  }
412
- .flowcore-ui .m-0 {
413
- margin: 0;
417
+ .m-0 {
418
+ margin: 0px;
414
419
  }
415
- .flowcore-ui .mx-2 {
420
+ .mx-2 {
416
421
  margin-inline: calc(var(--spacing) * 2);
417
422
  }
418
- .flowcore-ui .mx-auto {
423
+ .mx-auto {
419
424
  margin-inline: auto;
420
425
  }
421
- .flowcore-ui .mt-0\.5 {
426
+ .mt-0\.5 {
422
427
  margin-top: calc(var(--spacing) * 0.5);
423
428
  }
424
- .flowcore-ui .mt-1 {
429
+ .mt-1 {
425
430
  margin-top: var(--spacing);
426
431
  }
427
- .flowcore-ui .mt-2 {
432
+ .mt-2 {
428
433
  margin-top: calc(var(--spacing) * 2);
429
434
  }
430
- .flowcore-ui .mt-4 {
435
+ .mt-4 {
431
436
  margin-top: calc(var(--spacing) * 4);
432
437
  }
433
- .flowcore-ui .mt-5 {
438
+ .mt-5 {
434
439
  margin-top: calc(var(--spacing) * 5);
435
440
  }
436
- .flowcore-ui .mt-6 {
441
+ .mt-6 {
437
442
  margin-top: calc(var(--spacing) * 6);
438
443
  }
439
- .flowcore-ui .mt-\[39px\] {
444
+ .mt-\[39px\] {
440
445
  margin-top: 39px;
441
446
  }
442
- .flowcore-ui .mr-2 {
447
+ .mr-2 {
443
448
  margin-right: calc(var(--spacing) * 2);
444
449
  }
445
- .flowcore-ui .mb-1 {
450
+ .mb-1 {
446
451
  margin-bottom: var(--spacing);
447
452
  }
448
- .flowcore-ui .mb-1\.5 {
453
+ .mb-1\.5 {
449
454
  margin-bottom: calc(var(--spacing) * 1.5);
450
455
  }
451
- .flowcore-ui .mb-2 {
456
+ .mb-2 {
452
457
  margin-bottom: calc(var(--spacing) * 2);
453
458
  }
454
- .flowcore-ui .mb-3 {
459
+ .mb-3 {
455
460
  margin-bottom: calc(var(--spacing) * 3);
456
461
  }
457
- .flowcore-ui .mb-4 {
462
+ .mb-4 {
458
463
  margin-bottom: calc(var(--spacing) * 4);
459
464
  }
460
- .flowcore-ui .mb-5 {
465
+ .mb-5 {
461
466
  margin-bottom: calc(var(--spacing) * 5);
462
467
  }
463
- .flowcore-ui .mb-6 {
468
+ .mb-6 {
464
469
  margin-bottom: calc(var(--spacing) * 6);
465
470
  }
466
- .flowcore-ui .mb-\[19px\] {
471
+ .mb-\[19px\] {
467
472
  margin-bottom: 19px;
468
473
  }
469
- .flowcore-ui .ml-1 {
474
+ .ml-1 {
470
475
  margin-left: var(--spacing);
471
476
  }
472
- .flowcore-ui .ml-2 {
477
+ .ml-2 {
473
478
  margin-left: calc(var(--spacing) * 2);
474
479
  }
475
- .flowcore-ui .ml-\[2px\] {
480
+ .ml-\[2px\] {
476
481
  margin-left: 2px;
477
482
  }
478
- .flowcore-ui .ml-\[15px\] {
483
+ .ml-\[15px\] {
479
484
  margin-left: 15px;
480
485
  }
481
- .flowcore-ui .block {
486
+ .block {
482
487
  display: block;
483
488
  }
484
- .flowcore-ui .flex {
489
+ .flex {
485
490
  display: flex;
486
491
  }
487
- .flowcore-ui .grid {
492
+ .grid {
488
493
  display: grid;
489
494
  }
490
- .flowcore-ui .inline-block {
495
+ .inline-block {
491
496
  display: inline-block;
492
497
  }
493
- .flowcore-ui .inline-flex {
498
+ .inline-flex {
494
499
  display: inline-flex;
495
500
  }
496
- .flowcore-ui .table {
501
+ .table {
497
502
  display: table;
498
503
  }
499
- .flowcore-ui .h-1 {
504
+ .h-1 {
500
505
  height: var(--spacing);
501
506
  }
502
- .flowcore-ui .h-4 {
507
+ .h-4 {
503
508
  height: calc(var(--spacing) * 4);
504
509
  }
505
- .flowcore-ui .h-4\.5 {
510
+ .h-4\.5 {
506
511
  height: calc(var(--spacing) * 4.5);
507
512
  }
508
- .flowcore-ui .h-5 {
513
+ .h-5 {
509
514
  height: calc(var(--spacing) * 5);
510
515
  }
511
- .flowcore-ui .h-5\.5 {
516
+ .h-5\.5 {
512
517
  height: calc(var(--spacing) * 5.5);
513
518
  }
514
- .flowcore-ui .h-6 {
519
+ .h-6 {
515
520
  height: calc(var(--spacing) * 6);
516
521
  }
517
- .flowcore-ui .h-7 {
522
+ .h-7 {
518
523
  height: calc(var(--spacing) * 7);
519
524
  }
520
- .flowcore-ui .h-8 {
525
+ .h-8 {
521
526
  height: calc(var(--spacing) * 8);
522
527
  }
523
- .flowcore-ui .h-9 {
528
+ .h-9 {
524
529
  height: calc(var(--spacing) * 9);
525
530
  }
526
- .flowcore-ui .h-10 {
531
+ .h-10 {
527
532
  height: calc(var(--spacing) * 10);
528
533
  }
529
- .flowcore-ui .h-12 {
534
+ .h-12 {
530
535
  height: calc(var(--spacing) * 12);
531
536
  }
532
- .flowcore-ui .h-14 {
537
+ .h-14 {
533
538
  height: calc(var(--spacing) * 14);
534
539
  }
535
- .flowcore-ui .h-32 {
540
+ .h-32 {
536
541
  height: calc(var(--spacing) * 32);
537
542
  }
538
- .flowcore-ui .h-40 {
543
+ .h-40 {
539
544
  height: calc(var(--spacing) * 40);
540
545
  }
541
- .flowcore-ui .h-\[20px\] {
546
+ .h-\[20px\] {
542
547
  height: 20px;
543
548
  }
544
- .flowcore-ui .h-\[46px\] {
549
+ .h-\[46px\] {
545
550
  height: 46px;
546
551
  }
547
- .flowcore-ui .h-\[48px\] {
552
+ .h-\[48px\] {
548
553
  height: 48px;
549
554
  }
550
- .flowcore-ui .h-\[50px\] {
555
+ .h-\[50px\] {
551
556
  height: 50px;
552
557
  }
553
- .flowcore-ui .h-\[66px\] {
558
+ .h-\[66px\] {
554
559
  height: 66px;
555
560
  }
556
- .flowcore-ui .h-\[84px\] {
561
+ .h-\[84px\] {
557
562
  height: 84px;
558
563
  }
559
- .flowcore-ui .h-full {
564
+ .h-full {
560
565
  height: 100%;
561
566
  }
562
- .flowcore-ui .h-screen {
567
+ .h-screen {
563
568
  height: 100vh;
564
569
  }
565
- .flowcore-ui .max-h-\[90vh\] {
570
+ .max-h-\[90vh\] {
566
571
  max-height: 90vh;
567
572
  }
568
- .flowcore-ui .max-h-\[92vh\] {
573
+ .max-h-\[92vh\] {
569
574
  max-height: 92vh;
570
575
  }
571
- .flowcore-ui .max-h-\[350px\] {
576
+ .max-h-\[350px\] {
572
577
  max-height: 350px;
573
578
  }
574
- .flowcore-ui .max-h-\[400px\] {
579
+ .max-h-\[400px\] {
575
580
  max-height: 400px;
576
581
  }
577
- .flowcore-ui .max-h-\[420px\] {
582
+ .max-h-\[420px\] {
578
583
  max-height: 420px;
579
584
  }
580
- .flowcore-ui .max-h-\[calc\(92vh-170px\)\] {
585
+ .max-h-\[calc\(92vh-170px\)\] {
581
586
  max-height: calc(92vh - 170px);
582
587
  }
583
- .flowcore-ui .min-h-0 {
584
- min-height: 0;
588
+ .min-h-0 {
589
+ min-height: 0px;
585
590
  }
586
- .flowcore-ui .min-h-full {
591
+ .min-h-full {
587
592
  min-height: 100%;
588
593
  }
589
- .flowcore-ui .min-h-screen {
594
+ .min-h-screen {
590
595
  min-height: 100vh;
591
596
  }
592
- .flowcore-ui .w-0 {
593
- width: 0;
597
+ .w-0 {
598
+ width: 0px;
594
599
  }
595
- .flowcore-ui .w-1\/2 {
600
+ .w-1\/2 {
596
601
  width: calc(1 / 2 * 100%);
597
602
  }
598
- .flowcore-ui .w-4 {
603
+ .w-4 {
599
604
  width: calc(var(--spacing) * 4);
600
605
  }
601
- .flowcore-ui .w-4\.5 {
606
+ .w-4\.5 {
602
607
  width: calc(var(--spacing) * 4.5);
603
608
  }
604
- .flowcore-ui .w-5 {
609
+ .w-5 {
605
610
  width: calc(var(--spacing) * 5);
606
611
  }
607
- .flowcore-ui .w-6 {
612
+ .w-6 {
608
613
  width: calc(var(--spacing) * 6);
609
614
  }
610
- .flowcore-ui .w-7 {
615
+ .w-7 {
611
616
  width: calc(var(--spacing) * 7);
612
617
  }
613
- .flowcore-ui .w-8 {
618
+ .w-8 {
614
619
  width: calc(var(--spacing) * 8);
615
620
  }
616
- .flowcore-ui .w-9 {
621
+ .w-9 {
617
622
  width: calc(var(--spacing) * 9);
618
623
  }
619
- .flowcore-ui .w-10 {
624
+ .w-10 {
620
625
  width: calc(var(--spacing) * 10);
621
626
  }
622
- .flowcore-ui .w-11 {
627
+ .w-11 {
623
628
  width: calc(var(--spacing) * 11);
624
629
  }
625
- .flowcore-ui .w-12 {
630
+ .w-12 {
626
631
  width: calc(var(--spacing) * 12);
627
632
  }
628
- .flowcore-ui .w-14 {
633
+ .w-14 {
629
634
  width: calc(var(--spacing) * 14);
630
635
  }
631
- .flowcore-ui .w-16 {
636
+ .w-16 {
632
637
  width: calc(var(--spacing) * 16);
633
638
  }
634
- .flowcore-ui .w-20 {
639
+ .w-20 {
635
640
  width: calc(var(--spacing) * 20);
636
641
  }
637
- .flowcore-ui .w-32 {
642
+ .w-32 {
638
643
  width: calc(var(--spacing) * 32);
639
644
  }
640
- .flowcore-ui .w-36 {
645
+ .w-36 {
641
646
  width: calc(var(--spacing) * 36);
642
647
  }
643
- .flowcore-ui .w-40 {
648
+ .w-40 {
644
649
  width: calc(var(--spacing) * 40);
645
650
  }
646
- .flowcore-ui .w-44 {
651
+ .w-44 {
647
652
  width: calc(var(--spacing) * 44);
648
653
  }
649
- .flowcore-ui .w-56 {
654
+ .w-56 {
650
655
  width: calc(var(--spacing) * 56);
651
656
  }
652
- .flowcore-ui .w-60 {
657
+ .w-60 {
653
658
  width: calc(var(--spacing) * 60);
654
659
  }
655
- .flowcore-ui .w-\[6\%\] {
660
+ .w-\[6\%\] {
656
661
  width: 6%;
657
662
  }
658
- .flowcore-ui .w-\[12\%\] {
663
+ .w-\[12\%\] {
659
664
  width: 12%;
660
665
  }
661
- .flowcore-ui .w-\[16\%\] {
666
+ .w-\[16\%\] {
662
667
  width: 16%;
663
668
  }
664
- .flowcore-ui .w-\[20\%\] {
669
+ .w-\[20\%\] {
665
670
  width: 20%;
666
671
  }
667
- .flowcore-ui .w-\[20px\] {
672
+ .w-\[20px\] {
668
673
  width: 20px;
669
674
  }
670
- .flowcore-ui .w-\[22\%\] {
675
+ .w-\[22\%\] {
671
676
  width: 22%;
672
677
  }
673
- .flowcore-ui .w-\[46px\] {
678
+ .w-\[46px\] {
674
679
  width: 46px;
675
680
  }
676
- .flowcore-ui .w-\[285px\] {
681
+ .w-\[285px\] {
677
682
  width: 285px;
678
683
  }
679
- .flowcore-ui .w-full {
684
+ .w-full {
680
685
  width: 100%;
681
686
  }
682
- .flowcore-ui .max-w-2xl {
687
+ .max-w-2xl {
683
688
  max-width: var(--container-2xl);
684
689
  }
685
- .flowcore-ui .max-w-3xl {
690
+ .max-w-3xl {
686
691
  max-width: var(--container-3xl);
687
692
  }
688
- .flowcore-ui .max-w-4xl {
693
+ .max-w-4xl {
689
694
  max-width: var(--container-4xl);
690
695
  }
691
- .flowcore-ui .max-w-5xl {
696
+ .max-w-5xl {
692
697
  max-width: var(--container-5xl);
693
698
  }
694
- .flowcore-ui .max-w-md {
699
+ .max-w-md {
695
700
  max-width: var(--container-md);
696
701
  }
697
- .flowcore-ui .max-w-sm {
702
+ .max-w-sm {
698
703
  max-width: var(--container-sm);
699
704
  }
700
- .flowcore-ui .max-w-xs {
705
+ .max-w-xs {
701
706
  max-width: var(--container-xs);
702
707
  }
703
- .flowcore-ui .min-w-0 {
704
- min-width: 0;
708
+ .min-w-0 {
709
+ min-width: 0px;
705
710
  }
706
- .flowcore-ui .min-w-\[28px\] {
711
+ .min-w-\[28px\] {
707
712
  min-width: 28px;
708
713
  }
709
- .flowcore-ui .min-w-\[285px\] {
714
+ .min-w-\[285px\] {
710
715
  min-width: 285px;
711
716
  }
712
- .flowcore-ui .min-w-\[900px\] {
717
+ .min-w-\[900px\] {
713
718
  min-width: 900px;
714
719
  }
715
- .flowcore-ui .min-w-\[1050px\] {
720
+ .min-w-\[1050px\] {
716
721
  min-width: 1050px;
717
722
  }
718
- .flowcore-ui .min-w-full {
723
+ .min-w-full {
719
724
  min-width: 100%;
720
725
  }
721
- .flowcore-ui .min-w-max {
726
+ .min-w-max {
722
727
  min-width: max-content;
723
728
  }
724
- .flowcore-ui .flex-1 {
729
+ .flex-1 {
725
730
  flex: 1;
726
731
  }
727
- .flowcore-ui .flex-shrink-0 {
732
+ .flex-shrink-0 {
728
733
  flex-shrink: 0;
729
734
  }
730
- .flowcore-ui .shrink-0 {
735
+ .shrink-0 {
731
736
  flex-shrink: 0;
732
737
  }
733
- .flowcore-ui .table-auto {
738
+ .table-auto {
734
739
  table-layout: auto;
735
740
  }
736
- .flowcore-ui .table-fixed {
741
+ .table-fixed {
737
742
  table-layout: fixed;
738
743
  }
739
- .flowcore-ui .border-collapse {
744
+ .border-collapse {
740
745
  border-collapse: collapse;
741
746
  }
742
- .flowcore-ui .-translate-x-full {
747
+ .-translate-x-full {
743
748
  --tw-translate-x: -100%;
744
749
  translate: var(--tw-translate-x) var(--tw-translate-y);
745
750
  }
746
- .flowcore-ui .translate-x-0 {
747
- --tw-translate-x: 0;
751
+ .translate-x-0 {
752
+ --tw-translate-x: 0px;
748
753
  translate: var(--tw-translate-x) var(--tw-translate-y);
749
754
  }
750
- .flowcore-ui .translate-x-4\.5 {
755
+ .translate-x-4\.5 {
751
756
  --tw-translate-x: calc(var(--spacing) * 4.5);
752
757
  translate: var(--tw-translate-x) var(--tw-translate-y);
753
758
  }
754
- .flowcore-ui .translate-x-5 {
759
+ .translate-x-5 {
755
760
  --tw-translate-x: calc(var(--spacing) * 5);
756
761
  translate: var(--tw-translate-x) var(--tw-translate-y);
757
762
  }
758
- .flowcore-ui .scale-100 {
763
+ .scale-100 {
759
764
  --tw-scale-x: 100%;
760
765
  --tw-scale-y: 100%;
761
766
  --tw-scale-z: 100%;
762
767
  scale: var(--tw-scale-x) var(--tw-scale-y);
763
768
  }
764
- .flowcore-ui .skew-x-12 {
769
+ .skew-x-12 {
765
770
  --tw-skew-x: skewX(12deg);
766
771
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
767
772
  }
768
- .flowcore-ui .transform {
773
+ .transform {
769
774
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
770
775
  }
771
- .flowcore-ui .cursor-not-allowed {
776
+ .cursor-not-allowed {
772
777
  cursor: not-allowed;
773
778
  }
774
- .flowcore-ui .cursor-pointer {
779
+ .cursor-pointer {
775
780
  cursor: pointer;
776
781
  }
777
- .flowcore-ui .resize-none {
782
+ .resize-none {
778
783
  resize: none;
779
784
  }
780
- .flowcore-ui .grid-cols-1 {
785
+ .grid-cols-1 {
781
786
  grid-template-columns: repeat(1, minmax(0, 1fr));
782
787
  }
783
- .flowcore-ui .grid-cols-2 {
788
+ .grid-cols-2 {
784
789
  grid-template-columns: repeat(2, minmax(0, 1fr));
785
790
  }
786
- .flowcore-ui .flex-col {
791
+ .flex-col {
787
792
  flex-direction: column;
788
793
  }
789
- .flowcore-ui .flex-wrap {
794
+ .flex-wrap {
790
795
  flex-wrap: wrap;
791
796
  }
792
- .flowcore-ui .items-center {
797
+ .items-center {
793
798
  align-items: center;
794
799
  }
795
- .flowcore-ui .justify-between {
800
+ .justify-between {
796
801
  justify-content: space-between;
797
802
  }
798
- .flowcore-ui .justify-center {
803
+ .justify-center {
799
804
  justify-content: center;
800
805
  }
801
- .flowcore-ui .justify-end {
806
+ .justify-end {
802
807
  justify-content: flex-end;
803
808
  }
804
- .flowcore-ui .gap-1 {
809
+ .gap-1 {
805
810
  gap: var(--spacing);
806
811
  }
807
- .flowcore-ui .gap-1\.5 {
812
+ .gap-1\.5 {
808
813
  gap: calc(var(--spacing) * 1.5);
809
814
  }
810
- .flowcore-ui .gap-2 {
815
+ .gap-2 {
811
816
  gap: calc(var(--spacing) * 2);
812
817
  }
813
- .flowcore-ui .gap-2\.5 {
818
+ .gap-2\.5 {
814
819
  gap: calc(var(--spacing) * 2.5);
815
820
  }
816
- .flowcore-ui .gap-3 {
821
+ .gap-3 {
817
822
  gap: calc(var(--spacing) * 3);
818
823
  }
819
- .flowcore-ui .gap-4 {
824
+ .gap-4 {
820
825
  gap: calc(var(--spacing) * 4);
821
826
  }
822
- .flowcore-ui .gap-5 {
827
+ .gap-5 {
823
828
  gap: calc(var(--spacing) * 5);
824
829
  }
825
- .flowcore-ui .gap-6 {
830
+ .gap-6 {
826
831
  gap: calc(var(--spacing) * 6);
827
832
  }
828
- .flowcore-ui .gap-\[3px\] {
833
+ .gap-\[3px\] {
829
834
  gap: 3px;
830
835
  }
831
- .flowcore-ui .gap-\[6px\] {
836
+ .gap-\[6px\] {
832
837
  gap: 6px;
833
838
  }
834
- .flowcore-ui .gap-\[8px\] {
839
+ .gap-\[8px\] {
835
840
  gap: 8px;
836
841
  }
837
- .flowcore-ui .gap-\[18px\] {
842
+ .gap-\[18px\] {
838
843
  gap: 18px;
839
844
  }
840
- .flowcore-ui .space-y-3 {
841
- .flowcore-ui :where(& > :not(:last-child)) {
842
- --tw-space-y-reverse: 0;
843
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
844
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
845
- }
846
- }
847
- .flowcore-ui .space-y-4 {
848
- .flowcore-ui :where(& > :not(:last-child)) {
849
- --tw-space-y-reverse: 0;
850
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
851
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
852
- }
853
- }
854
- .flowcore-ui .space-y-5 {
855
- .flowcore-ui :where(& > :not(:last-child)) {
856
- --tw-space-y-reverse: 0;
857
- margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
858
- margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
859
- }
860
- }
861
- .flowcore-ui .space-y-6 {
862
- .flowcore-ui :where(& > :not(:last-child)) {
863
- --tw-space-y-reverse: 0;
864
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
865
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
866
- }
867
- }
868
- .flowcore-ui .space-y-8 {
869
- .flowcore-ui :where(& > :not(:last-child)) {
870
- --tw-space-y-reverse: 0;
871
- margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
872
- margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
873
- }
874
- }
875
- .flowcore-ui .divide-y {
876
- .flowcore-ui :where(& > :not(:last-child)) {
877
- --tw-divide-y-reverse: 0;
878
- border-bottom-style: var(--tw-border-style);
879
- border-top-style: var(--tw-border-style);
880
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
881
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
882
- }
845
+ :where(.space-y-3 > :not(:last-child)) {
846
+ --tw-space-y-reverse: 0;
847
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
848
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
849
+ }
850
+ :where(.space-y-4 > :not(:last-child)) {
851
+ --tw-space-y-reverse: 0;
852
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
853
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
854
+ }
855
+ :where(.space-y-5 > :not(:last-child)) {
856
+ --tw-space-y-reverse: 0;
857
+ margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
858
+ margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
859
+ }
860
+ :where(.space-y-6 > :not(:last-child)) {
861
+ --tw-space-y-reverse: 0;
862
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
863
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
864
+ }
865
+ :where(.space-y-8 > :not(:last-child)) {
866
+ --tw-space-y-reverse: 0;
867
+ margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
868
+ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
869
+ }
870
+ :where(.divide-y > :not(:last-child)) {
871
+ --tw-divide-y-reverse: 0;
872
+ border-bottom-style: var(--tw-border-style);
873
+ border-top-style: var(--tw-border-style);
874
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
875
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
883
876
  }
884
- .flowcore-ui .divide-slate-100 {
885
- .flowcore-ui :where(& > :not(:last-child)) {
886
- border-color: var(--color-slate-100);
887
- }
877
+ :where(.divide-slate-100 > :not(:last-child)) {
878
+ border-color: var(--color-slate-100);
888
879
  }
889
- .flowcore-ui .truncate {
880
+ .truncate {
890
881
  overflow: hidden;
891
882
  text-overflow: ellipsis;
892
883
  white-space: nowrap;
893
884
  }
894
- .flowcore-ui .overflow-auto {
885
+ .overflow-auto {
895
886
  overflow: auto;
896
887
  }
897
- .flowcore-ui .overflow-hidden {
888
+ .overflow-hidden {
898
889
  overflow: hidden;
899
890
  }
900
- .flowcore-ui .overflow-x-auto {
891
+ .overflow-x-auto {
901
892
  overflow-x: auto;
902
893
  }
903
- .flowcore-ui .overflow-x-hidden {
894
+ .overflow-x-hidden {
904
895
  overflow-x: hidden;
905
896
  }
906
- .flowcore-ui .overflow-y-auto {
897
+ .overflow-y-auto {
907
898
  overflow-y: auto;
908
899
  }
909
- .flowcore-ui .rounded {
900
+ .rounded {
910
901
  border-radius: 0.25rem;
911
902
  }
912
- .flowcore-ui .rounded-2xl {
903
+ .rounded-2xl {
913
904
  border-radius: var(--radius-2xl);
914
905
  }
915
- .flowcore-ui .rounded-3xl {
906
+ .rounded-3xl {
916
907
  border-radius: var(--radius-3xl);
917
908
  }
918
- .flowcore-ui .rounded-\[6px\] {
909
+ .rounded-\[6px\] {
919
910
  border-radius: 6px;
920
911
  }
921
- .flowcore-ui .rounded-\[9px\] {
912
+ .rounded-\[9px\] {
922
913
  border-radius: 9px;
923
914
  }
924
- .flowcore-ui .rounded-\[10px\] {
915
+ .rounded-\[10px\] {
925
916
  border-radius: 10px;
926
917
  }
927
- .flowcore-ui .rounded-full {
918
+ .rounded-full {
928
919
  border-radius: calc(infinity * 1px);
929
920
  }
930
- .flowcore-ui .rounded-lg {
921
+ .rounded-lg {
931
922
  border-radius: var(--radius-lg);
932
923
  }
933
- .flowcore-ui .rounded-md {
924
+ .rounded-md {
934
925
  border-radius: var(--radius-md);
935
926
  }
936
- .flowcore-ui .rounded-xl {
927
+ .rounded-xl {
937
928
  border-radius: var(--radius-xl);
938
929
  }
939
- .flowcore-ui .border {
930
+ .border {
940
931
  border-style: var(--tw-border-style);
941
932
  border-width: 1px;
942
933
  }
943
- .flowcore-ui .border-2 {
934
+ .border-2 {
944
935
  border-style: var(--tw-border-style);
945
936
  border-width: 2px;
946
937
  }
947
- .flowcore-ui .border-t {
938
+ .border-t {
948
939
  border-top-style: var(--tw-border-style);
949
940
  border-top-width: 1px;
950
941
  }
951
- .flowcore-ui .border-r {
942
+ .border-r {
952
943
  border-right-style: var(--tw-border-style);
953
944
  border-right-width: 1px;
954
945
  }
955
- .flowcore-ui .border-b {
946
+ .border-b {
956
947
  border-bottom-style: var(--tw-border-style);
957
948
  border-bottom-width: 1px;
958
949
  }
959
- .flowcore-ui .border-l {
950
+ .border-l {
960
951
  border-left-style: var(--tw-border-style);
961
952
  border-left-width: 1px;
962
953
  }
963
- .flowcore-ui .border-solid {
954
+ .border-solid {
964
955
  --tw-border-style: solid;
965
956
  border-style: solid;
966
957
  }
967
- .flowcore-ui .border-\[\#E1E5ED\] {
958
+ .border-\[\#E1E5ED\] {
968
959
  border-color: #E1E5ED;
969
960
  }
970
- .flowcore-ui .border-\[\#E5E9F1\] {
961
+ .border-\[\#E5E9F1\] {
971
962
  border-color: #E5E9F1;
972
963
  }
973
- .flowcore-ui .border-\[\#EDF0F5\] {
964
+ .border-\[\#EDF0F5\] {
974
965
  border-color: #EDF0F5;
975
966
  }
976
- .flowcore-ui .border-amber-100 {
967
+ .border-amber-100 {
977
968
  border-color: var(--color-amber-100);
978
969
  }
979
- .flowcore-ui .border-amber-200 {
970
+ .border-amber-200 {
980
971
  border-color: var(--color-amber-200);
981
972
  }
982
- .flowcore-ui .border-amber-200\/60 {
973
+ .border-amber-200\/60 {
983
974
  border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 60%, transparent);
984
975
  @supports (color: color-mix(in lab, red, red)) {
985
976
  border-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent);
986
977
  }
987
978
  }
988
- .flowcore-ui .border-black\/\[\.08\] {
979
+ .border-black\/\[\.08\] {
989
980
  border-color: color-mix(in srgb, #000 8%, transparent);
990
981
  @supports (color: color-mix(in lab, red, red)) {
991
982
  border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
992
983
  }
993
984
  }
994
- .flowcore-ui .border-blue-100 {
985
+ .border-blue-100 {
995
986
  border-color: var(--color-blue-100);
996
987
  }
997
- .flowcore-ui .border-blue-200 {
988
+ .border-blue-200 {
998
989
  border-color: var(--color-blue-200);
999
990
  }
1000
- .flowcore-ui .border-blue-200\/60 {
991
+ .border-blue-200\/60 {
1001
992
  border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);
1002
993
  @supports (color: color-mix(in lab, red, red)) {
1003
994
  border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
1004
995
  }
1005
996
  }
1006
- .flowcore-ui .border-emerald-100 {
997
+ .border-emerald-100 {
1007
998
  border-color: var(--color-emerald-100);
1008
999
  }
1009
- .flowcore-ui .border-emerald-200 {
1000
+ .border-emerald-200 {
1010
1001
  border-color: var(--color-emerald-200);
1011
1002
  }
1012
- .flowcore-ui .border-emerald-200\/60 {
1003
+ .border-emerald-200\/60 {
1013
1004
  border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
1014
1005
  @supports (color: color-mix(in lab, red, red)) {
1015
1006
  border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
1016
1007
  }
1017
1008
  }
1018
- .flowcore-ui .border-gray-100 {
1009
+ .border-gray-100 {
1019
1010
  border-color: var(--color-gray-100);
1020
1011
  }
1021
- .flowcore-ui .border-gray-200 {
1012
+ .border-gray-200 {
1022
1013
  border-color: var(--color-gray-200);
1023
1014
  }
1024
- .flowcore-ui .border-gray-300 {
1015
+ .border-gray-300 {
1025
1016
  border-color: var(--color-gray-300);
1026
1017
  }
1027
- .flowcore-ui .border-green-200 {
1018
+ .border-green-200 {
1028
1019
  border-color: var(--color-green-200);
1029
1020
  }
1030
- .flowcore-ui .border-indigo-100 {
1021
+ .border-indigo-100 {
1031
1022
  border-color: var(--color-indigo-100);
1032
1023
  }
1033
- .flowcore-ui .border-red-100 {
1024
+ .border-red-100 {
1034
1025
  border-color: var(--color-red-100);
1035
1026
  }
1036
- .flowcore-ui .border-red-200 {
1027
+ .border-red-200 {
1037
1028
  border-color: var(--color-red-200);
1038
1029
  }
1039
- .flowcore-ui .border-red-500 {
1030
+ .border-red-500 {
1040
1031
  border-color: var(--color-red-500);
1041
1032
  }
1042
- .flowcore-ui .border-rose-200 {
1033
+ .border-rose-200 {
1043
1034
  border-color: var(--color-rose-200);
1044
1035
  }
1045
- .flowcore-ui .border-rose-200\/60 {
1036
+ .border-rose-200\/60 {
1046
1037
  border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 60%, transparent);
1047
1038
  @supports (color: color-mix(in lab, red, red)) {
1048
1039
  border-color: color-mix(in oklab, var(--color-rose-200) 60%, transparent);
1049
1040
  }
1050
1041
  }
1051
- .flowcore-ui .border-slate-50 {
1042
+ .border-slate-50 {
1052
1043
  border-color: var(--color-slate-50);
1053
1044
  }
1054
- .flowcore-ui .border-slate-100 {
1045
+ .border-slate-100 {
1055
1046
  border-color: var(--color-slate-100);
1056
1047
  }
1057
- .flowcore-ui .border-slate-100\/80 {
1048
+ .border-slate-100\/80 {
1058
1049
  border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
1059
1050
  @supports (color: color-mix(in lab, red, red)) {
1060
1051
  border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
1061
1052
  }
1062
1053
  }
1063
- .flowcore-ui .border-slate-200 {
1054
+ .border-slate-200 {
1064
1055
  border-color: var(--color-slate-200);
1065
1056
  }
1066
- .flowcore-ui .border-slate-200\/80 {
1057
+ .border-slate-200\/80 {
1067
1058
  border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
1068
1059
  @supports (color: color-mix(in lab, red, red)) {
1069
1060
  border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
1070
1061
  }
1071
1062
  }
1072
- .flowcore-ui .border-slate-300 {
1063
+ .border-slate-300 {
1073
1064
  border-color: var(--color-slate-300);
1074
1065
  }
1075
- .flowcore-ui .border-transparent {
1066
+ .border-transparent {
1076
1067
  border-color: transparent;
1077
1068
  }
1078
- .flowcore-ui .bg-\[\#2563eb\] {
1069
+ .bg-\[\#2563eb\] {
1079
1070
  background-color: #2563eb;
1080
1071
  }
1081
- .flowcore-ui .bg-\[\#F5F7FB\] {
1072
+ .bg-\[\#F5F7FB\] {
1082
1073
  background-color: #F5F7FB;
1083
1074
  }
1084
- .flowcore-ui .bg-\[\#f5f7fb\] {
1075
+ .bg-\[\#f5f7fb\] {
1085
1076
  background-color: #f5f7fb;
1086
1077
  }
1087
- .flowcore-ui .bg-amber-50 {
1078
+ .bg-amber-50 {
1088
1079
  background-color: var(--color-amber-50);
1089
1080
  }
1090
- .flowcore-ui .bg-black\/10 {
1081
+ .bg-black\/10 {
1091
1082
  background-color: color-mix(in srgb, #000 10%, transparent);
1092
1083
  @supports (color: color-mix(in lab, red, red)) {
1093
1084
  background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
1094
1085
  }
1095
1086
  }
1096
- .flowcore-ui .bg-black\/40 {
1087
+ .bg-black\/40 {
1097
1088
  background-color: color-mix(in srgb, #000 40%, transparent);
1098
1089
  @supports (color: color-mix(in lab, red, red)) {
1099
1090
  background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1100
1091
  }
1101
1092
  }
1102
- .flowcore-ui .bg-blue-50 {
1093
+ .bg-blue-50 {
1103
1094
  background-color: var(--color-blue-50);
1104
1095
  }
1105
- .flowcore-ui .bg-blue-100\/70 {
1096
+ .bg-blue-100\/70 {
1106
1097
  background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);
1107
1098
  @supports (color: color-mix(in lab, red, red)) {
1108
1099
  background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
1109
1100
  }
1110
1101
  }
1111
- .flowcore-ui .bg-blue-200\/20 {
1102
+ .bg-blue-200\/20 {
1112
1103
  background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 20%, transparent);
1113
1104
  @supports (color: color-mix(in lab, red, red)) {
1114
1105
  background-color: color-mix(in oklab, var(--color-blue-200) 20%, transparent);
1115
1106
  }
1116
1107
  }
1117
- .flowcore-ui .bg-blue-600 {
1108
+ .bg-blue-600 {
1118
1109
  background-color: var(--color-blue-600);
1119
1110
  }
1120
- .flowcore-ui .bg-cyan-200\/20 {
1111
+ .bg-cyan-200\/20 {
1121
1112
  background-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 20%, transparent);
1122
1113
  @supports (color: color-mix(in lab, red, red)) {
1123
1114
  background-color: color-mix(in oklab, var(--color-cyan-200) 20%, transparent);
1124
1115
  }
1125
1116
  }
1126
- .flowcore-ui .bg-emerald-50 {
1117
+ .bg-emerald-50 {
1127
1118
  background-color: var(--color-emerald-50);
1128
1119
  }
1129
- .flowcore-ui .bg-emerald-100\/70 {
1120
+ .bg-emerald-100\/70 {
1130
1121
  background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 70%, transparent);
1131
1122
  @supports (color: color-mix(in lab, red, red)) {
1132
1123
  background-color: color-mix(in oklab, var(--color-emerald-100) 70%, transparent);
1133
1124
  }
1134
1125
  }
1135
- .flowcore-ui .bg-gray-50 {
1126
+ .bg-gray-50 {
1136
1127
  background-color: var(--color-gray-50);
1137
1128
  }
1138
- .flowcore-ui .bg-gray-50\/70 {
1129
+ .bg-gray-50\/70 {
1139
1130
  background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 70%, transparent);
1140
1131
  @supports (color: color-mix(in lab, red, red)) {
1141
1132
  background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);
1142
1133
  }
1143
1134
  }
1144
- .flowcore-ui .bg-gray-100 {
1135
+ .bg-gray-100 {
1145
1136
  background-color: var(--color-gray-100);
1146
1137
  }
1147
- .flowcore-ui .bg-gray-100\/80 {
1138
+ .bg-gray-100\/80 {
1148
1139
  background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent);
1149
1140
  @supports (color: color-mix(in lab, red, red)) {
1150
1141
  background-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent);
1151
1142
  }
1152
1143
  }
1153
- .flowcore-ui .bg-green-50 {
1144
+ .bg-green-50 {
1154
1145
  background-color: var(--color-green-50);
1155
1146
  }
1156
- .flowcore-ui .bg-green-100 {
1147
+ .bg-green-100 {
1157
1148
  background-color: var(--color-green-100);
1158
1149
  }
1159
- .flowcore-ui .bg-indigo-50 {
1150
+ .bg-indigo-50 {
1160
1151
  background-color: var(--color-indigo-50);
1161
1152
  }
1162
- .flowcore-ui .bg-indigo-600 {
1153
+ .bg-indigo-600 {
1163
1154
  background-color: var(--color-indigo-600);
1164
1155
  }
1165
- .flowcore-ui .bg-orange-100 {
1156
+ .bg-orange-100 {
1166
1157
  background-color: var(--color-orange-100);
1167
1158
  }
1168
- .flowcore-ui .bg-red-50 {
1159
+ .bg-red-50 {
1169
1160
  background-color: var(--color-red-50);
1170
1161
  }
1171
- .flowcore-ui .bg-red-100 {
1162
+ .bg-red-100 {
1172
1163
  background-color: var(--color-red-100);
1173
1164
  }
1174
- .flowcore-ui .bg-red-600 {
1165
+ .bg-red-600 {
1175
1166
  background-color: var(--color-red-600);
1176
1167
  }
1177
- .flowcore-ui .bg-rose-50 {
1168
+ .bg-rose-50 {
1178
1169
  background-color: var(--color-rose-50);
1179
1170
  }
1180
- .flowcore-ui .bg-rose-100 {
1171
+ .bg-rose-100 {
1181
1172
  background-color: var(--color-rose-100);
1182
1173
  }
1183
- .flowcore-ui .bg-rose-100\/70 {
1174
+ .bg-rose-100\/70 {
1184
1175
  background-color: color-mix(in srgb, oklch(94.1% 0.03 12.58) 70%, transparent);
1185
1176
  @supports (color: color-mix(in lab, red, red)) {
1186
1177
  background-color: color-mix(in oklab, var(--color-rose-100) 70%, transparent);
1187
1178
  }
1188
1179
  }
1189
- .flowcore-ui .bg-rose-600 {
1180
+ .bg-rose-600 {
1190
1181
  background-color: var(--color-rose-600);
1191
1182
  }
1192
- .flowcore-ui .bg-slate-50 {
1183
+ .bg-slate-50 {
1193
1184
  background-color: var(--color-slate-50);
1194
1185
  }
1195
- .flowcore-ui .bg-slate-50\/30 {
1186
+ .bg-slate-50\/30 {
1196
1187
  background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 30%, transparent);
1197
1188
  @supports (color: color-mix(in lab, red, red)) {
1198
1189
  background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent);
1199
1190
  }
1200
1191
  }
1201
- .flowcore-ui .bg-slate-50\/50 {
1192
+ .bg-slate-50\/50 {
1202
1193
  background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
1203
1194
  @supports (color: color-mix(in lab, red, red)) {
1204
1195
  background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
1205
1196
  }
1206
1197
  }
1207
- .flowcore-ui .bg-slate-50\/70 {
1198
+ .bg-slate-50\/70 {
1208
1199
  background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
1209
1200
  @supports (color: color-mix(in lab, red, red)) {
1210
1201
  background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
1211
1202
  }
1212
1203
  }
1213
- .flowcore-ui .bg-slate-100 {
1204
+ .bg-slate-100 {
1214
1205
  background-color: var(--color-slate-100);
1215
1206
  }
1216
- .flowcore-ui .bg-slate-200 {
1207
+ .bg-slate-200 {
1217
1208
  background-color: var(--color-slate-200);
1218
1209
  }
1219
- .flowcore-ui .bg-slate-900\/50 {
1210
+ .bg-slate-900\/50 {
1220
1211
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
1221
1212
  @supports (color: color-mix(in lab, red, red)) {
1222
1213
  background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
1223
1214
  }
1224
1215
  }
1225
- .flowcore-ui .bg-white {
1216
+ .bg-white {
1226
1217
  background-color: var(--color-white);
1227
1218
  }
1228
- .flowcore-ui .bg-white\/20 {
1219
+ .bg-white\/20 {
1229
1220
  background-color: color-mix(in srgb, #fff 20%, transparent);
1230
1221
  @supports (color: color-mix(in lab, red, red)) {
1231
1222
  background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1232
1223
  }
1233
1224
  }
1234
- .flowcore-ui .bg-white\/90 {
1225
+ .bg-white\/90 {
1235
1226
  background-color: color-mix(in srgb, #fff 90%, transparent);
1236
1227
  @supports (color: color-mix(in lab, red, red)) {
1237
1228
  background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
1238
1229
  }
1239
1230
  }
1240
- .flowcore-ui .bg-zinc-50 {
1231
+ .bg-zinc-50 {
1241
1232
  background-color: var(--color-zinc-50);
1242
1233
  }
1243
- .flowcore-ui .bg-gradient-to-br {
1234
+ .bg-gradient-to-br {
1244
1235
  --tw-gradient-position: to bottom right in oklab;
1245
1236
  background-image: linear-gradient(var(--tw-gradient-stops));
1246
1237
  }
1247
- .flowcore-ui .bg-gradient-to-r {
1238
+ .bg-gradient-to-r {
1248
1239
  --tw-gradient-position: to right in oklab;
1249
1240
  background-image: linear-gradient(var(--tw-gradient-stops));
1250
1241
  }
1251
- .flowcore-ui .from-blue-500 {
1242
+ .from-blue-500 {
1252
1243
  --tw-gradient-from: var(--color-blue-500);
1253
1244
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1254
1245
  }
1255
- .flowcore-ui .from-blue-600 {
1246
+ .from-blue-600 {
1256
1247
  --tw-gradient-from: var(--color-blue-600);
1257
1248
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1258
1249
  }
1259
- .flowcore-ui .via-cyan-400 {
1250
+ .via-cyan-400 {
1260
1251
  --tw-gradient-via: var(--color-cyan-400);
1261
1252
  --tw-gradient-via-stops:
1262
1253
  var(--tw-gradient-position),
@@ -1265,447 +1256,445 @@
1265
1256
  var(--tw-gradient-to) var(--tw-gradient-to-position);
1266
1257
  --tw-gradient-stops: var(--tw-gradient-via-stops);
1267
1258
  }
1268
- .flowcore-ui .to-indigo-500 {
1259
+ .to-indigo-500 {
1269
1260
  --tw-gradient-to: var(--color-indigo-500);
1270
1261
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1271
1262
  }
1272
- .flowcore-ui .to-indigo-600 {
1263
+ .to-indigo-600 {
1273
1264
  --tw-gradient-to: var(--color-indigo-600);
1274
1265
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1275
1266
  }
1276
- .flowcore-ui .stroke-\[2\.5\] {
1267
+ .stroke-\[2\.5\] {
1277
1268
  stroke-width: 2.5;
1278
1269
  }
1279
- .flowcore-ui .p-1\.5 {
1270
+ .p-1\.5 {
1280
1271
  padding: calc(var(--spacing) * 1.5);
1281
1272
  }
1282
- .flowcore-ui .p-2 {
1273
+ .p-2 {
1283
1274
  padding: calc(var(--spacing) * 2);
1284
1275
  }
1285
- .flowcore-ui .p-2\.5 {
1276
+ .p-2\.5 {
1286
1277
  padding: calc(var(--spacing) * 2.5);
1287
1278
  }
1288
- .flowcore-ui .p-3 {
1279
+ .p-3 {
1289
1280
  padding: calc(var(--spacing) * 3);
1290
1281
  }
1291
- .flowcore-ui .p-3\.5 {
1282
+ .p-3\.5 {
1292
1283
  padding: calc(var(--spacing) * 3.5);
1293
1284
  }
1294
- .flowcore-ui .p-4 {
1285
+ .p-4 {
1295
1286
  padding: calc(var(--spacing) * 4);
1296
1287
  }
1297
- .flowcore-ui .p-5 {
1288
+ .p-5 {
1298
1289
  padding: calc(var(--spacing) * 5);
1299
1290
  }
1300
- .flowcore-ui .p-6 {
1291
+ .p-6 {
1301
1292
  padding: calc(var(--spacing) * 6);
1302
1293
  }
1303
- .flowcore-ui .p-8 {
1294
+ .p-8 {
1304
1295
  padding: calc(var(--spacing) * 8);
1305
1296
  }
1306
- .flowcore-ui .px-2 {
1297
+ .px-2 {
1307
1298
  padding-inline: calc(var(--spacing) * 2);
1308
1299
  }
1309
- .flowcore-ui .px-2\.5 {
1300
+ .px-2\.5 {
1310
1301
  padding-inline: calc(var(--spacing) * 2.5);
1311
1302
  }
1312
- .flowcore-ui .px-3 {
1303
+ .px-3 {
1313
1304
  padding-inline: calc(var(--spacing) * 3);
1314
1305
  }
1315
- .flowcore-ui .px-3\.5 {
1306
+ .px-3\.5 {
1316
1307
  padding-inline: calc(var(--spacing) * 3.5);
1317
1308
  }
1318
- .flowcore-ui .px-4 {
1309
+ .px-4 {
1319
1310
  padding-inline: calc(var(--spacing) * 4);
1320
1311
  }
1321
- .flowcore-ui .px-5 {
1312
+ .px-5 {
1322
1313
  padding-inline: calc(var(--spacing) * 5);
1323
1314
  }
1324
- .flowcore-ui .px-6 {
1315
+ .px-6 {
1325
1316
  padding-inline: calc(var(--spacing) * 6);
1326
1317
  }
1327
- .flowcore-ui .px-8 {
1318
+ .px-8 {
1328
1319
  padding-inline: calc(var(--spacing) * 8);
1329
1320
  }
1330
- .flowcore-ui .px-16 {
1321
+ .px-16 {
1331
1322
  padding-inline: calc(var(--spacing) * 16);
1332
1323
  }
1333
- .flowcore-ui .px-\[6px\] {
1324
+ .px-\[6px\] {
1334
1325
  padding-inline: 6px;
1335
1326
  }
1336
- .flowcore-ui .px-\[8px\] {
1327
+ .px-\[8px\] {
1337
1328
  padding-inline: 8px;
1338
1329
  }
1339
- .flowcore-ui .px-\[14px\] {
1330
+ .px-\[14px\] {
1340
1331
  padding-inline: 14px;
1341
1332
  }
1342
- .flowcore-ui .px-\[17px\] {
1333
+ .px-\[17px\] {
1343
1334
  padding-inline: 17px;
1344
1335
  }
1345
- .flowcore-ui .px-\[23px\] {
1336
+ .px-\[23px\] {
1346
1337
  padding-inline: 23px;
1347
1338
  }
1348
- .flowcore-ui .px-\[27px\] {
1339
+ .px-\[27px\] {
1349
1340
  padding-inline: 27px;
1350
1341
  }
1351
- .flowcore-ui .py-0\.5 {
1342
+ .py-0\.5 {
1352
1343
  padding-block: calc(var(--spacing) * 0.5);
1353
1344
  }
1354
- .flowcore-ui .py-1 {
1345
+ .py-1 {
1355
1346
  padding-block: var(--spacing);
1356
1347
  }
1357
- .flowcore-ui .py-2 {
1348
+ .py-2 {
1358
1349
  padding-block: calc(var(--spacing) * 2);
1359
1350
  }
1360
- .flowcore-ui .py-2\.5 {
1351
+ .py-2\.5 {
1361
1352
  padding-block: calc(var(--spacing) * 2.5);
1362
1353
  }
1363
- .flowcore-ui .py-3 {
1354
+ .py-3 {
1364
1355
  padding-block: calc(var(--spacing) * 3);
1365
1356
  }
1366
- .flowcore-ui .py-4 {
1357
+ .py-4 {
1367
1358
  padding-block: calc(var(--spacing) * 4);
1368
1359
  }
1369
- .flowcore-ui .py-4\.5 {
1360
+ .py-4\.5 {
1370
1361
  padding-block: calc(var(--spacing) * 4.5);
1371
1362
  }
1372
- .flowcore-ui .py-5 {
1363
+ .py-5 {
1373
1364
  padding-block: calc(var(--spacing) * 5);
1374
1365
  }
1375
- .flowcore-ui .py-6 {
1366
+ .py-6 {
1376
1367
  padding-block: calc(var(--spacing) * 6);
1377
1368
  }
1378
- .flowcore-ui .py-8 {
1369
+ .py-8 {
1379
1370
  padding-block: calc(var(--spacing) * 8);
1380
1371
  }
1381
- .flowcore-ui .py-32 {
1372
+ .py-32 {
1382
1373
  padding-block: calc(var(--spacing) * 32);
1383
1374
  }
1384
- .flowcore-ui .pt-1 {
1375
+ .pt-1 {
1385
1376
  padding-top: var(--spacing);
1386
1377
  }
1387
- .flowcore-ui .pt-2 {
1378
+ .pt-2 {
1388
1379
  padding-top: calc(var(--spacing) * 2);
1389
1380
  }
1390
- .flowcore-ui .pt-4 {
1381
+ .pt-4 {
1391
1382
  padding-top: calc(var(--spacing) * 4);
1392
1383
  }
1393
- .flowcore-ui .pt-6 {
1384
+ .pt-6 {
1394
1385
  padding-top: calc(var(--spacing) * 6);
1395
1386
  }
1396
- .flowcore-ui .pt-\[18px\] {
1387
+ .pt-\[18px\] {
1397
1388
  padding-top: 18px;
1398
1389
  }
1399
- .flowcore-ui .pt-\[31px\] {
1390
+ .pt-\[31px\] {
1400
1391
  padding-top: 31px;
1401
1392
  }
1402
- .flowcore-ui .pr-3 {
1393
+ .pr-3 {
1403
1394
  padding-right: calc(var(--spacing) * 3);
1404
1395
  }
1405
- .flowcore-ui .pr-4 {
1396
+ .pr-4 {
1406
1397
  padding-right: calc(var(--spacing) * 4);
1407
1398
  }
1408
- .flowcore-ui .pb-3 {
1399
+ .pb-3 {
1409
1400
  padding-bottom: calc(var(--spacing) * 3);
1410
1401
  }
1411
- .flowcore-ui .pb-\[30px\] {
1402
+ .pb-\[30px\] {
1412
1403
  padding-bottom: 30px;
1413
1404
  }
1414
- .flowcore-ui .pb-\[34px\] {
1405
+ .pb-\[34px\] {
1415
1406
  padding-bottom: 34px;
1416
1407
  }
1417
- .flowcore-ui .pl-3 {
1408
+ .pl-3 {
1418
1409
  padding-left: calc(var(--spacing) * 3);
1419
1410
  }
1420
- .flowcore-ui .pl-3\.5 {
1411
+ .pl-3\.5 {
1421
1412
  padding-left: calc(var(--spacing) * 3.5);
1422
1413
  }
1423
- .flowcore-ui .pl-9 {
1414
+ .pl-9 {
1424
1415
  padding-left: calc(var(--spacing) * 9);
1425
1416
  }
1426
- .flowcore-ui .pl-10 {
1417
+ .pl-10 {
1427
1418
  padding-left: calc(var(--spacing) * 10);
1428
1419
  }
1429
- .flowcore-ui .pl-\[2px\] {
1420
+ .pl-\[2px\] {
1430
1421
  padding-left: 2px;
1431
1422
  }
1432
- .flowcore-ui .text-center {
1423
+ .text-center {
1433
1424
  text-align: center;
1434
1425
  }
1435
- .flowcore-ui .text-left {
1426
+ .text-left {
1436
1427
  text-align: left;
1437
1428
  }
1438
- .flowcore-ui .font-mono {
1429
+ .font-mono {
1439
1430
  font-family: var(--font-mono);
1440
1431
  }
1441
- .flowcore-ui .font-sans {
1432
+ .font-sans {
1442
1433
  font-family: var(--font-sans);
1443
1434
  }
1444
- .flowcore-ui .text-2xl {
1435
+ .text-2xl {
1445
1436
  font-size: var(--text-2xl);
1446
1437
  line-height: var(--tw-leading, var(--text-2xl--line-height));
1447
1438
  }
1448
- .flowcore-ui .text-3xl {
1439
+ .text-3xl {
1449
1440
  font-size: var(--text-3xl);
1450
1441
  line-height: var(--tw-leading, var(--text-3xl--line-height));
1451
1442
  }
1452
- .flowcore-ui .text-base {
1443
+ .text-base {
1453
1444
  font-size: var(--text-base);
1454
1445
  line-height: var(--tw-leading, var(--text-base--line-height));
1455
1446
  }
1456
- .flowcore-ui .text-lg {
1447
+ .text-lg {
1457
1448
  font-size: var(--text-lg);
1458
1449
  line-height: var(--tw-leading, var(--text-lg--line-height));
1459
1450
  }
1460
- .flowcore-ui .text-sm {
1451
+ .text-sm {
1461
1452
  font-size: var(--text-sm);
1462
1453
  line-height: var(--tw-leading, var(--text-sm--line-height));
1463
1454
  }
1464
- .flowcore-ui .text-xl {
1455
+ .text-xl {
1465
1456
  font-size: var(--text-xl);
1466
1457
  line-height: var(--tw-leading, var(--text-xl--line-height));
1467
1458
  }
1468
- .flowcore-ui .text-xs {
1459
+ .text-xs {
1469
1460
  font-size: var(--text-xs);
1470
1461
  line-height: var(--tw-leading, var(--text-xs--line-height));
1471
1462
  }
1472
- .flowcore-ui .text-\[9px\] {
1463
+ .text-\[9px\] {
1473
1464
  font-size: 9px;
1474
1465
  }
1475
- .flowcore-ui .text-\[10px\] {
1466
+ .text-\[10px\] {
1476
1467
  font-size: 10px;
1477
1468
  }
1478
- .flowcore-ui .text-\[11px\] {
1469
+ .text-\[11px\] {
1479
1470
  font-size: 11px;
1480
1471
  }
1481
- .flowcore-ui .text-\[12px\] {
1472
+ .text-\[12px\] {
1482
1473
  font-size: 12px;
1483
1474
  }
1484
- .flowcore-ui .text-\[13px\] {
1475
+ .text-\[13px\] {
1485
1476
  font-size: 13px;
1486
1477
  }
1487
- .flowcore-ui .text-\[14px\] {
1478
+ .text-\[14px\] {
1488
1479
  font-size: 14px;
1489
1480
  }
1490
- .flowcore-ui .text-\[15px\] {
1481
+ .text-\[15px\] {
1491
1482
  font-size: 15px;
1492
1483
  }
1493
- .flowcore-ui .text-\[16px\] {
1484
+ .text-\[16px\] {
1494
1485
  font-size: 16px;
1495
1486
  }
1496
- .flowcore-ui .text-\[18px\] {
1487
+ .text-\[18px\] {
1497
1488
  font-size: 18px;
1498
1489
  }
1499
- .flowcore-ui .text-\[30px\] {
1490
+ .text-\[30px\] {
1500
1491
  font-size: 30px;
1501
1492
  }
1502
- .flowcore-ui .leading-8 {
1493
+ .leading-8 {
1503
1494
  --tw-leading: calc(var(--spacing) * 8);
1504
1495
  line-height: calc(var(--spacing) * 8);
1505
1496
  }
1506
- .flowcore-ui .leading-10 {
1497
+ .leading-10 {
1507
1498
  --tw-leading: calc(var(--spacing) * 10);
1508
1499
  line-height: calc(var(--spacing) * 10);
1509
1500
  }
1510
- .flowcore-ui .leading-\[20px\] {
1501
+ .leading-\[20px\] {
1511
1502
  --tw-leading: 20px;
1512
1503
  line-height: 20px;
1513
1504
  }
1514
- .flowcore-ui .leading-relaxed {
1505
+ .leading-relaxed {
1515
1506
  --tw-leading: var(--leading-relaxed);
1516
1507
  line-height: var(--leading-relaxed);
1517
1508
  }
1518
- .flowcore-ui .leading-tight {
1509
+ .leading-tight {
1519
1510
  --tw-leading: var(--leading-tight);
1520
1511
  line-height: var(--leading-tight);
1521
1512
  }
1522
- .flowcore-ui .font-bold {
1513
+ .font-bold {
1523
1514
  --tw-font-weight: var(--font-weight-bold);
1524
1515
  font-weight: var(--font-weight-bold);
1525
1516
  }
1526
- .flowcore-ui .font-extrabold {
1517
+ .font-extrabold {
1527
1518
  --tw-font-weight: var(--font-weight-extrabold);
1528
1519
  font-weight: var(--font-weight-extrabold);
1529
1520
  }
1530
- .flowcore-ui .font-medium {
1521
+ .font-medium {
1531
1522
  --tw-font-weight: var(--font-weight-medium);
1532
1523
  font-weight: var(--font-weight-medium);
1533
1524
  }
1534
- .flowcore-ui .font-normal {
1525
+ .font-normal {
1535
1526
  --tw-font-weight: var(--font-weight-normal);
1536
1527
  font-weight: var(--font-weight-normal);
1537
1528
  }
1538
- .flowcore-ui .font-semibold {
1529
+ .font-semibold {
1539
1530
  --tw-font-weight: var(--font-weight-semibold);
1540
1531
  font-weight: var(--font-weight-semibold);
1541
1532
  }
1542
- .flowcore-ui .tracking-\[0\.2px\] {
1533
+ .tracking-\[0\.2px\] {
1543
1534
  --tw-tracking: 0.2px;
1544
1535
  letter-spacing: 0.2px;
1545
1536
  }
1546
- .flowcore-ui .tracking-tight {
1537
+ .tracking-tight {
1547
1538
  --tw-tracking: var(--tracking-tight);
1548
1539
  letter-spacing: var(--tracking-tight);
1549
1540
  }
1550
- .flowcore-ui .tracking-wide {
1541
+ .tracking-wide {
1551
1542
  --tw-tracking: var(--tracking-wide);
1552
1543
  letter-spacing: var(--tracking-wide);
1553
1544
  }
1554
- .flowcore-ui .tracking-wider {
1545
+ .tracking-wider {
1555
1546
  --tw-tracking: var(--tracking-wider);
1556
1547
  letter-spacing: var(--tracking-wider);
1557
1548
  }
1558
- .flowcore-ui .break-words {
1549
+ .break-words {
1559
1550
  overflow-wrap: break-word;
1560
1551
  }
1561
- .flowcore-ui .whitespace-normal {
1552
+ .whitespace-normal {
1562
1553
  white-space: normal;
1563
1554
  }
1564
- .flowcore-ui .whitespace-nowrap {
1555
+ .whitespace-nowrap {
1565
1556
  white-space: nowrap;
1566
1557
  }
1567
- .flowcore-ui .text-\[\#1E293B\] {
1558
+ .text-\[\#1E293B\] {
1568
1559
  color: #1E293B;
1569
1560
  }
1570
- .flowcore-ui .text-\[\#2D3A58\] {
1561
+ .text-\[\#2D3A58\] {
1571
1562
  color: #2D3A58;
1572
1563
  }
1573
- .flowcore-ui .text-\[\#3C4D74\] {
1564
+ .text-\[\#3C4D74\] {
1574
1565
  color: #3C4D74;
1575
1566
  }
1576
- .flowcore-ui .text-\[\#2563eb\] {
1567
+ .text-\[\#2563eb\] {
1577
1568
  color: #2563eb;
1578
1569
  }
1579
- .flowcore-ui .text-\[\#101318\] {
1570
+ .text-\[\#101318\] {
1580
1571
  color: #101318;
1581
1572
  }
1582
- .flowcore-ui .text-\[\#273657\] {
1573
+ .text-\[\#273657\] {
1583
1574
  color: #273657;
1584
1575
  }
1585
- .flowcore-ui .text-\[\#344261\] {
1576
+ .text-\[\#344261\] {
1586
1577
  color: #344261;
1587
1578
  }
1588
- .flowcore-ui .text-\[\#405170\] {
1579
+ .text-\[\#405170\] {
1589
1580
  color: #405170;
1590
1581
  }
1591
- .flowcore-ui .text-amber-600 {
1582
+ .text-amber-600 {
1592
1583
  color: var(--color-amber-600);
1593
1584
  }
1594
- .flowcore-ui .text-amber-700 {
1585
+ .text-amber-700 {
1595
1586
  color: var(--color-amber-700);
1596
1587
  }
1597
- .flowcore-ui .text-black {
1588
+ .text-black {
1598
1589
  color: var(--color-black);
1599
1590
  }
1600
- .flowcore-ui .text-blue-600 {
1591
+ .text-blue-600 {
1601
1592
  color: var(--color-blue-600);
1602
1593
  }
1603
- .flowcore-ui .text-blue-700 {
1594
+ .text-blue-700 {
1604
1595
  color: var(--color-blue-700);
1605
1596
  }
1606
- .flowcore-ui .text-emerald-600 {
1597
+ .text-emerald-600 {
1607
1598
  color: var(--color-emerald-600);
1608
1599
  }
1609
- .flowcore-ui .text-emerald-700 {
1600
+ .text-emerald-700 {
1610
1601
  color: var(--color-emerald-700);
1611
1602
  }
1612
- .flowcore-ui .text-gray-400 {
1603
+ .text-gray-400 {
1613
1604
  color: var(--color-gray-400);
1614
1605
  }
1615
- .flowcore-ui .text-gray-500 {
1606
+ .text-gray-500 {
1616
1607
  color: var(--color-gray-500);
1617
1608
  }
1618
- .flowcore-ui .text-gray-600 {
1609
+ .text-gray-600 {
1619
1610
  color: var(--color-gray-600);
1620
1611
  }
1621
- .flowcore-ui .text-gray-700 {
1612
+ .text-gray-700 {
1622
1613
  color: var(--color-gray-700);
1623
1614
  }
1624
- .flowcore-ui .text-gray-800 {
1615
+ .text-gray-800 {
1625
1616
  color: var(--color-gray-800);
1626
1617
  }
1627
- .flowcore-ui .text-gray-900 {
1618
+ .text-gray-900 {
1628
1619
  color: var(--color-gray-900);
1629
1620
  }
1630
- .flowcore-ui .text-green-700 {
1621
+ .text-green-700 {
1631
1622
  color: var(--color-green-700);
1632
1623
  }
1633
- .flowcore-ui .text-indigo-600 {
1624
+ .text-indigo-600 {
1634
1625
  color: var(--color-indigo-600);
1635
1626
  }
1636
- .flowcore-ui .text-indigo-700 {
1627
+ .text-indigo-700 {
1637
1628
  color: var(--color-indigo-700);
1638
1629
  }
1639
- .flowcore-ui .text-orange-700 {
1630
+ .text-orange-700 {
1640
1631
  color: var(--color-orange-700);
1641
1632
  }
1642
- .flowcore-ui .text-red-400 {
1633
+ .text-red-400 {
1643
1634
  color: var(--color-red-400);
1644
1635
  }
1645
- .flowcore-ui .text-red-500 {
1636
+ .text-red-500 {
1646
1637
  color: var(--color-red-500);
1647
1638
  }
1648
- .flowcore-ui .text-red-600 {
1639
+ .text-red-600 {
1649
1640
  color: var(--color-red-600);
1650
1641
  }
1651
- .flowcore-ui .text-red-700 {
1642
+ .text-red-700 {
1652
1643
  color: var(--color-red-700);
1653
1644
  }
1654
- .flowcore-ui .text-rose-600 {
1645
+ .text-rose-600 {
1655
1646
  color: var(--color-rose-600);
1656
1647
  }
1657
- .flowcore-ui .text-rose-700 {
1648
+ .text-rose-700 {
1658
1649
  color: var(--color-rose-700);
1659
1650
  }
1660
- .flowcore-ui .text-slate-300 {
1651
+ .text-slate-300 {
1661
1652
  color: var(--color-slate-300);
1662
1653
  }
1663
- .flowcore-ui .text-slate-400 {
1654
+ .text-slate-400 {
1664
1655
  color: var(--color-slate-400);
1665
1656
  }
1666
- .flowcore-ui .text-slate-500 {
1657
+ .text-slate-500 {
1667
1658
  color: var(--color-slate-500);
1668
1659
  }
1669
- .flowcore-ui .text-slate-600 {
1660
+ .text-slate-600 {
1670
1661
  color: var(--color-slate-600);
1671
1662
  }
1672
- .flowcore-ui .text-slate-700 {
1663
+ .text-slate-700 {
1673
1664
  color: var(--color-slate-700);
1674
1665
  }
1675
- .flowcore-ui .text-slate-800 {
1666
+ .text-slate-800 {
1676
1667
  color: var(--color-slate-800);
1677
1668
  }
1678
- .flowcore-ui .text-slate-900 {
1669
+ .text-slate-900 {
1679
1670
  color: var(--color-slate-900);
1680
1671
  }
1681
- .flowcore-ui .text-white {
1672
+ .text-white {
1682
1673
  color: var(--color-white);
1683
1674
  }
1684
- .flowcore-ui .text-zinc-600 {
1675
+ .text-zinc-600 {
1685
1676
  color: var(--color-zinc-600);
1686
1677
  }
1687
- .flowcore-ui .text-zinc-950 {
1678
+ .text-zinc-950 {
1688
1679
  color: var(--color-zinc-950);
1689
1680
  }
1690
- .flowcore-ui .uppercase {
1681
+ .uppercase {
1691
1682
  text-transform: uppercase;
1692
1683
  }
1693
- .flowcore-ui .antialiased {
1684
+ .antialiased {
1694
1685
  -webkit-font-smoothing: antialiased;
1695
1686
  -moz-osx-font-smoothing: grayscale;
1696
1687
  }
1697
- .flowcore-ui .placeholder-slate-400 {
1698
- .flowcore-ui &::placeholder {
1699
- color: var(--color-slate-400);
1700
- }
1688
+ .placeholder-slate-400::placeholder {
1689
+ color: var(--color-slate-400);
1701
1690
  }
1702
- .flowcore-ui .opacity-0 {
1691
+ .opacity-0 {
1703
1692
  opacity: 0%;
1704
1693
  }
1705
- .flowcore-ui .opacity-100 {
1694
+ .opacity-100 {
1706
1695
  opacity: 100%;
1707
1696
  }
1708
- .flowcore-ui .shadow {
1697
+ .shadow {
1709
1698
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1710
1699
  box-shadow:
1711
1700
  var(--tw-inset-shadow),
@@ -1714,7 +1703,7 @@
1714
1703
  var(--tw-ring-shadow),
1715
1704
  var(--tw-shadow);
1716
1705
  }
1717
- .flowcore-ui .shadow-2xl {
1706
+ .shadow-2xl {
1718
1707
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1719
1708
  box-shadow:
1720
1709
  var(--tw-inset-shadow),
@@ -1723,7 +1712,7 @@
1723
1712
  var(--tw-ring-shadow),
1724
1713
  var(--tw-shadow);
1725
1714
  }
1726
- .flowcore-ui .shadow-\[0_1px_0_0_rgba\(226\,232\,240\,1\)\] {
1715
+ .shadow-\[0_1px_0_0_rgba\(226\,232\,240\,1\)\] {
1727
1716
  --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(226,232,240,1));
1728
1717
  box-shadow:
1729
1718
  var(--tw-inset-shadow),
@@ -1732,7 +1721,7 @@
1732
1721
  var(--tw-ring-shadow),
1733
1722
  var(--tw-shadow);
1734
1723
  }
1735
- .flowcore-ui .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
1724
+ .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
1736
1725
  --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.08));
1737
1726
  box-shadow:
1738
1727
  var(--tw-inset-shadow),
@@ -1741,7 +1730,7 @@
1741
1730
  var(--tw-ring-shadow),
1742
1731
  var(--tw-shadow);
1743
1732
  }
1744
- .flowcore-ui .shadow-inner {
1733
+ .shadow-inner {
1745
1734
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1746
1735
  box-shadow:
1747
1736
  var(--tw-inset-shadow),
@@ -1750,7 +1739,7 @@
1750
1739
  var(--tw-ring-shadow),
1751
1740
  var(--tw-shadow);
1752
1741
  }
1753
- .flowcore-ui .shadow-lg {
1742
+ .shadow-lg {
1754
1743
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1755
1744
  box-shadow:
1756
1745
  var(--tw-inset-shadow),
@@ -1759,7 +1748,7 @@
1759
1748
  var(--tw-ring-shadow),
1760
1749
  var(--tw-shadow);
1761
1750
  }
1762
- .flowcore-ui .shadow-md {
1751
+ .shadow-md {
1763
1752
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1764
1753
  box-shadow:
1765
1754
  var(--tw-inset-shadow),
@@ -1768,7 +1757,7 @@
1768
1757
  var(--tw-ring-shadow),
1769
1758
  var(--tw-shadow);
1770
1759
  }
1771
- .flowcore-ui .shadow-sm {
1760
+ .shadow-sm {
1772
1761
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1773
1762
  box-shadow:
1774
1763
  var(--tw-inset-shadow),
@@ -1777,7 +1766,7 @@
1777
1766
  var(--tw-ring-shadow),
1778
1767
  var(--tw-shadow);
1779
1768
  }
1780
- .flowcore-ui .ring-0 {
1769
+ .ring-0 {
1781
1770
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1782
1771
  box-shadow:
1783
1772
  var(--tw-inset-shadow),
@@ -1786,52 +1775,52 @@
1786
1775
  var(--tw-ring-shadow),
1787
1776
  var(--tw-shadow);
1788
1777
  }
1789
- .flowcore-ui .shadow-blue-500\/10 {
1778
+ .shadow-blue-500\/10 {
1790
1779
  --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
1791
1780
  @supports (color: color-mix(in lab, red, red)) {
1792
1781
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
1793
1782
  }
1794
1783
  }
1795
- .flowcore-ui .shadow-blue-500\/20 {
1784
+ .shadow-blue-500\/20 {
1796
1785
  --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
1797
1786
  @supports (color: color-mix(in lab, red, red)) {
1798
1787
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1799
1788
  }
1800
1789
  }
1801
- .flowcore-ui .shadow-indigo-500\/10 {
1790
+ .shadow-indigo-500\/10 {
1802
1791
  --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
1803
1792
  @supports (color: color-mix(in lab, red, red)) {
1804
1793
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
1805
1794
  }
1806
1795
  }
1807
- .flowcore-ui .shadow-red-500\/20 {
1796
+ .shadow-red-500\/20 {
1808
1797
  --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
1809
1798
  @supports (color: color-mix(in lab, red, red)) {
1810
1799
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1811
1800
  }
1812
1801
  }
1813
- .flowcore-ui .blur {
1802
+ .blur {
1814
1803
  --tw-blur: blur(8px);
1815
1804
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1816
1805
  }
1817
- .flowcore-ui .blur-3xl {
1806
+ .blur-3xl {
1818
1807
  --tw-blur: blur(var(--blur-3xl));
1819
1808
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1820
1809
  }
1821
- .flowcore-ui .filter {
1810
+ .filter {
1822
1811
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1823
1812
  }
1824
- .flowcore-ui .backdrop-blur-sm {
1813
+ .backdrop-blur-sm {
1825
1814
  --tw-backdrop-blur: blur(var(--blur-sm));
1826
1815
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1827
1816
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1828
1817
  }
1829
- .flowcore-ui .backdrop-blur-xl {
1818
+ .backdrop-blur-xl {
1830
1819
  --tw-backdrop-blur: blur(var(--blur-xl));
1831
1820
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1832
1821
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1833
1822
  }
1834
- .flowcore-ui .transition {
1823
+ .transition {
1835
1824
  transition-property:
1836
1825
  color,
1837
1826
  background-color,
@@ -1859,12 +1848,12 @@
1859
1848
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1860
1849
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1861
1850
  }
1862
- .flowcore-ui .transition-all {
1851
+ .transition-all {
1863
1852
  transition-property: all;
1864
1853
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1865
1854
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1866
1855
  }
1867
- .flowcore-ui .transition-colors {
1856
+ .transition-colors {
1868
1857
  transition-property:
1869
1858
  color,
1870
1859
  background-color,
@@ -1879,12 +1868,12 @@
1879
1868
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1880
1869
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1881
1870
  }
1882
- .flowcore-ui .transition-opacity {
1871
+ .transition-opacity {
1883
1872
  transition-property: opacity;
1884
1873
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1885
1874
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1886
1875
  }
1887
- .flowcore-ui .transition-transform {
1876
+ .transition-transform {
1888
1877
  transition-property:
1889
1878
  transform,
1890
1879
  translate,
@@ -1893,475 +1882,247 @@
1893
1882
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1894
1883
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1895
1884
  }
1896
- .flowcore-ui .duration-150 {
1885
+ .duration-150 {
1897
1886
  --tw-duration: 150ms;
1898
1887
  transition-duration: 150ms;
1899
1888
  }
1900
- .flowcore-ui .duration-200 {
1889
+ .duration-200 {
1901
1890
  --tw-duration: 200ms;
1902
1891
  transition-duration: 200ms;
1903
1892
  }
1904
- .flowcore-ui .duration-300 {
1893
+ .duration-300 {
1905
1894
  --tw-duration: 300ms;
1906
1895
  transition-duration: 300ms;
1907
1896
  }
1908
- .flowcore-ui .duration-1000 {
1897
+ .duration-1000 {
1909
1898
  --tw-duration: 1000ms;
1910
1899
  transition-duration: 1000ms;
1911
1900
  }
1912
- .flowcore-ui .ease-in-out {
1901
+ .ease-in-out {
1913
1902
  --tw-ease: var(--ease-in-out);
1914
1903
  transition-timing-function: var(--ease-in-out);
1915
1904
  }
1916
- .flowcore-ui .outline-none {
1905
+ .outline-none {
1917
1906
  --tw-outline-style: none;
1918
1907
  outline-style: none;
1919
1908
  }
1920
- .flowcore-ui .select-none {
1909
+ .select-none {
1921
1910
  -webkit-user-select: none;
1922
1911
  user-select: none;
1923
1912
  }
1924
- .flowcore-ui .group-hover\:translate-x-\[250\%\] {
1925
- .flowcore-ui &:is(:where(.group):hover *) {
1926
- @media (hover: hover) {
1927
- --tw-translate-x: 250%;
1928
- translate: var(--tw-translate-x) var(--tw-translate-y);
1929
- }
1913
+ @media (hover: hover) {
1914
+ .group-hover\:translate-x-\[250\%\]:is(:where(.group):hover *) {
1915
+ --tw-translate-x: 250%;
1916
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1930
1917
  }
1931
- }
1932
- .flowcore-ui .group-hover\:rotate-90 {
1933
- .flowcore-ui &:is(:where(.group):hover *) {
1934
- @media (hover: hover) {
1935
- rotate: 90deg;
1936
- }
1937
- }
1938
- }
1939
- .flowcore-ui .peer-checked\:bg-indigo-600 {
1940
- .flowcore-ui &:is(:where(.peer):checked ~ *) {
1941
- background-color: var(--color-indigo-600);
1918
+ .group-hover\:rotate-90:is(:where(.group):hover *) {
1919
+ rotate: 90deg;
1942
1920
  }
1943
1921
  }
1944
- .flowcore-ui .peer-focus\:outline-none {
1945
- .flowcore-ui &:is(:where(.peer):focus ~ *) {
1946
- --tw-outline-style: none;
1947
- outline-style: none;
1948
- }
1922
+ .peer-checked\:bg-indigo-600:is(:where(.peer):checked ~ *) {
1923
+ background-color: var(--color-indigo-600);
1949
1924
  }
1950
- .flowcore-ui .after\:absolute {
1951
- .flowcore-ui &::after {
1952
- content: var(--tw-content);
1953
- position: absolute;
1954
- }
1925
+ .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {
1926
+ --tw-outline-style: none;
1927
+ outline-style: none;
1955
1928
  }
1956
- .flowcore-ui .after\:top-\[2px\] {
1957
- .flowcore-ui &::after {
1958
- content: var(--tw-content);
1959
- top: 2px;
1960
- }
1929
+ .after\:absolute::after {
1930
+ content: var(--tw-content);
1931
+ position: absolute;
1961
1932
  }
1962
- .flowcore-ui .after\:left-\[2px\] {
1963
- .flowcore-ui &::after {
1964
- content: var(--tw-content);
1965
- left: 2px;
1966
- }
1933
+ .after\:top-\[2px\]::after {
1934
+ content: var(--tw-content);
1935
+ top: 2px;
1967
1936
  }
1968
- .flowcore-ui .after\:h-3\.5 {
1969
- .flowcore-ui &::after {
1970
- content: var(--tw-content);
1971
- height: calc(var(--spacing) * 3.5);
1972
- }
1937
+ .after\:left-\[2px\]::after {
1938
+ content: var(--tw-content);
1939
+ left: 2px;
1973
1940
  }
1974
- .flowcore-ui .after\:w-3\.5 {
1975
- .flowcore-ui &::after {
1976
- content: var(--tw-content);
1977
- width: calc(var(--spacing) * 3.5);
1978
- }
1941
+ .after\:h-3\.5::after {
1942
+ content: var(--tw-content);
1943
+ height: calc(var(--spacing) * 3.5);
1979
1944
  }
1980
- .flowcore-ui .after\:rounded-full {
1981
- .flowcore-ui &::after {
1982
- content: var(--tw-content);
1983
- border-radius: calc(infinity * 1px);
1984
- }
1945
+ .after\:w-3\.5::after {
1946
+ content: var(--tw-content);
1947
+ width: calc(var(--spacing) * 3.5);
1985
1948
  }
1986
- .flowcore-ui .after\:border {
1987
- .flowcore-ui &::after {
1988
- content: var(--tw-content);
1989
- border-style: var(--tw-border-style);
1990
- border-width: 1px;
1991
- }
1949
+ .after\:rounded-full::after {
1950
+ content: var(--tw-content);
1951
+ border-radius: calc(infinity * 1px);
1992
1952
  }
1993
- .flowcore-ui .after\:border-slate-300 {
1994
- .flowcore-ui &::after {
1995
- content: var(--tw-content);
1996
- border-color: var(--color-slate-300);
1997
- }
1953
+ .after\:border::after {
1954
+ content: var(--tw-content);
1955
+ border-style: var(--tw-border-style);
1956
+ border-width: 1px;
1998
1957
  }
1999
- .flowcore-ui .after\:bg-white {
2000
- .flowcore-ui &::after {
2001
- content: var(--tw-content);
2002
- background-color: var(--color-white);
2003
- }
1958
+ .after\:border-slate-300::after {
1959
+ content: var(--tw-content);
1960
+ border-color: var(--color-slate-300);
2004
1961
  }
2005
- .flowcore-ui .after\:transition-all {
2006
- .flowcore-ui &::after {
2007
- content: var(--tw-content);
2008
- transition-property: all;
2009
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2010
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2011
- }
1962
+ .after\:bg-white::after {
1963
+ content: var(--tw-content);
1964
+ background-color: var(--color-white);
2012
1965
  }
2013
- .flowcore-ui .after\:content-\[\'\'\] {
2014
- .flowcore-ui &::after {
2015
- --tw-content: "";
2016
- content: var(--tw-content);
2017
- }
1966
+ .after\:transition-all::after {
1967
+ content: var(--tw-content);
1968
+ transition-property: all;
1969
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1970
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2018
1971
  }
2019
- .flowcore-ui .peer-checked\:after\:translate-x-full {
2020
- .flowcore-ui &:is(:where(.peer):checked ~ *) {
2021
- .flowcore-ui &::after {
2022
- content: var(--tw-content);
2023
- --tw-translate-x: 100%;
2024
- translate: var(--tw-translate-x) var(--tw-translate-y);
2025
- }
2026
- }
1972
+ .after\:content-\[\'\'\]::after {
1973
+ --tw-content: "";
1974
+ content: var(--tw-content);
2027
1975
  }
2028
- .flowcore-ui .peer-checked\:after\:border-white {
2029
- .flowcore-ui &:is(:where(.peer):checked ~ *) {
2030
- .flowcore-ui &::after {
2031
- content: var(--tw-content);
2032
- border-color: var(--color-white);
2033
- }
2034
- }
1976
+ .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *)::after {
1977
+ content: var(--tw-content);
1978
+ --tw-translate-x: 100%;
1979
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2035
1980
  }
2036
- .flowcore-ui .last\:border-0 {
2037
- .flowcore-ui &:last-child {
2038
- border-style: var(--tw-border-style);
2039
- border-width: 0px;
2040
- }
1981
+ .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *)::after {
1982
+ content: var(--tw-content);
1983
+ border-color: var(--color-white);
2041
1984
  }
2042
- .flowcore-ui .hover\:-translate-y-0\.5 {
2043
- .flowcore-ui &:hover {
2044
- @media (hover: hover) {
2045
- --tw-translate-y: calc(var(--spacing) * -0.5);
2046
- translate: var(--tw-translate-x) var(--tw-translate-y);
2047
- }
2048
- }
1985
+ .last\:border-0:last-child {
1986
+ border-style: var(--tw-border-style);
1987
+ border-width: 0px;
2049
1988
  }
2050
- .flowcore-ui .hover\:scale-110 {
2051
- .flowcore-ui &:hover {
2052
- @media (hover: hover) {
2053
- --tw-scale-x: 110%;
2054
- --tw-scale-y: 110%;
2055
- --tw-scale-z: 110%;
2056
- scale: var(--tw-scale-x) var(--tw-scale-y);
2057
- }
1989
+ @media (hover: hover) {
1990
+ .hover\:-translate-y-0\.5:hover {
1991
+ --tw-translate-y: calc(var(--spacing) * -0.5);
1992
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2058
1993
  }
2059
- }
2060
- .flowcore-ui .hover\:rotate-6 {
2061
- .flowcore-ui &:hover {
2062
- @media (hover: hover) {
2063
- rotate: 6deg;
2064
- }
1994
+ .hover\:scale-110:hover {
1995
+ --tw-scale-x: 110%;
1996
+ --tw-scale-y: 110%;
1997
+ --tw-scale-z: 110%;
1998
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2065
1999
  }
2066
- }
2067
- .flowcore-ui .hover\:border-blue-600 {
2068
- .flowcore-ui &:hover {
2069
- @media (hover: hover) {
2070
- border-color: var(--color-blue-600);
2071
- }
2000
+ .hover\:rotate-6:hover {
2001
+ rotate: 6deg;
2072
2002
  }
2073
- }
2074
- .flowcore-ui .hover\:border-transparent {
2075
- .flowcore-ui &:hover {
2076
- @media (hover: hover) {
2077
- border-color: transparent;
2078
- }
2003
+ .hover\:border-blue-600:hover {
2004
+ border-color: var(--color-blue-600);
2079
2005
  }
2080
- }
2081
- .flowcore-ui .hover\:bg-\[\#1d4ed8\] {
2082
- .flowcore-ui &:hover {
2083
- @media (hover: hover) {
2084
- background-color: #1d4ed8;
2085
- }
2006
+ .hover\:border-transparent:hover {
2007
+ border-color: transparent;
2086
2008
  }
2087
- }
2088
- .flowcore-ui .hover\:bg-\[\#383838\] {
2089
- .flowcore-ui &:hover {
2090
- @media (hover: hover) {
2091
- background-color: #383838;
2092
- }
2009
+ .hover\:bg-\[\#1d4ed8\]:hover {
2010
+ background-color: #1d4ed8;
2093
2011
  }
2094
- }
2095
- .flowcore-ui .hover\:bg-\[\#F3F5F9\] {
2096
- .flowcore-ui &:hover {
2097
- @media (hover: hover) {
2098
- background-color: #F3F5F9;
2099
- }
2012
+ .hover\:bg-\[\#383838\]:hover {
2013
+ background-color: #383838;
2100
2014
  }
2101
- }
2102
- .flowcore-ui .hover\:bg-\[\#F6F8FC\] {
2103
- .flowcore-ui &:hover {
2104
- @media (hover: hover) {
2105
- background-color: #F6F8FC;
2106
- }
2015
+ .hover\:bg-\[\#F3F5F9\]:hover {
2016
+ background-color: #F3F5F9;
2107
2017
  }
2108
- }
2109
- .flowcore-ui .hover\:bg-\[\#F7F8FC\] {
2110
- .flowcore-ui &:hover {
2111
- @media (hover: hover) {
2112
- background-color: #F7F8FC;
2113
- }
2018
+ .hover\:bg-\[\#F6F8FC\]:hover {
2019
+ background-color: #F6F8FC;
2114
2020
  }
2115
- }
2116
- .flowcore-ui .hover\:bg-black\/\[\.04\] {
2117
- .flowcore-ui &:hover {
2118
- @media (hover: hover) {
2119
- background-color: color-mix(in srgb, #000 4%, transparent);
2120
- @supports (color: color-mix(in lab, red, red)) {
2121
- background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
2122
- }
2123
- }
2021
+ .hover\:bg-\[\#F7F8FC\]:hover {
2022
+ background-color: #F7F8FC;
2124
2023
  }
2125
- }
2126
- .flowcore-ui .hover\:bg-blue-50 {
2127
- .flowcore-ui &:hover {
2128
- @media (hover: hover) {
2129
- background-color: var(--color-blue-50);
2130
- }
2024
+ .hover\:bg-black\/\[\.04\]:hover {
2025
+ background-color: color-mix(in srgb, #000 4%, transparent);
2131
2026
  }
2132
- }
2133
- .flowcore-ui .hover\:bg-blue-100 {
2134
- .flowcore-ui &:hover {
2135
- @media (hover: hover) {
2136
- background-color: var(--color-blue-100);
2027
+ @supports (color: color-mix(in lab, red, red)) {
2028
+ .hover\:bg-black\/\[\.04\]:hover {
2029
+ background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
2137
2030
  }
2138
2031
  }
2139
- }
2140
- .flowcore-ui .hover\:bg-blue-200\/80 {
2141
- .flowcore-ui &:hover {
2142
- @media (hover: hover) {
2143
- background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 80%, transparent);
2144
- @supports (color: color-mix(in lab, red, red)) {
2145
- background-color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
2146
- }
2147
- }
2032
+ .hover\:bg-blue-50:hover {
2033
+ background-color: var(--color-blue-50);
2148
2034
  }
2149
- }
2150
- .flowcore-ui .hover\:bg-blue-600 {
2151
- .flowcore-ui &:hover {
2152
- @media (hover: hover) {
2153
- background-color: var(--color-blue-600);
2154
- }
2035
+ .hover\:bg-blue-100:hover {
2036
+ background-color: var(--color-blue-100);
2155
2037
  }
2156
- }
2157
- .flowcore-ui .hover\:bg-blue-700 {
2158
- .flowcore-ui &:hover {
2159
- @media (hover: hover) {
2160
- background-color: var(--color-blue-700);
2161
- }
2038
+ .hover\:bg-blue-200\/80:hover {
2039
+ background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 80%, transparent);
2162
2040
  }
2163
- }
2164
- .flowcore-ui .hover\:bg-gray-100 {
2165
- .flowcore-ui &:hover {
2166
- @media (hover: hover) {
2167
- background-color: var(--color-gray-100);
2041
+ @supports (color: color-mix(in lab, red, red)) {
2042
+ .hover\:bg-blue-200\/80:hover {
2043
+ background-color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
2168
2044
  }
2169
2045
  }
2170
- }
2171
- .flowcore-ui .hover\:bg-gray-200 {
2172
- .flowcore-ui &:hover {
2173
- @media (hover: hover) {
2174
- background-color: var(--color-gray-200);
2175
- }
2046
+ .hover\:bg-blue-600:hover {
2047
+ background-color: var(--color-blue-600);
2176
2048
  }
2177
- }
2178
- .flowcore-ui .hover\:bg-indigo-700 {
2179
- .flowcore-ui &:hover {
2180
- @media (hover: hover) {
2181
- background-color: var(--color-indigo-700);
2182
- }
2049
+ .hover\:bg-blue-700:hover {
2050
+ background-color: var(--color-blue-700);
2183
2051
  }
2184
- }
2185
- .flowcore-ui .hover\:bg-red-100 {
2186
- .flowcore-ui &:hover {
2187
- @media (hover: hover) {
2188
- background-color: var(--color-red-100);
2189
- }
2052
+ .hover\:bg-gray-100:hover {
2053
+ background-color: var(--color-gray-100);
2190
2054
  }
2191
- }
2192
- .flowcore-ui .hover\:bg-red-700 {
2193
- .flowcore-ui &:hover {
2194
- @media (hover: hover) {
2195
- background-color: var(--color-red-700);
2196
- }
2055
+ .hover\:bg-gray-200:hover {
2056
+ background-color: var(--color-gray-200);
2197
2057
  }
2198
- }
2199
- .flowcore-ui .hover\:bg-rose-100 {
2200
- .flowcore-ui &:hover {
2201
- @media (hover: hover) {
2202
- background-color: var(--color-rose-100);
2203
- }
2058
+ .hover\:bg-indigo-700:hover {
2059
+ background-color: var(--color-indigo-700);
2204
2060
  }
2205
- }
2206
- .flowcore-ui .hover\:bg-rose-200\/80 {
2207
- .flowcore-ui &:hover {
2208
- @media (hover: hover) {
2209
- background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
2210
- @supports (color: color-mix(in lab, red, red)) {
2211
- background-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
2212
- }
2213
- }
2061
+ .hover\:bg-red-100:hover {
2062
+ background-color: var(--color-red-100);
2214
2063
  }
2215
- }
2216
- .flowcore-ui .hover\:bg-rose-700 {
2217
- .flowcore-ui &:hover {
2218
- @media (hover: hover) {
2219
- background-color: var(--color-rose-700);
2220
- }
2064
+ .hover\:bg-red-700:hover {
2065
+ background-color: var(--color-red-700);
2221
2066
  }
2222
- }
2223
- .flowcore-ui .hover\:bg-slate-50 {
2224
- .flowcore-ui &:hover {
2225
- @media (hover: hover) {
2226
- background-color: var(--color-slate-50);
2227
- }
2067
+ .hover\:bg-rose-100:hover {
2068
+ background-color: var(--color-rose-100);
2228
2069
  }
2229
- }
2230
- .flowcore-ui .hover\:bg-slate-50\/50 {
2231
- .flowcore-ui &:hover {
2232
- @media (hover: hover) {
2233
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
2234
- @supports (color: color-mix(in lab, red, red)) {
2235
- background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
2236
- }
2237
- }
2070
+ .hover\:bg-rose-200\/80:hover {
2071
+ background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
2238
2072
  }
2239
- }
2240
- .flowcore-ui .hover\:bg-slate-50\/80 {
2241
- .flowcore-ui &:hover {
2242
- @media (hover: hover) {
2243
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
2244
- @supports (color: color-mix(in lab, red, red)) {
2245
- background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
2246
- }
2247
- }
2248
- }
2249
- }
2250
- .flowcore-ui .hover\:bg-slate-100 {
2251
- .flowcore-ui &:hover {
2252
- @media (hover: hover) {
2253
- background-color: var(--color-slate-100);
2073
+ @supports (color: color-mix(in lab, red, red)) {
2074
+ .hover\:bg-rose-200\/80:hover {
2075
+ background-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
2254
2076
  }
2255
2077
  }
2256
- }
2257
- .flowcore-ui .hover\:text-blue-600 {
2258
- .flowcore-ui &:hover {
2259
- @media (hover: hover) {
2260
- color: var(--color-blue-600);
2261
- }
2078
+ .hover\:bg-rose-700:hover {
2079
+ background-color: var(--color-rose-700);
2262
2080
  }
2263
- }
2264
- .flowcore-ui .hover\:text-gray-600 {
2265
- .flowcore-ui &:hover {
2266
- @media (hover: hover) {
2267
- color: var(--color-gray-600);
2268
- }
2081
+ .hover\:bg-slate-50:hover {
2082
+ background-color: var(--color-slate-50);
2269
2083
  }
2270
- }
2271
- .flowcore-ui .hover\:text-slate-600 {
2272
- .flowcore-ui &:hover {
2273
- @media (hover: hover) {
2274
- color: var(--color-slate-600);
2275
- }
2084
+ .hover\:bg-slate-50\/50:hover {
2085
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
2276
2086
  }
2277
- }
2278
- .flowcore-ui .hover\:text-slate-700 {
2279
- .flowcore-ui &:hover {
2280
- @media (hover: hover) {
2281
- color: var(--color-slate-700);
2087
+ @supports (color: color-mix(in lab, red, red)) {
2088
+ .hover\:bg-slate-50\/50:hover {
2089
+ background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
2282
2090
  }
2283
2091
  }
2284
- }
2285
- .flowcore-ui .hover\:text-slate-900 {
2286
- .flowcore-ui &:hover {
2287
- @media (hover: hover) {
2288
- color: var(--color-slate-900);
2289
- }
2092
+ .hover\:bg-slate-50\/80:hover {
2093
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
2290
2094
  }
2291
- }
2292
- .flowcore-ui .hover\:text-white {
2293
- .flowcore-ui &:hover {
2294
- @media (hover: hover) {
2295
- color: var(--color-white);
2095
+ @supports (color: color-mix(in lab, red, red)) {
2096
+ .hover\:bg-slate-50\/80:hover {
2097
+ background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
2296
2098
  }
2297
2099
  }
2298
- }
2299
- .flowcore-ui .hover\:underline {
2300
- .flowcore-ui &:hover {
2301
- @media (hover: hover) {
2302
- text-decoration-line: underline;
2303
- }
2100
+ .hover\:bg-slate-100:hover {
2101
+ background-color: var(--color-slate-100);
2304
2102
  }
2305
- }
2306
- .flowcore-ui .hover\:shadow-lg {
2307
- .flowcore-ui &:hover {
2308
- @media (hover: hover) {
2309
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2310
- box-shadow:
2311
- var(--tw-inset-shadow),
2312
- var(--tw-inset-ring-shadow),
2313
- var(--tw-ring-offset-shadow),
2314
- var(--tw-ring-shadow),
2315
- var(--tw-shadow);
2316
- }
2103
+ .hover\:text-blue-600:hover {
2104
+ color: var(--color-blue-600);
2317
2105
  }
2318
- }
2319
- .flowcore-ui .hover\:shadow-xl {
2320
- .flowcore-ui &:hover {
2321
- @media (hover: hover) {
2322
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2323
- box-shadow:
2324
- var(--tw-inset-shadow),
2325
- var(--tw-inset-ring-shadow),
2326
- var(--tw-ring-offset-shadow),
2327
- var(--tw-ring-shadow),
2328
- var(--tw-shadow);
2329
- }
2106
+ .hover\:text-gray-600:hover {
2107
+ color: var(--color-gray-600);
2330
2108
  }
2331
- }
2332
- .flowcore-ui .hover\:shadow-blue-500\/30 {
2333
- .flowcore-ui &:hover {
2334
- @media (hover: hover) {
2335
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
2336
- @supports (color: color-mix(in lab, red, red)) {
2337
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
2338
- }
2339
- }
2109
+ .hover\:text-slate-600:hover {
2110
+ color: var(--color-slate-600);
2340
2111
  }
2341
- }
2342
- .flowcore-ui .focus\:border-\[\#2563eb\] {
2343
- .flowcore-ui &:focus {
2344
- border-color: #2563eb;
2112
+ .hover\:text-slate-700:hover {
2113
+ color: var(--color-slate-700);
2345
2114
  }
2346
- }
2347
- .flowcore-ui .focus\:border-blue-500 {
2348
- .flowcore-ui &:focus {
2349
- border-color: var(--color-blue-500);
2115
+ .hover\:text-slate-900:hover {
2116
+ color: var(--color-slate-900);
2350
2117
  }
2351
- }
2352
- .flowcore-ui .focus\:border-indigo-500 {
2353
- .flowcore-ui &:focus {
2354
- border-color: var(--color-indigo-500);
2118
+ .hover\:text-white:hover {
2119
+ color: var(--color-white);
2355
2120
  }
2356
- }
2357
- .flowcore-ui .focus\:bg-white {
2358
- .flowcore-ui &:focus {
2359
- background-color: var(--color-white);
2121
+ .hover\:underline:hover {
2122
+ text-decoration-line: underline;
2360
2123
  }
2361
- }
2362
- .flowcore-ui .focus\:ring-1 {
2363
- .flowcore-ui &:focus {
2364
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2124
+ .hover\:shadow-lg:hover {
2125
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2365
2126
  box-shadow:
2366
2127
  var(--tw-inset-shadow),
2367
2128
  var(--tw-inset-ring-shadow),
@@ -2369,10 +2130,8 @@
2369
2130
  var(--tw-ring-shadow),
2370
2131
  var(--tw-shadow);
2371
2132
  }
2372
- }
2373
- .flowcore-ui .focus\:ring-2 {
2374
- .flowcore-ui &:focus {
2375
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2133
+ .hover\:shadow-xl:hover {
2134
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2376
2135
  box-shadow:
2377
2136
  var(--tw-inset-shadow),
2378
2137
  var(--tw-inset-ring-shadow),
@@ -2380,200 +2139,185 @@
2380
2139
  var(--tw-ring-shadow),
2381
2140
  var(--tw-shadow);
2382
2141
  }
2383
- }
2384
- .flowcore-ui .focus\:ring-4 {
2385
- .flowcore-ui &:focus {
2386
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2387
- box-shadow:
2388
- var(--tw-inset-shadow),
2389
- var(--tw-inset-ring-shadow),
2390
- var(--tw-ring-offset-shadow),
2391
- var(--tw-ring-shadow),
2392
- var(--tw-shadow);
2142
+ .hover\:shadow-blue-500\/30:hover {
2143
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
2393
2144
  }
2394
- }
2395
- .flowcore-ui .focus\:ring-\[\#2563eb\] {
2396
- .flowcore-ui &:focus {
2397
- --tw-ring-color: #2563eb;
2145
+ @supports (color: color-mix(in lab, red, red)) {
2146
+ .hover\:shadow-blue-500\/30:hover {
2147
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
2148
+ }
2398
2149
  }
2399
2150
  }
2400
- .flowcore-ui .focus\:ring-blue-500 {
2401
- .flowcore-ui &:focus {
2402
- --tw-ring-color: var(--color-blue-500);
2403
- }
2151
+ .focus\:border-\[\#2563eb\]:focus {
2152
+ border-color: #2563eb;
2404
2153
  }
2405
- .flowcore-ui .focus\:ring-blue-500\/10 {
2406
- .flowcore-ui &:focus {
2407
- --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
2408
- @supports (color: color-mix(in lab, red, red)) {
2409
- --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
2410
- }
2411
- }
2154
+ .focus\:border-blue-500:focus {
2155
+ border-color: var(--color-blue-500);
2412
2156
  }
2413
- .flowcore-ui .focus\:ring-blue-500\/20 {
2414
- .flowcore-ui &:focus {
2415
- --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2416
- @supports (color: color-mix(in lab, red, red)) {
2417
- --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
2418
- }
2419
- }
2157
+ .focus\:border-indigo-500:focus {
2158
+ border-color: var(--color-indigo-500);
2420
2159
  }
2421
- .flowcore-ui .focus\:ring-gray-300 {
2422
- .flowcore-ui &:focus {
2423
- --tw-ring-color: var(--color-gray-300);
2424
- }
2160
+ .focus\:bg-white:focus {
2161
+ background-color: var(--color-white);
2425
2162
  }
2426
- .flowcore-ui .focus\:ring-indigo-500 {
2427
- .flowcore-ui &:focus {
2428
- --tw-ring-color: var(--color-indigo-500);
2429
- }
2163
+ .focus\:ring-1:focus {
2164
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2165
+ box-shadow:
2166
+ var(--tw-inset-shadow),
2167
+ var(--tw-inset-ring-shadow),
2168
+ var(--tw-ring-offset-shadow),
2169
+ var(--tw-ring-shadow),
2170
+ var(--tw-shadow);
2430
2171
  }
2431
- .flowcore-ui .focus\:ring-indigo-500\/10 {
2432
- .flowcore-ui &:focus {
2433
- --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
2434
- @supports (color: color-mix(in lab, red, red)) {
2435
- --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
2436
- }
2437
- }
2172
+ .focus\:ring-2:focus {
2173
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2174
+ box-shadow:
2175
+ var(--tw-inset-shadow),
2176
+ var(--tw-inset-ring-shadow),
2177
+ var(--tw-ring-offset-shadow),
2178
+ var(--tw-ring-shadow),
2179
+ var(--tw-shadow);
2438
2180
  }
2439
- .flowcore-ui .focus\:ring-red-500 {
2440
- .flowcore-ui &:focus {
2441
- --tw-ring-color: var(--color-red-500);
2442
- }
2181
+ .focus\:ring-4:focus {
2182
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2183
+ box-shadow:
2184
+ var(--tw-inset-shadow),
2185
+ var(--tw-inset-ring-shadow),
2186
+ var(--tw-ring-offset-shadow),
2187
+ var(--tw-ring-shadow),
2188
+ var(--tw-shadow);
2443
2189
  }
2444
- .flowcore-ui .focus\:ring-offset-2 {
2445
- .flowcore-ui &:focus {
2446
- --tw-ring-offset-width: 2px;
2447
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2448
- }
2190
+ .focus\:ring-\[\#2563eb\]:focus {
2191
+ --tw-ring-color: #2563eb;
2449
2192
  }
2450
- .flowcore-ui .focus\:outline-none {
2451
- .flowcore-ui &:focus {
2452
- --tw-outline-style: none;
2453
- outline-style: none;
2454
- }
2193
+ .focus\:ring-blue-500:focus {
2194
+ --tw-ring-color: var(--color-blue-500);
2455
2195
  }
2456
- .flowcore-ui .active\:scale-95 {
2457
- .flowcore-ui &:active {
2458
- --tw-scale-x: 95%;
2459
- --tw-scale-y: 95%;
2460
- --tw-scale-z: 95%;
2461
- scale: var(--tw-scale-x) var(--tw-scale-y);
2196
+ .focus\:ring-blue-500\/10:focus {
2197
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
2198
+ @supports (color: color-mix(in lab, red, red)) {
2199
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
2462
2200
  }
2463
2201
  }
2464
- .flowcore-ui .active\:bg-gray-300 {
2465
- .flowcore-ui &:active {
2466
- background-color: var(--color-gray-300);
2202
+ .focus\:ring-blue-500\/20:focus {
2203
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2204
+ @supports (color: color-mix(in lab, red, red)) {
2205
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
2467
2206
  }
2468
2207
  }
2469
- .flowcore-ui .active\:bg-red-800 {
2470
- .flowcore-ui &:active {
2471
- background-color: var(--color-red-800);
2472
- }
2208
+ .focus\:ring-gray-300:focus {
2209
+ --tw-ring-color: var(--color-gray-300);
2473
2210
  }
2474
- .flowcore-ui .disabled\:opacity-40 {
2475
- .flowcore-ui &:disabled {
2476
- opacity: 40%;
2477
- }
2211
+ .focus\:ring-indigo-500:focus {
2212
+ --tw-ring-color: var(--color-indigo-500);
2478
2213
  }
2479
- .flowcore-ui .disabled\:opacity-50 {
2480
- .flowcore-ui &:disabled {
2481
- opacity: 50%;
2214
+ .focus\:ring-indigo-500\/10:focus {
2215
+ --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
2216
+ @supports (color: color-mix(in lab, red, red)) {
2217
+ --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
2482
2218
  }
2483
2219
  }
2484
- .flowcore-ui .sm\:flex-row {
2485
- @media (width >= 40rem) {
2220
+ .focus\:ring-red-500:focus {
2221
+ --tw-ring-color: var(--color-red-500);
2222
+ }
2223
+ .focus\:ring-offset-2:focus {
2224
+ --tw-ring-offset-width: 2px;
2225
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2226
+ }
2227
+ .focus\:outline-none:focus {
2228
+ --tw-outline-style: none;
2229
+ outline-style: none;
2230
+ }
2231
+ .active\:scale-95:active {
2232
+ --tw-scale-x: 95%;
2233
+ --tw-scale-y: 95%;
2234
+ --tw-scale-z: 95%;
2235
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2236
+ }
2237
+ .active\:bg-gray-300:active {
2238
+ background-color: var(--color-gray-300);
2239
+ }
2240
+ .active\:bg-red-800:active {
2241
+ background-color: var(--color-red-800);
2242
+ }
2243
+ .disabled\:opacity-40:disabled {
2244
+ opacity: 40%;
2245
+ }
2246
+ .disabled\:opacity-50:disabled {
2247
+ opacity: 50%;
2248
+ }
2249
+ @media (width >= 40rem) {
2250
+ .sm\:flex-row {
2486
2251
  flex-direction: row;
2487
2252
  }
2488
- }
2489
- .flowcore-ui .sm\:items-start {
2490
- @media (width >= 40rem) {
2253
+ .sm\:items-start {
2491
2254
  align-items: flex-start;
2492
2255
  }
2493
- }
2494
- .flowcore-ui .sm\:text-left {
2495
- @media (width >= 40rem) {
2256
+ .sm\:text-left {
2496
2257
  text-align: left;
2497
2258
  }
2498
2259
  }
2499
- .flowcore-ui .md\:col-span-2 {
2500
- @media (width >= 48rem) {
2260
+ @media (width >= 48rem) {
2261
+ .md\:col-span-2 {
2501
2262
  grid-column: span 2 / span 2;
2502
2263
  }
2503
- }
2504
- .flowcore-ui .md\:w-\[158px\] {
2505
- @media (width >= 48rem) {
2264
+ .md\:w-\[158px\] {
2506
2265
  width: 158px;
2507
2266
  }
2508
- }
2509
- .flowcore-ui .md\:grid-cols-2 {
2510
- @media (width >= 48rem) {
2267
+ .md\:grid-cols-2 {
2511
2268
  grid-template-columns: repeat(2, minmax(0, 1fr));
2512
2269
  }
2513
- }
2514
- .flowcore-ui .md\:grid-cols-3 {
2515
- @media (width >= 48rem) {
2270
+ .md\:grid-cols-3 {
2516
2271
  grid-template-columns: repeat(3, minmax(0, 1fr));
2517
2272
  }
2518
- }
2519
- .flowcore-ui .md\:p-6 {
2520
- @media (width >= 48rem) {
2273
+ .md\:p-6 {
2521
2274
  padding: calc(var(--spacing) * 6);
2522
2275
  }
2523
2276
  }
2524
- .flowcore-ui .lg\:grid-cols-4 {
2525
- @media (width >= 64rem) {
2277
+ @media (width >= 64rem) {
2278
+ .lg\:grid-cols-4 {
2526
2279
  grid-template-columns: repeat(4, minmax(0, 1fr));
2527
2280
  }
2528
2281
  }
2529
- .flowcore-ui .dark\:border-white\/\[\.145\] {
2530
- @media (prefers-color-scheme: dark) {
2282
+ @media (prefers-color-scheme: dark) {
2283
+ .dark\:border-white\/\[\.145\] {
2531
2284
  border-color: color-mix(in srgb, #fff 14.499999999999998%, transparent);
2532
- @supports (color: color-mix(in lab, red, red)) {
2285
+ }
2286
+ @supports (color: color-mix(in lab, red, red)) {
2287
+ .dark\:border-white\/\[\.145\] {
2533
2288
  border-color: color-mix(in oklab, var(--color-white) 14.499999999999998%, transparent);
2534
2289
  }
2535
2290
  }
2536
- }
2537
- .flowcore-ui .dark\:bg-black {
2538
- @media (prefers-color-scheme: dark) {
2291
+ .dark\:bg-black {
2539
2292
  background-color: var(--color-black);
2540
2293
  }
2541
- }
2542
- .flowcore-ui .dark\:text-zinc-50 {
2543
- @media (prefers-color-scheme: dark) {
2294
+ .dark\:text-zinc-50 {
2544
2295
  color: var(--color-zinc-50);
2545
2296
  }
2546
- }
2547
- .flowcore-ui .dark\:text-zinc-400 {
2548
- @media (prefers-color-scheme: dark) {
2297
+ .dark\:text-zinc-400 {
2549
2298
  color: var(--color-zinc-400);
2550
2299
  }
2551
- }
2552
- .flowcore-ui .dark\:invert {
2553
- @media (prefers-color-scheme: dark) {
2300
+ .dark\:invert {
2554
2301
  --tw-invert: invert(100%);
2555
2302
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2556
2303
  }
2557
- }
2558
- .flowcore-ui .dark\:hover\:bg-\[\#1a1a1a\] {
2559
- @media (prefers-color-scheme: dark) {
2560
- .flowcore-ui &:hover {
2561
- @media (hover: hover) {
2562
- background-color: #1a1a1a;
2563
- }
2304
+ @media (hover: hover) {
2305
+ .dark\:hover\:bg-\[\#1a1a1a\]:hover {
2306
+ background-color: #1a1a1a;
2564
2307
  }
2565
- }
2566
- }
2567
- .flowcore-ui .dark\:hover\:bg-\[\#ccc\] {
2568
- @media (prefers-color-scheme: dark) {
2569
- .flowcore-ui &:hover {
2570
- @media (hover: hover) {
2571
- background-color: #ccc;
2572
- }
2308
+ .dark\:hover\:bg-\[\#ccc\]:hover {
2309
+ background-color: #ccc;
2573
2310
  }
2574
2311
  }
2575
2312
  }
2576
2313
  }
2314
+ @layer flowcore {
2315
+ .flowcore-root {
2316
+ all: unset;
2317
+ display: block;
2318
+ box-sizing: border-box;
2319
+ }
2320
+ }
2577
2321
  @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
2578
2322
  @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
2579
2323
  @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@@ -2641,10 +2385,10 @@
2641
2385
  @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
2642
2386
  @layer properties {
2643
2387
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2644
- .flowcore-ui *,
2645
- .flowcore-ui ::before,
2646
- .flowcore-ui ::after,
2647
- .flowcore-ui ::backdrop {
2388
+ *,
2389
+ ::before,
2390
+ ::after,
2391
+ ::backdrop {
2648
2392
  --tw-translate-x: 0;
2649
2393
  --tw-translate-y: 0;
2650
2394
  --tw-translate-z: 0;
@@ -2713,4 +2457,4 @@
2713
2457
  }
2714
2458
  }
2715
2459
  }
2716
- /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2460
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */