@mahatisystems/mahati-ui-components 1.2.1 → 1.3.2

package/dist/index.css

@@ -2348,6 +2348,9 @@
 .mahati .pointer-events-none {
   pointer-events: none;
 }
+.mahati .pointer-events-auto {
+  pointer-events: auto;
+}
 .mahati .visible {
   visibility: visible;
 }
@@ -2370,12 +2373,30 @@
 .mahati .bottom-0 {
   bottom: 0px;
 }
+.mahati .bottom-4 {
+  bottom: 1rem;
+}
 .mahati .bottom-\[-2px\] {
   bottom: -2px;
 }
 .mahati .bottom-\[-4px\] {
   bottom: -4px;
 }
+.mahati .bottom-\[10px\] {
+  bottom: 10px;
+}
+.mahati .bottom-\[16px\] {
+  bottom: 16px;
+}
+.mahati .bottom-\[33px\] {
+  bottom: 33px;
+}
+.mahati .bottom-\[52px\] {
+  bottom: 52px;
+}
+.mahati .bottom-\[78px\] {
+  bottom: 78px;
+}
 .mahati .bottom-full {
   bottom: 100%;
 }
@@ -2391,9 +2412,24 @@
 .mahati .left-3 {
   left: 0.75rem;
 }
+.mahati .left-4 {
+  left: 1rem;
+}
 .mahati .left-\[-4px\] {
   left: -4px;
 }
+.mahati .left-\[36px\] {
+  left: 36px;
+}
+.mahati .left-\[5px\] {
+  left: 5px;
+}
+.mahati .left-\[80px\] {
+  left: 80px;
+}
+.mahati .left-\[calc\(100\%-36px\)\] {
+  left: calc(100% - 36px);
+}
 .mahati .left-full {
   left: 100%;
 }
@@ -2406,9 +2442,21 @@
 .mahati .right-3 {
   right: 0.75rem;
 }
+.mahati .right-4 {
+  right: 1rem;
+}
 .mahati .right-\[-4px\] {
   right: -4px;
 }
+.mahati .right-\[12px\] {
+  right: 12px;
+}
+.mahati .right-\[70px\] {
+  right: 70px;
+}
+.mahati .right-\[80px\] {
+  right: 80px;
+}
 .mahati .right-full {
   right: 100%;
 }
@@ -2424,9 +2472,24 @@
 .mahati .top-3 {
   top: 0.75rem;
 }
+.mahati .top-4 {
+  top: 1rem;
+}
 .mahati .top-\[-4px\] {
   top: -4px;
 }
+.mahati .top-\[13px\] {
+  top: 13px;
+}
+.mahati .top-\[22px\] {
+  top: 22px;
+}
+.mahati .top-\[27px\] {
+  top: 27px;
+}
+.mahati .top-\[39px\] {
+  top: 39px;
+}
 .mahati .top-full {
   top: 100%;
 }
@@ -2442,6 +2505,9 @@
 .mahati .z-50 {
   z-index: 50;
 }
+.mahati .z-\[9999\] {
+  z-index: 9999;
+}
 .mahati .col-span-1 {
   grid-column: span 1 / span 1;
 }
@@ -2589,6 +2655,12 @@
 .mahati .h-\[0\.8rem\] {
   height: 0.8rem;
 }
+.mahati .h-\[110px\] {
+  height: 110px;
+}
+.mahati .h-\[14px\] {
+  height: 14px;
+}
 .mahati .h-\[24px\] {
   height: 24px;
 }
@@ -2628,12 +2700,18 @@
 .mahati .h-\[60px\] {
   height: 60px;
 }
+.mahati .h-\[70px\] {
+  height: 70px;
+}
 .mahati .h-full {
   height: 100%;
 }
 .mahati .h-screen {
   height: 100vh;
 }
+.mahati .max-h-\[240px\] {
+  max-height: 240px;
+}
 .mahati .max-h-\[90vh\] {
   max-height: 90vh;
 }
@@ -2691,9 +2769,15 @@
 .mahati .w-\[130px\] {
   width: 130px;
 }
