@eightshift/ui-components 5.3.3 → 5.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/{Button-npzfSoYo.js → Button-CQ5ZZJ2w.js} +8 -14
  2. package/dist/{Dialog-CQ8H6Noi.js → Dialog-BMgMUQuN.js} +81 -73
  3. package/dist/{FocusScope-DJApHXhY.js → FocusScope-B5vxRkHm.js} +1 -1
  4. package/dist/{Heading-bh1HU5HH.js → Heading-B5aEynOM.js} +1 -1
  5. package/dist/{Input-ChJaTNa5.js → Input-8yja_IHC.js} +6 -5
  6. package/dist/{ListBox-D0Stb4wr.js → ListBox-DggfiuO_.js} +28 -16
  7. package/dist/{OverlayArrow-DivvkAVb.js → OverlayArrow-DraDOoRn.js} +1 -1
  8. package/dist/{RSPContexts-2lR5GG9p.js → RSPContexts-CJ-HBf0L.js} +8 -4
  9. package/dist/{SearchField-jVsbJe1O.js → SearchField-DWGdCvnn.js} +24 -18
  10. package/dist/{Select-ciHB1pub.js → Select-BvggcFOX.js} +204 -68
  11. package/dist/SelectionIndicator-D7WMzeAW.js +7 -0
  12. package/dist/{SelectionManager-CabSdgMq.js → SelectionManager-B6-b5NM2.js} +98 -59
  13. package/dist/{Separator-BPvqJny4.js → Separator-B-xeqOkC.js} +6 -6
  14. package/dist/SharedElementTransition-fML-zIv6.js +12 -0
  15. package/dist/{Slider-ChP04COa.js → Slider-DfU6bRtH.js} +4 -4
  16. package/dist/{VisuallyHidden-X6SggVVO.js → VisuallyHidden-CgnIuZJ2.js} +1 -1
  17. package/dist/assets/style-admin.css +893 -86
  18. package/dist/assets/style-editor.css +893 -86
  19. package/dist/assets/style.css +893 -86
  20. package/dist/assets/wp-font-enhancements.css +1 -1
  21. package/dist/assets/wp-ui-enhancements.css +1 -1
  22. package/dist/components/button/button.js +75 -22
  23. package/dist/components/checkbox/checkbox.js +14 -10
  24. package/dist/components/color-pickers/solid-color-picker.js +8 -8
  25. package/dist/components/expandable/expandable.js +40 -10
  26. package/dist/components/index.js +2 -0
  27. package/dist/components/input-field/input-field.js +5 -5
  28. package/dist/components/link-input/link-input.js +32 -21
  29. package/dist/components/menu/menu.js +2 -2
  30. package/dist/components/modal/modal.js +34 -6
  31. package/dist/components/number-picker/number-picker.js +5 -4
  32. package/dist/components/options-panel/options-panel.js +1 -1
  33. package/dist/components/placeholders/file-picker-shell.js +102 -0
  34. package/dist/components/popover/popover.js +1 -1
  35. package/dist/components/radio/radio.js +20 -11
  36. package/dist/components/select/v2/async-multi-select.js +6 -6
  37. package/dist/components/select/v2/async-select.js +6 -6
  38. package/dist/components/select/v2/multi-select.js +7 -7
  39. package/dist/components/select/v2/shared.js +1 -1
  40. package/dist/components/select/v2/single-select.js +7 -7
  41. package/dist/components/slider/column-config-slider.js +1 -1
  42. package/dist/components/slider/slider.js +1 -1
  43. package/dist/components/tabs/tabs.js +16 -10
  44. package/dist/components/toggle/switch.js +5 -5
  45. package/dist/components/toggle-button/toggle-button.js +10 -5
  46. package/dist/components/tooltip/tooltip.js +2 -2
  47. package/dist/index.js +2 -0
  48. package/dist/{textSelection-k0u64dDA.js → textSelection-DbCKqaw8.js} +1 -1
  49. package/dist/{useButton-Bn4ZT295.js → useButton-v9ngEj50.js} +2 -2
  50. package/dist/{useDragAndDrop-DVLrIdEn.js → useDragAndDrop-C08ZXv4F.js} +5 -5
  51. package/dist/{useFilter-C4wo8Iii.js → useFilter-BlkUH1Ma.js} +1 -1
  52. package/dist/{useFocusRing-CUxgjvAY.js → useFocusRing-Cgm0R4Cf.js} +1 -1
  53. package/dist/{useFormValidation-CUtZcedF.js → useFormValidation-CeNsUGWK.js} +1 -1
  54. package/dist/{useHover-LmGemtHE.js → useHover-BRDW3y7-.js} +3 -1
  55. package/dist/{useListState-Xsk-aOvN.js → useListState-RdLrYsMP.js} +1 -1
  56. package/dist/{useNumberField-BCjjZWaz.js → useNumberField-D16dDfYF.js} +5 -5
  57. package/dist/{usePress-CBQIDzpQ.js → usePress-DJskZBH9.js} +4 -2
  58. package/dist/{useSingleSelectListState-DattSD7d.js → useSingleSelectListState-n0AVMr3Y.js} +2 -2
  59. package/dist/{useToggle-C8CedY6Z.js → useToggle-DSBDAfdw.js} +2 -2
  60. package/dist/{useToggleState-CiAradXs.js → useToggleState-CzN79ary.js} +1 -1
  61. package/package.json +14 -14
  62. package/dist/context-DCAZLyDS.js +0 -7
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -68,6 +68,8 @@
68
68
  --tw-backdrop-sepia: initial;
69
69
  --tw-duration: initial;
70
70
  --tw-ease: initial;
71
+ --tw-text-shadow-color: initial;
72
+ --tw-text-shadow-alpha: 100%;
71
73
  --tw-content: "";
72
74
  }
73
75
  }
@@ -139,6 +141,8 @@
139
141
  --es-spacing-5_5: 1.375rem;
140
142
  --es-radius-7: .4375rem;
141
143
  --es-radius-10: .625rem;
144
+ --es-aspect-3-2: 3 / 2;
145
+ --es-aspect-cinema: 21 / 9;
142
146
  --es-color-secondary-50: var(--es-color-zinc-50);
