elseware-ui 2.35.0 → 2.36.0

package/dist/index.css

@@ -372,6 +372,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -408,6 +411,9 @@ video {
 .bottom-3 {
   bottom: .75rem;
 }
+.bottom-4 {
+  bottom: 1rem;
+}
 .left-0 {
   left: 0;
 }
@@ -417,6 +423,9 @@ video {
 .left-2 {
   left: .5rem;
 }
+.left-4 {
+  left: 1rem;
+}
 .right-0 {
   right: 0;
 }
@@ -426,6 +435,9 @@ video {
 .right-3 {
   right: .75rem;
 }
+.right-4 {
+  right: 1rem;
+}
 .top-0 {
   top: 0;
 }
@@ -435,6 +447,9 @@ video {
 .top-3 {
   top: .75rem;
 }
+.top-4 {
+  top: 1rem;
+}
 .top-\[-20px\] {
   top: -20px;
 }
@@ -465,6 +480,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[9999\] {
+  z-index: 9999;
+}
 .col-span-2 {
   grid-column: span 2/span 2;
 }
@@ -526,6 +544,9 @@ video {
 .mr-2 {
   margin-right: .5rem;
 }
+.mt-0\.5 {
+  margin-top: .125rem;
+}
 .mt-1 {
   margin-top: .25rem;
 }
@@ -725,6 +746,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[520px\] {
+  min-height: 520px;
+}
 .min-h-\[56px\] {
   min-height: 56px;
 }
@@ -875,6 +899,9 @@ video {
 .w-\[900px\] {
   width: 900px;
 }
+.w-\[calc\(100\%-2rem\)\] {
+  width: calc(100% - 2rem);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1307,6 +1334,15 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.\!rounded-3xl {
+  border-radius: 1.5rem !important;
+}
+.\!rounded-lg {
+  border-radius: .5rem !important;
+}
+.\!rounded-none {
+  border-radius: 0 !important;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -1722,6 +1758,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(6 182 212/var(--tw-bg-opacity,1));
 }
+.bg-eui-danger-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(220 53 69/var(--tw-bg-opacity,1));
+}
 .bg-eui-danger-500\/10 {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -1744,6 +1784,10 @@ video {
 .bg-eui-dark-900\/90 {
   background-color: rgba(7, 7, 8, .9);
 }
+.bg-eui-info-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(13 202 240/var(--tw-bg-opacity,1));
+}
 .bg-eui-info-500\/10 {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -1790,6 +1834,10 @@ video {
 .bg-eui-success-500\/15 {
   background-color: rgba(25, 135, 84, .15);
 }
+.bg-eui-warning-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 193 7/var(--tw-bg-opacity,1));
+}
 .bg-eui-warning-500\/10 {
   background-color: rgba(255, 193, 7, .1);
 }
@@ -1811,6 +1859,10 @@ video {
 .bg-gray-300\/10 {
   background-color: rgba(209, 213, 219, .1);
 }
+.bg-gray-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(107 114 128/var(--tw-bg-opacity,1));
+}
 .bg-gray-500\/10 {
   background-color: hsla(220, 9%, 46%, .1);
 }
@@ -2562,6 +2614,9 @@ video {
   --tw-numeric-spacing:tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-5 {
+  line-height: 1.25rem;
+}
 .leading-7 {
   line-height: 1.75rem;
 }
@@ -2676,6 +2731,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(220 53 69/var(--tw-text-opacity,1));
 }
+.text-eui-danger-600 {
+  --tw-text-opacity:1;
+  color: rgb(175 42 55/var(--tw-text-opacity,1));
+}
+.text-eui-danger-700 {
+  --tw-text-opacity:1;
+  color: rgb(130 31 41/var(--tw-text-opacity,1));
+}
 .text-eui-dark-100 {
   --tw-text-opacity:1;
   color: rgb(134 138 141/var(--tw-text-opacity,1));
@@ -2712,6 +2775,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(13 202 240/var(--tw-text-opacity,1));
 }
+.text-eui-info-600 {
+  --tw-text-opacity:1;
+  color: rgb(10 160 192/var(--tw-text-opacity,1));
+}
+.text-eui-info-700 {
+  --tw-text-opacity:1;
+  color: rgb(8 118 144/var(--tw-text-opacity,1));
+}
 .text-eui-light-500 {
   --tw-text-opacity:1;
   color: rgb(248 249 250/var(--tw-text-opacity,1));
@@ -2756,6 +2827,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(25 135 84/var(--tw-text-opacity,1));
 }
+.text-eui-success-600 {
+  --tw-text-opacity:1;
+  color: rgb(20 107 66/var(--tw-text-opacity,1));
+}
+.text-eui-success-700 {
+  --tw-text-opacity:1;
+  color: rgb(15 78 49/var(--tw-text-opacity,1));
+}
 .text-eui-warning-300 {
   --tw-text-opacity:1;
   color: rgb(255 209 55/var(--tw-text-opacity,1));
@@ -2768,6 +2847,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(204 153 5/var(--tw-text-opacity,1));
 }
+.text-eui-warning-700 {
+  --tw-text-opacity:1;
+  color: rgb(153 113 4/var(--tw-text-opacity,1));
+}
 .text-gray-100 {
   --tw-text-opacity:1;
   color: rgb(243 244 246/var(--tw-text-opacity,1));
@@ -2808,6 +2891,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(17 24 39/var(--tw-text-opacity,1));
 }
+.text-gray-950 {
+  --tw-text-opacity:1;
+  color: rgb(3 7 18/var(--tw-text-opacity,1));
+}
 .text-green-300 {
   --tw-text-opacity:1;
   color: rgb(134 239 172/var(--tw-text-opacity,1));
@@ -3713,9 +3800,20 @@ video {
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.focus\:ring-current:focus {
+  --tw-ring-color:currentColor;
+}
 .focus\:ring-eui-primary-500\/30:focus {
   --tw-ring-color:rgba(0,4,15,.3);
 }
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width:2px;
+}
+.active\:scale-95:active {
+  --tw-scale-x:.95;
+  --tw-scale-y:.95;
+  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));
+}
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -3779,6 +3877,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(229 31 47/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-danger-400\/40:is(.dark *) {
+  border-color: rgba(229, 31, 47, .4);
+}
 .dark\:border-eui-dark-200:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(111 115 118/var(--tw-border-opacity,1));
@@ -3794,6 +3895,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 202 242/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-info-400\/40:is(.dark *) {
+  border-color: rgba(20, 202, 242, .4);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -3817,10 +3921,16 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(38 182 116/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-success-400\/40:is(.dark *) {
+  border-color: rgba(38, 182, 116, .4);
+}
 .dark\:border-eui-warning-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(255 198 6/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-warning-400\/40:is(.dark *) {
+  border-color: rgba(255, 198, 6, .4);
+}
 .dark\:border-gray-500:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(107 114 128/var(--tw-border-opacity,1));
@@ -3873,6 +3983,12 @@ video {
 .dark\:bg-black\/60:is(.dark *) {
   background-color: rgba(0, 0, 0, .6);
 }
+.dark\:bg-eui-danger-500\/15:is(.dark *) {
+  background-color: rgba(220, 53, 69, .15);
+}
+.dark\:bg-eui-danger-500\/20:is(.dark *) {
+  background-color: rgba(220, 53, 69, .2);
+}
 .dark\:bg-eui-dark-100:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(134 138 141/var(--tw-bg-opacity,1));
@@ -3885,9 +4001,27 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(33 37 41/var(--tw-bg-opacity,1));
 }
+.dark\:bg-eui-info-500\/15:is(.dark *) {
+  background-color: rgba(13, 202, 240, .15);
+}
+.dark\:bg-eui-info-500\/20:is(.dark *) {
+  background-color: rgba(13, 202, 240, .2);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
+.dark\:bg-eui-success-500\/15:is(.dark *) {
+  background-color: rgba(25, 135, 84, .15);
+}
+.dark\:bg-eui-success-500\/20:is(.dark *) {
+  background-color: rgba(25, 135, 84, .2);
+}
+.dark\:bg-eui-warning-500\/15:is(.dark *) {
+  background-color: rgba(255, 193, 7, .15);
+}
+.dark\:bg-eui-warning-500\/20:is(.dark *) {
+  background-color: rgba(255, 193, 7, .2);
+}
 .dark\:bg-gray-400\/10:is(.dark *) {
   background-color: rgba(156, 163, 175, .1);
 }
@@ -3976,6 +4110,13 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-eui-danger-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(234 72 85/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-danger-300\/80:is(.dark *) {
+  color: rgba(234, 72, 85, .8);
+}
 .dark\:text-eui-danger-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -3988,6 +4129,13 @@ video {
   --tw-text-opacity:1;
   color: rgb(87 92 95/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-info-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(56 211 244/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-info-300\/80:is(.dark *) {
+  color: rgba(56, 211, 244, .8);
+}
 .dark\:text-eui-info-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(20 202 242/var(--tw-text-opacity,1));
@@ -4016,10 +4164,24 @@ video {
   --tw-text-opacity:1;
   color: rgb(23 184 0/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-success-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(72 194 139/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-success-300\/80:is(.dark *) {
+  color: rgba(72, 194, 139, .8);
+}
 .dark\:text-eui-success-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(38 182 116/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-warning-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(255 209 55/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-warning-300\/80:is(.dark *) {
+  color: rgba(255, 209, 55, .8);
+}
 .dark\:text-eui-warning-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(255 198 6/var(--tw-text-opacity,1));
@@ -4190,6 +4352,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));
 }
+@media (min-width: 640px) {
+  .sm\:w-full {
+    width: 100%;
+  }
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 @media (min-width: 768px) {
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -4677,6 +4847,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -4713,6 +4886,9 @@ video {
 .bottom-3 {
   bottom: .75rem;
 }
+.bottom-4 {
+  bottom: 1rem;
+}
 .left-0 {
   left: 0;
 }
@@ -4722,6 +4898,9 @@ video {
 .left-2 {
   left: .5rem;
 }
+.left-4 {
+  left: 1rem;
+}
 .right-0 {
   right: 0;
 }
@@ -4731,6 +4910,9 @@ video {
 .right-3 {
   right: .75rem;
 }
+.right-4 {
+  right: 1rem;
+}
 .top-0 {
   top: 0;
 }
@@ -4740,6 +4922,9 @@ video {
 .top-3 {
   top: .75rem;
 }
+.top-4 {
+  top: 1rem;
+}
 .top-\[-20px\] {
   top: -20px;
 }
@@ -4770,6 +4955,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[9999\] {
+  z-index: 9999;
+}
 .col-span-2 {
   grid-column: span 2/span 2;
 }
@@ -4831,6 +5019,9 @@ video {
 .mr-2 {
   margin-right: .5rem;
 }
+.mt-0\.5 {
+  margin-top: .125rem;
+}
 .mt-1 {
   margin-top: .25rem;
 }
@@ -5030,6 +5221,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[520px\] {
+  min-height: 520px;
+}
 .min-h-\[56px\] {
   min-height: 56px;
 }
@@ -5180,6 +5374,9 @@ video {
 .w-\[900px\] {
   width: 900px;
 }
+.w-\[calc\(100\%-2rem\)\] {
+  width: calc(100% - 2rem);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -5612,6 +5809,15 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.\!rounded-3xl {
+  border-radius: 1.5rem !important;
+}
+.\!rounded-lg {
+  border-radius: .5rem !important;
+}
+.\!rounded-none {
+  border-radius: 0 !important;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -6027,6 +6233,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(6 182 212/var(--tw-bg-opacity,1));
 }
+.bg-eui-danger-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(220 53 69/var(--tw-bg-opacity,1));
+}
 .bg-eui-danger-500\/10 {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -6049,6 +6259,10 @@ video {
 .bg-eui-dark-900\/90 {
   background-color: rgba(7, 7, 8, .9);
 }
+.bg-eui-info-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(13 202 240/var(--tw-bg-opacity,1));
+}
 .bg-eui-info-500\/10 {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -6095,6 +6309,10 @@ video {
 .bg-eui-success-500\/15 {
   background-color: rgba(25, 135, 84, .15);
 }
+.bg-eui-warning-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 193 7/var(--tw-bg-opacity,1));
+}
 .bg-eui-warning-500\/10 {
   background-color: rgba(255, 193, 7, .1);
 }
@@ -6116,6 +6334,10 @@ video {
 .bg-gray-300\/10 {
   background-color: rgba(209, 213, 219, .1);
 }
+.bg-gray-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(107 114 128/var(--tw-bg-opacity,1));
+}
 .bg-gray-500\/10 {
   background-color: hsla(220, 9%, 46%, .1);
 }
@@ -6867,6 +7089,9 @@ video {
   --tw-numeric-spacing:tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-5 {
+  line-height: 1.25rem;
+}
 .leading-7 {
   line-height: 1.75rem;
 }
@@ -6981,6 +7206,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(220 53 69/var(--tw-text-opacity,1));
 }
+.text-eui-danger-600 {
+  --tw-text-opacity:1;
+  color: rgb(175 42 55/var(--tw-text-opacity,1));
+}
+.text-eui-danger-700 {
+  --tw-text-opacity:1;
+  color: rgb(130 31 41/var(--tw-text-opacity,1));
+}
 .text-eui-dark-100 {
   --tw-text-opacity:1;
   color: rgb(134 138 141/var(--tw-text-opacity,1));
@@ -7017,6 +7250,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(13 202 240/var(--tw-text-opacity,1));
 }
+.text-eui-info-600 {
+  --tw-text-opacity:1;
+  color: rgb(10 160 192/var(--tw-text-opacity,1));
+}
+.text-eui-info-700 {
+  --tw-text-opacity:1;
+  color: rgb(8 118 144/var(--tw-text-opacity,1));
+}
 .text-eui-light-500 {
   --tw-text-opacity:1;
   color: rgb(248 249 250/var(--tw-text-opacity,1));
@@ -7061,6 +7302,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(25 135 84/var(--tw-text-opacity,1));
 }
+.text-eui-success-600 {
+  --tw-text-opacity:1;
+  color: rgb(20 107 66/var(--tw-text-opacity,1));
+}
+.text-eui-success-700 {
+  --tw-text-opacity:1;
+  color: rgb(15 78 49/var(--tw-text-opacity,1));
+}
 .text-eui-warning-300 {
   --tw-text-opacity:1;
   color: rgb(255 209 55/var(--tw-text-opacity,1));
@@ -7073,6 +7322,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(204 153 5/var(--tw-text-opacity,1));
 }
+.text-eui-warning-700 {
+  --tw-text-opacity:1;
+  color: rgb(153 113 4/var(--tw-text-opacity,1));
+}
 .text-gray-100 {
   --tw-text-opacity:1;
   color: rgb(243 244 246/var(--tw-text-opacity,1));
@@ -7113,6 +7366,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(17 24 39/var(--tw-text-opacity,1));
 }
+.text-gray-950 {
+  --tw-text-opacity:1;
+  color: rgb(3 7 18/var(--tw-text-opacity,1));
+}
 .text-green-300 {
   --tw-text-opacity:1;
   color: rgb(134 239 172/var(--tw-text-opacity,1));
@@ -8103,9 +8360,20 @@ video {
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.focus\:ring-current:focus {
+  --tw-ring-color:currentColor;
+}
 .focus\:ring-eui-primary-500\/30:focus {
   --tw-ring-color:rgba(0,4,15,.3);
 }
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width:2px;
+}
+.active\:scale-95:active {
+  --tw-scale-x:.95;
+  --tw-scale-y:.95;
+  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));
+}
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -8169,6 +8437,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(229 31 47/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-danger-400\/40:is(.dark *) {
+  border-color: rgba(229, 31, 47, .4);
+}
 .dark\:border-eui-dark-200:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(111 115 118/var(--tw-border-opacity,1));
@@ -8184,6 +8455,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 202 242/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-info-400\/40:is(.dark *) {
+  border-color: rgba(20, 202, 242, .4);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -8207,10 +8481,16 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(38 182 116/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-success-400\/40:is(.dark *) {
+  border-color: rgba(38, 182, 116, .4);
+}
 .dark\:border-eui-warning-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(255 198 6/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-warning-400\/40:is(.dark *) {
+  border-color: rgba(255, 198, 6, .4);
+}
 .dark\:border-gray-500:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(107 114 128/var(--tw-border-opacity,1));
@@ -8263,6 +8543,12 @@ video {
 .dark\:bg-black\/60:is(.dark *) {
   background-color: rgba(0, 0, 0, .6);
 }
+.dark\:bg-eui-danger-500\/15:is(.dark *) {
+  background-color: rgba(220, 53, 69, .15);
+}
+.dark\:bg-eui-danger-500\/20:is(.dark *) {
+  background-color: rgba(220, 53, 69, .2);
+}
 .dark\:bg-eui-dark-100:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(134 138 141/var(--tw-bg-opacity,1));
@@ -8275,9 +8561,27 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(33 37 41/var(--tw-bg-opacity,1));
 }
+.dark\:bg-eui-info-500\/15:is(.dark *) {
+  background-color: rgba(13, 202, 240, .15);
+}
+.dark\:bg-eui-info-500\/20:is(.dark *) {
+  background-color: rgba(13, 202, 240, .2);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
+.dark\:bg-eui-success-500\/15:is(.dark *) {
+  background-color: rgba(25, 135, 84, .15);
+}
+.dark\:bg-eui-success-500\/20:is(.dark *) {
+  background-color: rgba(25, 135, 84, .2);
+}
+.dark\:bg-eui-warning-500\/15:is(.dark *) {
+  background-color: rgba(255, 193, 7, .15);
+}
+.dark\:bg-eui-warning-500\/20:is(.dark *) {
+  background-color: rgba(255, 193, 7, .2);
+}
 .dark\:bg-gray-400\/10:is(.dark *) {
   background-color: rgba(156, 163, 175, .1);
 }
@@ -8366,6 +8670,13 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-eui-danger-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(234 72 85/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-danger-300\/80:is(.dark *) {
+  color: rgba(234, 72, 85, .8);
+}
 .dark\:text-eui-danger-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -8378,6 +8689,13 @@ video {
   --tw-text-opacity:1;
   color: rgb(87 92 95/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-info-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(56 211 244/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-info-300\/80:is(.dark *) {
+  color: rgba(56, 211, 244, .8);
+}
 .dark\:text-eui-info-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(20 202 242/var(--tw-text-opacity,1));
@@ -8406,10 +8724,24 @@ video {
   --tw-text-opacity:1;
   color: rgb(23 184 0/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-success-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(72 194 139/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-success-300\/80:is(.dark *) {
+  color: rgba(72, 194, 139, .8);
+}
 .dark\:text-eui-success-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(38 182 116/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-warning-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(255 209 55/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-warning-300\/80:is(.dark *) {
+  color: rgba(255, 209, 55, .8);
+}
 .dark\:text-eui-warning-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(255 198 6/var(--tw-text-opacity,1));
@@ -8580,6 +8912,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));
 }
+@media (min-width: 640px) {
+  .sm\:w-full {
+    width: 100%;
+  }
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 @media (min-width: 768px) {
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -8604,82 +8944,82 @@ video {
   }
 }
 
-/* src/components/data-display/graphs-v2/styles/graph.css */
-.eui-graph {
-  --eui-graph-panel-bg:#111217;
-  --eui-graph-panel-border:#2a2d35;
-  --eui-graph-text-primary:#f3f4f6;
-  --eui-graph-text-secondary:#9ca3af;
-  --eui-graph-text-muted:#6b7280;
-  --eui-graph-grid:#2a2d35;
-  --eui-graph-axis:#8b949e;
-  --eui-graph-tooltip-bg:#181b21;
-  --eui-graph-tooltip-border:#2a2d35;
-  --eui-graph-tooltip-shadow:0 16px 40px rgba(0,0,0,.35);
-  color: var(--eui-graph-text-primary);
-}
-.eui-graph-panel {
-  background: var(--eui-graph-panel-bg);
-  border: 1px solid var(--eui-graph-panel-border);
+/* src/components/data-display/charts/styles/chart.css */
+.eui-chart {
+  --eui-chart-panel-bg:#111217;
+  --eui-chart-panel-border:#2a2d35;
+  --eui-chart-text-primary:#f3f4f6;
+  --eui-chart-text-secondary:#9ca3af;
+  --eui-chart-text-muted:#6b7280;
+  --eui-chart-grid:#2a2d35;
+  --eui-chart-axis:#8b949e;
+  --eui-chart-tooltip-bg:#181b21;
+  --eui-chart-tooltip-border:#2a2d35;
+  --eui-chart-tooltip-shadow:0 16px 40px rgba(0,0,0,.35);
+  color: var(--eui-chart-text-primary);
+}
+.eui-chart-panel {
+  background: var(--eui-chart-panel-bg);
+  border: 1px solid var(--eui-chart-panel-border);
   border-radius: .875rem;
 }
-.eui-graph-title {
-  color: var(--eui-graph-text-primary);
+.eui-chart-title {
+  color: var(--eui-chart-text-primary);
 }
-.eui-graph-description {
-  color: var(--eui-graph-text-secondary);
+.eui-chart-description {
+  color: var(--eui-chart-text-secondary);
 }
-.eui-graph-muted {
-  color: var(--eui-graph-text-muted);
+.eui-chart-muted {
+  color: var(--eui-chart-text-muted);
 }
-.eui-graph .recharts-wrapper {
+.eui-chart .recharts-wrapper {
   font-family: inherit;
 }
-.eui-graph .recharts-cartesian-grid-horizontal line,
-.eui-graph .recharts-cartesian-grid-vertical line {
-  stroke: var(--eui-graph-grid);
+.eui-chart .recharts-cartesian-grid-horizontal line,
+.eui-chart .recharts-cartesian-grid-vertical line {
+  stroke: var(--eui-chart-grid);
   stroke-opacity: .65;
 }
-.eui-graph .recharts-cartesian-axis-line,
-.eui-graph .recharts-cartesian-axis-tick-line {
-  stroke: var(--eui-graph-axis);
+.eui-chart .recharts-cartesian-axis-line,
+.eui-chart .recharts-cartesian-axis-tick-line {
+  stroke: var(--eui-chart-axis);
   stroke-opacity: .4;
 }
-.eui-graph .recharts-cartesian-axis-tick-value {
-  fill: var(--eui-graph-text-secondary);
+.eui-chart .recharts-cartesian-axis-tick-value {
+  fill: var(--eui-chart-text-secondary);
   font-size: .75rem;
 }
-.eui-graph .recharts-legend-item-text {
-  color: var(--eui-graph-text-secondary) !important;
+.eui-chart .recharts-legend-item-text {
+  color: var(--eui-chart-text-secondary) !important;
   font-size: .75rem;
 }
-.eui-graph .recharts-tooltip-wrapper {
+.eui-chart .recharts-tooltip-wrapper {
   outline: none;
 }
-.eui-graph .recharts-default-tooltip {
-  background: var(--eui-graph-tooltip-bg) !important;
-  border: 1px solid var(--eui-graph-tooltip-border) !important;
+.eui-chart .recharts-default-tooltip {
+  background: var(--eui-chart-tooltip-bg) !important;
+  border: 1px solid var(--eui-chart-tooltip-border) !important;
   border-radius: .75rem !important;
-  box-shadow: var(--eui-graph-tooltip-shadow);
-  color: var(--eui-graph-text-primary) !important;
+  box-shadow: var(--eui-chart-tooltip-shadow);
+  color: var(--eui-chart-text-primary) !important;
 }
-.eui-graph .recharts-tooltip-label {
-  color: var(--eui-graph-text-primary) !important;
+.eui-chart .recharts-tooltip-label {
+  color: var(--eui-chart-text-primary) !important;
   font-weight: 600;
   margin-bottom: .375rem;
 }
-.eui-graph .recharts-tooltip-item {
-  color: var(--eui-graph-text-secondary) !important;
+.eui-chart .recharts-tooltip-item {
+  color: var(--eui-chart-text-secondary) !important;
   font-size: .75rem;
 }
-.eui-graph .recharts-active-dot {
+.eui-chart .recharts-active-dot {
   filter: drop-shadow(0 0 8px rgba(125, 211, 252, .45));
 }
-.eui-graph .recharts-line-curve {
+.eui-chart .recharts-line-curve {
   filter: drop-shadow(0 0 4px rgba(125, 211, 252, .2));
 }
-.eui-graph-loading {
-  animation: eui-graph-shimmer 1.4s ease infinite;
+.eui-chart-loading {
+  animation: eui-chart-shimmer 1.4s ease infinite;
   background:
     linear-gradient(
       90deg,
@@ -8690,7 +9030,7 @@ video {
   overflow: hidden;
   position: relative;
 }
-@keyframes eui-graph-shimmer {
+@keyframes eui-chart-shimmer {
   0% {
     background-position: 100% 0;
   }
@@ -8926,6 +9266,35 @@ video {
   }
 }
 
+/* src/components/feedback/toast/toast.css */
+@keyframes eui-toast-enter {
+  0% {
+    opacity: 0;
+    transform: translateY(8px) scale(.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+@keyframes eui-toast-progress {
+  0% {
+    transform: scaleX(1);
+  }
+  to {
+    transform: scaleX(0);
+  }
+}
+.eui-toast__item {
+  animation: eui-toast-enter .18s ease-out both;
+}
+.eui-toast__progress {
+  animation-fill-mode: forwards;
+  animation-name: eui-toast-progress;
+  animation-timing-function: linear;
+  transform-origin: left;
+}
+
 /* src/styles/components/markdown/index.css */
 *,
 :after,
@@ -9300,6 +9669,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -9336,6 +9708,9 @@ video {
 .bottom-3 {
   bottom: .75rem;
 }
+.bottom-4 {
+  bottom: 1rem;
+}
 .left-0 {
   left: 0;
 }
@@ -9345,6 +9720,9 @@ video {
 .left-2 {
   left: .5rem;
 }
+.left-4 {
+  left: 1rem;
+}
 .right-0 {
   right: 0;
 }
@@ -9354,6 +9732,9 @@ video {
 .right-3 {
   right: .75rem;
 }
+.right-4 {
+  right: 1rem;
+}
 .top-0 {
   top: 0;
 }
@@ -9363,6 +9744,9 @@ video {
 .top-3 {
   top: .75rem;
 }
+.top-4 {
+  top: 1rem;
+}
 .top-\[-20px\] {
   top: -20px;
 }
@@ -9393,6 +9777,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[9999\] {
+  z-index: 9999;
+}
 .col-span-2 {
   grid-column: span 2/span 2;
 }
@@ -9454,6 +9841,9 @@ video {
 .mr-2 {
   margin-right: .5rem;
 }
+.mt-0\.5 {
+  margin-top: .125rem;
+}
 .mt-1 {
   margin-top: .25rem;
 }
@@ -9653,6 +10043,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[520px\] {
+  min-height: 520px;
+}
 .min-h-\[56px\] {
   min-height: 56px;
 }
@@ -9803,6 +10196,9 @@ video {
 .w-\[900px\] {
   width: 900px;
 }
+.w-\[calc\(100\%-2rem\)\] {
+  width: calc(100% - 2rem);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -10235,6 +10631,15 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.\!rounded-3xl {
+  border-radius: 1.5rem !important;
+}
+.\!rounded-lg {
+  border-radius: .5rem !important;
+}
+.\!rounded-none {
+  border-radius: 0 !important;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -10650,6 +11055,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(6 182 212/var(--tw-bg-opacity,1));
 }
+.bg-eui-danger-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(220 53 69/var(--tw-bg-opacity,1));
+}
 .bg-eui-danger-500\/10 {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -10672,6 +11081,10 @@ video {
 .bg-eui-dark-900\/90 {
   background-color: rgba(7, 7, 8, .9);
 }
+.bg-eui-info-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(13 202 240/var(--tw-bg-opacity,1));
+}
 .bg-eui-info-500\/10 {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -10718,6 +11131,10 @@ video {
 .bg-eui-success-500\/15 {
   background-color: rgba(25, 135, 84, .15);
 }
+.bg-eui-warning-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 193 7/var(--tw-bg-opacity,1));
+}
 .bg-eui-warning-500\/10 {
   background-color: rgba(255, 193, 7, .1);
 }
@@ -10739,6 +11156,10 @@ video {
 .bg-gray-300\/10 {
   background-color: rgba(209, 213, 219, .1);
 }
+.bg-gray-500 {
+  --tw-bg-opacity:1;
+  background-color: rgb(107 114 128/var(--tw-bg-opacity,1));
+}
 .bg-gray-500\/10 {
   background-color: hsla(220, 9%, 46%, .1);
 }
@@ -11490,6 +11911,9 @@ video {
   --tw-numeric-spacing:tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-5 {
+  line-height: 1.25rem;
+}
 .leading-7 {
   line-height: 1.75rem;
 }
@@ -11604,6 +12028,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(220 53 69/var(--tw-text-opacity,1));
 }
+.text-eui-danger-600 {
+  --tw-text-opacity:1;
+  color: rgb(175 42 55/var(--tw-text-opacity,1));
+}
+.text-eui-danger-700 {
+  --tw-text-opacity:1;
+  color: rgb(130 31 41/var(--tw-text-opacity,1));
+}
 .text-eui-dark-100 {
   --tw-text-opacity:1;
   color: rgb(134 138 141/var(--tw-text-opacity,1));
@@ -11640,6 +12072,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(13 202 240/var(--tw-text-opacity,1));
 }
+.text-eui-info-600 {
+  --tw-text-opacity:1;
+  color: rgb(10 160 192/var(--tw-text-opacity,1));
+}
+.text-eui-info-700 {
+  --tw-text-opacity:1;
+  color: rgb(8 118 144/var(--tw-text-opacity,1));
+}
 .text-eui-light-500 {
   --tw-text-opacity:1;
   color: rgb(248 249 250/var(--tw-text-opacity,1));
@@ -11684,6 +12124,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(25 135 84/var(--tw-text-opacity,1));
 }
+.text-eui-success-600 {
+  --tw-text-opacity:1;
+  color: rgb(20 107 66/var(--tw-text-opacity,1));
+}
+.text-eui-success-700 {
+  --tw-text-opacity:1;
+  color: rgb(15 78 49/var(--tw-text-opacity,1));
+}
 .text-eui-warning-300 {
   --tw-text-opacity:1;
   color: rgb(255 209 55/var(--tw-text-opacity,1));
@@ -11696,6 +12144,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(204 153 5/var(--tw-text-opacity,1));
 }
+.text-eui-warning-700 {
+  --tw-text-opacity:1;
+  color: rgb(153 113 4/var(--tw-text-opacity,1));
+}
 .text-gray-100 {
   --tw-text-opacity:1;
   color: rgb(243 244 246/var(--tw-text-opacity,1));
@@ -11736,6 +12188,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(17 24 39/var(--tw-text-opacity,1));
 }
+.text-gray-950 {
+  --tw-text-opacity:1;
+  color: rgb(3 7 18/var(--tw-text-opacity,1));
+}
 .text-green-300 {
   --tw-text-opacity:1;
   color: rgb(134 239 172/var(--tw-text-opacity,1));
@@ -12755,9 +13211,20 @@ video {
     var(--tw-ring-shadow),
     var(--tw-shadow,0 0 #0000);
 }
+.focus\:ring-current:focus {
+  --tw-ring-color:currentColor;
+}
 .focus\:ring-eui-primary-500\/30:focus {
   --tw-ring-color:rgba(0,4,15,.3);
 }
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width:2px;
+}
+.active\:scale-95:active {
+  --tw-scale-x:.95;
+  --tw-scale-y:.95;
+  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));
+}
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -12821,6 +13288,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(229 31 47/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-danger-400\/40:is(.dark *) {
+  border-color: rgba(229, 31, 47, .4);
+}
 .dark\:border-eui-dark-200:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(111 115 118/var(--tw-border-opacity,1));
@@ -12836,6 +13306,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 202 242/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-info-400\/40:is(.dark *) {
+  border-color: rgba(20, 202, 242, .4);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -12859,10 +13332,16 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(38 182 116/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-success-400\/40:is(.dark *) {
+  border-color: rgba(38, 182, 116, .4);
+}
 .dark\:border-eui-warning-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(255 198 6/var(--tw-border-opacity,1));
 }
+.dark\:border-eui-warning-400\/40:is(.dark *) {
+  border-color: rgba(255, 198, 6, .4);
+}
 .dark\:border-gray-500:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(107 114 128/var(--tw-border-opacity,1));
@@ -12915,6 +13394,12 @@ video {
 .dark\:bg-black\/60:is(.dark *) {
   background-color: rgba(0, 0, 0, .6);
 }
+.dark\:bg-eui-danger-500\/15:is(.dark *) {
+  background-color: rgba(220, 53, 69, .15);
+}
+.dark\:bg-eui-danger-500\/20:is(.dark *) {
+  background-color: rgba(220, 53, 69, .2);
+}
 .dark\:bg-eui-dark-100:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(134 138 141/var(--tw-bg-opacity,1));
@@ -12927,9 +13412,27 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(33 37 41/var(--tw-bg-opacity,1));
 }
+.dark\:bg-eui-info-500\/15:is(.dark *) {
+  background-color: rgba(13, 202, 240, .15);
+}
+.dark\:bg-eui-info-500\/20:is(.dark *) {
+  background-color: rgba(13, 202, 240, .2);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
+.dark\:bg-eui-success-500\/15:is(.dark *) {
+  background-color: rgba(25, 135, 84, .15);
+}
+.dark\:bg-eui-success-500\/20:is(.dark *) {
+  background-color: rgba(25, 135, 84, .2);
+}
+.dark\:bg-eui-warning-500\/15:is(.dark *) {
+  background-color: rgba(255, 193, 7, .15);
+}
+.dark\:bg-eui-warning-500\/20:is(.dark *) {
+  background-color: rgba(255, 193, 7, .2);
+}
 .dark\:bg-gray-400\/10:is(.dark *) {
   background-color: rgba(156, 163, 175, .1);
 }
@@ -13018,6 +13521,13 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-eui-danger-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(234 72 85/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-danger-300\/80:is(.dark *) {
+  color: rgba(234, 72, 85, .8);
+}
 .dark\:text-eui-danger-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -13030,6 +13540,13 @@ video {
   --tw-text-opacity:1;
   color: rgb(87 92 95/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-info-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(56 211 244/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-info-300\/80:is(.dark *) {
+  color: rgba(56, 211, 244, .8);
+}
 .dark\:text-eui-info-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(20 202 242/var(--tw-text-opacity,1));
@@ -13058,10 +13575,24 @@ video {
   --tw-text-opacity:1;
   color: rgb(23 184 0/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-success-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(72 194 139/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-success-300\/80:is(.dark *) {
+  color: rgba(72, 194, 139, .8);
+}
 .dark\:text-eui-success-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(38 182 116/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-warning-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(255 209 55/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-warning-300\/80:is(.dark *) {
+  color: rgba(255, 209, 55, .8);
+}
 .dark\:text-eui-warning-400:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(255 198 6/var(--tw-text-opacity,1));
@@ -13232,6 +13763,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));
 }
+@media (min-width: 640px) {
+  .sm\:w-full {
+    width: 100%;
+  }
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 @media (min-width: 768px) {
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));