ui-arreya-components 1.0.0 → 1.2.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 (103) hide show
  1. package/CHANGELOG.md +6 -26
  2. package/dist/components/feature/graph-card.d.ts +20 -0
  3. package/dist/components/feature/graph-card.stories.d.ts +9 -0
  4. package/dist/components/feature/header.d.ts +15 -0
  5. package/dist/components/feature/header.stories.d.ts +12 -0
  6. package/dist/components/feature/login-form.d.ts +1 -0
  7. package/dist/components/feature/login-form.stories.d.ts +13 -0
  8. package/dist/components/feature/search-bar.d.ts +10 -0
  9. package/dist/components/feature/search-bar.stories.d.ts +19 -0
  10. package/dist/components/feature/wizard.d.ts +57 -0
  11. package/dist/components/feature/wizard.stories.d.ts +8 -0
  12. package/dist/components/ui/accordion.d.ts +7 -0
  13. package/dist/components/ui/alert-dialog.d.ts +20 -0
  14. package/dist/components/ui/alert-dialog.stories.d.ts +12 -0
  15. package/dist/components/ui/alert.d.ts +8 -0
  16. package/dist/components/ui/alert.stories.d.ts +15 -0
  17. package/dist/components/ui/aspect-ratio.d.ts +3 -0
  18. package/dist/components/ui/aspect-ratio.stories.d.ts +12 -0
  19. package/dist/components/ui/avatar.d.ts +6 -0
  20. package/dist/components/ui/avatar.stories.d.ts +12 -0
  21. package/dist/components/ui/badge.d.ts +9 -0
  22. package/dist/components/ui/badge.stories.d.ts +16 -0
  23. package/dist/components/ui/breadcrumb.d.ts +11 -0
  24. package/dist/components/ui/breadcrumb.stories.d.ts +16 -0
  25. package/dist/components/ui/button.d.ts +11 -0
  26. package/dist/components/ui/button.stories.d.ts +21 -0
  27. package/dist/components/ui/card.d.ts +8 -0
  28. package/dist/components/ui/card.stories.d.ts +27 -0
  29. package/dist/components/ui/carousel.d.ts +18 -0
  30. package/dist/components/ui/carousel.stories.d.ts +17 -0
  31. package/dist/components/ui/chart.d.ts +62 -0
  32. package/dist/components/ui/checkbox.d.ts +4 -0
  33. package/dist/components/ui/checkbox.stories.d.ts +14 -0
  34. package/dist/components/ui/collapsible.d.ts +5 -0
  35. package/dist/components/ui/collapsible.stories.d.ts +12 -0
  36. package/dist/components/ui/context-menu.d.ts +27 -0
  37. package/dist/components/ui/context-menu.stories.d.ts +12 -0
  38. package/dist/components/ui/dialog.d.ts +19 -0
  39. package/dist/components/ui/dialog.stories.d.ts +12 -0
  40. package/dist/components/ui/drawer.d.ts +22 -0
  41. package/dist/components/ui/drawer.stories.d.ts +15 -0
  42. package/dist/components/ui/dropdown-menu.d.ts +27 -0
  43. package/dist/components/ui/dropdown-menu.stories.d.ts +14 -0
  44. package/dist/components/ui/form.d.ts +23 -0
  45. package/dist/components/ui/hover-card.d.ts +6 -0
  46. package/dist/components/ui/hover-card.stories.d.ts +12 -0
  47. package/dist/components/ui/input-otp.d.ts +34 -0
  48. package/dist/components/ui/input.d.ts +3 -0
  49. package/dist/components/ui/input.stories.d.ts +16 -0
  50. package/dist/components/ui/label.d.ts +5 -0
  51. package/dist/components/ui/menubar.d.ts +28 -0
  52. package/dist/components/ui/navigation-menu.d.ts +12 -0
  53. package/dist/components/ui/pagination.d.ts +28 -0
  54. package/dist/components/ui/popover.d.ts +7 -0
  55. package/dist/components/ui/progress.d.ts +4 -0
  56. package/dist/components/ui/radio-group.d.ts +5 -0
  57. package/dist/components/ui/resizable.d.ts +23 -0
  58. package/dist/components/ui/scroll-area.d.ts +5 -0
  59. package/dist/components/ui/select.d.ts +13 -0
  60. package/dist/components/ui/separator.d.ts +4 -0
  61. package/dist/components/ui/sheet.d.ts +25 -0
  62. package/dist/components/ui/sidebar.d.ts +65 -0
  63. package/dist/components/ui/skeleton.d.ts +2 -0
  64. package/dist/components/ui/slider.d.ts +4 -0
  65. package/dist/components/ui/sonner.d.ts +4 -0
  66. package/dist/components/ui/switch.d.ts +4 -0
  67. package/dist/components/ui/table.d.ts +10 -0
  68. package/dist/components/ui/table.stories.d.ts +12 -0
  69. package/dist/components/ui/tabs.d.ts +7 -0
  70. package/dist/components/ui/textarea.d.ts +3 -0
  71. package/dist/components/ui/toast.d.ts +15 -0
  72. package/dist/components/ui/toaster.d.ts +1 -0
  73. package/dist/components/ui/toggle-group.d.ts +12 -0
  74. package/dist/components/ui/toggle.d.ts +12 -0
  75. package/dist/components/ui/tooltip.d.ts +7 -0
  76. package/dist/hooks/use-mobile.d.ts +1 -0
  77. package/dist/hooks/use-toast.d.ts +44 -0
  78. package/dist/index.d.ts +50 -0
  79. package/dist/lib/types.d.ts +4 -0
  80. package/dist/lib/utils.d.ts +2 -0
  81. package/dist/styles.css +1 -1
  82. package/dist/types/index.d.ts +642 -0
  83. package/dist/{ui.es.js → ui-arreya-components.es.js} +10284 -11014
  84. package/dist/ui-arreya-components.umd.js +238 -0
  85. package/package.json +54 -54
  86. package/rollup.config.js +12 -0
  87. package/src/components/feature/search-bar.tsx +1 -1
  88. package/src/components/ui/breadcrumb.tsx +75 -81
  89. package/src/components/ui/table.stories.tsx +102 -0
  90. package/src/index.css +14 -457
  91. package/src/index.ts +0 -1
  92. package/src/styles/tailwind.css +2 -2
  93. package/tsconfig.json +34 -7
  94. package/tsconfig.tsbuildinfo +1 -0
  95. package/vite.config.ts +5 -8
  96. package/.github/workflows/npm-publish.yml +0 -35
  97. package/.storybook/main.ts +0 -18
  98. package/.storybook/preview.ts +0 -16
  99. package/.storybook/vitest.setup.ts +0 -9
  100. package/dist/ui.cjs.js +0 -242
  101. package/dist/ui.umd.js +0 -242
  102. package/tsconfig.app.json +0 -30
  103. package/tsconfig.node.json +0 -24