+.mahati .w-\[14px\] {
+  width: 14px;
+}
 .mahati .w-\[24px\] {
   width: 24px;
 }
+.mahati .w-\[26px\] {
+  width: 26px;
+}
 .mahati .w-\[280px\] {
   width: 280px;
 }
@@ -2709,12 +2793,22 @@
 .mahati .w-\[438px\] {
   width: 438px;
 }
+.mahati .w-\[5px\] {
+  width: 5px;
+}
 .mahati .w-\[77px\] {
   width: 77px;
 }
 .mahati .w-\[98px\] {
   width: 98px;
 }
+.mahati .w-\[min\(92vw\,420px\)\] {
+  width: min(92vw, 420px);
+}
+.mahati .w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
 .mahati .w-full {
   width: 100%;
 }
@@ -2785,14 +2879,26 @@
   --tw-translate-y: -0.5rem;
   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));
 }
+.mahati .translate-x-0 {
+  --tw-translate-x: 0px;
+  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));
+}
 .mahati .translate-x-2 {
   --tw-translate-x: 0.5rem;
   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));
 }
+.mahati .translate-x-full {
+  --tw-translate-x: 100%;
+  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));
+}
 .mahati .translate-y-2 {
   --tw-translate-y: 0.5rem;
   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));
 }
+.mahati .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));
+}
 .mahati .rotate-45 {
   --tw-rotate: 45deg;
   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));
@@ -2958,6 +3064,9 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.mahati .text-ellipsis {
+  text-overflow: ellipsis;
+}
 .mahati .whitespace-normal {
   white-space: normal;
 }
@@ -2976,9 +3085,15 @@
 .mahati .rounded-\[10\%\] {
   border-radius: 10%;
 }
+.mahati .rounded-\[12px\] {
+  border-radius: 12px;
+}
 .mahati .rounded-\[14px\] {
   border-radius: 14px;
 }
+.mahati .rounded-\[20px_0_0_20px\] {
+  border-radius: 20px 0 0 20px;
+}
 .mahati .rounded-\[6px\] {
   border-radius: 6px;
 }
@@ -3068,6 +3183,10 @@
   --tw-border-opacity: 1;
   border-color: rgb(23 97 163 / var(--tw-border-opacity, 1));
 }