143
147
  --es-color-secondary-100: var(--es-color-zinc-100);
144
148
  --es-color-secondary-200: var(--es-color-zinc-200);
@@ -159,6 +163,7 @@
159
163
  --es-color-accent-800: var(--es-color-teal-800);
160
164
  --es-color-accent-900: var(--es-color-teal-900);
161
165
  --es-color-accent-950: var(--es-color-teal-950);
166
+ --es-ease-spring-smooth: var(--motion-spring-smooth);
162
167
  --es-color-red-50: oklch(97.1% .013 17.38);
163
168
  --es-color-red-100: oklch(93.6% .032 17.717);
164
169
  --es-color-red-200: oklch(88.5% .062 18.334);
@@ -320,6 +325,7 @@
320
325
  --es-radius-3xl: 1.5rem;
321
326
  --es-drop-shadow-sm: 0 1px 2px #00000026;
322
327
  --es-blur-sm: 8px;
328
+ --es-blur-md: 12px;
323
329
  --es-blur-lg: 16px;
324
330
  --es-blur-2xl: 40px;
325
331
  --es-blur-3xl: 64px;
@@ -1258,10 +1264,18 @@
1258
1264
  bottom: calc(var(--es-spacing) * 0);
1259
1265
  }
1260
1266
 
1267
+ .es\:bottom-2 {
1268
+ bottom: calc(var(--es-spacing) * 2);
1269
+ }
1270
+
1261
1271
  .es\:left-0 {
1262
1272
  left: calc(var(--es-spacing) * 0);
1263
1273
  }
1264
1274
 
1275
+ .es\:left-2 {
1276
+ left: calc(var(--es-spacing) * 2);
1277
+ }
1278
+
1265
1279
  .es\:left-3\.5 {
1266
1280
  left: calc(var(--es-spacing) * 3.5);
1267
1281
  }
@@ -1505,6 +1519,14 @@
1505
1519
  display: inline-block;
1506
1520
  }
1507
1521
 
1522
+ .es\:aspect-3-2 {
1523
+ aspect-ratio: var(--es-aspect-3-2);
1524
+ }
1525
+
1526
+ .es\:aspect-cinema {
1527
+ aspect-ratio: var(--es-aspect-cinema);
1528
+ }
1529
+
1508
1530
  .es\:aspect-video {
1509
1531
  aspect-ratio: var(--es-aspect-video);
1510
1532
  }
@@ -2045,6 +2067,11 @@
2045
2067
  translate: var(--tw-translate-x) var(--tw-translate-y);
2046
2068
  }
2047
2069
 
2070
+ .es\:translate-y-\[125\%\] {
2071
+ --tw-translate-y: 125%;
2072
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2073
+ }
2074
+
2048
2075
  .es\:translate-y-px {
2049
2076
  --tw-translate-y: 1px;
2050
2077
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2184,6 +2211,14 @@
2184
2211
  grid-auto-columns: auto;
2185
2212
  }
2186
2213
 
2214
+ .es\:auto-cols-fr {
2215
+ grid-auto-columns: minmax(0, 1fr);
2216
+ }
2217
+
2218
+ .es\:grid-flow-col {
2219
+ grid-auto-flow: column;
2220
+ }
2221
+
2187
2222
  .es\:auto-rows-auto {
2188
2223
  grid-auto-rows: auto;
2189
2224
  }
@@ -2248,6 +2283,10 @@
2248
2283
  align-items: center;
2249
2284
  }
2250
2285
 
2286
+ .es\:items-center-safe {
2287
+ align-items: safe center;
2288
+ }
2289
+
2251
2290
  .es\:items-start {
2252
2291
  align-items: flex-start;
2253
2292
  }
@@ -2264,6 +2303,10 @@
2264
2303
  justify-content: center;
2265
2304
  }
2266
2305
 
2306
+ .es\:justify-center-safe {
2307
+ justify-content: safe center;
2308
+ }
2309
+
2267
2310
  .es\:justify-end {
2268
2311
  justify-content: flex-end;
2269
2312
  }
@@ -2650,6 +2693,11 @@
2650
2693
  border-style: dotted;
2651
2694
  }
2652
2695
 
2696
+ .es\:border-none {
2697
+ --tw-border-style: none;
2698
+ border-style: none;
2699
+ }
2700
+
2653
2701
  .es\:border-none\! {
2654
2702
  --tw-border-style: none !important;
2655
2703
  border-style: none !important;
@@ -3253,6 +3301,11 @@
3253
3301
  background-image: radial-gradient(var(--tw-gradient-stops));
3254
3302
  }
3255
3303
 
3304
+ .es\:bg-radial-\[at_50\%_75\%\] {
3305
+ --tw-gradient-position: at 50% 75%;
3306
+ background-image: radial-gradient(var(--tw-gradient-stops, at 50% 75%));
3307
+ }
3308
+
3256
3309
  .es\:bg-radial-\[at_50\%_125\%\] {
3257
3310
  --tw-gradient-position: at 50% 125%;
3258
3311
  background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
@@ -3268,6 +3321,20 @@
3268
3321
  --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));
3269
3322
  }
3270
3323
 
3324
+ .es\:from-accent-400\/35 {
3325
+ --tw-gradient-from: var(--es-color-accent-400);
3326
+ }
3327
+
3328
+ @supports (color: color-mix(in lab, red, red)) {
3329
+ .es\:from-accent-400\/35 {
3330
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 35%, transparent);
3331
+ }
3332
+ }
3333
+
3334
+ .es\:from-accent-400\/35 {
3335
+ --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));
3336
+ }
3337
+
3271
3338
  .es\:from-accent-500 {
3272
3339
  --tw-gradient-from: var(--es-color-accent-500);
3273
3340
  --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));
@@ -3278,6 +3345,20 @@
3278
3345
  --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));
3279
3346
  }
3280
3347
 
3348
+ .es\:from-black\/40 {
3349
+ --tw-gradient-from: var(--es-color-black);
3350
+ }
3351
+
3352
+ @supports (color: color-mix(in lab, red, red)) {
3353
+ .es\:from-black\/40 {
3354
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 40%, transparent);
3355
+ }
3356
+ }
3357
+
3358
+ .es\:from-black\/40 {
3359
+ --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));
3360
+ }
3361
+
3281
3362
  .es\:from-current {
3282
3363
  --tw-gradient-from: currentcolor;
3283
3364
  --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));