package/src/index.css CHANGED
@@ -774,10 +774,6 @@ body{
774
774
  right: 0.5rem;
775
775
  }
776
776
 
777
- .right-3{
778
- right: 0.75rem;
779
- }
780
-
781
777
  .right-4{
782
778
  right: 1rem;
783
779
  }
@@ -790,18 +786,10 @@ body{
790
786
  top: 0.25rem;
791
787
  }
792
788
 
793
- .top-1\.5{
794
- top: 0.375rem;
795
- }
796
-
797
789
  .top-1\/2{
798
790
  top: 50%;
799
791
  }
800
792
 
801
- .top-3\.5{
802
- top: 0.875rem;
803
- }
804
-
805
793
  .top-4{
806
794
  top: 1rem;
807
795
  }
@@ -826,10 +814,6 @@ body{
826
814
  z-index: 10;
827
815
  }
828
816
 
829
- .z-20{
830
- z-index: 20;
831
- }
832
-
833
817
  .z-50{
834
818
  z-index: 50;
835
819
  }
@@ -847,16 +831,6 @@ body{
847
831
  margin-right: -0.25rem;
848
832
  }
849
833
 
850
- .mx-2{
851
- margin-left: 0.5rem;
852
- margin-right: 0.5rem;
853
- }
854
-
855
- .mx-3\.5{
856
- margin-left: 0.875rem;
857
- margin-right: 0.875rem;
858
- }
859
-
860
834
  .mx-auto{
861
835
  margin-left: auto;
862
836
  margin-right: auto;
@@ -981,6 +955,11 @@ body{
981
955
  height: 1rem;
982
956
  }
983
957
 
958
+ .size-9{
959
+ width: 2.25rem;
960
+ height: 2.25rem;
961
+ }
962
+
984
963
  .h-0\.5{
985
964
  height: 0.125rem;
986
965
  }
@@ -993,10 +972,6 @@ body{
993
972
  height: 2.5rem;
994
973
  }
995
974
 
996
- .h-12{
997
- height: 3rem;
998
- }
999
-
1000
975
  .h-2{
1001
976
  height: 0.5rem;
1002
977
  }
@@ -1025,10 +1000,6 @@ body{
1025
1000
  height: 1.5rem;
1026
1001
  }
1027
1002
 
1028
- .h-7{
1029
- height: 1.75rem;
1030
- }
1031
-
1032
1003
  .h-8{
1033
1004
  height: 2rem;
1034
1005
  }
@@ -1069,10 +1040,6 @@ body{
1069
1040
  height: 1px;
1070
1041
  }
1071
1042
 
1072
- .h-svh{
1073
- height: 100svh;
1074
- }
1075
-
1076
1043
  .max-h-\[--radix-context-menu-content-available-height\]{
1077
1044
  max-height: var(--radix-context-menu-content-available-height);
1078
1045
  }
@@ -1089,10 +1056,6 @@ body{
1089
1056
  max-height: 100vh;
1090
1057
  }
1091
1058
 
1092
- .min-h-0{
1093
- min-height: 0px;
1094
- }
1095
-
1096
1059
  .min-h-\[60px\]{
1097
1060
  min-height: 60px;
1098
1061
  }
@@ -1141,10 +1104,6 @@ body{
1141
1104
  width: 12rem;
1142
1105
  }
1143
1106
 
1144
- .w-5{
1145
- width: 1.25rem;
1146
- }
1147
-
1148
1107
  .w-56{
1149
1108
  width: 14rem;
1150
1109
  }
@@ -1157,10 +1116,6 @@ body{
1157
1116
  width: 16rem;
1158
1117
  }
1159
1118
 
1160
- .w-7{
1161
- width: 1.75rem;
1162
- }
1163
-
1164
1119
  .w-72{
1165
1120
  width: 18rem;
1166
1121
  }
@@ -1173,10 +1128,6 @@ body{
1173
1128
  width: 2.25rem;
1174
1129
  }
1175
1130
 
1176
- .w-\[--sidebar-width\]{
1177
- width: var(--sidebar-width);
1178
- }
1179
-
1180
1131
  .w-\[100px\]{
1181
1132
  width: 100px;
1182
1133
  }
@@ -1193,10 +1144,6 @@ body{
1193
1144
  width: 380px;
1194
1145
  }
1195
1146
 
1196
- .w-auto{
1197
- width: auto;
1198
- }
1199
-
1200
1147
  .w-full{
1201
1148
  width: 100%;
1202
1149
  }
@@ -1218,10 +1165,6 @@ body{
1218
1165
  min-width: 2.5rem;
1219
1166
  }
1220
1167
 
1221
- .min-w-5{
1222
- min-width: 1.25rem;
1223
- }
1224
-
1225
1168
  .min-w-8{
1226
1169
  min-width: 2rem;
1227
1170
  }
@@ -1246,10 +1189,6 @@ body{
1246
1189
  max-width: 42rem;
1247
1190
  }
1248
1191
 
1249
- .max-w-\[--skeleton-width\]{
1250
- max-width: var(--skeleton-width);
1251
- }
1252
-
1253
1192
  .max-w-lg{
1254
1193
  max-width: 32rem;
1255
1194
  }
@@ -1328,11 +1267,6 @@ body{
1328
1267
  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));