+.mahati .border-\[\#1761a3\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 97 163 / var(--tw-border-opacity, 1));
+}
 .mahati .border-\[\#63b3ed\] {
   --tw-border-opacity: 1;
   border-color: rgb(99 179 237 / var(--tw-border-opacity, 1));
@@ -3097,6 +3216,9 @@
 .mahati .border-\[rgba\(23\,97\,163\,0\.4\)\] {
   border-color: rgba(23, 97, 163, 0.4);
 }
+.mahati .border-\[rgba\(255\,255\,255\,0\.6\)\] {
+  border-color: rgba(255, 255, 255, 0.6);
+}
 .mahati .border-\[rgba\(38\,118\,154\,0\.45\)\] {
   border-color: rgba(38, 118, 154, 0.45);
 }
@@ -3222,6 +3344,9 @@
 .mahati .bg-\[rgba\(0\,123\,255\,0\.05\)\] {
   background-color: rgba(0, 123, 255, 0.05);
 }
+.mahati .bg-\[rgba\(17\,24\,39\,1\)\] {
+  background-color: rgba(17, 24, 39, 1);
+}
 .mahati .bg-\[rgba\(23\,97\,163\,0\.15\)\] {
   background-color: rgba(23, 97, 163, 0.15);
 }
@@ -3231,6 +3356,12 @@
 .mahati .bg-\[rgba\(239\,68\,68\,0\.15\)\] {
   background-color: rgba(239, 68, 68, 0.15);
 }
+.mahati .bg-\[rgba\(255\,255\,255\,0\.15\)\] {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.mahati .bg-\[rgba\(255\,255\,255\,1\)\] {
+  background-color: rgba(255, 255, 255, 1);
+}
 .mahati .bg-background {
   background-color: hsl(var(--background));
 }
@@ -3322,6 +3453,90 @@
       #1761A3 0%,
       #4DAF83 100%);
 }
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(139\,92\,246\,1\)_0\%\,rgba\(168\,85\,247\,1\)_100\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(139, 92, 246, 1) 0%,
+      rgba(168, 85, 247, 1) 100%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(139\,92\,246\,1\)_22\.5\%\,rgba\(168\,85\,247\,1\)_130\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(139, 92, 246, 1) 22.5%,
+      rgba(168, 85, 247, 1) 130%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(16\,185\,129\,1\)_0\%\,rgba\(59\,130\,246\,1\)_100\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(16, 185, 129, 1) 0%,
+      rgba(59, 130, 246, 1) 100%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(16\,185\,129\,1\)_22\.5\%\,rgba\(59\,130\,246\,1\)_130\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(16, 185, 129, 1) 22.5%,
+      rgba(59, 130, 246, 1) 130%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(220\,53\,69\,1\)_0\%\,rgba\(183\,28\,28\,1\)_100\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(220, 53, 69, 1) 0%,
+      rgba(183, 28, 28, 1) 100%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(220\,53\,69\,1\)_22\.5\%\,rgba\(183\,28\,28\,1\)_130\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(220, 53, 69, 1) 22.5%,
+      rgba(183, 28, 28, 1) 130%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(23\,97\,163\,1\)_0\%\,rgba\(77\,175\,131\,1\)_100\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(23, 97, 163, 1) 0%,
+      rgba(77, 175, 131, 1) 100%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(23\,97\,163\,1\)_22\.5\%\,rgba\(77\,175\,131\,1\)_130\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(23, 97, 163, 1) 22.5%,
+      rgba(77, 175, 131, 1) 130%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(245\,158\,11\,1\)_0\%\,rgba\(255\,191\,92\,1\)_100\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(245, 158, 11, 1) 0%,
+      rgba(255, 191, 92, 1) 100%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(245\,158\,11\,1\)_22\.5\%\,rgba\(255\,191\,92\,1\)_130\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(245, 158, 11, 1) 22.5%,
+      rgba(255, 191, 92, 1) 130%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(40\,167\,69\,1\)_0\%\,rgba\(58\,208\,125\,1\)_100\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(40, 167, 69, 1) 0%,
+      rgba(58, 208, 125, 1) 100%);
+}
+.mahati .bg-\[linear-gradient\(90deg\,rgba\(40\,167\,69\,1\)_22\.5\%\,rgba\(58\,208\,125\,1\)_130\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(40, 167, 69, 1) 22.5%,
+      rgba(58, 208, 125, 1) 130%);
+}
 .mahati .bg-gradient-to-b {
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
 }
@@ -3398,6 +3613,10 @@
 .mahati .to-purple-500 {
   --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
 }
+.mahati .object-contain {
+  -o-object-fit: contain;
+  object-fit: contain;
+}
 .mahati .object-cover {
   -o-object-fit: cover;
   object-fit: cover;
@@ -3504,6 +3723,12 @@
 .mahati .pr-3 {
   padding-right: 0.75rem;
 }
+.mahati .pr-5 {
+  padding-right: 1.25rem;
+}
+.mahati .pr-6 {
+  padding-right: 1.5rem;
+}
 .mahati .pr-8 {
   padding-right: 2rem;
 }
@@ -3522,6 +3747,9 @@
 .mahati .align-middle {
   vertical-align: middle;
 }
+.mahati .font-\[\"Poppins\"\] {
+  font-family: "Poppins";
+}
 .mahati .font-\[\'Poppins\'\] {
   font-family: "Poppins";
 }
@@ -3569,6 +3797,9 @@
 .mahati .text-\[10px\] {
   font-size: 10px;
 }
+.mahati .text-\[12px\] {
+  font-size: 12px;
+}
 .mahati .text-\[14px\] {
   font-size: 14px;
 }
@@ -3595,6 +3826,15 @@
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.mahati .font-\[400\] {
+  font-weight: 400;
+}
+.mahati .font-\[600\] {
+  font-weight: 600;
+}
+.mahati .font-\[700\] {
+  font-weight: 700;
+}
 .mahati .font-bold {
   font-weight: 700;
 }
@@ -3616,6 +3856,9 @@
 .mahati .leading-5 {
   line-height: 1.25rem;
 }
+.mahati .leading-none {
+  line-height: 1;
+}
 .mahati .leading-normal {
   line-height: 1.5;
 }
@@ -3653,9 +3896,30 @@
   --tw-text-opacity: 1;
   color: rgb(203 213 224 / var(--tw-text-opacity, 1));
 }
