@sikka/hawa 0.26.21 → 0.26.23

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 (71) hide show
  1. package/README.md +2 -18
  2. package/dist/alert/index.d.mts +1 -0
  3. package/dist/alert/index.d.ts +1 -0
  4. package/dist/blocks/auth/index.mjs +5 -4
  5. package/dist/blocks/feedback/index.js +114 -118
  6. package/dist/blocks/feedback/index.mjs +6 -5
  7. package/dist/blocks/index.js +28 -30
  8. package/dist/blocks/index.mjs +3 -2
  9. package/dist/blocks/misc/index.js +28 -30
  10. package/dist/blocks/misc/index.mjs +20 -17
  11. package/dist/blocks/pricing/index.mjs +4 -4
  12. package/dist/carousel/index.d.mts +2 -0
  13. package/dist/carousel/index.d.ts +2 -0
  14. package/dist/carousel/index.js +31 -16
  15. package/dist/carousel/index.mjs +30 -15
  16. package/dist/checkbox/index.d.mts +1 -1
  17. package/dist/checkbox/index.d.ts +1 -1
  18. package/dist/chip/index.d.mts +1 -1
  19. package/dist/chip/index.d.ts +1 -1
  20. package/dist/{chunk-OTGCLEKC.mjs → chunk-2R7F2GL7.mjs} +20 -0
  21. package/dist/{chunk-POIP5U4M.mjs → chunk-4EGKGSGY.mjs} +1 -1
  22. package/dist/{chunk-APZM24KK.mjs → chunk-5YXZXYLH.mjs} +15 -18
  23. package/dist/{chunk-WPSUV4AD.mjs → chunk-F3DQJHTG.mjs} +29 -31
  24. package/dist/{chunk-VQQ6MUX5.mjs → chunk-FQ6WVEHW.mjs} +1 -1
  25. package/dist/{chunk-U3TZWNDZ.mjs → chunk-GVJYACGA.mjs} +1 -1
  26. package/dist/{chunk-Z5SL5QTQ.mjs → chunk-MQUAGP7K.mjs} +20 -0
  27. package/dist/{chunk-OAXF3RCQ.mjs → chunk-NMS5LCSQ.mjs} +1 -1
  28. package/dist/{chunk-4IOG44R3.mjs → chunk-OY66MBXP.mjs} +1 -1
  29. package/dist/{chunk-FDKCMEMD.mjs → chunk-R4HAAT6R.mjs} +1 -1
  30. package/dist/chunk-WUHNPHD5.mjs +0 -0
  31. package/dist/chunk-ZFXKCRJC.mjs +11 -0
  32. package/dist/codeBlock/index.d.mts +2 -1
  33. package/dist/codeBlock/index.d.ts +2 -1
  34. package/dist/codeBlock/index.js +21 -17
  35. package/dist/codeBlock/index.mjs +21 -12
  36. package/dist/collapsible/index.mjs +2 -0
  37. package/dist/colorPicker/index.d.mts +4 -0
  38. package/dist/colorPicker/index.d.ts +4 -0
  39. package/dist/colorPicker/index.js +80 -23
  40. package/dist/colorPicker/index.mjs +55 -15
  41. package/dist/commonTypes-2k6FnHw5.d.mts +4 -0
  42. package/dist/commonTypes-2k6FnHw5.d.ts +4 -0
  43. package/dist/dataTable/index.d.mts +2 -1
  44. package/dist/dataTable/index.d.ts +2 -1
  45. package/dist/dataTable/index.js +1 -1
  46. package/dist/dataTable/index.mjs +1 -1
  47. package/dist/elements/index.d.mts +11 -2
  48. package/dist/elements/index.d.ts +11 -2
  49. package/dist/elements/index.js +104 -59
  50. package/dist/elements/index.mjs +69 -33
  51. package/dist/hooks/index.mjs +1 -0
  52. package/dist/index.css +377 -202
  53. package/dist/index.d.mts +11 -2
  54. package/dist/index.d.ts +11 -2
  55. package/dist/index.js +104 -59
  56. package/dist/index.mjs +117 -60
  57. package/dist/layout/index.mjs +3 -2
  58. package/dist/switch/index.d.mts +1 -1
  59. package/dist/switch/index.d.ts +1 -1
  60. package/dist/tabs/index.d.mts +2 -2
  61. package/dist/tabs/index.d.ts +2 -2
  62. package/dist/tabs/index.js +15 -13
  63. package/dist/tabs/index.mjs +15 -13
  64. package/dist/textarea/index.d.mts +1 -0
  65. package/dist/textarea/index.d.ts +1 -0
  66. package/dist/textarea/index.js +59 -36
  67. package/dist/textarea/index.mjs +59 -36
  68. package/package.json +11 -10
  69. package/dist/commonTypes-cyhMPvmz.d.mts +0 -4
  70. package/dist/commonTypes-cyhMPvmz.d.ts +0 -4
  71. /package/dist/{chunk-AREFDTXK.mjs → chunk-D36MPDGE.mjs} +0 -0
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- ! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
2
+ ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
3
3
  *//*
4
4
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
5
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -394,6 +394,7 @@ video {
394
394
  }
