ml-uikit 1.1.5 → 1.1.7

package/dist/index.es7.js

@@ -1,6 +1,6 @@
 import * as a from "react";
 import * as e from "@radix-ui/react-avatar";
-import { cn as m } from "./index.es59.js";
+import { cn as m } from "./index.es60.js";
 const s = a.forwardRef(({ className: l, ...r }, t) => /* @__PURE__ */ a.createElement(
   e.Root,
   {

package/dist/index.es8.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import { X as u } from "lucide-react";
 import { cva as N } from "class-variance-authority";
-import { cn as v } from "./index.es59.js";
+import { cn as v } from "./index.es60.js";
 const w = N("inline-flex items-center gap-1 rounded-[12px] font-medium", {
   variants: {
     variant: {

package/dist/index.es9.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import { Slot as o } from "@radix-ui/react-slot";
 import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
-import { cn as m } from "./index.es59.js";
+import { cn as m } from "./index.es60.js";
 const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
 i.displayName = "Breadcrumb";
 const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(

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-3 {
+  margin-left: 0.75rem;
+}
 .ml-4 {
   margin-left: 1rem;
 }
@@ -782,12 +788,18 @@ 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;
 }
@@ -935,6 +947,9 @@ video {
 .h-\[--cell-size\] {
   height: var(--cell-size);
 }
+.h-\[--drp-cell-size\] {
+  height: var(--drp-cell-size);
+}
 .h-\[1px\] {
   height: 1px;
 }
@@ -944,6 +959,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);
 }
@@ -974,6 +995,9 @@ video {
 .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;
 }
@@ -995,6 +1019,9 @@ video {
 .min-h-\[420px\] {
   min-height: 420px;
 }
+.min-h-\[65vh\] {
+  min-height: 65vh;
+}
 .min-h-\[82px\] {
   min-height: 82px;
 }
@@ -1076,12 +1103,18 @@ 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;
 }
@@ -1106,9 +1139,15 @@ video {
 .w-\[280px\] {
   width: 280px;
 }
+.w-\[560px\] {
+  width: 560px;
+}
 .w-\[60\%\] {
   width: 60%;
 }
+.w-\[min\(95vw\2c 760px\)\] {
+  width: min(95vw, 760px);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1165,9 +1204,15 @@ video {
 .max-w-\[320px\] {
   max-width: 320px;
 }
+.max-w-\[720px\] {
+  max-width: 720px;
+}
 .max-w-\[760px\] {
   max-width: 760px;
 }
+.max-w-full {
+  max-width: 100%;
+}
 .max-w-lg {
   max-width: 32rem;
 }
@@ -1246,6 +1291,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));
@@ -1308,6 +1357,14 @@ video {
 .list-none {
   list-style-type: none;
 }
+.appearance-none {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.grid-cols-7 {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
 .grid-cols-\[0_1fr\] {
   grid-template-columns: 0 1fr;
 }
@@ -1467,6 +1524,9 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1586,10 +1646,18 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(48 127 74 / var(--tw-border-opacity, 1));
 }
+.border-\[\#b7b7b9\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(183 183 185 / var(--tw-border-opacity, 1));
+}
 .border-\[\#bdbdbd\] {
   --tw-border-opacity: 1;
   border-color: rgb(189 189 189 / var(--tw-border-opacity, 1));
 }
+.border-\[\#d8d8da\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(216 216 218 / var(--tw-border-opacity, 1));
+}
 .border-\[\#dcdcde\] {
   --tw-border-opacity: 1;
   border-color: rgb(220 220 222 / var(--tw-border-opacity, 1));
@@ -1673,6 +1741,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#f7f7f8\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 247 248 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#fafafa\] {
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
@@ -1892,6 +1964,9 @@ video {
 .pt-0 {
   padding-top: 0px;
 }
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -1932,9 +2007,15 @@ 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;
 }
@@ -2007,6 +2088,9 @@ video {
 .leading-10 {
   line-height: 2.5rem;
 }
+.leading-4 {
+  line-height: 1rem;
+}
 .leading-5 {
   line-height: 1.25rem;
 }
@@ -2087,10 +2171,22 @@ video {
   --tw-text-opacity: 1;
   color: rgb(48 127 74 / var(--tw-text-opacity, 1));
 }
+.text-\[\#444444\] {
+  --tw-text-opacity: 1;
+  color: rgb(68 68 68 / var(--tw-text-opacity, 1));
+}
 .text-\[\#4f4d55\] {
   --tw-text-opacity: 1;
   color: rgb(79 77 85 / var(--tw-text-opacity, 1));
 }
+.text-\[\#666666\] {
+  --tw-text-opacity: 1;
+  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
+}
+.text-\[\#6e6d71\] {
+  --tw-text-opacity: 1;
+  color: rgb(110 109 113 / var(--tw-text-opacity, 1));
+}
 .text-\[\#7f7d83\] {
   --tw-text-opacity: 1;
   color: rgb(127 125 131 / var(--tw-text-opacity, 1));
@@ -2103,6 +2199,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
+.text-\[\#a4a4a8\] {
+  --tw-text-opacity: 1;
+  color: rgb(164 164 168 / var(--tw-text-opacity, 1));
+}
 .text-\[\#adacb0\] {
   --tw-text-opacity: 1;
   color: rgb(173 172 176 / var(--tw-text-opacity, 1));
@@ -2111,6 +2211,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(179 179 179 / var(--tw-text-opacity, 1));
 }
+.text-\[\#d3d3d6\] {
+  --tw-text-opacity: 1;
+  color: rgb(211 211 214 / var(--tw-text-opacity, 1));
+}
 .text-\[\#e49614\] {
   --tw-text-opacity: 1;
   color: rgb(228 150 20 / var(--tw-text-opacity, 1));
@@ -2190,6 +2294,11 @@ video {
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-\[0px_12px_24px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
+  --tw-shadow: 0px 12px 24px rgba(0,0,0,0.08);
+  --tw-shadow-colored: 0px 12px 24px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-\[0px_2px_4px_-2px_rgba\(19\2c 25\2c 39\2c 0\.12\)\2c 0px_4px_4px_-2px_rgba\(19\2c 25\2c 39\2c 0\.08\)\] {
   --tw-shadow: 0px 2px 4px -2px rgba(19,25,39,0.12),0px 4px 4px -2px rgba(19,25,39,0.08);
   --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 4px -2px var(--tw-shadow-color);
@@ -2396,6 +2505,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);
 }
@@ -2476,6 +2588,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(29 28 32 / var(--tw-border-opacity, 1));
 }
+.hover\:border-\[\#cccccc\]:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
+}
 .hover\:border-\[\#dcdcde\]:hover {
   --tw-border-opacity: 1;
   border-color: rgb(220 220 222 / var(--tw-border-opacity, 1));
@@ -2630,10 +2746,16 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(29 28 32 / var(--tw-ring-opacity, 1));
 }
+.focus-visible\:ring-\[\#1d1c20\]\/20:focus-visible {
+  --tw-ring-color: rgb(29 28 32 / 0.2);
+}
 .focus-visible\:ring-\[\#26453f\]:focus-visible {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(38 69 63 / var(--tw-ring-opacity, 1));
 }
+.focus-visible\:ring-\[\#2bbd8f\]\/25:focus-visible {
+  --tw-ring-color: rgb(43 189 143 / 0.25);
+}
 .focus-visible\:ring-destructive\/20:focus-visible {
   --tw-ring-color: hsl(var(--destructive) / 0.2);
 }
@@ -2696,6 +2818,9 @@ video {
 .disabled\:opacity-100:disabled {
   opacity: 1;
 }
+.disabled\:opacity-40:disabled {
+  opacity: 0.4;
+}
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
@@ -3468,6 +3593,10 @@ video {
     display: flex;
   }
 
+  .sm\:w-\[120px\] {
+    width: 120px;
+  }
+
   .sm\:max-w-sm {
     max-width: 24rem;
   }
@@ -3480,6 +3609,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
   .sm\:justify-end {
     justify-content: flex-end;
   }
@@ -3498,6 +3631,10 @@ video {
     border-radius: var(--radius);
   }
 
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
   .sm\:text-left {
     text-align: left;
   }
@@ -3516,16 +3653,36 @@ video {
     width: auto;
   }
 
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }
 
+  .md\:gap-4 {
+    gap: 1rem;
+  }
+
   .md\:p-12 {
     padding: 3rem;
   }
+
+  .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;
   }
@@ -3534,6 +3691,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;
   }
@@ -3566,6 +3766,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;
@@ -3648,6 +3852,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.5",
+  "version": "1.1.7",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",