elseware-ui 3.0.15 → 3.1.1

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

@@ -586,6 +586,9 @@ video {
 .mt-10 {
   margin-top: 2.5rem;
 }
+.mt-14 {
+  margin-top: 3.5rem;
+}
 .mt-2 {
   margin-top: .5rem;
 }
@@ -709,6 +712,9 @@ video {
 .h-8 {
   height: 2rem;
 }
+.h-9 {
+  height: 2.25rem;
+}
 .h-96 {
   height: 24rem;
 }
@@ -842,6 +848,9 @@ video {
 .min-h-\[30px\] {
   min-height: 30px;
 }
+.min-h-\[40vh\] {
+  min-height: 40vh;
+}
 .min-h-\[50px\] {
   min-height: 50px;
 }
@@ -932,6 +941,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-9 {
+  width: 2.25rem;
+}
 .w-\[1000px\] {
   width: 1000px;
 }
@@ -1403,6 +1415,9 @@ video {
 .gap-10 {
   gap: 2.5rem;
 }
+.gap-12 {
+  gap: 3rem;
+}
 .gap-2 {
   gap: .5rem;
 }
@@ -1434,6 +1449,10 @@ video {
   -moz-column-gap: 1rem;
   column-gap: 1rem;
 }
+.gap-x-5 {
+  -moz-column-gap: 1.25rem;
+  column-gap: 1.25rem;
+}
 .gap-y-2 {
   row-gap: .5rem;
 }
@@ -1509,6 +1528,9 @@ video {
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
+}
+.truncate,
+.whitespace-nowrap {
   white-space: nowrap;
 }
 .whitespace-pre-wrap {
@@ -1686,6 +1708,9 @@ video {
 .border-eui-dark-500\/10 {
   border-color: rgba(33, 37, 41, .1);
 }
+.border-eui-dark-500\/15 {
+  border-color: rgba(33, 37, 41, .15);
+}
 .border-eui-dark-500\/20 {
   border-color: rgba(33, 37, 41, .2);
 }
@@ -2674,6 +2699,10 @@ video {
   padding-bottom: 2.5rem;
   padding-top: 2.5rem;
 }
+.py-16 {
+  padding-bottom: 4rem;
+  padding-top: 4rem;
+}
 .py-2 {
   padding-bottom: .5rem;
   padding-top: .5rem;
@@ -2762,6 +2791,9 @@ video {
 .pt-6 {
   padding-top: 1.5rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .pt-\[60px\] {
   padding-top: 60px;
 }
@@ -3065,6 +3097,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(52 211 153/var(--tw-text-opacity,1));
 }
+.text-emerald-600 {
+  --tw-text-opacity:1;
+  color: rgb(5 150 105/var(--tw-text-opacity,1));
+}
 .text-eui-danger-300 {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -3100,6 +3136,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(20 22 24/var(--tw-text-opacity,1));
 }
+.text-eui-dark-800 {
+  --tw-text-opacity:1;
+  color: rgb(13 14 16/var(--tw-text-opacity,1));
+}
 .text-eui-dark-900 {
   --tw-text-opacity:1;
   color: rgb(7 7 8/var(--tw-text-opacity,1));
@@ -3949,6 +3989,10 @@ video {
 .hover\:bg-black\/80:hover {
   background-color: rgba(0, 0, 0, .8);
 }
+.hover\:bg-emerald-500:hover {
+  --tw-bg-opacity:1;
+  background-color: rgb(16 185 129/var(--tw-bg-opacity,1));
+}
 .hover\:bg-eui-danger-500\/10:hover {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -3973,6 +4017,9 @@ video {
 .hover\:bg-eui-dark-500\/20:hover {
   background-color: rgba(33, 37, 41, .2);
 }
+.hover\:bg-eui-dark-500\/5:hover {
+  background-color: rgba(33, 37, 41, .05);
+}
 .hover\:bg-eui-info-500\/10:hover {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -4242,6 +4289,9 @@ video {
 .focus-visible\:outline-blue-400:focus-visible {
   outline-color: #60a5fa;
 }
+.focus-visible\:outline-current:focus-visible {
+  outline-color: currentColor;
+}
 .active\:scale-95:active {
   --tw-scale-x:.95;
   --tw-scale-y:.95;
@@ -4345,6 +4395,12 @@ video {
 .dark\:border-eui-light-500\/10:is(.dark *) {
   border-color: rgba(248, 249, 250, .1);
 }
+.dark\:border-eui-light-600\/15:is(.dark *) {
+  border-color: hsla(210, 2%, 78%, .15);
+}
+.dark\:border-eui-light-600\/30:is(.dark *) {
+  border-color: hsla(210, 2%, 78%, .3);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -4506,6 +4562,9 @@ video {
 .dark\:bg-eui-info-500\/20:is(.dark *) {
   background-color: rgba(13, 202, 240, .2);
 }
+.dark\:bg-eui-light-600\/10:is(.dark *) {
+  background-color: hsla(210, 2%, 78%, .1);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
@@ -4629,6 +4688,10 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-amber-400:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(251 191 36/var(--tw-text-opacity,1));
+}
 .dark\:text-blue-100:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(219 234 254/var(--tw-text-opacity,1));
@@ -4637,6 +4700,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(96 165 250/var(--tw-text-opacity,1));
 }
+.dark\:text-emerald-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(110 231 183/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-danger-300:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -4686,6 +4753,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(198 199 200/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-light-700:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(148 149 150/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-light-800:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(98 98 99/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-primary-300:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(112 122 147/var(--tw-text-opacity,1));
@@ -4881,6 +4956,9 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(64 69 71/var(--tw-bg-opacity,1));
 }
+.dark\:hover\:bg-eui-light-600\/10:hover:is(.dark *) {
+  background-color: hsla(210, 2%, 78%, .1);
+}
 .dark\:hover\:bg-gray-100:hover:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
@@ -4960,6 +5038,12 @@ video {
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -4984,6 +5068,19 @@ video {
   .md\:flex-row {
     flex-direction: row;
   }
+  .md\:items-center {
+    align-items: center;
+  }
+  .md\:justify-end {
+    justify-content: flex-end;
+  }
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
   .md\:pl-\[300px\] {
     padding-left: 300px;
   }
@@ -4992,12 +5089,18 @@ video {
   .lg\:sticky {
     position: sticky;
   }
+  .lg\:col-span-3 {
+    grid-column: span 3/span 3;
+  }
   .lg\:block {
     display: block;
   }
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .lg\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
     grid-template-columns: 16rem minmax(0, 1fr);
   }
@@ -5025,6 +5128,10 @@ video {
   .lg\:self-start {
     align-self: flex-start;
   }
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -5472,14 +5579,6 @@ video {
   --tw-text-opacity:1;
   color: rgb(198 199 200/var(--tw-text-opacity,1));
 }
-.eui-text-lg {
-  --tw-text-opacity:1;
-  color: rgb(13 14 16/var(--tw-text-opacity,1));
-}
-.eui-text-lg:is(.dark *) {
-  --tw-text-opacity:1;
-  color: rgb(98 98 99/var(--tw-text-opacity,1));
-}
 .eui-text-md {
   --tw-text-opacity:1;
   color: rgb(26 29 32/var(--tw-text-opacity,1));
@@ -5765,6 +5864,9 @@ video {
 .mt-10 {
   margin-top: 2.5rem;
 }
+.mt-14 {
+  margin-top: 3.5rem;
+}
 .mt-2 {
   margin-top: .5rem;
 }
@@ -5888,6 +5990,9 @@ video {
 .h-8 {
   height: 2rem;
 }
+.h-9 {
+  height: 2.25rem;
+}
 .h-96 {
   height: 24rem;
 }
@@ -6021,6 +6126,9 @@ video {
 .min-h-\[30px\] {
   min-height: 30px;
 }
+.min-h-\[40vh\] {
+  min-height: 40vh;
+}
 .min-h-\[50px\] {
   min-height: 50px;
 }
@@ -6111,6 +6219,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-9 {
+  width: 2.25rem;
+}
 .w-\[1000px\] {
   width: 1000px;
 }
@@ -6582,6 +6693,9 @@ video {
 .gap-10 {
   gap: 2.5rem;
 }
+.gap-12 {
+  gap: 3rem;
+}
 .gap-2 {
   gap: .5rem;
 }
@@ -6613,6 +6727,10 @@ video {
   -moz-column-gap: 1rem;
   column-gap: 1rem;
 }
+.gap-x-5 {
+  -moz-column-gap: 1.25rem;
+  column-gap: 1.25rem;
+}
 .gap-y-2 {
   row-gap: .5rem;
 }
@@ -6688,6 +6806,9 @@ video {
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
+}
+.truncate,
+.whitespace-nowrap {
   white-space: nowrap;
 }
 .whitespace-pre-wrap {
@@ -6865,6 +6986,9 @@ video {
 .border-eui-dark-500\/10 {
   border-color: rgba(33, 37, 41, .1);
 }
+.border-eui-dark-500\/15 {
+  border-color: rgba(33, 37, 41, .15);
+}
 .border-eui-dark-500\/20 {
   border-color: rgba(33, 37, 41, .2);
 }
@@ -7853,6 +7977,10 @@ video {
   padding-bottom: 2.5rem;
   padding-top: 2.5rem;
 }
+.py-16 {
+  padding-bottom: 4rem;
+  padding-top: 4rem;
+}
 .py-2 {
   padding-bottom: .5rem;
   padding-top: .5rem;
@@ -7941,6 +8069,9 @@ video {
 .pt-6 {
   padding-top: 1.5rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .pt-\[60px\] {
   padding-top: 60px;
 }
@@ -8244,6 +8375,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(52 211 153/var(--tw-text-opacity,1));
 }
+.text-emerald-600 {
+  --tw-text-opacity:1;
+  color: rgb(5 150 105/var(--tw-text-opacity,1));
+}
 .text-eui-danger-300 {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -8279,6 +8414,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(20 22 24/var(--tw-text-opacity,1));
 }
+.text-eui-dark-800 {
+  --tw-text-opacity:1;
+  color: rgb(13 14 16/var(--tw-text-opacity,1));
+}
 .text-eui-dark-900 {
   --tw-text-opacity:1;
   color: rgb(7 7 8/var(--tw-text-opacity,1));
@@ -8936,14 +9075,6 @@ video {
   --tw-text-opacity:1;
   color: rgb(198 199 200/var(--tw-text-opacity,1));
 }
-.hover\:eui-text-lg:hover {
-  --tw-text-opacity:1;
-  color: rgb(13 14 16/var(--tw-text-opacity,1));
-}
-.hover\:eui-text-lg:hover:is(.dark *) {
-  --tw-text-opacity:1;
-  color: rgb(98 98 99/var(--tw-text-opacity,1));
-}
 .placeholder\:text-gray-400::-moz-placeholder {
   --tw-text-opacity:1;
   color: rgb(156 163 175/var(--tw-text-opacity,1));
@@ -9213,6 +9344,10 @@ video {
 .hover\:bg-black\/80:hover {
   background-color: rgba(0, 0, 0, .8);
 }
+.hover\:bg-emerald-500:hover {
+  --tw-bg-opacity:1;
+  background-color: rgb(16 185 129/var(--tw-bg-opacity,1));
+}
 .hover\:bg-eui-danger-500\/10:hover {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -9237,6 +9372,9 @@ video {
 .hover\:bg-eui-dark-500\/20:hover {
   background-color: rgba(33, 37, 41, .2);
 }
+.hover\:bg-eui-dark-500\/5:hover {
+  background-color: rgba(33, 37, 41, .05);
+}
 .hover\:bg-eui-info-500\/10:hover {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -9506,6 +9644,9 @@ video {
 .focus-visible\:outline-blue-400:focus-visible {
   outline-color: #60a5fa;
 }
+.focus-visible\:outline-current:focus-visible {
+  outline-color: currentColor;
+}
 .active\:scale-95:active {
   --tw-scale-x:.95;
   --tw-scale-y:.95;
@@ -9609,6 +9750,12 @@ video {
 .dark\:border-eui-light-500\/10:is(.dark *) {
   border-color: rgba(248, 249, 250, .1);
 }
+.dark\:border-eui-light-600\/15:is(.dark *) {
+  border-color: hsla(210, 2%, 78%, .15);
+}
+.dark\:border-eui-light-600\/30:is(.dark *) {
+  border-color: hsla(210, 2%, 78%, .3);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -9770,6 +9917,9 @@ video {
 .dark\:bg-eui-info-500\/20:is(.dark *) {
   background-color: rgba(13, 202, 240, .2);
 }
+.dark\:bg-eui-light-600\/10:is(.dark *) {
+  background-color: hsla(210, 2%, 78%, .1);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
@@ -9893,6 +10043,10 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-amber-400:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(251 191 36/var(--tw-text-opacity,1));
+}
 .dark\:text-blue-100:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(219 234 254/var(--tw-text-opacity,1));
@@ -9901,6 +10055,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(96 165 250/var(--tw-text-opacity,1));
 }
+.dark\:text-emerald-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(110 231 183/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-danger-300:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -9950,6 +10108,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(198 199 200/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-light-700:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(148 149 150/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-light-800:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(98 98 99/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-primary-300:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(112 122 147/var(--tw-text-opacity,1));
@@ -10145,6 +10311,9 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(64 69 71/var(--tw-bg-opacity,1));
 }
+.dark\:hover\:bg-eui-light-600\/10:hover:is(.dark *) {
+  background-color: hsla(210, 2%, 78%, .1);
+}
 .dark\:hover\:bg-gray-100:hover:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
@@ -10224,6 +10393,12 @@ video {
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -10248,6 +10423,19 @@ video {
   .md\:flex-row {
     flex-direction: row;
   }
+  .md\:items-center {
+    align-items: center;
+  }
+  .md\:justify-end {
+    justify-content: flex-end;
+  }
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
   .md\:pl-\[300px\] {
     padding-left: 300px;
   }
@@ -10256,12 +10444,18 @@ video {
   .lg\:sticky {
     position: sticky;
   }
+  .lg\:col-span-3 {
+    grid-column: span 3/span 3;
+  }
   .lg\:block {
     display: block;
   }
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .lg\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
     grid-template-columns: 16rem minmax(0, 1fr);
   }
@@ -10289,6 +10483,10 @@ video {
   .lg\:self-start {
     align-self: flex-start;
   }
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;