@optifye/dashboard-core 6.10.20 → 6.10.22

package/dist/index.css

@@ -712,6 +712,10 @@ body {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
 .mx-4 {
   margin-left: 1rem;
   margin-right: 1rem;
@@ -724,6 +728,10 @@ body {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.my-1\.5 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -744,8 +752,8 @@ body {
 .-ml-2 {
   margin-left: -0.5rem;
 }
-.-ml-4 {
-  margin-left: -1rem;
+.-mr-1 {
+  margin-right: -0.25rem;
 }
 .-mr-2 {
   margin-right: -0.5rem;
@@ -756,6 +764,9 @@ body {
 .-mt-8 {
   margin-top: -2rem;
 }
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -990,15 +1001,15 @@ body {
 .h-\[160px\] {
   height: 160px;
 }
+.h-\[18px\] {
+  height: 18px;
+}
 .h-\[19vh\] {
   height: 19vh;
 }
 .h-\[20vh\] {
   height: 20vh;
 }
-.h-\[220px\] {
-  height: 220px;
-}
 .h-\[22vh\] {
   height: 22vh;
 }
@@ -1149,6 +1160,9 @@ body {
 .min-h-\[150px\] {
   min-height: 150px;
 }
+.min-h-\[160px\] {
+  min-height: 160px;
+}
 .min-h-\[280px\] {
   min-height: 280px;
 }
@@ -1287,6 +1301,9 @@ body {
 .w-\[16\.5vw\] {
   width: 16.5vw;
 }
+.w-\[18px\] {
+  width: 18px;
+}
 .w-\[18vw\] {
   width: 18vw;
 }
@@ -1750,6 +1767,9 @@ body {
 .gap-4 {
   gap: 1rem;
 }
+.gap-5 {
+  gap: 1.25rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -2019,6 +2039,9 @@ body {
 .border-l-\[5px\] {
   border-left-width: 5px;
 }
+.border-l-\[6px\] {
+  border-left-width: 6px;
+}
 .border-r {
   border-right-width: 1px;
 }
@@ -2031,6 +2054,9 @@ body {
 .border-r-\[5px\] {
   border-right-width: 5px;
 }
+.border-r-\[6px\] {
+  border-right-width: 6px;
+}
 .border-t {
   border-top-width: 1px;
 }
@@ -2043,6 +2069,9 @@ body {
 .border-t-4 {
   border-top-width: 4px;
 }
+.border-t-\[6px\] {
+  border-top-width: 6px;
+}
 .border-dashed {
   border-style: dashed;
 }
@@ -2440,6 +2469,9 @@ body {
 .bg-blue-50\/60 {
   background-color: rgb(239 246 255 / 0.6);
 }
+.bg-blue-50\/80 {
+  background-color: rgb(239 246 255 / 0.8);
+}
 .bg-blue-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
@@ -3438,9 +3470,6 @@ body {
 .pt-0 {
   padding-top: 0px;
 }
-.pt-0\.5 {
-  padding-top: 0.125rem;
-}
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -3522,6 +3551,9 @@ body {
 .text-\[11px\] {
   font-size: 11px;
 }
+.text-\[13px\] {
+  font-size: 13px;
+}
 .text-\[8px\] {
   font-size: 8px;
 }
@@ -3598,6 +3630,9 @@ body {
 .tracking-wider {
   letter-spacing: 0.05em;
 }
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
 .\!text-white {
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
@@ -4146,6 +4181,9 @@ body {
 .ring-blue-500\/50 {
   --tw-ring-color: rgb(59 130 246 / 0.5);
 }
+.ring-emerald-500\/20 {
+  --tw-ring-color: rgb(16 185 129 / 0.2);
+}
 .ring-gray-200 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
@@ -4743,6 +4781,10 @@ input[type=range]:active::-moz-range-thumb {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+.hover\:text-red-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
 .hover\:text-red-700:hover {
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
@@ -4976,6 +5018,17 @@ input[type=range]:active::-moz-range-thumb {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.focus-visible\:ring-blue-500:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+.focus-visible\:ring-red-500:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+.focus-visible\:ring-offset-1:focus-visible {
+  --tw-ring-offset-width: 1px;
+}
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
@@ -5015,6 +5068,10 @@ input[type=range]:active::-moz-range-thumb {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
 }
+.active\:bg-red-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
@@ -5038,6 +5095,9 @@ input[type=range]:active::-moz-range-thumb {
 .group:last-child .group-last\:border-b-0 {
   border-bottom-width: 0px;
 }
+.group:hover .group-hover\:visible {
+  visibility: visible;
+}
 .group:hover .group-hover\:scale-105 {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
@@ -5048,6 +5108,10 @@ input[type=range]:active::-moz-range-thumb {
   --tw-scale-y: 1.1;
   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));
 }
+.group:hover .group-hover\:bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+}
 .group:hover .group-hover\:bg-blue-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -5069,6 +5133,14 @@ input[type=range]:active::-moz-range-thumb {
   --tw-text-opacity: 1;
   color: rgb(29 78 216 / var(--tw-text-opacity, 1));
 }
+.group:hover .group-hover\:text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.group:hover .group-hover\:text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
 .group:hover .group-hover\:text-green-700 {
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity, 1));
@@ -5081,6 +5153,10 @@ input[type=range]:active::-moz-range-thumb {
   --tw-text-opacity: 1;
   color: rgb(126 34 206 / var(--tw-text-opacity, 1));
 }
+.group:hover .group-hover\:text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
 .group:hover .group-hover\:text-red-700 {
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
@@ -5193,6 +5269,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:-mb-6 {
     margin-bottom: -1.5rem;
   }
+  .sm\:-ml-4 {
+    margin-left: -1rem;
+  }
   .sm\:-mt-16 {
     margin-top: -4rem;
   }
@@ -5217,6 +5296,12 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:mb-6 {
     margin-bottom: 1.5rem;
   }
+  .sm\:mb-8 {
+    margin-bottom: 2rem;
+  }
+  .sm\:ml-1 {
+    margin-left: 0.25rem;
+  }
   .sm\:ml-2 {
     margin-left: 0.5rem;
   }
@@ -5253,18 +5338,12 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:hidden {
     display: none;
   }
-  .sm\:h-1\.5 {
-    height: 0.375rem;
-  }
   .sm\:h-12 {
     height: 3rem;
   }
   .sm\:h-16 {
     height: 4rem;
   }
-  .sm\:h-2 {
-    height: 0.5rem;
-  }
   .sm\:h-2\.5 {
     height: 0.625rem;
   }
@@ -5286,6 +5365,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:h-9 {
     height: 2.25rem;
   }
+  .sm\:h-\[180px\] {
+    height: 180px;
+  }
   .sm\:h-\[260px\] {
     height: 260px;
   }
@@ -5298,21 +5380,18 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:min-h-0 {
     min-height: 0px;
   }
+  .sm\:min-h-\[180px\] {
+    min-height: 180px;
+  }
   .sm\:min-h-\[300px\] {
     min-height: 300px;
   }
-  .sm\:w-1\.5 {
-    width: 0.375rem;
-  }
   .sm\:w-12 {
     width: 3rem;
   }
   .sm\:w-16 {
     width: 4rem;
   }
-  .sm\:w-2 {
-    width: 0.5rem;
-  }
   .sm\:w-2\.5 {
     width: 0.625rem;
   }
@@ -5370,9 +5449,6 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:max-w-\[150px\] {
     max-width: 150px;
   }
-  .sm\:max-w-\[250px\] {
-    max-width: 250px;
-  }
   .sm\:max-w-\[85\%\] {
     max-width: 85%;
   }
@@ -5385,26 +5461,15 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:flex-none {
     flex: none;
   }
-  .sm\:scale-100 {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    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));
-  }
   .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\:flex-row {
     flex-direction: row;
   }
   .sm\:items-center {
     align-items: center;
   }
-  .sm\:justify-end {
-    justify-content: flex-end;
-  }
   .sm\:justify-between {
     justify-content: space-between;
   }
@@ -5414,6 +5479,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:gap-1 {
     gap: 0.25rem;
   }
+  .sm\:gap-1\.5 {
+    gap: 0.375rem;
+  }
   .sm\:gap-2 {
     gap: 0.5rem;
   }
@@ -5484,6 +5552,12 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:rounded-3xl {
     border-radius: 1.5rem;
   }
+  .sm\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+  .sm\:rounded-xl {
+    border-radius: 0.75rem;
+  }
   .sm\:border {
     border-width: 1px;
   }
@@ -5549,6 +5623,14 @@ input[type=range]:active::-moz-range-thumb {
     padding-left: 0.25rem;
     padding-right: 0.25rem;
   }
+  .sm\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+  .sm\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
   .sm\:px-2\.5 {
     padding-left: 0.625rem;
     padding-right: 0.625rem;
@@ -5656,16 +5738,9 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 0.75rem;
     line-height: 1rem;
   }
-  .sm\:font-bold {
-    font-weight: 700;
-  }
   .sm\:tracking-wider {
     letter-spacing: 0.05em;
   }
-  .sm\:text-gray-600 {
-    --tw-text-opacity: 1;
-    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
-  }
   .sm\:placeholder-gray-500::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
@@ -5709,6 +5784,9 @@ input[type=range]:active::-moz-range-thumb {
   }
 }
 @media (min-width: 768px) {
+  .md\:right-5 {
+    right: 1.25rem;
+  }
   .md\:right-8 {
     right: 2rem;
   }
@@ -5760,9 +5838,6 @@ input[type=range]:active::-moz-range-thumb {
   .md\:min-h-\[400px\] {
     min-height: 400px;
   }
-  .md\:w-1\/2 {
-    width: 50%;
-  }
   .md\:w-2 {
     width: 0.5rem;
   }
@@ -5799,9 +5874,6 @@ input[type=range]:active::-moz-range-thumb {
   .md\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
-  .md\:flex-row {
-    flex-direction: row;
-  }
   .md\:gap-3 {
     gap: 0.75rem;
   }
@@ -5897,6 +5969,9 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:inset-16 {
     inset: 4rem;
   }
+  .lg\:right-6 {
+    right: 1.5rem;
+  }
   .lg\:right-80 {
     right: 20rem;
   }
@@ -5915,6 +5990,9 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:col-span-6 {
     grid-column: span 6 / span 6;
   }
+  .lg\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
   .lg\:mb-6 {
     margin-bottom: 1.5rem;
   }
@@ -5942,12 +6020,18 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:h-7 {
     height: 1.75rem;
   }
+  .lg\:h-\[220px\] {
+    height: 220px;
+  }
   .lg\:h-\[calc\(100vh-10rem\)\] {
     height: calc(100vh - 10rem);
   }
   .lg\:h-full {
     height: 100%;
   }
+  .lg\:min-h-\[220px\] {
+    min-height: 220px;
+  }
   .lg\:w-5\/12 {
     width: 41.666667%;
   }
@@ -6005,6 +6089,9 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:items-center {
     align-items: center;
   }
+  .lg\:gap-1\.5 {
+    gap: 0.375rem;
+  }
   .lg\:gap-2 {
     gap: 0.5rem;
   }
@@ -6020,6 +6107,9 @@ input[type=range]:active::-moz-range-thumb {
   .lg\:overflow-hidden {
     overflow: hidden;
   }
+  .lg\:p-2 {
+    padding: 0.5rem;
+  }
   .lg\:p-4 {
     padding: 1rem;
   }
@@ -6052,6 +6142,10 @@ input[type=range]:active::-moz-range-thumb {
     padding-top: 0.375rem;
     padding-bottom: 0.375rem;
   }
+  .lg\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
   .lg\:py-3 {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
@@ -6060,6 +6154,10 @@ input[type=range]:active::-moz-range-thumb {
     padding-top: 0.875rem;
     padding-bottom: 0.875rem;
   }
+  .lg\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
   .lg\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;
@@ -6080,6 +6178,10 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
+  .lg\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
 }
 @media (min-width: 1280px) {
   .xl\:col-span-1 {