@@ -3311,6 +3392,34 @@
3311
3392
  --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));
3312
3393
  }
3313
3394
 
3395
+ .es\:from-red-600\/5 {
3396
+ --tw-gradient-from: var(--es-color-red-600);
3397
+ }
3398
+
3399
+ @supports (color: color-mix(in lab, red, red)) {
3400
+ .es\:from-red-600\/5 {
3401
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
3402
+ }
3403
+ }
3404
+
3405
+ .es\:from-red-600\/5 {
3406
+ --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));
3407
+ }
3408
+
3409
+ .es\:from-red-700\/50 {
3410
+ --tw-gradient-from: var(--es-color-red-700);
3411
+ }
3412
+
3413
+ @supports (color: color-mix(in lab, red, red)) {
3414
+ .es\:from-red-700\/50 {
3415
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 50%, transparent);
3416
+ }
3417
+ }
3418
+
3419
+ .es\:from-red-700\/50 {
3420
+ --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));
3421
+ }
3422
+
3314
3423
  .es\:from-secondary-50 {
3315
3424
  --tw-gradient-from: var(--es-color-secondary-50);
3316
3425
  --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));
@@ -3336,10 +3445,38 @@
3336
3445
  --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));
3337
3446
  }
3338
3447
 
3448
+ .es\:from-white\/20 {
3449
+ --tw-gradient-from: var(--es-color-white);
3450
+ }
3451
+
3452
+ @supports (color: color-mix(in lab, red, red)) {
3453
+ .es\:from-white\/20 {
3454
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 20%, transparent);
3455
+ }
3456
+ }
3457
+
3458
+ .es\:from-white\/20 {
3459
+ --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));
3460
+ }
3461
+
3339
3462
  .es\:from-40\% {
3340
3463
  --tw-gradient-from-position: 40%;
3341
3464
  }
3342
3465
 
3466
+ .es\:to-accent-400\/30 {
3467
+ --tw-gradient-to: var(--es-color-accent-400);
3468
+ }
3469
+
3470
+ @supports (color: color-mix(in lab, red, red)) {
3471
+ .es\:to-accent-400\/30 {
3472
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 30%, transparent);
3473
+ }
3474
+ }
3475
+
3476
+ .es\:to-accent-400\/30 {
3477
+ --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));
3478
+ }
3479
+
3343
3480
  .es\:to-accent-500 {
3344
3481
  --tw-gradient-to: var(--es-color-accent-500);
3345
3482
  --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));
@@ -3364,6 +3501,20 @@
3364
3501
  --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));
3365
3502
  }
3366
3503
 
3504
+ .es\:to-black\/35 {
3505
+ --tw-gradient-to: var(--es-color-black);
3506
+ }
3507
+
3508
+ @supports (color: color-mix(in lab, red, red)) {
3509
+ .es\:to-black\/35 {
3510
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 35%, transparent);
3511
+ }
3512
+ }
3513
+
3514
+ .es\:to-black\/35 {
3515
+ --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));
3516
+ }
3517
+
3367
3518
  .es\:to-current\/10 {
3368
3519
  --tw-gradient-to: currentcolor;
3369
3520
  }
@@ -3378,6 +3529,34 @@
3378
3529
  --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));
3379
3530
  }
3380
3531
 
3532
+ .es\:to-red-600\/2 {
3533
+ --tw-gradient-to: var(--es-color-red-600);
3534
+ }
3535
+
3536
+ @supports (color: color-mix(in lab, red, red)) {
3537
+ .es\:to-red-600\/2 {
3538
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 2%, transparent);
3539
+ }
3540
+ }
3541
+
3542
+ .es\:to-red-600\/2 {
3543
+ --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));
3544
+ }
3545
+
3546
+ .es\:to-red-700\/45 {
3547
+ --tw-gradient-to: var(--es-color-red-700);
3548
+ }
3549
+
3550
+ @supports (color: color-mix(in lab, red, red)) {
3551
+ .es\:to-red-700\/45 {
3552
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 45%, transparent);
3553
+ }
3554
+ }
3555
+
3556
+ .es\:to-red-700\/45 {
3557
+ --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));
3558
+ }
3559
+
3381
3560
  .es\:to-secondary-50 {
3382
3561
  --tw-gradient-to: var(--es-color-secondary-50);
3383
3562
  --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));
@@ -3403,6 +3582,20 @@
3403
3582
  --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));
3404
3583
  }
3405
3584
 
3585
+ .es\:to-white\/15 {
3586
+ --tw-gradient-to: var(--es-color-white);
3587
+ }
3588
+
3589
+ @supports (color: color-mix(in lab, red, red)) {
3590
+ .es\:to-white\/15 {
3591
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 15%, transparent);
3592
+ }
3593
+ }
3594
+
3595
+ .es\:to-white\/15 {
3596
+ --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));
3597
+ }
3598
+
3406
3599
  .es\:fill-secondary-200 {
3407
3600
  fill: var(--es-color-secondary-200);
3408
3601
  }
@@ -4091,6 +4284,11 @@
4091
4284
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4092
4285
  }
4093
4286
 
4287
+ .es\:inset-shadow-sm {
4288
+ --tw-inset-shadow: inset 0 2px 4px var(--tw-inset-shadow-color, #0000000d);
4289
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4290
+ }
4291
+
4094
4292
  .es\:inset-shadow-xs {
4095
4293
  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
4096
4294
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4161,6 +4359,16 @@
4161
4359
  }
4162
4360
  }
4163
4361
 
4362
+ .es\:shadow-black\/10 {
4363
+ --tw-shadow-color: var(--es-color-black);
4364
+ }
4365
+
4366
+ @supports (color: color-mix(in lab, red, red)) {
4367
+ .es\:shadow-black\/10 {
4368
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
4369
+ }
4370
+ }
4371
+
4164
4372
  .es\:shadow-blue-500\/15 {
4165
4373
  --tw-shadow-color: var(--es-color-blue-500);
4166
4374
  }
