cekat-ui 1.3.7 → 1.3.8

package/dist/style.css

@@ -687,10 +687,6 @@ body {
   bottom: 0px;
 }
 
-.bottom-\[-6px\] {
-  bottom: -6px;
-}
-
 .bottom-\[calc\(100\%\+8px\)\] {
   bottom: calc(100% + 8px);
 }
@@ -711,10 +707,6 @@ body {
   left: 1rem;
 }
 
-.left-\[-6px\] {
-  left: -6px;
-}
-
 .left-\[calc\(100\%\+8px\)\] {
   left: calc(100% + 8px);
 }
@@ -739,10 +731,6 @@ body {
   right: -3px;
 }
 
-.right-\[-6px\] {
-  right: -6px;
-}
-
 .right-\[7px\] {
   right: 7px;
 }
@@ -767,10 +755,6 @@ body {
   top: 0.5rem;
 }
 
-.top-\[-6px\] {
-  top: -6px;
-}
-
 .top-\[7px\] {
   top: 7px;
 }
@@ -783,6 +767,10 @@ body {
   top: 100%;
 }
 
+.z-0 {
+  z-index: 0;
+}
+
 .z-10 {
   z-index: 10;
 }
@@ -795,8 +783,8 @@ body {
   z-index: 30;
 }
 