1329
1268
  }
1330
1269
 
1331
- .-translate-x-px{
1332
- --tw-translate-x: -1px;
1333
- 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));
1334
- }
1335
-
1336
1270
  .-translate-y-1\/2{
1337
1271
  --tw-translate-y: -50%;
1338
1272
  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));
@@ -1343,11 +1277,6 @@ body{
1343
1277
  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));
1344
1278
  }
1345
1279
 
1346
- .translate-x-px{
1347
- --tw-translate-x: 1px;
1348
- 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));
1349
- }
1350
-
1351
1280
  .translate-y-\[-50\%\]{
1352
1281
  --tw-translate-y: -50%;
1353
1282
  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));
@@ -1667,10 +1596,6 @@ body{
1667
1596
  border-color: var(--primary);
1668
1597
  }
1669
1598
 
1670
- .border-sidebar-border{
1671
- border-color: hsl(var(--sidebar-border));
1672
- }
1673
-
1674
1599
  .border-transparent{
1675
1600
  border-color: transparent;
1676
1601
  }
@@ -1731,14 +1656,6 @@ body{
1731
1656
  background-color: var(--secondary);
1732
1657
  }
1733
1658
 
1734
- .bg-sidebar{
1735
- background-color: hsl(var(--sidebar-background));
1736
- }
1737
-
1738
- .bg-sidebar-border{
1739
- background-color: hsl(var(--sidebar-border));
1740
- }
1741
-
1742
1659
  .bg-slate-200{
1743
1660
  --tw-bg-opacity: 1;
1744
1661
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
@@ -1789,11 +1706,6 @@ body{
1789
1706
  padding: 1px;
1790
1707
  }
1791
1708
 
1792
- .px-1{
1793
- padding-left: 0.25rem;
1794
- padding-right: 0.25rem;
1795
- }
1796
-
1797
1709
  .px-1\.5{
1798
1710
  padding-left: 0.375rem;
1799
1711
  padding-right: 0.375rem;
@@ -1927,6 +1839,10 @@ body{
1927
1839
  text-align: center;
1928
1840
  }
1929
1841
 
1842
+ .text-right{
1843
+ text-align: right;
1844
+ }
1845
+
1930
1846
  .align-middle{
1931
1847
  vertical-align: middle;
1932
1848
  }
@@ -2067,14 +1983,6 @@ body{
2067
1983
  color: var(--secondary-foreground);
2068
1984
  }
2069
1985
 
2070
- .text-sidebar-foreground{
2071
- color: hsl(var(--sidebar-foreground));
2072
- }
2073
-
2074
- .text-sidebar-foreground\/70{
2075
- color: hsl(var(--sidebar-foreground) / 0.7);
2076
- }
2077
-
2078
1986
  .underline{
2079
1987
  text-decoration-line: underline;
2080
1988
  }
@@ -2109,12 +2017,6 @@ body{
2109
2017
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2110
2018
  }
2111
2019
 
2112
- .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{
2113
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
2114
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
2115
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2116
- }
2117
-
2118
2020
  .shadow-lg{
2119
2021
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2120
2022
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2127,12 +2029,6 @@ body{
2127
2029
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2128
2030
  }
2129
2031
 
2130
- .shadow-none{
2131
- --tw-shadow: 0 0 #0000;
2132
- --tw-shadow-colored: 0 0 #0000;
2133
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2134
- }
2135
-
2136
2032
  .shadow-sm{
2137
2033
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2138
2034
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -2170,10 +2066,6 @@ body{
2170
2066
  --tw-ring-color: hsl(var(--ring));
2171
2067
  }
2172
2068
 
2173
- .ring-sidebar-ring{
2174
- --tw-ring-color: hsl(var(--sidebar-ring));
2175
- }
2176
-
2177
2069
  .ring-offset-background{
2178
2070
  --tw-ring-offset-color: var(--background);
2179
2071
  }
@@ -2190,30 +2082,6 @@ body{
2190
2082
  transition-duration: 150ms;
2191
2083
  }
2192
2084
 
2193
- .transition-\[left\2c right\2c width\]{
2194
- transition-property: left,right,width;
2195
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2196
- transition-duration: 150ms;
2197
- }
2198
-
2199
- .transition-\[margin\2c opacity\]{
2200
- transition-property: margin,opacity;
2201
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2202
- transition-duration: 150ms;
2203
- }
2204
-
2205
- .transition-\[width\2c height\2c padding\]{
2206
- transition-property: width,height,padding;
2207
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2208
- transition-duration: 150ms;
2209
- }
2210
-
2211
- .transition-\[width\]{
2212
- transition-property: width;
2213
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2214
- transition-duration: 150ms;
2215
- }
2216
-
2217
2085
  .transition-all{
2218
2086
  transition-property: all;
2219
2087
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2254,10 +2122,6 @@ body{
2254
2122
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2255
2123
  }
2256
2124
 
2257
- .ease-linear{
2258
- transition-timing-function: linear;
2259
- }
2260
-
2261
2125
  @keyframes enter{
2262
2126
  from{
2263
2127
  opacity: var(--tw-enter-opacity, 1);
@@ -2306,10 +2170,6 @@ body{
2306
2170
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2307
2171
  }
2308
2172
 
2309
- .ease-linear{
2310
- animation-timing-function: linear;
2311
- }
2312
-
2313
2173
  body {
2314
2174
  font-family: var(--font-primary);
2315
2175
  }
@@ -2352,11 +2212,6 @@ h1, h2, h3, h4 {
2352
2212
  position: absolute;
2353
2213
  }
2354
2214
 
2355
- .after\:-inset-2::after{
2356
- content: var(--tw-content);
2357
- inset: -0.5rem;
2358
- }
2359
-
2360
2215
  .after\:inset-0::after{
2361
2216
  content: var(--tw-content);
2362
2217
  inset: 0px;
@@ -2393,11 +2248,6 @@ h1, h2, h3, h4 {
2393
2248
  width: 0.25rem;
2394
2249
  }
2395
2250
 
2396
- .after\:w-\[2px\]::after{
2397
- content: var(--tw-content);
2398
- width: 2px;
2399
- }
2400
-
2401
2251
  .after\:-translate-x-1\/2::after{
2402
2252
  content: var(--tw-content);
2403
2253
  --tw-translate-x: -50%;
@@ -2462,10 +2312,6 @@ h1, h2, h3, h4 {
2462
2312
  background-color: var(--secondary);
2463
2313
  }
2464
2314
 
2465
- .hover\:bg-sidebar-accent:hover{
2466
- background-color: hsl(var(--sidebar-accent));
2467
- }
2468
-
2469
2315
  .hover\:text-accent-foreground:hover{
2470
2316
  color: var(--accent-foreground);
2471
2317
  }
@@ -2478,10 +2324,6 @@ h1, h2, h3, h4 {
2478
2324
  color: hsl(var(--muted-foreground));
2479
2325
  }
2480
2326
 
2481
- .hover\:text-sidebar-accent-foreground:hover{
2482
- color: hsl(var(--sidebar-accent-foreground));
2483
- }
2484
-
2485
2327
  .hover\:underline:hover{
2486
2328
  text-decoration-line: underline;
2487
2329
  }
@@ -2490,17 +2332,6 @@ h1, h2, h3, h4 {
2490
2332
  opacity: 1;
2491
2333
  }
2492
2334
 
2493
- .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{
2494
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
2495
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
2496
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2497
- }
2498
-
2499
- .hover\:after\:bg-sidebar-border:hover::after{
2500
- content: var(--tw-content);
2501
- background-color: hsl(var(--sidebar-border));
2502
- }
2503
-
2504
2335
  .focus\:border-\[--primary\]:focus{
2505
2336
  border-color: var(--primary);
2506
2337
  }
@@ -2563,10 +2394,6 @@ h1, h2, h3, h4 {
2563
2394
  --tw-ring-color: hsl(var(--ring));
2564
2395
  }
2565
2396
 
2566
- .focus-visible\:ring-sidebar-ring:focus-visible{
2567
- --tw-ring-color: hsl(var(--sidebar-ring));
2568
- }
2569
-
2570
2397
  .focus-visible\:ring-offset-1:focus-visible{
2571
2398
  --tw-ring-offset-width: 1px;
2572
2399
  }
@@ -2579,18 +2406,6 @@ h1, h2, h3, h4 {
2579
2406
  --tw-ring-offset-color: var(--background);
2580
2407
  }
2581
2408
 
2582
- .active\:border-\[--primary\]:active{
2583
- border-color: var(--primary);
2584
- }
2585
-
2586
- .active\:bg-sidebar-accent:active{
2587
- background-color: hsl(var(--sidebar-accent));
2588
- }
2589
-
2590
- .active\:text-sidebar-accent-foreground:active{
2591
- color: hsl(var(--sidebar-accent-foreground));
2592
- }
2593
-
2594
2409
  .disabled\:pointer-events-none:disabled{
2595
2410
  pointer-events: none;
2596
2411
  }
@@ -2603,14 +2418,6 @@ h1, h2, h3, h4 {
2603
2418
  opacity: 0.5;
2604
2419
  }
2605
2420
 
2606
- .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{
2607
- opacity: 1;
2608
- }
2609
-
2610
- .group\/menu-item:hover .group-hover\/menu-item\:opacity-100{
2611
- opacity: 1;
2612
- }
2613
-
2614
2421
  .group:hover .group-hover\:opacity-100{
2615
2422
  opacity: 1;
2616
2423
  }
@@ -2688,10 +2495,6 @@ h1, h2, h3, h4 {
2688
2495
  --tw-ring-offset-color: #dc2626;
2689
2496
  }
2690
2497
 
2691
- .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground{
2692
- color: hsl(var(--sidebar-accent-foreground));
2693
- }
2694
-
2695
2498
  .peer:disabled ~ .peer-disabled\:cursor-not-allowed{
2696
2499
  cursor: not-allowed;
2697
2500
  }
@@ -2700,26 +2503,10 @@ h1, h2, h3, h4 {
2700
2503
  opacity: 0.7;
2701
2504
  }
2702
2505
 
2703
- .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){
2704
- background-color: hsl(var(--sidebar-background));
2705
- }
2706
-
2707
2506
  .has-\[\:disabled\]\:opacity-50:has(:disabled){
2708
2507
  opacity: 0.5;
2709
2508
  }
2710
2509
 
2711
- .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{
2712
- padding-right: 2rem;
2713
- }
2714
-
2715
- .aria-disabled\:pointer-events-none[aria-disabled="true"]{
2716
- pointer-events: none;
2717
- }
2718
-
2719
- .aria-disabled\:opacity-50[aria-disabled="true"]{
2720
- opacity: 0.5;
2721
- }
2722
-
2723
2510
  .data-\[disabled\]\:pointer-events-none[data-disabled]{
2724
2511
  pointer-events: none;
2725
2512
  }
@@ -2809,10 +2596,6 @@ h1, h2, h3, h4 {
2809
2596
  flex-direction: column;
2810
2597
  }
2811
2598
 
2812
- .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"]{
2813
- background-color: hsl(var(--sidebar-accent));
2814
- }
2815
-
2816
2599
  .data-\[state\=active\]\:bg-background[data-state="active"]{
2817
2600
  background-color: var(--background);
2818
2601
  }
@@ -2841,14 +2624,6 @@ h1, h2, h3, h4 {
2841
2624
  background-color: hsl(var(--input));
2842
2625
  }
2843
2626
 
2844
- .data-\[active\=true\]\:font-medium[data-active="true"]{
2845
- font-weight: 500;
2846
- }
2847
-
2848
- .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"]{
2849
- color: hsl(var(--sidebar-accent-foreground));
2850
- }
2851
-
2852
2627
  .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{
2853
2628
  color: hsl(var(--muted-foreground));
2854
2629
  }
@@ -2877,10 +2652,6 @@ h1, h2, h3, h4 {
2877
2652
  opacity: 0.5;
2878
2653
  }
2879
2654
 
2880
- .data-\[state\=open\]\:opacity-100[data-state="open"]{
2881
- opacity: 1;
2882
- }
2883
-
2884
2655
  .data-\[state\=active\]\:shadow[data-state="active"]{
2885
2656
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2886
2657
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -3136,145 +2907,15 @@ h1, h2, h3, h4 {
3136
2907
  background-color: var(--accent);
3137
2908
  }
3138
2909
 
3139
- .data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"]{
3140
- background-color: hsl(var(--sidebar-accent));
3141
- }
3142
-
3143
- .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"]{
3144
- color: hsl(var(--sidebar-accent-foreground));
3145
- }
3146
-
3147
2910
  .data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"]{
3148
2911
  background-color: var(--accent);
3149
2912
  }
3150
2913
 
3151
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{
3152
- left: calc(var(--sidebar-width) * -1);
3153
- }
3154
-
3155
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{
3156
- right: calc(var(--sidebar-width) * -1);
3157
- }
3158
-
3159
- .group[data-side="left"] .group-data-\[side\=left\]\:-right-4{
3160
- right: -1rem;
3161
- }
3162
-
3163
- .group[data-side="right"] .group-data-\[side\=right\]\:left-0{
3164
- left: 0px;
3165
- }
3166
-
3167
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8{
3168
- margin-top: -2rem;
3169
- }
3170
-
3171
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden{
3172
- display: none;
3173
- }
3174
-
3175
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8{
3176
- width: 2rem !important;
3177
- height: 2rem !important;
3178
- }
3179
-
3180
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{
3181
- width: var(--sidebar-width-icon);
3182
- }
3183
-
3184
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{
3185
- width: calc(var(--sidebar-width-icon) + 1rem);
3186
- }
3187
-
3188
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{
3189
- width: calc(var(--sidebar-width-icon) + 1rem + 2px);
3190
- }
3191
-
3192
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0{
3193
- width: 0px;
3194
- }
3195
-
3196
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{
3197
- --tw-translate-x: 0px;
3198
- 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));
3199
- }
3200
-
3201
- .group[data-side="right"] .group-data-\[side\=right\]\:rotate-180{
3202
- --tw-rotate: 180deg;
3203
- 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));
3204
- }
3205
-
3206
2914
  .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{
3207
2915
  --tw-rotate: 180deg;
3208
2916
  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));