@@ -4221,6 +4429,16 @@
4221
4429
  }
4222
4430
  }
4223
4431
 
4432
+ .es\:shadow-red-700\/10 {
4433
+ --tw-shadow-color: var(--es-color-red-700);
4434
+ }
4435
+
4436
+ @supports (color: color-mix(in lab, red, red)) {
4437
+ .es\:shadow-red-700\/10 {
4438
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-700) 10%, transparent) var(--tw-shadow-alpha), transparent);
4439
+ }
4440
+ }
4441
+
4224
4442
  .es\:shadow-red-700\/20 {
4225
4443
  --tw-shadow-color: var(--es-color-red-700);
4226
4444
  }
@@ -4305,6 +4523,16 @@
4305
4523
  }
4306
4524
  }
4307
4525
 
4526
+ .es\:inset-shadow-white\/5 {
4527
+ --tw-inset-shadow-color: var(--es-color-white);
4528
+ }
4529
+
4530
+ @supports (color: color-mix(in lab, red, red)) {
4531
+ .es\:inset-shadow-white\/5 {
4532
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 5%, transparent) var(--tw-inset-shadow-alpha), transparent);
4533
+ }
4534
+ }
4535
+
4308
4536
  .es\:inset-ring-accent-500 {
4309
4537
  --tw-inset-ring-color: var(--es-color-accent-500);
4310
4538
  }
@@ -4319,6 +4547,16 @@
4319
4547
  }
4320
4548
  }
4321
4549
 
4550
+ .es\:inset-ring-black\/10 {
4551
+ --tw-inset-ring-color: var(--es-color-black);
4552
+ }
4553
+
4554
+ @supports (color: color-mix(in lab, red, red)) {
4555
+ .es\:inset-ring-black\/10 {
4556
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-black) 10%, transparent);
4557
+ }
4558
+ }
4559
+
4322
4560
  .es\:inset-ring-blue-100 {
4323
4561
  --tw-inset-ring-color: var(--es-color-blue-100);
4324
4562
  }
@@ -4345,6 +4583,16 @@
4345
4583
  --tw-inset-ring-color: var(--es-color-red-100);
4346
4584
  }
4347
4585
 
4586
+ .es\:inset-ring-red-700\/10 {
4587
+ --tw-inset-ring-color: var(--es-color-red-700);
4588
+ }
4589
+
4590
+ @supports (color: color-mix(in lab, red, red)) {
4591
+ .es\:inset-ring-red-700\/10 {
4592
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-red-700) 10%, transparent);
4593
+ }
4594
+ }
4595
+
4348
4596
  .es\:inset-ring-secondary-50 {
4349
4597
  --tw-inset-ring-color: var(--es-color-secondary-50);
4350
4598
  }
@@ -4373,6 +4621,16 @@
4373
4621
  }
4374
4622
  }
4375
4623
 
4624
+ .es\:inset-ring-white\/2 {
4625
+ --tw-inset-ring-color: var(--es-color-white);
4626
+ }
4627
+
4628
+ @supports (color: color-mix(in lab, red, red)) {
4629
+ .es\:inset-ring-white\/2 {
4630
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-white) 2%, transparent);
4631
+ }
4632
+ }
4633
+
4376
4634
  .es\:outline-hidden {
4377
4635
  --tw-outline-style: none;
4378
4636
  outline-style: none;
@@ -4451,6 +4709,12 @@
4451
4709
  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, );
4452
4710
  }
4453
4711
 
4712
+ .es\:backdrop-blur-md {
4713
+ --tw-backdrop-blur: blur(var(--es-blur-md));
4714
+ -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, );
4715
+ 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, );
4716
+ }
4717
+
4454
4718
  .es\:backdrop-blur-sm {
4455
4719
  --tw-backdrop-blur: blur(var(--es-blur-sm));
4456
4720
  -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, );
@@ -4463,6 +4727,18 @@
4463
4727
  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, );
4464
4728
  }
4465
4729
 
4730
+ .es\:backdrop-saturate-115 {
4731
+ --tw-backdrop-saturate: saturate(115%);
4732
+ -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, );
4733
+ 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, );
4734
+ }
4735
+
4736
+ .es\:backdrop-saturate-120 {
4737
+ --tw-backdrop-saturate: saturate(120%);
4738
+ -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, );
4739
+ 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, );
4740
+ }
4741
+
4466
4742
  .es\:backdrop-saturate-150 {
4467
4743
  --tw-backdrop-saturate: saturate(150%);
4468
4744
  -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, );
@@ -4547,6 +4823,11 @@
4547
4823
  transition-timing-function: var(--motion-spring-bouncy);
4548
4824
  }
4549
4825
 
4826
+ .es\:ease-spring-smooth {
4827
+ --tw-ease: var(--es-ease-spring-smooth);
4828
+ transition-timing-function: var(--es-ease-spring-smooth);
4829
+ }
4830
+
4550
4831
  .es\:will-change-\[transform\,opacity\] {
4551
4832
  will-change: transform, opacity;
4552
4833
  }
@@ -4629,6 +4910,30 @@
4629
4910
  -webkit-tap-highlight-color: transparent;
4630
4911
  }
4631
4912
 
4913
+ .es\:text-shadow-2xs {
4914
+ text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000026);
4915
+ }
4916
+
4917
+ .es\:text-shadow-black\/20 {
4918
+ --tw-text-shadow-color: var(--es-color-black);
4919
+ }
4920
+
4921
+ @supports (color: color-mix(in lab, red, red)) {
4922
+ .es\:text-shadow-black\/20 {
4923
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 20%, transparent) var(--tw-text-shadow-alpha), transparent);
4924
+ }
4925
+ }
4926
+
4927
+ .es\:text-shadow-black\/30 {
4928
+ --tw-text-shadow-color: var(--es-color-black);
4929
+ }
4930
+
4931
+ @supports (color: color-mix(in lab, red, red)) {
4932
+ .es\:text-shadow-black\/30 {
4933
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 30%, transparent) var(--tw-text-shadow-alpha), transparent);
4934
+ }
4935
+ }
4936
+
4632
4937
  :is(.es\:\*\:col-start-1 > *) {
4633
4938
  grid-column-start: 1;
4634
4939
  }