+.mahati .text-\[rgba\(0\,0\,0\,1\)\] {
+  color: rgba(0, 0, 0, 1);
+}
+.mahati .text-\[rgba\(139\,92\,246\,1\)\] {
+  color: rgba(139, 92, 246, 1);
+}
+.mahati .text-\[rgba\(16\,185\,129\,1\)\] {
+  color: rgba(16, 185, 129, 1);
+}
+.mahati .text-\[rgba\(220\,53\,69\,1\)\] {
+  color: rgba(220, 53, 69, 1);
+}
+.mahati .text-\[rgba\(23\,97\,163\,1\)\] {
+  color: rgba(23, 97, 163, 1);
+}
+.mahati .text-\[rgba\(245\,158\,11\,1\)\] {
+  color: rgba(245, 158, 11, 1);
+}
 .mahati .text-\[rgba\(255\,255\,255\,1\)\] {
   color: rgba(255, 255, 255, 1);
 }
+.mahati .text-\[rgba\(40\,167\,69\,1\)\] {
+  color: rgba(40, 167, 69, 1);
+}
 .mahati .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -3798,6 +4062,14 @@
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.mahati .shadow-\[0_4px_12px_0_rgba\(0\,0\,0\,0\.08\)\] {
+  --tw-shadow: 0 4px 12px 0 rgba(0,0,0,0.08);
+  --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .mahati .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
   --tw-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
   --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
@@ -3872,6 +4144,10 @@
 .mahati .ring-\[\#1761A3\]\/60 {
   --tw-ring-color: rgb(23 97 163 / 0.6);
 }
+.mahati .ring-\[\#1761a3\] {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(23 97 163 / var(--tw-ring-opacity, 1));
+}
 .mahati .ring-blue-500 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
@@ -4069,6 +4345,10 @@
 .mahati .hover\:bg-\[\#1761A3\]\/50:hover {
   background-color: rgb(23 97 163 / 0.5);
 }
+.mahati .hover\:bg-\[\#1761a3\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 97 163 / var(--tw-bg-opacity, 1));
+}
 .mahati .hover\:bg-\[\#d3e4fb\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(211 228 251 / var(--tw-bg-opacity, 1));
@@ -4080,6 +4360,12 @@
 .mahati .hover\:bg-\[rgba\(23\,97\,163\,0\.1\)\]:hover {
   background-color: rgba(23, 97, 163, 0.1);
 }
+.mahati .hover\:bg-\[rgba\(255\,255\,255\,0\.22\)\]:hover {
+  background-color: rgba(255, 255, 255, 0.22);
+}
+.mahati .hover\:bg-\[rgba\(31\,41\,55\,1\)\]:hover {
+  background-color: rgba(31, 41, 55, 1);
+}
 .mahati .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
@@ -4383,6 +4669,21 @@
   }
 }
 @media (min-width: 768px) {
+  .mahati .md\:left-\[289px\] {
+    left: 289px;
+  }
+  .mahati .md\:right-\[140px\] {
+    right: 140px;
+  }
+  .mahati .md\:right-\[22px\] {
+    right: 22px;
+  }
+  .mahati .md\:right-\[94px\] {
+    right: 94px;
+  }
+  .mahati .md\:w-\[325px\] {
+    width: 325px;
+  }
   .mahati .md\:grid-cols-\[1fr_minmax\(180px\,220px\)\] {
     grid-template-columns: 1fr minmax(180px, 220px);
   }