3209
2917
  }
3210
2918
 
3211
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden{
3212
- overflow: hidden;
3213
- }
3214
-
3215
- .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg{
3216
- border-radius: var(--radius);
3217
- }
3218
-
3219
- .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border{
3220
- border-width: 1px;
3221
- }
3222
-
3223
- .group[data-side="left"] .group-data-\[side\=left\]\:border-r{
3224
- border-right-width: 1px;
3225
- }
3226
-
3227
- .group[data-side="right"] .group-data-\[side\=right\]\:border-l{
3228
- border-left-width: 1px;
3229
- }
3230
-
3231
- .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border{
3232
- border-color: hsl(var(--sidebar-border));
3233
- }
3234
-
3235
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0{
3236
- padding: 0px !important;
3237
- }
3238
-
3239
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2{
3240
- padding: 0.5rem !important;
3241
- }
3242
-
3243
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0{
3244
- opacity: 0;
3245
- }
3246
-
3247
- .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow{
3248
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3249
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3250
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3251
- }
3252
-
3253
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after{
3254
- content: var(--tw-content);
3255
- left: 100%;
3256
- }
3257
-
3258
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{
3259
- background-color: hsl(var(--sidebar-background));
3260
- }
3261
-
3262
- .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5{
3263
- top: 0.375rem;
3264
- }
3265
-
3266
- .peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5{
3267
- top: 0.625rem;
3268
- }
3269
-
3270
- .peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1{
3271
- top: 0.25rem;
3272
- }
3273
-
3274
- .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{
3275
- color: hsl(var(--sidebar-accent-foreground));
3276
- }
3277
-
3278
2919
  .dark\:border-destructive:is(.dark *){
3279
2920
  border-color: hsl(var(--destructive));
3280
2921
  }