@@ -4685,6 +4990,18 @@
4685
4990
  cursor: pointer;
4686
4991
  }
4687
4992
 
4993
+ .es\:group-hover\:translate-y-0:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
4994
+ --tw-translate-y: calc(var(--es-spacing) * 0);
4995
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4996
+ }
4997
+
4998
+ @media (hover: hover) {
4999
+ .es\:group-hover\:translate-y-0:is(:where(.es\:group):where(:not([data-rac])):hover *) {
5000
+ --tw-translate-y: calc(var(--es-spacing) * 0);
5001
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5002
+ }
5003
+ }
5004
+
4688
5005
  .es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
4689
5006
  color: var(--es-color-black);
4690
5007
  }
@@ -5183,6 +5500,11 @@
5183
5500
  display: none;
5184
5501
  }
5185
5502
 
5503
+ .es\:focus-within\:translate-y-0:where([data-rac])[data-focus-within], .es\:focus-within\:translate-y-0:where(:not([data-rac])):focus-within {
5504
+ --tw-translate-y: calc(var(--es-spacing) * 0);
5505
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5506
+ }
5507
+
5186
5508
  .es\:focus-within\:shadow-md:where([data-rac])[data-focus-within], .es\:focus-within\:shadow-md:where(:not([data-rac])):focus-within {
5187
5509
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
5188
5510
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -5412,85 +5734,433 @@
5412
5734
  }
5413
5735
  }
5414
5736
 
5415
- .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
5416
- --tw-gradient-to: var(--es-color-secondary-100);
5417
- --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));
5737
+ .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5738
+ --tw-gradient-from: var(--es-color-accent-400);
5418
5739
  }
5419
5740
 
5420
- @media (hover: hover) {
5421
- .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
5422
- --tw-gradient-to: var(--es-color-secondary-100);
5423
- --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));
5741
+ @supports (color: color-mix(in lab, red, red)) {
5742
+ .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5743
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 45%, transparent);
5424
5744
  }
5425
5745
  }
5426
5746
 
5427
- .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
5428
- color: var(--es-color-accent-500);
5747
+ .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5748
+ --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));
5429
5749
  }
5430
5750
 
5431
5751
  @media (hover: hover) {
5432
- .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
5433
- color: var(--es-color-accent-500);
5752
+ .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5753
+ --tw-gradient-from: var(--es-color-accent-400);
5434
5754
  }
5435
- }
5436
5755
 
5437
- .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
5438
- color: var(--es-color-accent-700);
5439
- }
5756
+ @supports (color: color-mix(in lab, red, red)) {
5757
+ .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5758
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 45%, transparent);
5759
+ }
5760
+ }
5440
5761
 
5441
- @media (hover: hover) {
5442
- .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
5443
- color: var(--es-color-accent-700);
5762
+ .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5763
+ --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));
5444
5764
  }
5445
5765
  }
5446
5766
 
5447
- .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
5448
- color: var(--es-color-accent-900);
5767
+ .es\:hover\:from-accent-600:where([data-rac])[data-hovered] {
5768
+ --tw-gradient-from: var(--es-color-accent-600);
5769
+ --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));
5449
5770
  }
5450
5771
 
5451
5772
  @media (hover: hover) {
5452
- .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
5453
- color: var(--es-color-accent-900);
5773
+ .es\:hover\:from-accent-600:where(:not([data-rac])):hover {
5774
+ --tw-gradient-from: var(--es-color-accent-600);
5775
+ --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));
5454
5776
  }
5455
5777
  }
5456
5778
 
5457
- .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
5458
- color: var(--es-color-accent-950);
5779
+ .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5780
+ --tw-gradient-from: var(--es-color-black);
5459
5781
  }
5460
5782
 
5461
- @media (hover: hover) {
5462
- .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
5463
- color: var(--es-color-accent-950);
5783
+ @supports (color: color-mix(in lab, red, red)) {
5784
+ .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5785
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 50%, transparent);
5464
5786
  }
5465
5787
  }
5466
5788
 
5467
- .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
5468
- color: var(--es-color-red-600);
5789
+ .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5790
+ --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));
5469
5791
  }
5470
5792
 
5471
5793
  @media (hover: hover) {
5472
- .es\:hover\:text-red-600:where(:not([data-rac])):hover {
5473
- color: var(--es-color-red-600);
5794
+ .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5795
+ --tw-gradient-from: var(--es-color-black);
5796
+ }
5797
+
5798
+ @supports (color: color-mix(in lab, red, red)) {
5799
+ .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5800
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 50%, transparent);
5801
+ }
5802
+ }
5803
+
5804
+ .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5805
+ --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));
5474
5806
  }
5475
5807
  }
5476
5808
 
5477
- .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
5478
- color: var(--es-color-red-800);
5809
+ .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5810
+ --tw-gradient-from: var(--es-color-red-600);
5479
5811
  }
5480
5812
 
5481
- @media (hover: hover) {
5482
- .es\:hover\:text-red-800:where(:not([data-rac])):hover {
5483
- color: var(--es-color-red-800);
5813
+ @supports (color: color-mix(in lab, red, red)) {
5814
+ .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5815
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 10%, transparent);
5484
5816
  }
5485
5817
  }
5486
5818
 
5487
- .es\:hover\:text-red-900:where([data-rac])[data-hovered] {
5488
- color: var(--es-color-red-900);
5819
+ .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5820
+ --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));
5489
5821
  }
5490
5822
 
