elseware-ui 3.1.0 → 3.2.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 elseware Technology
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2026 elseware Technology
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/dist/index.css

@@ -1162,6 +1162,9 @@ video {
 .max-w-xl {
   max-width: 36rem;
 }
+.max-w-xs {
+  max-width: 20rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1672,6 +1675,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(229 31 47/var(--tw-border-opacity,1));
 }
+.border-eui-danger-400\/30 {
+  border-color: rgba(229, 31, 47, .3);
+}
 .border-eui-danger-400\/40 {
   border-color: rgba(229, 31, 47, .4);
 }
@@ -1727,6 +1733,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 202 242/var(--tw-border-opacity,1));
 }
+.border-eui-info-400\/30 {
+  border-color: rgba(20, 202, 242, .3);
+}
 .border-eui-info-400\/40 {
   border-color: rgba(20, 202, 242, .4);
 }
@@ -1810,6 +1819,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(38 182 116/var(--tw-border-opacity,1));
 }
+.border-eui-success-400\/30 {
+  border-color: rgba(38, 182, 116, .3);
+}
 .border-eui-success-400\/40 {
   border-color: rgba(38, 182, 116, .4);
 }
@@ -1827,6 +1839,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 107 66/var(--tw-border-opacity,1));
 }
+.border-eui-warning-300\/30 {
+  border-color: rgba(255, 209, 55, .3);
+}
 .border-eui-warning-400 {
   --tw-border-opacity:1;
   border-color: rgb(255 198 6/var(--tw-border-opacity,1));
@@ -1991,6 +2006,10 @@ video {
 .\!bg-transparent {
   background-color: transparent !important;
 }
+.bg-\[\#05070b\] {
+  --tw-bg-opacity:1;
+  background-color: rgb(5 7 11/var(--tw-bg-opacity,1));
+}
 .bg-\[\#08090d\] {
   --tw-bg-opacity:1;
   background-color: rgb(8 9 13/var(--tw-bg-opacity,1));
@@ -2050,6 +2069,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(6 182 212/var(--tw-bg-opacity,1));
 }
+.bg-eui-danger-300 {
+  --tw-bg-opacity:1;
+  background-color: rgb(234 72 85/var(--tw-bg-opacity,1));
+}
 .bg-eui-danger-500 {
   --tw-bg-opacity:1;
   background-color: rgb(220 53 69/var(--tw-bg-opacity,1));
@@ -2087,6 +2110,10 @@ video {
 .bg-eui-dark-900\/90 {
   background-color: rgba(7, 7, 8, .9);
 }
+.bg-eui-info-300 {
+  --tw-bg-opacity:1;
+  background-color: rgb(56 211 244/var(--tw-bg-opacity,1));
+}
 .bg-eui-info-500 {
   --tw-bg-opacity:1;
   background-color: rgb(13 202 240/var(--tw-bg-opacity,1));
@@ -2158,6 +2185,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(20 153 0/var(--tw-bg-opacity,1));
 }
+.bg-eui-success-300 {
+  --tw-bg-opacity:1;
+  background-color: rgb(72 194 139/var(--tw-bg-opacity,1));
+}
 .bg-eui-success-500 {
   --tw-bg-opacity:1;
   background-color: rgb(25 135 84/var(--tw-bg-opacity,1));
@@ -2172,6 +2203,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(20 107 66/var(--tw-bg-opacity,1));
 }
+.bg-eui-warning-300 {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 209 55/var(--tw-bg-opacity,1));
+}
 .bg-eui-warning-500 {
   --tw-bg-opacity:1;
   background-color: rgb(255 193 7/var(--tw-bg-opacity,1));
@@ -2289,6 +2324,9 @@ video {
 .bg-slate-900\/70 {
   background-color: rgba(15, 23, 42, .7);
 }
+.bg-slate-950\/70 {
+  background-color: rgba(2, 6, 23, .7);
+}
 .bg-teal-600\/40 {
   background-color: rgba(13, 148, 136, .4);
 }
@@ -2349,6 +2387,17 @@ video {
       hsla(0, 0%, 100%, .1) 1px,
       transparent 0);
 }
+.bg-\[radial-gradient\(circle_at_top_left\,rgba\(22\,163\,74\,0\.22\)\,transparent_32\%\)\,linear-gradient\(135deg\,rgba\(15\,23\,42\,0\.96\)\,rgba\(2\,6\,23\,0\.98\)\)\] {
+  background-image:
+    radial-gradient(
+      circle at top left,
+      rgba(22, 163, 74, .22),
+      transparent 32%),
+    linear-gradient(
+      135deg,
+      rgba(15, 23, 42, .96),
+      rgba(2, 6, 23, .98));
+}
 .bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
@@ -2699,6 +2748,10 @@ video {
   padding-bottom: 2.5rem;
   padding-top: 2.5rem;
 }
+.py-14 {
+  padding-bottom: 3.5rem;
+  padding-top: 3.5rem;
+}
 .py-16 {
   padding-bottom: 4rem;
   padding-top: 4rem;
@@ -3101,6 +3154,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(5 150 105/var(--tw-text-opacity,1));
 }
+.text-eui-danger-200 {
+  --tw-text-opacity:1;
+  color: rgb(239 113 123/var(--tw-text-opacity,1));
+}
 .text-eui-danger-300 {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -3144,6 +3201,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(7 7 8/var(--tw-text-opacity,1));
 }
+.text-eui-info-200 {
+  --tw-text-opacity:1;
+  color: rgb(93 221 246/var(--tw-text-opacity,1));
+}
 .text-eui-info-300 {
   --tw-text-opacity:1;
   color: rgb(56 211 244/var(--tw-text-opacity,1));
@@ -3196,6 +3257,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(20 153 0/var(--tw-text-opacity,1));
 }
+.text-eui-success-200 {
+  --tw-text-opacity:1;
+  color: rgb(107 207 162/var(--tw-text-opacity,1));
+}
 .text-eui-success-300 {
   --tw-text-opacity:1;
   color: rgb(72 194 139/var(--tw-text-opacity,1));
@@ -3212,6 +3277,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(15 78 49/var(--tw-text-opacity,1));
 }
+.text-eui-warning-100 {
+  --tw-text-opacity:1;
+  color: rgb(255 232 155/var(--tw-text-opacity,1));
+}
 .text-eui-warning-300 {
   --tw-text-opacity:1;
   color: rgb(255 209 55/var(--tw-text-opacity,1));
@@ -3368,6 +3437,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(148 163 184/var(--tw-text-opacity,1));
 }
+.text-slate-500 {
+  --tw-text-opacity:1;
+  color: rgb(100 116 139/var(--tw-text-opacity,1));
+}
 .text-teal-300 {
   --tw-text-opacity:1;
   color: rgb(94 234 212/var(--tw-text-opacity,1));
@@ -5060,8 +5133,19 @@ video {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
+  .sm\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+  .sm\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
 }
 @media (min-width: 768px) {
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -5113,12 +5197,18 @@ video {
   .lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] {
     grid-template-columns: minmax(0, 1fr) 280px;
   }
+  .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
+    grid-template-columns: minmax(0, 1fr) 320px;
+  }
   .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   }
   .lg\:flex-row {
     flex-direction: row;
   }
+  .lg\:items-end {
+    align-items: flex-end;
+  }
   .lg\:items-center {
     align-items: center;
   }
@@ -5140,8 +5230,15 @@ video {
     padding-left: 150px;
     padding-right: 150px;
   }
+  .lg\:py-20 {
+    padding-bottom: 5rem;
+    padding-top: 5rem;
+  }
 }
 @media (min-width: 1280px) {
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .xl\:grid-cols-\[16rem_minmax\(0\,1fr\)_18rem\] {
     grid-template-columns: 16rem minmax(0, 1fr) 18rem;
   }
@@ -6440,6 +6537,9 @@ video {
 .max-w-xl {
   max-width: 36rem;
 }
+.max-w-xs {
+  max-width: 20rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -6950,6 +7050,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(229 31 47/var(--tw-border-opacity,1));
 }
+.border-eui-danger-400\/30 {
+  border-color: rgba(229, 31, 47, .3);
+}
 .border-eui-danger-400\/40 {
   border-color: rgba(229, 31, 47, .4);
 }
@@ -7005,6 +7108,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 202 242/var(--tw-border-opacity,1));
 }
+.border-eui-info-400\/30 {
+  border-color: rgba(20, 202, 242, .3);
+}
 .border-eui-info-400\/40 {
   border-color: rgba(20, 202, 242, .4);
 }
@@ -7088,6 +7194,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(38 182 116/var(--tw-border-opacity,1));
 }
+.border-eui-success-400\/30 {
+  border-color: rgba(38, 182, 116, .3);
+}
 .border-eui-success-400\/40 {
   border-color: rgba(38, 182, 116, .4);
 }
@@ -7105,6 +7214,9 @@ video {
   --tw-border-opacity:1;
   border-color: rgb(20 107 66/var(--tw-border-opacity,1));
 }
+.border-eui-warning-300\/30 {
+  border-color: rgba(255, 209, 55, .3);
+}
 .border-eui-warning-400 {
   --tw-border-opacity:1;
   border-color: rgb(255 198 6/var(--tw-border-opacity,1));
@@ -7269,6 +7381,10 @@ video {
 .\!bg-transparent {
   background-color: transparent !important;
 }
+.bg-\[\#05070b\] {
+  --tw-bg-opacity:1;
+  background-color: rgb(5 7 11/var(--tw-bg-opacity,1));
+}
 .bg-\[\#08090d\] {
   --tw-bg-opacity:1;
   background-color: rgb(8 9 13/var(--tw-bg-opacity,1));
@@ -7328,6 +7444,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(6 182 212/var(--tw-bg-opacity,1));
 }
+.bg-eui-danger-300 {
+  --tw-bg-opacity:1;
+  background-color: rgb(234 72 85/var(--tw-bg-opacity,1));
+}
 .bg-eui-danger-500 {
   --tw-bg-opacity:1;
   background-color: rgb(220 53 69/var(--tw-bg-opacity,1));
@@ -7365,6 +7485,10 @@ video {
 .bg-eui-dark-900\/90 {
   background-color: rgba(7, 7, 8, .9);
 }
+.bg-eui-info-300 {
+  --tw-bg-opacity:1;
+  background-color: rgb(56 211 244/var(--tw-bg-opacity,1));
+}
 .bg-eui-info-500 {
   --tw-bg-opacity:1;
   background-color: rgb(13 202 240/var(--tw-bg-opacity,1));
@@ -7436,6 +7560,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(20 153 0/var(--tw-bg-opacity,1));
 }
+.bg-eui-success-300 {
+  --tw-bg-opacity:1;
+  background-color: rgb(72 194 139/var(--tw-bg-opacity,1));
+}
 .bg-eui-success-500 {
   --tw-bg-opacity:1;
   background-color: rgb(25 135 84/var(--tw-bg-opacity,1));
@@ -7450,6 +7578,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(20 107 66/var(--tw-bg-opacity,1));
 }
+.bg-eui-warning-300 {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 209 55/var(--tw-bg-opacity,1));
+}
 .bg-eui-warning-500 {
   --tw-bg-opacity:1;
   background-color: rgb(255 193 7/var(--tw-bg-opacity,1));
@@ -7567,6 +7699,9 @@ video {
 .bg-slate-900\/70 {
   background-color: rgba(15, 23, 42, .7);
 }
+.bg-slate-950\/70 {
+  background-color: rgba(2, 6, 23, .7);
+}
 .bg-teal-600\/40 {
   background-color: rgba(13, 148, 136, .4);
 }
@@ -7627,6 +7762,17 @@ video {
       hsla(0, 0%, 100%, .1) 1px,
       transparent 0);
 }
+.bg-\[radial-gradient\(circle_at_top_left\,rgba\(22\,163\,74\,0\.22\)\,transparent_32\%\)\,linear-gradient\(135deg\,rgba\(15\,23\,42\,0\.96\)\,rgba\(2\,6\,23\,0\.98\)\)\] {
+  background-image:
+    radial-gradient(
+      circle at top left,
+      rgba(22, 163, 74, .22),
+      transparent 32%),
+    linear-gradient(
+      135deg,
+      rgba(15, 23, 42, .96),
+      rgba(2, 6, 23, .98));
+}
 .bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
@@ -7977,6 +8123,10 @@ video {
   padding-bottom: 2.5rem;
   padding-top: 2.5rem;
 }
+.py-14 {
+  padding-bottom: 3.5rem;
+  padding-top: 3.5rem;
+}
 .py-16 {
   padding-bottom: 4rem;
   padding-top: 4rem;
@@ -8379,6 +8529,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(5 150 105/var(--tw-text-opacity,1));
 }
+.text-eui-danger-200 {
+  --tw-text-opacity:1;
+  color: rgb(239 113 123/var(--tw-text-opacity,1));
+}
 .text-eui-danger-300 {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -8422,6 +8576,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(7 7 8/var(--tw-text-opacity,1));
 }
+.text-eui-info-200 {
+  --tw-text-opacity:1;
+  color: rgb(93 221 246/var(--tw-text-opacity,1));
+}
 .text-eui-info-300 {
   --tw-text-opacity:1;
   color: rgb(56 211 244/var(--tw-text-opacity,1));
@@ -8474,6 +8632,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(20 153 0/var(--tw-text-opacity,1));
 }
+.text-eui-success-200 {
+  --tw-text-opacity:1;
+  color: rgb(107 207 162/var(--tw-text-opacity,1));
+}
 .text-eui-success-300 {
   --tw-text-opacity:1;
   color: rgb(72 194 139/var(--tw-text-opacity,1));
@@ -8490,6 +8652,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(15 78 49/var(--tw-text-opacity,1));
 }
+.text-eui-warning-100 {
+  --tw-text-opacity:1;
+  color: rgb(255 232 155/var(--tw-text-opacity,1));
+}
 .text-eui-warning-300 {
   --tw-text-opacity:1;
   color: rgb(255 209 55/var(--tw-text-opacity,1));
@@ -8646,6 +8812,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(148 163 184/var(--tw-text-opacity,1));
 }
+.text-slate-500 {
+  --tw-text-opacity:1;
+  color: rgb(100 116 139/var(--tw-text-opacity,1));
+}
 .text-teal-300 {
   --tw-text-opacity:1;
   color: rgb(94 234 212/var(--tw-text-opacity,1));
@@ -10415,8 +10585,19 @@ video {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
+  .sm\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+  .sm\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
 }
 @media (min-width: 768px) {
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -10468,12 +10649,18 @@ video {
   .lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] {
     grid-template-columns: minmax(0, 1fr) 280px;
   }
+  .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
+    grid-template-columns: minmax(0, 1fr) 320px;
+  }
   .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   }
   .lg\:flex-row {
     flex-direction: row;
   }
+  .lg\:items-end {
+    align-items: flex-end;
+  }
   .lg\:items-center {
     align-items: center;
   }
@@ -10495,8 +10682,15 @@ video {
     padding-left: 150px;
     padding-right: 150px;
   }
+  .lg\:py-20 {
+    padding-bottom: 5rem;
+    padding-top: 5rem;
+  }
 }
 @media (min-width: 1280px) {
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .xl\:grid-cols-\[16rem_minmax\(0\,1fr\)_18rem\] {
     grid-template-columns: 16rem minmax(0, 1fr) 18rem;
   }