@@ -3296,10 +2937,6 @@ h1, h2, h3, h4 {
3296
2937
  margin-top: 0px;
3297
2938
  }
3298
2939
 
3299
- .sm\:flex{
3300
- display: flex;
3301
- }
3302
-
3303
2940
  .sm\:max-w-sm{
3304
2941
  max-width: 24rem;
3305
2942
  }
@@ -3344,14 +2981,6 @@ h1, h2, h3, h4 {
3344
2981
  position: absolute;
3345
2982
  }
3346
2983
 
3347
- .md\:block{
3348
- display: block;
3349
- }
3350
-
3351
- .md\:flex{
3352
- display: flex;
3353
- }
3354
-
3355
2984
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
3356
2985
  width: var(--radix-navigation-menu-viewport-width);
3357
2986
  }
@@ -3372,37 +3001,6 @@ h1, h2, h3, h4 {
3372
3001
  font-size: 0.875rem;
3373
3002
  line-height: 1.25rem;
3374
3003
  }
3375
-
3376
- .md\:opacity-0{
3377
- opacity: 0;
3378
- }
3379
-
3380
- .after\:md\:hidden::after{
3381
- content: var(--tw-content);
3382
- display: none;
3383
- }
3384
-
3385
- .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2{
3386
- margin: 0.5rem;
3387
- }
3388
-
3389
- .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{
3390
- margin-left: 0.5rem;
3391
- }
3392
-
3393
- .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0{
3394
- margin-left: 0px;
3395
- }
3396
-
3397
- .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl{
3398
- border-radius: 0.75rem;
3399
- }
3400
-
3401
- .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow{
3402
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3403
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3404
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3405
- }
3406
3004
  }