5491
5823
  @media (hover: hover) {
5492
- .es\:hover\:text-red-900:where(:not([data-rac])):hover {
5493
- color: var(--es-color-red-900);
5824
+ .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5825
+ --tw-gradient-from: var(--es-color-red-600);
5826
+ }
5827
+
5828
+ @supports (color: color-mix(in lab, red, red)) {
5829
+ .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5830
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 10%, transparent);
5831
+ }
5832
+ }
5833
+
5834
+ .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5835
+ --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));
5836
+ }
5837
+ }
5838
+
5839
+ .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5840
+ --tw-gradient-from: var(--es-color-red-700);
5841
+ }
5842
+
5843
+ @supports (color: color-mix(in lab, red, red)) {
5844
+ .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5845
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 60%, transparent);
5846
+ }
5847
+ }
5848
+
5849
+ .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5850
+ --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));
5851
+ }
5852
+
5853
+ @media (hover: hover) {
5854
+ .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5855
+ --tw-gradient-from: var(--es-color-red-700);
5856
+ }
5857
+
5858
+ @supports (color: color-mix(in lab, red, red)) {
5859
+ .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5860
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 60%, transparent);
5861
+ }
5862
+ }
5863
+
5864
+ .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5865
+ --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));
5866
+ }
5867
+ }
5868
+
5869
+ .es\:hover\:from-secondary-100:where([data-rac])[data-hovered] {
5870
+ --tw-gradient-from: var(--es-color-secondary-100);
5871
+ --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));
5872
+ }
5873
+
5874
+ @media (hover: hover) {
5875
+ .es\:hover\:from-secondary-100:where(:not([data-rac])):hover {
5876
+ --tw-gradient-from: var(--es-color-secondary-100);
5877
+ --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));
5878
+ }
5879
+ }
5880
+
5881
+ .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5882
+ --tw-gradient-from: var(--es-color-white);
5883
+ }
5884
+
5885
+ @supports (color: color-mix(in lab, red, red)) {
5886
+ .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5887
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 30%, transparent);
5888
+ }
5889
+ }
5890
+
5891
+ .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5892
+ --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));
5893
+ }
5894
+
5895
+ @media (hover: hover) {
5896
+ .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5897
+ --tw-gradient-from: var(--es-color-white);
5898
+ }
5899
+
5900
+ @supports (color: color-mix(in lab, red, red)) {
5901
+ .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5902
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 30%, transparent);
5903
+ }
5904
+ }
5905
+
5906
+ .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5907
+ --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));
5908
+ }
5909
+ }
5910
+
5911
+ .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5912
+ --tw-gradient-to: var(--es-color-accent-400);
5913
+ }
5914
+
5915
+ @supports (color: color-mix(in lab, red, red)) {
5916
+ .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5917
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 40%, transparent);
5918
+ }
5919
+ }
5920
+
5921
+ .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5922
+ --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));
5923
+ }
5924
+
5925
+ @media (hover: hover) {
5926
+ .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5927
+ --tw-gradient-to: var(--es-color-accent-400);
5928
+ }
5929
+
5930
+ @supports (color: color-mix(in lab, red, red)) {
5931
+ .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5932
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 40%, transparent);
5933
+ }
5934
+ }
5935
+
5936
+ .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5937
+ --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));
5938
+ }
5939
+ }
5940
+
5941
+ .es\:hover\:to-accent-700:where([data-rac])[data-hovered] {
5942
+ --tw-gradient-to: var(--es-color-accent-700);
5943
+ --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));
5944
+ }
5945
+
5946
+ @media (hover: hover) {
5947
+ .es\:hover\:to-accent-700:where(:not([data-rac])):hover {
5948
+ --tw-gradient-to: var(--es-color-accent-700);
5949
+ --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));
5950
+ }
5951
+ }
5952
+
5953
+ .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5954
+ --tw-gradient-to: var(--es-color-black);
5955
+ }
5956
+
5957
+ @supports (color: color-mix(in lab, red, red)) {
5958
+ .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5959
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 45%, transparent);
5960
+ }
5961
+ }
5962
+
5963
+ .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5964
+ --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));
5965
+ }
5966
+
5967
+ @media (hover: hover) {
5968
+ .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
5969
+ --tw-gradient-to: var(--es-color-black);
5970
+ }
5971
+
5972
+ @supports (color: color-mix(in lab, red, red)) {
5973
+ .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
5974
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 45%, transparent);
5975
+ }
5976
+ }
5977
+
5978
+ .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
5979
+ --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));
5980
+ }
5981
+ }
5982
+
5983
+ .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
5984
+ --tw-gradient-to: var(--es-color-red-600);
5985
+ }
5986
+
5987
+ @supports (color: color-mix(in lab, red, red)) {
5988
+ .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
5989
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
5990
+ }
5991
+ }
5992
+
5993
+ .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
5994
+ --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));
5995
+ }
5996
+
5997
+ @media (hover: hover) {
5998
+ .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
5999
+ --tw-gradient-to: var(--es-color-red-600);
6000
+ }
6001
+
6002
+ @supports (color: color-mix(in lab, red, red)) {
6003
+ .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
6004
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
6005
+ }
6006
+ }
6007
+
6008
+ .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
6009
+ --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));
6010
+ }
6011
+ }
6012
+
6013
+ .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
6014
+ --tw-gradient-to: var(--es-color-red-700);
6015
+ }
6016
+
6017
+ @supports (color: color-mix(in lab, red, red)) {
6018
+ .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
6019
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 55%, transparent);
6020
+ }
6021
+ }
6022
+
6023
+ .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
6024
+ --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));
6025
+ }
6026
+
6027
+ @media (hover: hover) {
6028
+ .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
6029
+ --tw-gradient-to: var(--es-color-red-700);
6030
+ }
6031
+
6032
+ @supports (color: color-mix(in lab, red, red)) {
6033
+ .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
6034
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 55%, transparent);
6035
+ }
6036
+ }
6037
+
6038
+ .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
6039
+ --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));
6040
+ }
6041
+ }
6042
+
6043
+ .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
6044
+ --tw-gradient-to: var(--es-color-secondary-100);
6045
+ --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));
6046
+ }
6047
+
6048
+ @media (hover: hover) {
6049
+ .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
6050
+ --tw-gradient-to: var(--es-color-secondary-100);
6051
+ --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));
6052
+ }
6053
+ }
6054
+
6055
+ .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
6056
+ --tw-gradient-to: var(--es-color-white);
6057
+ }
6058
+
6059
+ @supports (color: color-mix(in lab, red, red)) {
6060
+ .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
6061
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 25%, transparent);
6062
+ }
6063
+ }
6064
+
6065
+ .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
6066
+ --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));
6067
+ }
6068
+
6069
+ @media (hover: hover) {
6070
+ .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
6071
+ --tw-gradient-to: var(--es-color-white);
6072
+ }
6073
+
6074
+ @supports (color: color-mix(in lab, red, red)) {
6075
+ .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
6076
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 25%, transparent);
6077
+ }
6078
+ }
6079
+
6080
+ .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
6081
+ --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));
6082
+ }
6083
+ }
6084
+
6085
+ .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
6086
+ color: var(--es-color-accent-500);
6087
+ }
6088
+
6089
+ @media (hover: hover) {
6090
+ .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
6091
+ color: var(--es-color-accent-500);
6092
+ }
6093
+ }
6094
+
6095
+ .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
6096
+ color: var(--es-color-accent-700);
6097
+ }
6098
+
6099
+ @media (hover: hover) {
6100
+ .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
6101
+ color: var(--es-color-accent-700);
6102
+ }
6103
+ }
6104
+
6105
+ .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
6106
+ color: var(--es-color-accent-900);
6107
+ }
6108
+
6109
+ @media (hover: hover) {
6110
+ .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
6111
+ color: var(--es-color-accent-900);
6112
+ }
6113
+ }
6114
+
6115
+ .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
6116
+ color: var(--es-color-accent-950);
6117
+ }
6118
+
6119
+ @media (hover: hover) {
6120
+ .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
6121
+ color: var(--es-color-accent-950);
6122
+ }
6123
+ }
6124
+
6125
+ .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
6126
+ color: var(--es-color-red-600);
6127
+ }
6128
+
6129
+ @media (hover: hover) {
6130
+ .es\:hover\:text-red-600:where(:not([data-rac])):hover {
6131
+ color: var(--es-color-red-600);
6132
+ }
6133
+ }
6134
+
6135
+ .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
6136
+ color: var(--es-color-red-800);
6137
+ }
6138
+
6139
+ @media (hover: hover) {
6140
+ .es\:hover\:text-red-800:where(:not([data-rac])):hover {
6141
+ color: var(--es-color-red-800);
6142
+ }
6143
+ }
6144
+
6145
+ .es\:hover\:text-red-900:where([data-rac])[data-hovered] {
6146
+ color: var(--es-color-red-900);
6147
+ }
6148
+
6149
+ @media (hover: hover) {
6150
+ .es\:hover\:text-red-900:where(:not([data-rac])):hover {
6151
+ color: var(--es-color-red-900);
6152
+ }
6153
+ }
6154
+
6155
+ .es\:hover\:shadow-md:where([data-rac])[data-hovered] {
6156
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6157
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6158
+ }
6159
+
6160
+ @media (hover: hover) {
6161
+ .es\:hover\:shadow-md:where(:not([data-rac])):hover {
6162
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6163
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5494
6164
  }
5495
6165
  }
