ml-uikit 1.1.6 → 1.1.8

package/dist/style.css

@@ -656,6 +656,9 @@ video {
 .right-2 {
   right: 0.5rem;
 }
+.right-2\.5 {
+  right: 0.625rem;
+}
 .right-3 {
   right: 0.75rem;
 }
@@ -773,6 +776,9 @@ video {
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-2 {
+  margin-left: 0.5rem;
+}
 .ml-3 {
   margin-left: 0.75rem;
 }
@@ -785,21 +791,24 @@ video {
 .mr-2 {
   margin-right: 0.5rem;
 }
+.mt-1 {
+  margin-top: 0.25rem;
+}
 .mt-1\.5 {
   margin-top: 0.375rem;
 }
 .mt-2 {
   margin-top: 0.5rem;
 }
+.mt-2\.5 {
+  margin-top: 0.625rem;
+}
 .mt-24 {
   margin-top: 6rem;
 }
 .mt-4 {
   margin-top: 1rem;
 }
-.mt-5 {
-  margin-top: 1.25rem;
-}
 .mt-auto {
   margin-top: auto;
 }
@@ -818,6 +827,9 @@ video {
 .block {
   display: block;
 }
+.inline {
+  display: inline;
+}
 .flex {
   display: flex;
 }
@@ -858,6 +870,10 @@ video {
   width: 1rem;
   height: 1rem;
 }
+.size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .size-6 {
   width: 1.5rem;
   height: 1.5rem;
@@ -890,9 +906,6 @@ video {
 .h-12 {
   height: 3rem;
 }
-.h-14 {
-  height: 3.5rem;
-}
 .h-2 {
   height: 0.5rem;
 }
@@ -944,6 +957,9 @@ video {
 .h-\[--cell-size\] {
   height: var(--cell-size);
 }
+.h-\[--drp-cell-size\] {
+  height: var(--drp-cell-size);
+}
 .h-\[1px\] {
   height: 1px;
 }
@@ -953,6 +969,12 @@ video {
 .h-\[320px\] {
   height: 320px;
 }
+.h-\[calc\(var\(--drp-cell-size\)-0\.25rem\)\] {
+  height: calc(var(--drp-cell-size) - 0.25rem);
+}
+.h-\[var\(--drp-cell-size\)\] {
+  height: var(--drp-cell-size);
+}
 .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
   height: var(--radix-navigation-menu-viewport-height);
 }
@@ -980,9 +1002,15 @@ video {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-\[400px\] {
+  max-height: 400px;
+}
 .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
+.max-h-\[var\(--radix-popover-content-available-height\)\] {
+  max-height: var(--radix-popover-content-available-height);
+}
 .min-h-0 {
   min-height: 0px;
 }
@@ -1004,6 +1032,9 @@ video {
 .min-h-\[420px\] {
   min-height: 420px;
 }
+.min-h-\[65vh\] {
+  min-height: 65vh;
+}
 .min-h-\[82px\] {
   min-height: 82px;
 }
@@ -1085,18 +1116,21 @@ video {
 .w-\[--cell-size\] {
   width: var(--cell-size);
 }
+.w-\[--drp-cell-size\] {
+  width: var(--drp-cell-size);
+}
 .w-\[--sidebar-width\] {
   width: var(--sidebar-width);
 }
 .w-\[100px\] {
   width: 100px;
 }
+.w-\[104px\] {
+  width: 104px;
+}
 .w-\[120px\] {
   width: 120px;
 }
-.w-\[132px\] {
-  width: 132px;
-}
 .w-\[140px\] {
   width: 140px;
 }
@@ -1118,11 +1152,14 @@ video {
 .w-\[280px\] {
   width: 280px;
 }
+.w-\[560px\] {
+  width: 560px;
+}
 .w-\[60\%\] {
   width: 60%;
 }
-.w-\[min\(96vw\2c 980px\)\] {
-  width: min(96vw, 980px);
+.w-\[min\(95vw\2c 760px\)\] {
+  width: min(95vw, 760px);
 }
 .w-fit {
   width: -moz-fit-content;
@@ -1162,6 +1199,12 @@ video {
 .min-w-\[12rem\] {
   min-width: 12rem;
 }
+.min-w-\[220px\] {
+  min-width: 220px;
+}
+.min-w-\[240px\] {
+  min-width: 240px;
+}
 .min-w-\[72px\] {
   min-width: 72px;
 }
@@ -1186,6 +1229,9 @@ video {
 .max-w-\[760px\] {
   max-width: 760px;
 }
+.max-w-full {
+  max-width: 100%;
+}
 .max-w-lg {
   max-width: 32rem;
 }
@@ -1205,6 +1251,9 @@ video {
 .flex-1 {
   flex: 1 1 0%;
 }
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -1264,6 +1313,10 @@ video {
   --tw-translate-x: 1px;
   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));
 }
+.translate-y-8 {
+  --tw-translate-y: 2rem;
+  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));
+}
 .translate-y-\[-50\%\] {
   --tw-translate-y: -50%;
   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));
@@ -1415,9 +1468,6 @@ video {
 .gap-7 {
   gap: 1.75rem;
 }
-.gap-8 {
-  gap: 2rem;
-}
 .gap-\[13px\] {
   gap: 13px;
 }
@@ -1496,6 +1546,9 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1516,12 +1569,6 @@ video {
 .rounded-\[12px\] {
   border-radius: 12px;
 }
-.rounded-\[14px\] {
-  border-radius: 14px;
-}
-.rounded-\[16px\] {
-  border-radius: 16px;
-}
 .rounded-\[2px\] {
   border-radius: 2px;
 }
@@ -1641,6 +1688,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(228 150 20 / var(--tw-border-opacity, 1));
 }
+.border-\[\#e5e5e5\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
+}
 .border-\[\#e6e6e6\] {
   --tw-border-opacity: 1;
   border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
@@ -1688,6 +1739,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#e5e5e5\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#e5f1ee\] {
   --tw-bg-opacity: 1;
   background-color: rgb(229 241 238 / var(--tw-bg-opacity, 1));
@@ -1850,10 +1905,6 @@ video {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
-.px-7 {
-  padding-left: 1.75rem;
-  padding-right: 1.75rem;
-}
 .px-\[--cell-size\] {
   padding-left: var(--cell-size);
   padding-right: var(--cell-size);
@@ -1878,6 +1929,10 @@ video {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -1931,9 +1986,6 @@ video {
 .pr-10 {
   padding-right: 2.5rem;
 }
-.pr-11 {
-  padding-right: 2.75rem;
-}
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1949,6 +2001,9 @@ video {
 .pt-0 {
   padding-top: 0px;
 }
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -1958,6 +2013,9 @@ video {
 .pt-5 {
   padding-top: 1.25rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .text-left {
   text-align: left;
 }
@@ -1989,18 +2047,24 @@ video {
 .text-\[10px\] {
   font-size: 10px;
 }
+.text-\[11px\] {
+  font-size: 11px;
+}
 .text-\[12px\] {
   font-size: 12px;
 }
+.text-\[13px\] {
+  font-size: 13px;
+}
 .text-\[14px\] {
   font-size: 14px;
 }
+.text-\[15px\] {
+  font-size: 15px;
+}
 .text-\[16px\] {
   font-size: 16px;
 }
-.text-\[18px\] {
-  font-size: 18px;
-}
 .text-\[20px\] {
   font-size: 20px;
 }
@@ -2067,6 +2131,9 @@ video {
 .leading-10 {
   line-height: 2.5rem;
 }
+.leading-4 {
+  line-height: 1rem;
+}
 .leading-5 {
   line-height: 1.25rem;
 }
@@ -2079,9 +2146,6 @@ video {
 .leading-\[20px\] {
   line-height: 20px;
 }
-.leading-\[22px\] {
-  line-height: 22px;
-}
 .leading-\[24px\] {
   line-height: 24px;
 }
@@ -2174,6 +2238,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(149 191 71 / var(--tw-text-opacity, 1));
 }
+.text-\[\#999999\] {
+  --tw-text-opacity: 1;
+  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
+}
 .text-\[\#9ca3af\] {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -2484,6 +2552,9 @@ video {
 .\[--cell-size\:2rem\] {
   --cell-size: 2rem;
 }
+.\[--drp-cell-size\:1\.625rem\] {
+  --drp-cell-size: 1.625rem;
+}
 .\[color\:var\(--raw-black\2c \#000\)\] {
   color: var(--raw-black,#000);
 }
@@ -2503,6 +2574,14 @@ video {
 .file\:text-foreground::file-selector-button {
   color: hsl(var(--foreground));
 }
+.placeholder\:text-\[\#999999\]::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
+}
+.placeholder\:text-\[\#999999\]::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
+}
 .placeholder\:text-\[\#adacb0\]::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(173 172 176 / var(--tw-text-opacity, 1));
@@ -2658,6 +2737,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
 }
+.focus\:bg-\[\#f5f5f5\]:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+}
 .focus\:bg-accent:focus {
   background-color: hsl(var(--accent));
 }
@@ -2953,14 +3036,6 @@ video {
 .aria-disabled\:opacity-50[aria-disabled="true"] {
   opacity: 0.5;
 }
-.aria-selected\:border-\[\#2bbd8f\][aria-selected="true"] {
-  --tw-border-opacity: 1;
-  border-color: rgb(43 189 143 / var(--tw-border-opacity, 1));
-}
-.aria-selected\:text-\[\#111111\][aria-selected="true"] {
-  --tw-text-opacity: 1;
-  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
-}
 .aria-selected\:text-muted-foreground[aria-selected="true"] {
   color: hsl(var(--muted-foreground));
 }
@@ -3577,6 +3652,10 @@ video {
     display: flex;
   }
 
+  .sm\:w-\[120px\] {
+    width: 120px;
+  }
+
   .sm\:max-w-sm {
     max-width: 24rem;
   }
@@ -3589,6 +3668,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
   .sm\:justify-end {
     justify-content: flex-end;
   }
@@ -3607,6 +3690,10 @@ video {
     border-radius: var(--radius);
   }
 
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
   .sm\:text-left {
     text-align: left;
   }
@@ -3633,24 +3720,28 @@ video {
     flex-direction: row;
   }
 
-  .md\:gap-10 {
-    gap: 2.5rem;
-  }
-
-  .md\:gap-3 {
-    gap: 0.75rem;
+  .md\:gap-4 {
+    gap: 1rem;
   }
 
   .md\:p-12 {
     padding: 3rem;
   }
 
-  .md\:p-6 {
-    padding: 1.5rem;
+  .md\:\[--drp-cell-size\:1\.875rem\] {
+    --drp-cell-size: 1.875rem;
   }
 }
 @media (min-width: 1024px) {
 
+  .lg\:right-3 {
+    right: 0.75rem;
+  }
+
+  .lg\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
   .lg\:block {
     display: block;
   }
@@ -3659,6 +3750,49 @@ video {
     display: flex;
   }
 
+  .lg\:h-10 {
+    height: 2.5rem;
+  }
+
+  .lg\:h-5 {
+    height: 1.25rem;
+  }
+
+  .lg\:h-9 {
+    height: 2.25rem;
+  }
+
+  .lg\:w-5 {
+    width: 1.25rem;
+  }
+
+  .lg\:w-9 {
+    width: 2.25rem;
+  }
+
+  .lg\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .lg\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .lg\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .lg\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .lg\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
   .lg\:opacity-0 {
     opacity: 0;
   }
@@ -3691,6 +3825,10 @@ video {
   .xl\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+
+  .xl\:\[--drp-cell-size\:2\.125rem\] {
+    --drp-cell-size: 2.125rem;
+  }
 }
 .\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content] {
   flex: none;
@@ -3773,6 +3911,18 @@ video {
 .\[\&\>button\]\:hidden>button {
   display: none;
 }
+.\[\&\>button\]\:border-\[\#2bbd8f\]>button {
+  --tw-border-opacity: 1;
+  border-color: rgb(43 189 143 / var(--tw-border-opacity, 1));
+}
+.\[\&\>button\]\:bg-\[\#2bbd8f\]>button {
+  --tw-bg-opacity: 1;
+  background-color: rgb(43 189 143 / var(--tw-bg-opacity, 1));
+}
+.\[\&\>button\]\:text-\[\#111111\]>button {
+  --tw-text-opacity: 1;
+  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
+}
 .\[\&\>input\]\:flex-1>input {
   flex: 1 1 0%;
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "ml-uikit",
   "description": "A Metis Labs UI kit library starter for React with Tailwind CSS, Vite, TypeScript and Shadcn-ui components.",
   "private": false,
-  "version": "1.1.6",
+  "version": "1.1.8",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",