395
395
  :root {
396
396
  --primary: 240 5.9% 10%;
397
+ /* --primary: 159 100% 33%; */
397
398
  --primary-foreground: 0 0% 98%;
398
399
  --constant-background: 0 0% 100%;
399
400
  --background: 0 0% 100%;
@@ -432,6 +433,7 @@ video {
432
433
  --background: 240 10% 3.9%;
433
434
  --foreground: 0 0% 98%;
434
435
  --primary: 0 0% 98%;
436
+ /* --primary: 159 100% 50%; */
435
437
  --primary-foreground: 240 5.9% 10%;
436
438
  --card: 0 0% 2%;
437
439
  --card-foreground: 0 0% 98%;
@@ -584,17 +586,6 @@ video {
584
586
  text-decoration: underline;
585
587
  color: var(--button-primary-700);
586
588
  }
587
- .mono {
588
- font-family:
589
- ui-monospace,
590
- SFMono-Regular,
591
- Menlo,
592
- Monaco,
593
- Consolas,
594
- Liberation Mono,
595
- Courier New,
596
- monospace !important;
597
- }
598
589
  .inline-code {
599
590
  font-size: 0.75rem !important;
600
591
  width: -moz-fit-content;
@@ -698,7 +689,7 @@ input[type="number"]::-webkit-inner-spin-button,
698
689
  --tw-shadow: 0.125rem 0.125rem hsl(var(--primary));
699
690
  box-shadow: var(--tw-shadow);
700
691
  }
701
- :is(:where(.hawa-dark) .neo-brutalism) {
692
+ :is(.hawa-dark .neo-brutalism) {
702
693
  --tw-bg-opacity: 1;
703
694
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
704
695
  }
@@ -1003,9 +994,15 @@ input[type="number"]::-webkit-inner-spin-button,
1003
994
  .-hawa-left-\[1px\] {
1004
995
  left: -1px;
1005
996
  }
997
+ .hawa--left-1 {
998
+ left: -0.25rem;
999
+ }
1006
1000
  .hawa-bottom-0 {
1007
1001
  bottom: 0px;
1008
1002
  }
1003
+ .hawa-bottom-14 {
1004
+ bottom: 3.5rem;
1005
+ }
1009
1006
  .hawa-bottom-2 {
1010
1007
  bottom: 0.5rem;
1011
1008
  }
@@ -1015,9 +1012,6 @@ input[type="number"]::-webkit-inner-spin-button,
1015
1012
  .hawa-bottom-\[62px\] {
1016
1013
  bottom: 62px;
1017
1014
  }
1018
- .hawa-bottom-\[80px\] {
1019
- bottom: 80px;
1020
- }
1021
1015
  .hawa-end-0 {
1022
1016
  inset-inline-end: 0px;
1023
1017
  }
@@ -1033,6 +1027,9 @@ input[type="number"]::-webkit-inner-spin-button,
1033
1027
  .hawa-left-2 {
1034
1028
  left: 0.5rem;
1035
1029
  }
1030
+ .hawa-left-2\.5 {
1031
+ left: 0.625rem;
1032
+ }
1036
1033
  .hawa-left-4 {
1037
1034
  left: 1rem;
1038
1035
  }
@@ -1045,6 +1042,9 @@ input[type="number"]::-webkit-inner-spin-button,
1045
1042
  .hawa-right-2 {
1046
1043
  right: 0.5rem;
1047
1044
  }
1045
+ .hawa-right-2\.5 {
1046
+ right: 0.625rem;
1047
+ }
1048
1048
  .hawa-right-4 {
1049
1049
  right: 1rem;
1050
1050
  }
@@ -1063,9 +1063,15 @@ input[type="number"]::-webkit-inner-spin-button,
1063
1063
  .hawa-top-1\/2 {
1064
1064
  top: 50%;
1065
1065
  }
1066
+ .hawa-top-14 {
1067
+ top: 3.5rem;
1068
+ }
1066
1069
  .hawa-top-2 {
1067
1070
  top: 0.5rem;
1068
1071
  }
1072
+ .hawa-top-2\.5 {
1073
+ top: 0.625rem;
1074
+ }
1069
1075
  .hawa-top-4 {
1070
1076
  top: 1rem;
1071
1077
  }
@@ -1084,21 +1090,39 @@ input[type="number"]::-webkit-inner-spin-button,
1084
1090
  .hawa-top-\[60\%\] {
1085
1091
  top: 60%;
1086
1092
  }
1093
+ .hawa-top-\[60px\] {
1094
+ top: 60px;
1095
+ }
1087
1096
  .hawa-top-\[62px\] {
1088
1097
  top: 62px;
1089
1098
  }
1099
+ .hawa-top-\[72px\] {
1100
+ top: 72px;
1101
+ }
1090
1102
  .hawa-top-full {
1091
1103
  top: 100%;
1092
1104
  }
1093
1105
  .hawa-isolate {
1094
1106
  isolation: isolate;
1095
1107
  }
1108
+ .-hawa-z-10 {
1109
+ z-index: -10;
1110
+ }
1111
+ .hawa-z-0 {
1112
+ z-index: 0;
1113
+ }
1096
1114
  .hawa-z-10 {
1097
1115
  z-index: 10;
1098
1116
  }
1099
1117
  .hawa-z-20 {
1100
1118
  z-index: 20;
1101
1119
  }
1120
+ .hawa-z-30 {
1121
+ z-index: 30;
1122
+ }
1123
+ .hawa-z-40 {
1124
+ z-index: 40;
1125
+ }
1102
1126
  .hawa-z-50 {
1103
1127
  z-index: 50;
1104
1128
  }
@@ -1166,6 +1190,9 @@ input[type="number"]::-webkit-inner-spin-button,
1166
1190
  .hawa-mb-0 {
1167
1191
  margin-bottom: 0px;
1168
1192
  }
1193
+ .hawa-mb-0\.5 {
1194
+ margin-bottom: 0.125rem;
1195
+ }
1169
1196
  .hawa-mb-1 {
1170
1197
  margin-bottom: 0.25rem;
1171
1198
  }
@@ -1187,15 +1214,24 @@ input[type="number"]::-webkit-inner-spin-button,
1187
1214
  .hawa-ml-1 {
1188
1215
  margin-left: 0.25rem;
1189
1216
  }
1217
+ .hawa-ml-14 {
1218
+ margin-left: 3.5rem;
1219
+ }
1190
1220
  .hawa-ml-2 {
1191
1221
  margin-left: 0.5rem;
1192
1222
  }
1223
+ .hawa-ml-40 {
1224
+ margin-left: 10rem;
1225
+ }
1193
1226
  .hawa-ml-8 {
1194
1227
  margin-left: 2rem;
1195
1228
  }
1196
1229
  .hawa-ml-auto {
1197
1230
  margin-left: auto;
1198
1231
  }
1232
+ .hawa-mr-14 {
1233
+ margin-right: 3.5rem;
1234
+ }
1199
1235
  .hawa-mr-2 {
1200
1236
  margin-right: 0.5rem;
1201
1237
  }
@@ -1205,6 +1241,9 @@ input[type="number"]::-webkit-inner-spin-button,
1205
1241
  .hawa-mr-4 {
1206
1242
  margin-right: 1rem;
1207
1243
  }
1244
+ .hawa-mr-40 {
1245
+ margin-right: 10rem;
1246
+ }
1208
1247
  .hawa-mr-8 {
1209
1248
  margin-right: 2rem;
1210
1249
  }
@@ -1379,6 +1418,9 @@ input[type="number"]::-webkit-inner-spin-button,
1379
1418
  .hawa-h-\[88px\] {
1380
1419
  height: 88px;
1381
1420
  }
1421
+ .hawa-h-\[calc\(100dvh\)\] {
1422
+ height: calc(100dvh);
1423
+ }
1382
1424
  .hawa-h-\[var\(--radix-navigation-menu-viewport-height\)\] {
1383
1425
  height: var(--radix-navigation-menu-viewport-height);
1384
1426
  }
@@ -1552,6 +1594,9 @@ input[type="number"]::-webkit-inner-spin-button,
1552
1594
  .hawa-min-w-9 {
1553
1595
  min-width: 2.25rem;
1554
1596
  }
1597
+ .hawa-min-w-\[12rem\] {
1598
+ min-width: 12rem;
1599
+ }
1555
1600
  .hawa-min-w-\[65px\] {
1556
1601
  min-width: 65px;
1557
1602
  }
@@ -1621,6 +1666,9 @@ input[type="number"]::-webkit-inner-spin-button,
1621
1666
  .hawa-caption-bottom {
1622
1667
  caption-side: bottom;
1623
1668
  }
1669
+ .hawa-border-collapse {
1670
+ border-collapse: collapse;
1671
+ }
1624
1672
  .hawa-origin-center {
1625
1673
  transform-origin: center;
1626
1674
  }
@@ -1664,6 +1712,14 @@ input[type="number"]::-webkit-inner-spin-button,
1664
1712
  --tw-translate-y: -50%;
1665
1713
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1666
1714
  }
1715
+ .hawa-translate-y-\[1\.1px\] {
1716
+ --tw-translate-y: 1.1px;
1717
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1718
+ }
1719
+ .hawa--rotate-90 {
1720
+ --tw-rotate: -90deg;
1721
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1722
+ }
1667
1723
  .hawa-rotate-0 {
1668
1724
  --tw-rotate: 0deg;
1669
1725
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1775,6 +1831,9 @@ input[type="number"]::-webkit-inner-spin-button,
1775
1831
  .hawa-flex-row {
1776
1832
  flex-direction: row;
1777
1833
  }
1834
+ .hawa-flex-row-reverse {
1835
+ flex-direction: row-reverse;
1836
+ }
1778
1837
  .hawa-flex-col {
1779
1838
  flex-direction: column;
1780
1839
  }
@@ -1844,6 +1903,11 @@ input[type="number"]::-webkit-inner-spin-button,
1844
1903
  -moz-column-gap: 0.75rem;
1845
1904
  column-gap: 0.75rem;
1846
1905
  }
1906
+ .hawa-space-x-1 > :not([hidden]) ~ :not([hidden]) {
1907
+ --tw-space-x-reverse: 0;
1908
+ margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1909
+ margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1910
+ }
1847
1911
  .hawa-space-y-0 > :not([hidden]) ~ :not([hidden]) {
1848
1912
  --tw-space-y-reverse: 0;
1849
1913
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
@@ -1887,6 +1951,9 @@ input[type="number"]::-webkit-inner-spin-button,
1887
1951
  .hawa-overflow-x-hidden {
1888
1952
  overflow-x: hidden;
1889
1953
  }
1954
+ .hawa-overflow-x-clip {
1955
+ overflow-x: clip;
1956
+ }
1890
1957
  .hawa-truncate {
1891
1958
  overflow: hidden;
1892
1959
  text-overflow: ellipsis;
@@ -1981,9 +2048,16 @@ input[type="number"]::-webkit-inner-spin-button,
1981
2048
  .hawa-border-2 {
1982
2049
  border-width: 2px;
1983
2050
  }
2051
+ .hawa-border-x-0 {
2052
+ border-left-width: 0px;
2053
+ border-right-width: 0px;
2054
+ }
1984
2055
  .hawa-border-b {
1985
2056
  border-bottom-width: 1px;
1986
2057
  }
2058
+ .hawa-border-b-0 {
2059
+ border-bottom-width: 0px;
2060
+ }
1987
2061
  .hawa-border-b-2 {
1988
2062
  border-bottom-width: 2px;
1989
2063
  }
@@ -1993,9 +2067,15 @@ input[type="number"]::-webkit-inner-spin-button,
1993
2067
  .hawa-border-l-0 {
1994
2068
  border-left-width: 0px;
1995
2069
  }
2070
+ .hawa-border-l-4 {
2071
+ border-left-width: 4px;
2072
+ }
1996
2073
  .hawa-border-r {
1997
2074
  border-right-width: 1px;
1998
2075
  }
2076
+ .hawa-border-r-4 {
2077
+ border-right-width: 4px;
2078
+ }
1999
2079
  .hawa-border-t {
2000
2080
  border-top-width: 1px;
2001
2081
  }
@@ -2033,6 +2113,13 @@ input[type="number"]::-webkit-inner-spin-button,
2033
2113
  .hawa-border-transparent {
2034
2114
  border-color: transparent;
2035
2115
  }
2116
+ .hawa-border-x-transparent {
2117
+ border-left-color: transparent;
2118
+ border-right-color: transparent;
2119
+ }
2120
+ .hawa-border-b-transparent {
2121
+ border-bottom-color: transparent;
2122
+ }
2036
2123
  .hawa-border-l-transparent {
2037
2124
  border-left-color: transparent;
2038
2125
  }
@@ -2099,10 +2186,18 @@ input[type="number"]::-webkit-inner-spin-button,
2099
2186
  --tw-bg-opacity: 1;
2100
2187
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
2101
2188
  }
2189
+ .hawa-bg-gray-400 {
2190
+ --tw-bg-opacity: 1;
2191
+ background-color: rgb(156 163 175 / var(--tw-bg-opacity));
2192
+ }
2102
2193
  .hawa-bg-gray-500 {
2103
2194
  --tw-bg-opacity: 1;
2104
2195
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
2105
2196
  }
2197
+ .hawa-bg-gray-700 {
2198
+ --tw-bg-opacity: 1;
2199
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2200
+ }
2106
2201
  .hawa-bg-gray-900 {
2107
2202
  --tw-bg-opacity: 1;
2108
2203
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@@ -2164,6 +2259,9 @@ input[type="number"]::-webkit-inner-spin-button,
2164
2259
  .hawa-bg-primary\/10 {
2165
2260
  background-color: hsl(var(--primary) / 0.1);
2166
2261
  }
2262
+ .hawa-bg-primary\/15 {
2263
+ background-color: hsl(var(--primary) / 0.15);
2264
+ }
2167
2265
  .hawa-bg-primary\/20 {
2168
2266
  background-color: hsl(var(--primary) / 0.2);
2169
2267
  }
@@ -2176,6 +2274,9 @@ input[type="number"]::-webkit-inner-spin-button,
2176
2274
  .hawa-bg-primary\/80 {
2177
2275
  background-color: hsl(var(--primary) / 0.8);
2178
2276
  }
2277
+ .hawa-bg-primary\/90 {
2278
+ background-color: hsl(var(--primary) / 0.9);
2279
+ }
2179
2280
  .hawa-bg-purple-100 {
2180
2281
  --tw-bg-opacity: 1;
2181
2282
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
@@ -2465,6 +2566,9 @@ input[type="number"]::-webkit-inner-spin-button,
2465
2566
  .hawa-pt-1 {
2466
2567
  padding-top: 0.25rem;
2467
2568
  }
2569
+ .hawa-pt-10 {
2570
+ padding-top: 2.5rem;
2571
+ }
2468
2572
  .hawa-pt-14 {
2469
2573
  padding-top: 3.5rem;
2470
2574
  }
@@ -2516,6 +2620,9 @@ input[type="number"]::-webkit-inner-spin-button,
2516
2620
  .hawa-text-\[0\.75rem\] {
2517
2621
  font-size: 0.75rem;
2518
2622
  }
2623
+ .hawa-text-\[0\.7rem\] {
2624
+ font-size: 0.7rem;
2625
+ }
2519
2626
  .hawa-text-\[10px\] {
2520
2627
  font-size: 10px;
2521
2628
  }
@@ -2525,9 +2632,6 @@ input[type="number"]::-webkit-inner-spin-button,
2525
2632
  .hawa-text-\[12px\] {
2526
2633
  font-size: 12px;
2527
2634
  }
2528
- .hawa-text-\[1rem\] {
2529
- font-size: 1rem;
2530
- }
2531
2635
  .hawa-text-\[9px\] {
2532
2636
  font-size: 9px;
2533
2637
  }
@@ -2619,6 +2723,10 @@ input[type="number"]::-webkit-inner-spin-button,
2619
2723
  .hawa-text-foreground\/50 {
2620
2724
  color: hsl(var(--foreground) / 0.5);
2621
2725
  }
2726
+ .hawa-text-gray-200 {
2727
+ --tw-text-opacity: 1;
2728
+ color: rgb(229 231 235 / var(--tw-text-opacity));
2729
+ }
2622
2730
  .hawa-text-gray-400 {
2623
2731
  --tw-text-opacity: 1;
2624
2732
  color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -2639,6 +2747,10 @@ input[type="number"]::-webkit-inner-spin-button,
2639
2747
  --tw-text-opacity: 1;
2640
2748
  color: rgb(34 197 94 / var(--tw-text-opacity));
2641
2749
  }
2750
+ .hawa-text-green-600 {
2751
+ --tw-text-opacity: 1;
2752
+ color: rgb(22 163 74 / var(--tw-text-opacity));
2753
+ }
2642
2754
  .hawa-text-helper-color {
2643
2755
  color: hsl(var(--helper-text));
2644
2756
  }
@@ -2766,6 +2878,14 @@ input[type="number"]::-webkit-inner-spin-button,
2766
2878
  outline: 2px solid transparent;
2767
2879
  outline-offset: 2px;
2768
2880
  }
2881
+ .hawa-ring-1 {
2882
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2883
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2884
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2885
+ }
2886
+ .hawa-ring-primary\/30 {
2887
+ --tw-ring-color: hsl(var(--primary) / 0.3);
2888
+ }
2769
2889
  .hawa-ring-offset-background {
2770
2890
  --tw-ring-offset-color: hsl(var(--background));
2771
2891
  }
@@ -2833,6 +2953,9 @@ input[type="number"]::-webkit-inner-spin-button,
2833
2953
  .hawa-duration-500 {
2834
2954
  transition-duration: 500ms;
2835
2955
  }
2956
+ .hawa-duration-75 {
2957
+ transition-duration: 75ms;
2958
+ }
2836
2959
  .hawa-ease-in-out {
2837
2960
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2838
2961
  }
@@ -2889,6 +3012,9 @@ input[type="number"]::-webkit-inner-spin-button,
2889
3012
  .hawa-duration-500 {
2890
3013
  animation-duration: 500ms;
2891
3014
  }
3015
+ .hawa-duration-75 {
3016
+ animation-duration: 75ms;
3017
+ }
2892
3018
  .hawa-delay-100 {
2893
3019
  animation-delay: 100ms;
2894
3020
  }
@@ -2914,6 +3040,18 @@ input[type="number"]::-webkit-inner-spin-button,
2914
3040
  body {
2915
3041
  font-family: "IBM Plex Sans Arabic", sans-serif;
2916
3042
  }
3043
+ .selection\:hawa-p-0 *::-moz-selection {
3044
+ padding: 0px;
3045
+ }
3046
+ .selection\:hawa-p-0 *::selection {
3047
+ padding: 0px;
3048
+ }
3049
+ .selection\:hawa-p-0::-moz-selection {
3050
+ padding: 0px;
3051
+ }
3052
+ .selection\:hawa-p-0::selection {
3053
+ padding: 0px;
3054
+ }
2917
3055
  .placeholder\:hawa-text-gray-400::-moz-placeholder {
2918
3056
  --tw-text-opacity: 1;
2919
3057
  color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -3014,6 +3152,9 @@ body {
3014
3152
  .hover\:hawa-bg-accent:hover {
3015
3153
  background-color: hsl(var(--accent));
3016
3154
  }
3155
+ .hover\:hawa-bg-card-foreground\/5:hover {
3156
+ background-color: hsl(var(--card-foreground) / 0.05);
3157
+ }
3017
3158
  .hover\:hawa-bg-destructive\/90:hover {
3018
3159
  background-color: hsl(var(--destructive) / 0.9);
3019
3160
  }
@@ -3047,6 +3188,9 @@ body {
3047
3188
  .hover\:hawa-bg-primary\/40:hover {
3048
3189
  background-color: hsl(var(--primary) / 0.4);
3049
3190
  }
3191
+ .hover\:hawa-bg-primary\/80:hover {
3192
+ background-color: hsl(var(--primary) / 0.8);
3193
+ }
3050
3194
  .hover\:hawa-bg-primary\/90:hover {
3051
3195
  background-color: hsl(var(--primary) / 0.9);
3052
3196
  }
@@ -3059,6 +3203,10 @@ body {
3059
3203
  .hover\:hawa-text-accent-foreground:hover {
3060
3204
  color: hsl(var(--accent-foreground));
3061
3205
  }
3206
+ .hover\:hawa-text-black:hover {
3207
+ --tw-text-opacity: 1;
3208
+ color: rgb(0 0 0 / var(--tw-text-opacity));
3209
+ }
3062
3210
  .hover\:hawa-text-foreground:hover {
3063
3211
  color: hsl(var(--foreground));
3064
3212
  }
@@ -3429,12 +3577,18 @@ body {
3429
3577
  .data-\[state\=checked\]\:hawa-text-primary-foreground[data-state=checked] {
3430
3578
  color: hsl(var(--primary-foreground));
3431
3579
  }
3580
+ .data-\[state\=open\]\:hawa-text-accent-foreground[data-state=open] {
3581
+ color: hsl(var(--accent-foreground));
3582
+ }
3432
3583
  .data-\[state\=open\]\:hawa-text-muted-foreground[data-state=open] {
3433
3584
  color: hsl(var(--muted-foreground));
3434
3585
  }
3435
3586
  .data-\[disabled\]\:hawa-opacity-50[data-disabled] {
3436
3587
  opacity: 0.5;
3437
3588
  }
3589
+ .data-\[state\=closed\]\:hawa-opacity-0[data-state=closed] {
3590
+ opacity: 0;
3591
+ }
3438
3592
  .data-\[state\=active\]\:hawa-shadow-sm[data-state=active] {
3439
3593
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3440
3594
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -3536,6 +3690,9 @@ body {
3536
3690
  .data-\[state\=open\]\:hawa-fade-in-0[data-state=open] {
3537
3691
  --tw-enter-opacity: 0;
3538
3692
  }
3693
+ .data-\[state\=open\]\:hawa-fade-in-90[data-state=open] {
3694
+ --tw-enter-opacity: 0.9;
3695
+ }
3539
3696
  .data-\[state\=visible\]\:hawa-fade-in[data-state=visible] {
3540
3697
  --tw-enter-opacity: 0;
3541
3698
  }
@@ -3627,6 +3784,195 @@ body {
3627
3784
  --tw-rotate: 180deg;
3628
3785
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3629
3786
  }
3787
+ :is(.hawa-dark .dark\:hawa--rotate-90) {
3788
+ --tw-rotate: -90deg;
3789
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3790
+ }
3791
+ :is(.hawa-dark .dark\:hawa-rotate-0) {
3792
+ --tw-rotate: 0deg;
3793
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3794
+ }
3795
+ :is(.hawa-dark .dark\:hawa-scale-100) {
3796
+ --tw-scale-x: 1;
3797
+ --tw-scale-y: 1;
3798
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3799
+ }
3800
+ :is(.hawa-dark .dark\:hawa-border-gray-700) {
3801
+ --tw-border-opacity: 1;
3802
+ border-color: rgb(55 65 81 / var(--tw-border-opacity));
3803
+ }
3804
+ :is(.hawa-dark .dark\:hawa-border-primary\/10) {
3805
+ border-color: hsl(var(--primary) / 0.1);
3806
+ }
3807
+ :is(.hawa-dark .dark\:hawa-border-primary\/70) {
3808
+ border-color: hsl(var(--primary) / 0.7);
3809
+ }
3810
+ :is(.hawa-dark .dark\:hawa-bg-background) {
3811
+ background-color: hsl(var(--background));
3812
+ }
3813
+ :is(.hawa-dark .dark\:hawa-bg-black) {
3814
+ --tw-bg-opacity: 1;
3815
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
3816
+ }
3817
+ :is(.hawa-dark .dark\:hawa-bg-blue-400) {
3818
+ --tw-bg-opacity: 1;
3819
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
3820
+ }
3821
+ :is(.hawa-dark .dark\:hawa-bg-cyan-400) {
3822
+ --tw-bg-opacity: 1;
3823
+ background-color: rgb(34 211 238 / var(--tw-bg-opacity));
3824
+ }
3825
+ :is(.hawa-dark .dark\:hawa-bg-gray-600) {
3826
+ --tw-bg-opacity: 1;
3827
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3828
+ }
3829
+ :is(.hawa-dark .dark\:hawa-bg-gray-800) {
3830
+ --tw-bg-opacity: 1;
3831
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3832
+ }
3833
+ :is(.hawa-dark .dark\:hawa-bg-gray-900) {
3834
+ --tw-bg-opacity: 1;
3835
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity));
3836
+ }
3837
+ :is(.hawa-dark .dark\:hawa-bg-green-400) {
3838
+ --tw-bg-opacity: 1;
3839
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity));
3840
+ }
3841
+ :is(.hawa-dark .dark\:hawa-bg-muted\/40) {
3842
+ background-color: hsl(var(--muted) / 0.4);
3843
+ }
3844
+ :is(.hawa-dark .dark\:hawa-bg-orange-400) {
3845
+ --tw-bg-opacity: 1;
3846
+ background-color: rgb(251 146 60 / var(--tw-bg-opacity));
3847
+ }
3848
+ :is(.hawa-dark .dark\:hawa-bg-primary) {
3849
+ background-color: hsl(var(--primary));
3850
+ }
3851
+ :is(.hawa-dark .dark\:hawa-bg-purple-400) {
3852
+ --tw-bg-opacity: 1;
3853
+ background-color: rgb(192 132 252 / var(--tw-bg-opacity));
3854
+ }
3855
+ :is(.hawa-dark .dark\:hawa-bg-red-400) {
3856
+ --tw-bg-opacity: 1;
3857
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity));
3858
+ }
3859
+ :is(.hawa-dark .dark\:hawa-bg-red-600) {
3860
+ --tw-bg-opacity: 1;
3861
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity));
3862
+ }
3863
+ :is(.hawa-dark .dark\:hawa-bg-white) {
3864
+ --tw-bg-opacity: 1;
3865
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3866
+ }
3867
+ :is(.hawa-dark .dark\:hawa-bg-yellow-400) {
3868
+ --tw-bg-opacity: 1;
3869
+ background-color: rgb(250 204 21 / var(--tw-bg-opacity));
3870
+ }
3871
+ :is(.hawa-dark .dark\:hawa-text-black) {
3872
+ --tw-text-opacity: 1;
3873
+ color: rgb(0 0 0 / var(--tw-text-opacity));
3874
+ }
3875
+ :is(.hawa-dark .dark\:hawa-text-blue-100) {
3876
+ --tw-text-opacity: 1;
3877
+ color: rgb(219 234 254 / var(--tw-text-opacity));
3878
+ }
3879
+ :is(.hawa-dark .dark\:hawa-text-cyan-800) {
3880
+ --tw-text-opacity: 1;
3881
+ color: rgb(21 94 117 / var(--tw-text-opacity));
3882
+ }
3883
+ :is(.hawa-dark .dark\:hawa-text-gray-300) {
3884
+ --tw-text-opacity: 1;
3885
+ color: rgb(209 213 219 / var(--tw-text-opacity));
3886
+ }
3887
+ :is(.hawa-dark .dark\:hawa-text-gray-400) {
3888
+ --tw-text-opacity: 1;
3889
+ color: rgb(156 163 175 / var(--tw-text-opacity));
3890
+ }
3891
+ :is(.hawa-dark .dark\:hawa-text-gray-500) {
3892
+ --tw-text-opacity: 1;
3893
+ color: rgb(107 114 128 / var(--tw-text-opacity));
3894
+ }
3895
+ :is(.hawa-dark .dark\:hawa-text-green-500) {
3896
+ --tw-text-opacity: 1;
3897
+ color: rgb(34 197 94 / var(--tw-text-opacity));
3898
+ }
3899
+ :is(.hawa-dark .dark\:hawa-text-green-800) {
3900
+ --tw-text-opacity: 1;
3901
+ color: rgb(22 101 52 / var(--tw-text-opacity));
3902
+ }
3903
+ :is(.hawa-dark .dark\:hawa-text-muted-foreground) {
3904
+ color: hsl(var(--muted-foreground));
3905
+ }
3906
+ :is(.hawa-dark .dark\:hawa-text-orange-100) {
3907
+ --tw-text-opacity: 1;
3908
+ color: rgb(255 237 213 / var(--tw-text-opacity));
3909
+ }
3910
+ :is(.hawa-dark .dark\:hawa-text-purple-100) {
3911
+ --tw-text-opacity: 1;
3912
+ color: rgb(243 232 255 / var(--tw-text-opacity));
3913
+ }
3914
+ :is(.hawa-dark .dark\:hawa-text-red-100) {
3915
+ --tw-text-opacity: 1;
3916
+ color: rgb(254 226 226 / var(--tw-text-opacity));
3917
+ }
3918
+ :is(.hawa-dark .dark\:hawa-text-red-500) {
3919
+ --tw-text-opacity: 1;
3920
+ color: rgb(239 68 68 / var(--tw-text-opacity));
3921
+ }
3922
+ :is(.hawa-dark .dark\:hawa-text-white) {
3923
+ --tw-text-opacity: 1;
3924
+ color: rgb(255 255 255 / var(--tw-text-opacity));
3925
+ }
3926
+ :is(.hawa-dark .dark\:hawa-text-yellow-800) {
3927
+ --tw-text-opacity: 1;
3928
+ color: rgb(133 77 14 / var(--tw-text-opacity));
3929
+ }
3930
+ :is(.hawa-dark .dark\:dark-shadow) {
3931
+ box-shadow:
3932
+ 0 10px 15px -3px rgba(255, 255, 255, 0.1),
3933
+ 0 4px 6px -2px rgba(255, 255, 255, 0.05);
3934
+ }
3935
+ :is(.hawa-dark .dark\:before\:hawa-via-white\/10)::before {
3936
+ content: var(--tw-content);
3937
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
3938
+ --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
3939
+ }
3940
+ :is(.hawa-dark .dark\:hover\:hawa-bg-gray-600:hover) {
3941
+ --tw-bg-opacity: 1;
3942
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3943
+ }
3944
+ :is(.hawa-dark .dark\:hover\:hawa-bg-gray-700:hover) {
3945
+ --tw-bg-opacity: 1;
3946
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3947
+ }
3948
+ :is(.hawa-dark .dark\:hover\:hawa-text-gray-200:hover) {
3949
+ --tw-text-opacity: 1;
3950
+ color: rgb(229 231 235 / var(--tw-text-opacity));
3951
+ }
3952
+ :is(.hawa-dark .dark\:hover\:hawa-text-gray-300:hover) {
3953
+ --tw-text-opacity: 1;
3954
+ color: rgb(209 213 219 / var(--tw-text-opacity));
3955
+ }
3956
+ :is(.hawa-dark .dark\:hover\:hawa-text-white:hover) {
3957
+ --tw-text-opacity: 1;
3958
+ color: rgb(255 255 255 / var(--tw-text-opacity));
3959
+ }
3960
+ :is(.hawa-dark .dark\:hover\:dark-shadow:hover) {
3961
+ box-shadow:
3962
+ 0 10px 15px -3px rgba(255, 255, 255, 0.1),
3963
+ 0 4px 6px -2px rgba(255, 255, 255, 0.05);
3964
+ }
3965
+ :is(.hawa-dark .dark\:focus\:hawa-ring-blue-500:focus) {
3966
+ --tw-ring-opacity: 1;
3967
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
3968
+ }
3969
+ :is(.hawa-dark .dark\:focus\:hawa-ring-gray-700:focus) {
3970
+ --tw-ring-opacity: 1;
3971
+ --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
3972
+ }
3973
+ :is(.hawa-dark .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
3974
+ color: hsl(var(--primary));
3975
+ }
3630
3976
  @media (min-width: 440px) {
3631
3977
 
3632
3978
  .xs\:hawa-max-w-full {
@@ -3722,10 +4068,6 @@ body {
3722
4068
  line-height: 1.75rem;
3723
4069
  }
3724
4070
 
3725
- .sm\:hawa-opacity-100 {
3726
- opacity: 1;
3727
- }
3728
-
3729
4071
  .data-\[state\=open\]\:sm\:hawa-slide-in-from-bottom-full[data-state=open] {
3730
4072
  --tw-enter-translate-y: 100%;
3731
4073
  }
@@ -3736,6 +4078,14 @@ body {
3736
4078
  position: absolute;
3737
4079
  }
3738
4080
 
4081
+ .md\:hawa-flex {
4082
+ display: flex;
4083
+ }
4084
+
4085
+ .md\:hawa-hidden {
4086
+ display: none;
4087
+ }
4088
+
3739
4089
  .md\:hawa-w-\[var\(--radix-navigation-menu-viewport-width\)\] {
3740
4090
  width: var(--radix-navigation-menu-viewport-width);
3741
4091
  }
@@ -3775,185 +4125,6 @@ body {
3775
4125
  padding-right: 16rem;
3776
4126
  }
3777
4127
  }
3778
- :is(:where(.hawa-dark) .dark\:hawa--rotate-90) {
3779
- --tw-rotate: -90deg;
3780
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3781
- }
3782
- :is(:where(.hawa-dark) .dark\:hawa-rotate-0) {
3783
- --tw-rotate: 0deg;
3784
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3785
- }
3786
- :is(:where(.hawa-dark) .dark\:hawa-scale-100) {
3787
- --tw-scale-x: 1;
3788
- --tw-scale-y: 1;
3789
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3790
- }
3791
- :is(:where(.hawa-dark) .dark\:hawa-border-gray-700) {
3792
- --tw-border-opacity: 1;
3793
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
3794
- }
3795
- :is(:where(.hawa-dark) .dark\:hawa-border-primary\/10) {
3796
- border-color: hsl(var(--primary) / 0.1);
3797
- }
3798
- :is(:where(.hawa-dark) .dark\:hawa-border-primary\/70) {
3799
- border-color: hsl(var(--primary) / 0.7);
3800
- }
3801
- :is(:where(.hawa-dark) .dark\:hawa-bg-background) {
3802
- background-color: hsl(var(--background));
3803
- }
3804
- :is(:where(.hawa-dark) .dark\:hawa-bg-black) {
3805
- --tw-bg-opacity: 1;
3806
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
3807
- }
3808
- :is(:where(.hawa-dark) .dark\:hawa-bg-blue-400) {
3809
- --tw-bg-opacity: 1;
3810
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
3811
- }
3812
- :is(:where(.hawa-dark) .dark\:hawa-bg-cyan-400) {
3813
- --tw-bg-opacity: 1;
3814
- background-color: rgb(34 211 238 / var(--tw-bg-opacity));
3815
- }
3816
- :is(:where(.hawa-dark) .dark\:hawa-bg-gray-800) {
3817
- --tw-bg-opacity: 1;
3818
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3819
- }
3820
- :is(:where(.hawa-dark) .dark\:hawa-bg-gray-900) {
3821
- --tw-bg-opacity: 1;
3822
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
3823
- }
3824
- :is(:where(.hawa-dark) .dark\:hawa-bg-green-400) {
3825
- --tw-bg-opacity: 1;
3826
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
3827
- }
3828
- :is(:where(.hawa-dark) .dark\:hawa-bg-muted) {
3829
- background-color: hsl(var(--muted));
3830
- }
3831
- :is(:where(.hawa-dark) .dark\:hawa-bg-muted\/40) {
3832
- background-color: hsl(var(--muted) / 0.4);
3833
- }
3834
- :is(:where(.hawa-dark) .dark\:hawa-bg-muted\/50) {
3835
- background-color: hsl(var(--muted) / 0.5);
3836
- }
3837
- :is(:where(.hawa-dark) .dark\:hawa-bg-orange-400) {
3838
- --tw-bg-opacity: 1;
3839
- background-color: rgb(251 146 60 / var(--tw-bg-opacity));
3840
- }
3841
- :is(:where(.hawa-dark) .dark\:hawa-bg-primary) {
3842
- background-color: hsl(var(--primary));
3843
- }
3844
- :is(:where(.hawa-dark) .dark\:hawa-bg-purple-400) {
3845
- --tw-bg-opacity: 1;
3846
- background-color: rgb(192 132 252 / var(--tw-bg-opacity));
3847
- }
3848
- :is(:where(.hawa-dark) .dark\:hawa-bg-red-400) {
3849
- --tw-bg-opacity: 1;
3850
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
3851
- }
3852
- :is(:where(.hawa-dark) .dark\:hawa-bg-white) {
3853
- --tw-bg-opacity: 1;
3854
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3855
- }
3856
- :is(:where(.hawa-dark) .dark\:hawa-bg-yellow-400) {
3857
- --tw-bg-opacity: 1;
3858
- background-color: rgb(250 204 21 / var(--tw-bg-opacity));
3859
- }
3860
- :is(:where(.hawa-dark) .dark\:hawa-text-black) {
3861
- --tw-text-opacity: 1;
3862
- color: rgb(0 0 0 / var(--tw-text-opacity));
3863
- }
3864
- :is(:where(.hawa-dark) .dark\:hawa-text-blue-100) {
3865
- --tw-text-opacity: 1;
3866
- color: rgb(219 234 254 / var(--tw-text-opacity));
3867
- }
3868
- :is(:where(.hawa-dark) .dark\:hawa-text-cyan-800) {
3869
- --tw-text-opacity: 1;
3870
- color: rgb(21 94 117 / var(--tw-text-opacity));
3871
- }
3872
- :is(:where(.hawa-dark) .dark\:hawa-text-gray-300) {
3873
- --tw-text-opacity: 1;
3874
- color: rgb(209 213 219 / var(--tw-text-opacity));
3875
- }
3876
- :is(:where(.hawa-dark) .dark\:hawa-text-gray-400) {
3877
- --tw-text-opacity: 1;
3878
- color: rgb(156 163 175 / var(--tw-text-opacity));
3879
- }
3880
- :is(:where(.hawa-dark) .dark\:hawa-text-gray-500) {
3881
- --tw-text-opacity: 1;
3882
- color: rgb(107 114 128 / var(--tw-text-opacity));
3883
- }
3884
- :is(:where(.hawa-dark) .dark\:hawa-text-green-800) {
3885
- --tw-text-opacity: 1;
3886
- color: rgb(22 101 52 / var(--tw-text-opacity));
3887
- }
3888
- :is(:where(.hawa-dark) .dark\:hawa-text-muted-foreground) {
3889
- color: hsl(var(--muted-foreground));
3890
- }
3891
- :is(:where(.hawa-dark) .dark\:hawa-text-orange-100) {
3892
- --tw-text-opacity: 1;
3893
- color: rgb(255 237 213 / var(--tw-text-opacity));
3894
- }
3895
- :is(:where(.hawa-dark) .dark\:hawa-text-purple-100) {
3896
- --tw-text-opacity: 1;
3897
- color: rgb(243 232 255 / var(--tw-text-opacity));
3898
- }
3899
- :is(:where(.hawa-dark) .dark\:hawa-text-red-100) {
3900
- --tw-text-opacity: 1;
3901
- color: rgb(254 226 226 / var(--tw-text-opacity));
3902
- }
3903
- :is(:where(.hawa-dark) .dark\:hawa-text-white) {
3904
- --tw-text-opacity: 1;
3905
- color: rgb(255 255 255 / var(--tw-text-opacity));
3906
- }
3907
- :is(:where(.hawa-dark) .dark\:hawa-text-yellow-800) {
3908
- --tw-text-opacity: 1;
3909
- color: rgb(133 77 14 / var(--tw-text-opacity));
3910
- }
3911
- :is(:where(.hawa-dark) .dark\:dark-shadow) {
3912
- box-shadow:
3913
- 0 10px 15px -3px rgba(255, 255, 255, 0.1),
3914
- 0 4px 6px -2px rgba(255, 255, 255, 0.05);
3915
- }
3916
- :is(:where(.hawa-dark) .dark\:before\:hawa-via-white\/10)::before {
3917
- content: var(--tw-content);
3918
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
3919
- --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
3920
- }
3921
- :is(:where(.hawa-dark) .dark\:hover\:hawa-bg-gray-600:hover) {
3922
- --tw-bg-opacity: 1;
3923
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3924
- }
3925
- :is(:where(.hawa-dark) .dark\:hover\:hawa-bg-gray-700:hover) {
3926
- --tw-bg-opacity: 1;
3927
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3928
- }
3929
- :is(:where(.hawa-dark) .dark\:hover\:hawa-text-gray-200:hover) {
3930
- --tw-text-opacity: 1;
3931
- color: rgb(229 231 235 / var(--tw-text-opacity));
3932
- }
3933
- :is(:where(.hawa-dark) .dark\:hover\:hawa-text-gray-300:hover) {
3934
- --tw-text-opacity: 1;
3935
- color: rgb(209 213 219 / var(--tw-text-opacity));
3936
- }
3937
- :is(:where(.hawa-dark) .dark\:hover\:hawa-text-white:hover) {
3938
- --tw-text-opacity: 1;
3939
- color: rgb(255 255 255 / var(--tw-text-opacity));
3940
- }
3941
- :is(:where(.hawa-dark) .dark\:hover\:dark-shadow:hover) {
3942
- box-shadow:
3943
- 0 10px 15px -3px rgba(255, 255, 255, 0.1),
3944
- 0 4px 6px -2px rgba(255, 255, 255, 0.05);
3945
- }
3946
- :is(:where(.hawa-dark) .dark\:focus\:hawa-ring-blue-500:focus) {
3947
- --tw-ring-opacity: 1;
3948
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
3949
- }
3950
- :is(:where(.hawa-dark) .dark\:focus\:hawa-ring-gray-700:focus) {
3951
- --tw-ring-opacity: 1;
3952
- --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
3953
- }
3954
- :is(:where(.hawa-dark) .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
3955
- color: hsl(var(--primary));
3956
- }
3957
4128
  .\[\&\:has\(\[role\=checkbox\]\)\]\:hawa-pr-0:has([role=checkbox]) {
3958
4129
  padding-right: 0px;
3959
4130
  }
@@ -3977,6 +4148,10 @@ body {
3977
4148
  .\[\&\:not\(\:last-child\)\]\:hawa-border-r:not(:last-child) {
3978
4149
  border-right-width: 1px;
3979
4150
  }
4151
+ .\[\&\[data-state\=open\]\>svg\]\:hawa--rotate-90[data-state=open]>svg {
4152
+ --tw-rotate: -90deg;
4153
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4154
+ }
3980
4155
  .\[\&\[data-state\=open\]\>svg\]\:hawa-rotate-180[data-state=open]>svg {
3981
4156
  --tw-rotate: 180deg;
3982
4157
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));