-.z-\[9999\] {
-  z-index: 9999;
+.z-\[999999\] {
+  z-index: 999999;
 }
 
 .mx-1 {
@@ -840,6 +828,10 @@ body {
   margin-bottom: 0.75rem;
 }
 
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -928,11 +920,6 @@ body {
   height: 0.75rem;
 }
 
-.size-3\.5 {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
 .size-4 {
   width: 1rem;
   height: 1rem;
@@ -958,6 +945,16 @@ body {
   height: 2.25rem;
 }
 
+.size-\[14px\] {
+  width: 14px;
+  height: 14px;
+}
+
+.size-\[16px\] {
+  width: 16px;
+  height: 16px;
+}
+
 .size-\[18px\] {
   width: 18px;
   height: 18px;
@@ -1047,6 +1044,10 @@ body {
   height: 1rem;
 }
 
+.h-40 {
+  height: 10rem;
+}
+
 .h-5 {
   height: 1.25rem;
 }
@@ -1055,6 +1056,10 @@ body {
   height: 1.5rem;
 }
 
+.h-64 {
+  height: 16rem;
+}
+
 .h-7 {
   height: 1.75rem;
 }
@@ -1075,6 +1080,10 @@ body {
   height: 100px;
 }
 
+.h-\[200vh\] {
+  height: 200vh;
+}
+
 .h-\[30px\] {
   height: 30px;
 }
@@ -1131,6 +1140,10 @@ body {
   max-height: 13rem;
 }
 
+.max-h-60 {
+  max-height: 15rem;
+}
+
 .max-h-64 {
   max-height: 16rem;
 }
@@ -1147,6 +1160,10 @@ body {
   max-height: 320px;
 }
 
+.max-h-none {
+  max-height: none;
+}
+
 .min-h-0 {
   min-height: 0px;
 }
@@ -1167,10 +1184,18 @@ body {
   min-height: 36px;
 }
 
+.min-h-\[38px\] {
+  min-height: 38px;
+}
+
 .min-h-\[42px\] {
   min-height: 42px;
 }
 
+.min-h-\[640px\] {
+  min-height: 640px;
+}
+
 .min-h-\[64px\] {
   min-height: 64px;
 }
@@ -1243,14 +1268,14 @@ body {
   width: 1.5rem;
 }
 
-.w-60 {
-  width: 15rem;
-}
-
 .w-7 {
   width: 1.75rem;
 }
 
+.w-72 {
+  width: 18rem;
+}
+
 .w-8 {
   width: 2rem;
 }
@@ -1267,6 +1292,10 @@ body {
   width: 140px;
 }
 
+.w-\[200vw\] {
+  width: 200vw;
+}
+
 .w-\[320px\] {
   width: 320px;
 }
@@ -1279,12 +1308,12 @@ body {
   width: 600px;
 }
 
-.w-\[92px\] {
-  width: 92px;
+.w-\[640px\] {
+  width: 640px;
 }
 
-.w-\[calc\(100\%-8px\)\] {
-  width: calc(100% - 8px);
+.w-\[92px\] {
+  width: 92px;
 }
 
 .w-auto {
@@ -1440,6 +1469,11 @@ body {
   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));
 }
 
+.rotate-180 {
+  --tw-rotate: 180deg;
+  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));
+}
+
 .scale-0 {
   --tw-scale-x: 0;
   --tw-scale-y: 0;
@@ -1632,10 +1666,6 @@ body {
   overflow: hidden;
 }
 
-.overflow-clip {
-  overflow: clip;
-}
-
 .overflow-visible {
   overflow: visible;
 }
@@ -2084,6 +2114,10 @@ body {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 
+.bg-black\/40 {
+  background-color: rgb(0 0 0 / 0.4);
+}
+
 .bg-blue-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 233 255 / var(--tw-bg-opacity, 1));
@@ -2634,14 +2668,14 @@ body {
   padding: 0px;
 }
 
-.p-0\.5 {
-  padding: 0.125rem;
-}
-
 .p-1 {
   padding: 0.25rem;
 }
 
+.p-10 {
+  padding: 2.5rem;
+}
+
 .p-16 {
   padding: 4rem;
 }
@@ -2666,6 +2700,10 @@ body {
   padding: 1.5rem;
 }
 
+.p-8 {
+  padding: 2rem;
+}
+
 .p-\[2px\] {
   padding: 2px;
 }
@@ -2774,6 +2812,11 @@ body {
   padding-bottom: 3px;
 }
 
+.py-\[spacing-xs\] {
+  padding-top: spacing-xs;
+  padding-bottom: spacing-xs;
+}
+
 .pb-0\.5 {
   padding-bottom: 0.125rem;
 }
@@ -3335,10 +3378,6 @@ body {
   opacity: 1;
 }
 
-.opacity-50 {
-  opacity: 0.5;
-}
-
 .opacity-60 {
   opacity: 0.6;
 }
@@ -3367,18 +3406,6 @@ body {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-\[0px_0px_0px_2px_white\2c 0px_0px_0px_4px_rgba\(112\2c 150\2c 217\2c 1\)\] {
-  --tw-shadow: 0px 0px 0px 2px white,0px 0px 0px 4px rgba(112,150,217,1);
-  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-\[0px_12px_16px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_4px_6px_-2px_rgba\(16\2c 24\2c 40\2c 0\.03\)\] {
-  --tw-shadow: 0px 12px 16px -4px rgba(16,24,40,0.08),0px 4px 6px -2px rgba(16,24,40,0.03);
-  --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .shadow-\[inset_-1px_0_0_0_\#D0D5DD\] {
   --tw-shadow: inset -1px 0 0 0 #D0D5DD;
   --tw-shadow-colored: inset -1px 0 0 0 var(--tw-shadow-color);
@@ -3403,6 +3430,12 @@ body {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -3434,6 +3467,11 @@ body {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .invert {
   --tw-invert: invert(100%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -3449,6 +3487,12 @@ body {
   transition-duration: 150ms;
 }
 
+.transition-\[border-color\2c box-shadow\] {
+  transition-property: border-color,box-shadow;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .transition-\[color\2c background-color\2c border-color\2c box-shadow\2c filter\2c transform\] {
   transition-property: color,background-color,border-color,box-shadow,filter,transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3491,10 +3535,18 @@ body {
   -webkit-tap-highlight-color: transparent;
 }
 
+.\[scrollbar-color\:theme\(colors\.light\.300\)_theme\(colors\.light\.50\)\] {
+  scrollbar-color: #D0D5DD #F9FAFB;
+}
+
 .\[scrollbar-width\:none\] {
   scrollbar-width: none;
 }
 
+.\[scrollbar-width\:thin\] {
+  scrollbar-width: thin;
+}
+
 /* =========================================
    Optional: component defaults
    (boleh kosong kalau belum perlu)
@@ -3636,16 +3688,91 @@ body {
   --tw-ring-offset-width: 0px;
 }
 
+.hover\:border-blue-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(132 202 255 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-blue-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(46 144 250 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-blue-gray-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(179 184 219 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-blue-gray-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(78 91 166 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-blue-light-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(124 212 253 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-blue-light-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(11 165 236 / var(--tw-border-opacity, 1));
+}
+
 .hover\:border-error-300:hover {
   --tw-border-opacity: 1;
   border-color: rgb(246 144 118 / var(--tw-border-opacity, 1));
 }
 
+.hover\:border-error-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-indigo-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(164 188 253 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-indigo-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(97 114 243 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-light-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
+}
+
 .hover\:border-light-400:hover {
   --tw-border-opacity: 1;
   border-color: rgb(152 162 179 / var(--tw-border-opacity, 1));
 }
 
+.hover\:border-light-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(102 112 133 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-orange-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(247 178 122 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-orange-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 104 32 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-pink-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 167 224 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-pink-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(238 70 188 / var(--tw-border-opacity, 1));
+}
+
 .hover\:border-primary-300:hover {
   --tw-border-opacity: 1;
   border-color: rgb(158 184 229 / var(--tw-border-opacity, 1));
@@ -3661,6 +3788,36 @@ body {
   border-color: rgb(8 33 76 / var(--tw-border-opacity, 1));
 }
 
+.hover\:border-purple-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(189 180 254 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-purple-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(122 90 248 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-success-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(96 222 127 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-success-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(8 145 70 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-warning-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 200 75 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-warning-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(247 144 9 / var(--tw-border-opacity, 1));
+}
+
 .hover\:border-x-transparent:hover {
   border-left-color: #FFFFFF00;
   border-right-color: #FFFFFF00;
@@ -3670,6 +3827,36 @@ body {
   background-color: rgb(0 0 0 / 0.05);
 }
 
+.hover\:bg-blue-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 233 255 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-blue-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 248 255 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-blue-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 236 245 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-blue-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 249 252 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-blue-light-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-blue-light-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-error-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(253 226 209 / var(--tw-bg-opacity, 1));
@@ -3685,6 +3872,16 @@ body {
   background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-indigo-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 234 255 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-indigo-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-info-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(206 233 253 / var(--tw-bg-opacity, 1));
@@ -3705,6 +3902,26 @@ body {
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-orange-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 234 215 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-orange-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 246 238 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-pink-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 231 246 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-pink-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 242 250 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-primary-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
@@ -3720,11 +3937,26 @@ body {
   background-color: rgb(8 33 76 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-purple-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 233 254 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-purple-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 243 255 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-success-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(202 249 204 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-success-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 255 238 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-success-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(2 84 63 / var(--tw-bg-opacity, 1));
@@ -3739,6 +3971,11 @@ body {
   background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-warning-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 252 245 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-white:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -3749,11 +3986,31 @@ body {
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-blue-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(24 73 169 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-blue-gray-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(41 48 86 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-blue-light-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(6 89 134 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-error-800:hover {
   --tw-text-opacity: 1;
   color: rgb(131 9 36 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-indigo-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(45 49 166 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-light-600:hover {
   --tw-text-opacity: 1;
   color: rgb(71 84 103 / var(--tw-text-opacity, 1));
@@ -3774,6 +4031,16 @@ body {
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-orange-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(147 47 25 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-pink-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(158 22 95 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-primary-700:hover {
   --tw-text-opacity: 1;
   color: rgb(11 49 115 / var(--tw-text-opacity, 1));
@@ -3784,11 +4051,26 @@ body {
   color: rgb(8 33 76 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-purple-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(74 31 184 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-red-700:hover {
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-success-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(2 84 63 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-warning-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(147 55 13 / var(--tw-text-opacity, 1));
+}
+
 .hover\:shadow-sm:hover {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -3939,6 +4221,66 @@ body {
   visibility: visible;
 }
 
+.group:hover .group-hover\:border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(46 144 250 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-blue-gray-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(78 91 166 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-blue-light-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(11 165 236 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-error-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-indigo-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(97 114 243 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-light-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(102 112 133 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-orange-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 104 32 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-pink-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(238 70 188 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-primary-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-purple-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(122 90 248 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-success-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(8 145 70 / var(--tw-border-opacity, 1));
+}
+
+.group:hover .group-hover\:border-warning-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(247 144 9 / var(--tw-border-opacity, 1));
+}
+
 .group:hover .group-hover\:bg-light-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
@@ -4056,6 +4398,11 @@ body {
   background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
 }
 
+.data-\[selected\]\:bg-primary-50[data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
+}
+
 .data-\[selected\]\:bg-primary-500[data-selected] {
   --tw-bg-opacity: 1;
   background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
@@ -4066,6 +4413,11 @@ body {
   background-color: rgb(205 218 242 / var(--tw-bg-opacity, 1));
 }
 
+.data-\[disabled\]\:text-light-400[data-disabled] {
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
 .data-\[disabled\]\:text-light-500[data-disabled] {
   --tw-text-opacity: 1;
   color: rgb(102 112 133 / var(--tw-text-opacity, 1));
@@ -4076,15 +4428,31 @@ body {
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
 }
 
+.data-\[hovered\]\:text-light-900[data-hovered] {
+  --tw-text-opacity: 1;
+  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
+}
+
 .data-\[pending\]\:\!text-light-400[data-pending] {
   --tw-text-opacity: 1 !important;
   color: rgb(152 162 179 / var(--tw-text-opacity, 1)) !important;
 }
 
+.data-\[selected\]\:text-primary-700[data-selected] {
+  --tw-text-opacity: 1;
+  color: rgb(11 49 115 / var(--tw-text-opacity, 1));
+}
+
 .data-\[disabled\]\:opacity-60[data-disabled] {
   opacity: 0.6;
 }
 
+.data-\[focus-visible\]\:shadow-focus[data-focus-visible] {
+  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .data-\[focus-visible\]\:outline[data-focus-visible] {
   outline-style: solid;
 }
@@ -4132,11 +4500,51 @@ body {
   background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
 }
 
+.group[data-disabled] .group-data-\[disabled\]\:cursor-not-allowed {
+  cursor: not-allowed;
+}
+
+.group[data-invalid] .group-data-\[invalid\]\:border-error-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 190 165 / var(--tw-border-opacity, 1));
+}
+
+.group[data-invalid][data-focus-visible] .group-data-\[invalid\]\:group-data-\[focus-visible\]\:border-error-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
+}
+
+.group[data-invalid][data-open] .group-data-\[invalid\]\:group-data-\[open\]\:border-error-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
+}
+
+.group[data-open] .group-data-\[open\]\:border-primary-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
+}
+
+.group[data-disabled] .group-data-\[disabled\]\:bg-light-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+}
+
 .group\/row[data-selected] .group-data-\[selected\]\/row\:bg-primary-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
 }
 
+.group[data-disabled] .group-data-\[disabled\]\:text-light-400 {
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
+.group[data-focus-visible] .group-data-\[focus-visible\]\:shadow-focus {
+  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .group\/cell:first-child .group\/row[data-selected] .group-first\/cell\:group-data-\[selected\]\/row\:shadow-\[inset_2px_0_0_0_\#1352BF\] {
   --tw-shadow: inset 2px 0 0 0 #1352BF;
   --tw-shadow-colored: inset 2px 0 0 0 var(--tw-shadow-color);
@@ -4221,48 +4629,34 @@ body {
   padding: 0px;
 }
 
-.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
-  display: none;
-}
-
-.\[\&\>svg\]\:h-6>svg {
-  height: 1.5rem;
-}
-
-.\[\&\>svg\]\:w-6>svg {
-  width: 1.5rem;
-}
-
-.\[\&_button\]\:h-auto button {
-  height: auto;
+.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
+  border-radius: 9999px;
 }
 
-.\[\&_button\]\:rounded button {
-  border-radius: 0.25rem;
+.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-light-300::-webkit-scrollbar-thumb {
+  --tw-bg-opacity: 1;
+  background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1));
 }
 
-.\[\&_button\]\:border button {
-  border-width: 1px;
+.\[\&\:\:-webkit-scrollbar-track\]\:bg-light-50::-webkit-scrollbar-track {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
-.\[\&_button\]\:border-light-300 button {
-  --tw-border-opacity: 1;
-  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
+.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+  display: none;
 }
 
-.\[\&_button\]\:px-2 button {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
+  width: 0.5rem;
 }
 
-.\[\&_button\]\:py-1 button {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+.\[\&\>svg\]\:h-6>svg {
+  height: 1.5rem;
 }
 
-.\[\&_button\]\:text-light-800 button {
-  --tw-text-opacity: 1;
-  color: rgb(24 34 48 / var(--tw-text-opacity, 1));
+.\[\&\>svg\]\:w-6>svg {
+  width: 1.5rem;
 }
 
 .\[\&_svg\]\:size-full svg {