5496
6166
 
@@ -5538,6 +6208,28 @@
5538
6208
  }
5539
6209
  }
5540
6210
 
6211
+ .es\:hover\:inset-shadow-white\/10:where([data-rac])[data-hovered] {
6212
+ --tw-inset-shadow-color: var(--es-color-white);
6213
+ }
6214
+
6215
+ @supports (color: color-mix(in lab, red, red)) {
6216
+ .es\:hover\:inset-shadow-white\/10:where([data-rac])[data-hovered] {
6217
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
6218
+ }
6219
+ }
6220
+
6221
+ @media (hover: hover) {
6222
+ .es\:hover\:inset-shadow-white\/10:where(:not([data-rac])):hover {
6223
+ --tw-inset-shadow-color: var(--es-color-white);
6224
+ }
6225
+
6226
+ @supports (color: color-mix(in lab, red, red)) {
6227
+ .es\:hover\:inset-shadow-white\/10:where(:not([data-rac])):hover {
6228
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
6229
+ }
6230
+ }
6231
+ }
6232
+
5541
6233
  .es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
5542
6234
  --tw-inset-ring-color: var(--es-color-red-100);
5543
6235
  }
@@ -5558,6 +6250,34 @@
5558
6250
  }
5559
6251
  }
5560
6252
 
6253
+ .es\:hover\:backdrop-saturate-125:where([data-rac])[data-hovered] {
6254
+ --tw-backdrop-saturate: saturate(125%);
6255
+ -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, );
6256
+ 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, );
6257
+ }
6258
+
6259
+ @media (hover: hover) {
6260
+ .es\:hover\:backdrop-saturate-125:where(:not([data-rac])):hover {
6261
+ --tw-backdrop-saturate: saturate(125%);
6262
+ -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, );
6263
+ 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, );
6264
+ }
6265
+ }
6266
+
6267
+ .es\:hover\:backdrop-saturate-130:where([data-rac])[data-hovered] {
6268
+ --tw-backdrop-saturate: saturate(130%);
6269
+ -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, );
6270
+ 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, );
6271
+ }
6272
+
6273
+ @media (hover: hover) {
6274
+ .es\:hover\:backdrop-saturate-130:where(:not([data-rac])):hover {
6275
+ --tw-backdrop-saturate: saturate(130%);
6276
+ -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, );
6277
+ 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, );
6278
+ }
6279
+ }
6280
+
5561
6281
  .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where([data-rac])[data-hovered] {
5562
6282
  background-color: var(--es-color-secondary-100);
5563
6283
  }
@@ -5807,6 +6527,90 @@
5807
6527
  }
5808
6528
  }
5809
6529
 