3407
3005
 
3408
3006
  .\[\&\+div\]\:text-xs+div{
@@ -3419,16 +3017,6 @@ h1, h2, h3, h4 {
3419
3017
  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));
3420
3018
  }
3421
3019
 
3422
- .\[\&\>button\]\:hidden>button{
3423
- display: none;
3424
- }
3425
-
3426
- .\[\&\>span\:last-child\]\:truncate>span:last-child{
3427
- overflow: hidden;
3428
- text-overflow: ellipsis;
3429
- white-space: nowrap;
3430
- }
3431
-
3432
3020
  .\[\&\>span\]\:line-clamp-1>span{
3433
3021
  overflow: hidden;
3434
3022
  display: -webkit-box;
@@ -3453,6 +3041,11 @@ h1, h2, h3, h4 {
3453
3041
  top: 1rem;
3454
3042
  }
3455
3043
 
3044
+ .\[\&\>svg\]\:size-3\.5>svg{
3045
+ width: 0.875rem;
3046
+ height: 0.875rem;
3047
+ }
3048
+
3456
3049
  .\[\&\>svg\]\:size-4>svg{
3457
3050
  width: 1rem;
3458
3051
  height: 1rem;
@@ -3466,10 +3059,6 @@ h1, h2, h3, h4 {
3466
3059
  height: 0.75rem;
3467
3060
  }
3468
3061
 
3469
- .\[\&\>svg\]\:h-3\.5>svg{
3470
- height: 0.875rem;
3471
- }
3472
-
3473
3062
  .\[\&\>svg\]\:w-2\.5>svg{
3474
3063
  width: 0.625rem;
3475
3064
  }
@@ -3478,10 +3067,6 @@ h1, h2, h3, h4 {
3478
3067
  width: 0.75rem;
3479
3068
  }
3480
3069
 
3481
- .\[\&\>svg\]\:w-3\.5>svg{
3482
- width: 0.875rem;
3483
- }
3484
-
3485
3070
  .\[\&\>svg\]\:shrink-0>svg{
3486
3071
  flex-shrink: 0;
3487
3072
  }
@@ -3498,10 +3083,6 @@ h1, h2, h3, h4 {
3498
3083
  color: hsl(var(--muted-foreground));
3499
3084
  }
3500
3085
 
3501
- .\[\&\>svg\]\:text-sidebar-accent-foreground>svg{
3502
- color: hsl(var(--sidebar-accent-foreground));
3503
- }
3504
-
3505
3086
  .\[\&\>svg\~\*\]\:pl-7>svg~*{
3506
3087
  padding-left: 1.75rem;
3507
3088
  }
@@ -3607,27 +3188,3 @@ h1, h2, h3, h4 {
3607
3188
  .\[\&_tr\]\:border-b tr{
3608
3189
  border-bottom-width: 1px;
3609
3190
  }
3610
-
3611
- [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{
3612
- right: -0.5rem;
3613
- }
3614
-
3615
- [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{
3616
- cursor: e-resize;
3617
- }
3618
-
3619
- [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{
3620
- cursor: w-resize;
3621
- }
3622
-
3623
- [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{
3624
- left: -0.5rem;
3625
- }
3626
-
3627
- [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{
3628
- cursor: w-resize;
3629
- }
3630
-
3631
- [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{
3632
- cursor: e-resize;
3633
- }