6530
+ .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6531
+ --tw-gradient-from: var(--es-color-accent-600);
6532
+ }
6533
+
6534
+ @supports (color: color-mix(in lab, red, red)) {
6535
+ .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6536
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-600) 95%, transparent);
6537
+ }
6538
+ }
6539
+
6540
+ .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6541
+ --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));
6542
+ }
6543
+
6544
+ .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6545
+ --tw-gradient-from: var(--es-color-black);
6546
+ }
6547
+
6548
+ @supports (color: color-mix(in lab, red, red)) {
6549
+ .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6550
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 95%, transparent);
6551
+ }
6552
+ }
6553
+
6554
+ .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6555
+ --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));
6556
+ }
6557
+
6558
+ .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6559
+ --tw-gradient-from: var(--es-color-white);
6560
+ }
6561
+
6562
+ @supports (color: color-mix(in lab, red, red)) {
6563
+ .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6564
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 90%, transparent);
6565
+ }
6566
+ }
6567
+
6568
+ .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6569
+ --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));
6570
+ }
6571
+
6572
+ .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6573
+ --tw-gradient-to: var(--es-color-accent-600);
6574
+ }
6575
+
6576
+ @supports (color: color-mix(in lab, red, red)) {
6577
+ .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6578
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-600) 90%, transparent);
6579
+ }
6580
+ }
6581
+
6582
+ .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6583
+ --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));
6584
+ }
6585
+
6586
+ .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6587
+ --tw-gradient-to: var(--es-color-black);
6588
+ }
6589
+
6590
+ @supports (color: color-mix(in lab, red, red)) {
6591
+ .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6592
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 90%, transparent);
6593
+ }
6594
+ }
6595
+
6596
+ .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6597
+ --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));
6598
+ }
6599
+
6600
+ .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6601
+ --tw-gradient-to: var(--es-color-white);
6602
+ }
6603
+
6604
+ @supports (color: color-mix(in lab, red, red)) {
6605
+ .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6606
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 85%, transparent);
6607
+ }
6608
+ }
6609
+
6610
+ .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6611
+ --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));
6612
+ }
6613
+
5810
6614
  .es\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5811
6615
  color: var(--es-color-accent-700);
5812
6616
  }
@@ -5815,6 +6619,10 @@
5815
6619
  color: var(--es-color-accent-950);
5816
6620
  }
5817
6621
 
6622
+ .es\:focus-visible\:text-black:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6623
+ color: var(--es-color-black);
6624
+ }
6625
+
5818
6626
  .es\:focus-visible\:text-red-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5819
6627
  color: var(--es-color-red-700);
5820
6628
  }
@@ -5936,6 +6744,16 @@
5936
6744
  }
5937
6745
  }
5938
6746
 
6747
+ .es\:focus-visible\:text-shadow-black\/0:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6748
+ --tw-text-shadow-color: var(--es-color-black);
6749
+ }
6750
+
6751
+ @supports (color: color-mix(in lab, red, red)) {
6752
+ .es\:focus-visible\:text-shadow-black\/0:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6753
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 0%, transparent) var(--tw-text-shadow-alpha), transparent);
6754
+ }
6755
+ }
6756
+
5939
6757
  .es\:not-selected\:focus-visible\:bg-secondary-100:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5940
6758
  background-color: var(--es-color-secondary-100);
5941
6759
  }
@@ -6008,70 +6826,44 @@
6008
6826
  cursor: pointer;
6009
6827
  }
6010
6828
 
6011
- .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
6012
- background-color: var(--es-color-accent-500);
6013
- }
6014
-
6015
- @supports (color: color-mix(in lab, red, red)) {
6016
- .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
6017
- background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
6018
- }
6829
+ .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
6830
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6831
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6019
6832
  }
6020
6833
 
6021
6834
  @media (hover: hover) {
6022
- .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
6023
- background-color: var(--es-color-accent-500);
6024
- }
6025
-
6026
- @supports (color: color-mix(in lab, red, red)) {
6027
- .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
6028
- background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
6029
- }
6835
+ .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
6836
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6837
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6030
6838
  }
6031
6839
  }
6032
6840
 
6033
- .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
6034
- background-color: var(--es-color-red-500);
6841
+ .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6842
+ --tw-gradient-from: var(--es-color-red-700);
6035
6843
  }
6036
6844
 
6037
6845
  @supports (color: color-mix(in lab, red, red)) {
6038
- .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
6039
- background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
6846
+ .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6847
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 95%, transparent);
6040
6848
  }
6041
6849
  }
6042
6850
 
6043
- @media (hover: hover) {
6044
- .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
6045
- background-color: var(--es-color-red-500);
6046
- }
6047
-
6048
- @supports (color: color-mix(in lab, red, red)) {
6049
- .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
6050
- background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
6051
- }
6052
- }
6851
+ .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6852
+ --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));
6053
6853
  }
6054
6854
 
6055
- .es\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
6056
- background-color: var(--es-color-secondary-100);
6855
+ .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6856
+ --tw-gradient-to: var(--es-color-red-700);
6057
6857
  }
6058
6858
 
6059
- @media (hover: hover) {
6060
- .es\:enabled\:hover\:bg-secondary-100:enabled:where(:not([data-rac])):hover {
6061
- background-color: var(--es-color-secondary-100);
6859
+ @supports (color: color-mix(in lab, red, red)) {
6860
+ .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6861
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 90%, transparent);
6062
6862
  }
6063
6863
  }
6064
6864
 
6065
- .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
6066
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6067
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6068
- }
6069
-
6070
- @media (hover: hover) {
6071
- .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
6072
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6073
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6074
- }
6865
+ .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6866
+ --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));
6075
6867
  }
6076
6868
 
6077
6869
  .es\:enabled\:active\:bg-accent-50:enabled:where([data-rac])[data-active], .es\:enabled\:active\:bg-accent-50:enabled:where(:not([data-rac])):active {
@@ -6942,6 +7734,10 @@
6942
7734
  color: var(--es-color-lime-500);
6943
7735
  }
6944
7736
 
7737
+ .es\:icon\:text-secondary-500 > svg {
7738
+ color: var(--es-color-secondary-500);
7739
+ }
7740
+
6945
7741
  .es\:icon\:transition-transform > svg {
6946
7742
  transition-property: transform, translate, scale, rotate;
6947
7743
  transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
@@ -7439,6 +8235,17 @@
7439
8235
  inherits: false
7440
8236
  }
7441
8237
 
8238
+ @property --tw-text-shadow-color {
8239
+ syntax: "*";
8240
+ inherits: false
8241
+ }
8242
+
8243
+ @property --tw-text-shadow-alpha {
8244
+ syntax: "<percentage>";
8245
+ inherits: false;
8246
+ initial-value: 100%;
8247
+ }
8248
+
7442
8249
  @property --tw-content {
7443
8250
  syntax: "*";
7444
8251
  inherits: false;