ml-uikit 1.1.3 → 1.1.4

package/dist/index.es57.js

@@ -1,9 +1,41 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+import * as e from "react";
+import * as t from "@radix-ui/react-toggle-group";
+import { cn as l } from "./index.es59.js";
+import { toggleVariants as p } from "./index.es56.js";
+const c = e.createContext({
+  size: "default",
+  variant: "default"
+}), f = e.forwardRef(({ className: a, variant: o, size: r, children: m, ...i }, s) => /* @__PURE__ */ e.createElement(
+  t.Root,
+  {
+    ref: s,
+    className: l("flex items-center justify-center gap-1", a),
+    ...i
+  },
+  /* @__PURE__ */ e.createElement(c.Provider, { value: { variant: o, size: r } }, m)
+));
+f.displayName = t.Root.displayName;
+const g = e.forwardRef(({ className: a, children: o, variant: r, size: m, ...i }, s) => {
+  const n = e.useContext(c);
+  return /* @__PURE__ */ e.createElement(
+    t.Item,
+    {
+      ref: s,
+      className: l(
+        p({
+          variant: n.variant || r,
+          size: n.size || m
+        }),
+        a
+      ),
+      ...i
+    },
+    o
+  );
+});
+g.displayName = t.Item.displayName;
 export {
-  n as cn
+  f as ToggleGroup,
+  g as ToggleGroupItem
 };
 //# sourceMappingURL=index.es57.js.map

package/dist/index.es57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es57.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
+{"version":3,"file":"index.es57.js","sources":["../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\"\nimport { type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { toggleVariants } from \"@/components/ui/toggle\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants>\n>({\n  size: \"default\",\n  variant: \"default\",\n})\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\"flex items-center justify-center gap-1\", className)}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n    VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;AASA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AACX,CAAC,GAEKC,IAAcD,EAAM,WAIxB,CAAC,EAAE,WAAAE,GAAW,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACnD,gBAAAP,EAAA;AAAA,EAACQ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,0CAA0CP,CAAS;AAAA,IAChE,GAAGI;AAAA,EAAA;AAAA,EAEJ,gBAAAN,EAAA,cAACD,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,EAAA,EAAK,GACjDC,CACH;AACF,CACD;AAEDJ,EAAY,cAAcO,EAAqB,KAAK;AAEpD,MAAME,IAAkBV,EAAM,WAI5B,CAAC,EAAE,WAAAE,GAAW,UAAAG,GAAU,SAAAF,GAAS,MAAAC,GAAM,GAAGE,EAAA,GAASC,MAAQ;AAC3D,QAAMI,IAAUX,EAAM,WAAWD,CAAkB;AAEnD,SACE,gBAAAC,EAAA;AAAA,IAACQ,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWR;AAAA,UAC5B,MAAMQ,EAAQ,QAAQP;AAAA,QAAA,CACvB;AAAA,QACDF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,IAEHD;AAAA,EAAA;AAGP,CAAC;AAEDK,EAAgB,cAAcF,EAAqB,KAAK;"}

package/dist/index.es58.js

@@ -0,0 +1,23 @@
+import * as o from "react";
+import * as t from "@radix-ui/react-tooltip";
+import { cn as d } from "./index.es59.js";
+const s = t.Provider, l = t.Root, p = t.Trigger, n = o.forwardRef(({ className: e, sideOffset: i = 4, ...a }, r) => /* @__PURE__ */ o.createElement(t.Portal, null, /* @__PURE__ */ o.createElement(
+  t.Content,
+  {
+    ref: r,
+    sideOffset: i,
+    className: d(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      e
+    ),
+    ...a
+  }
+)));
+n.displayName = t.Content.displayName;
+export {
+  l as Tooltip,
+  n as TooltipContent,
+  s as TooltipProvider,
+  p as TooltipTrigger
+};
+//# sourceMappingURL=index.es58.js.map

package/dist/index.es58.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es58.js","sources":["../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;AAOA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,KAASC,MAC1C,gBAAAJ,EAAA,cAACJ,EAAiB,QAAjB,MACC,gBAAAI,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AACN,CACF,CACD;AACDJ,EAAe,cAAcH,EAAiB,QAAQ;"}

package/dist/index.es59.js

@@ -0,0 +1,9 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};
+//# sourceMappingURL=index.es59.js.map

package/dist/index.es59.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es59.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}

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.es57.js";
+import { cn as m } from "./index.es59.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.es57.js";
+import { cn as v } from "./index.es59.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.es57.js";
+import { cn as m } from "./index.es59.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

@@ -953,6 +953,9 @@ video {
 .h-svh {
   height: 100svh;
 }
+.max-h-56 {
+  max-height: 14rem;
+}
 .max-h-\[--radix-context-menu-content-available-height\] {
   max-height: var(--radix-context-menu-content-available-height);
 }
@@ -1273,6 +1276,9 @@ video {
 .cursor-default {
   cursor: default;
 }
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -1546,6 +1552,10 @@ video {
 .border-dashed {
   border-style: dashed;
 }
+.border-\[\#1d1c20\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(29 28 32 / var(--tw-border-opacity, 1));
+}
 .border-\[\#2563eb\] {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
@@ -1578,6 +1588,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(231 63 63 / var(--tw-border-opacity, 1));
 }
+.border-\[\#ff3b30\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 59 48 / var(--tw-border-opacity, 1));
+}
 .border-\[--color-border\] {
   border-color: var(--color-border);
 }
@@ -1633,6 +1647,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#f2f2f2\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#f5f5f5\] {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
@@ -1807,6 +1825,9 @@ video {
   padding-top: 2px;
   padding-bottom: 2px;
 }
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
 .pb-3 {
   padding-bottom: 0.75rem;
 }
@@ -2024,6 +2045,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(17 17 17 / var(--tw-text-opacity, 1));
 }
+.text-\[\#1d1c20\] {
+  --tw-text-opacity: 1;
+  color: rgb(29 28 32 / var(--tw-text-opacity, 1));
+}
 .text-\[\#2563eb\] {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
@@ -2048,10 +2073,18 @@ video {
   --tw-text-opacity: 1;
   color: rgb(149 191 71 / var(--tw-text-opacity, 1));
 }
+.text-\[\#9ca3af\] {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
 .text-\[\#adacb0\] {
   --tw-text-opacity: 1;
   color: rgb(173 172 176 / var(--tw-text-opacity, 1));
 }
+.text-\[\#b3b3b3\] {
+  --tw-text-opacity: 1;
+  color: rgb(179 179 179 / var(--tw-text-opacity, 1));
+}
 .text-\[\#e49614\] {
   --tw-text-opacity: 1;
   color: rgb(228 150 20 / var(--tw-text-opacity, 1));
@@ -2060,6 +2093,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(231 63 63 / var(--tw-text-opacity, 1));
 }
+.text-\[\#ff3b30\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 59 48 / var(--tw-text-opacity, 1));
+}
 .text-accent-foreground {
   color: hsl(var(--accent-foreground));
 }
@@ -2110,6 +2147,9 @@ video {
 .opacity-0 {
   opacity: 0;
 }
+.opacity-100 {
+  opacity: 1;
+}
 .opacity-50 {
   opacity: 0.5;
 }
@@ -2129,6 +2169,11 @@ video {
   --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 4px -2px 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_0px_rgba\(19\2c 25\2c 39\2c 0\.12\)\2c 0px_4px_4px_0px_rgba\(19\2c 25\2c 39\2c 0\.08\)\] {
+  --tw-shadow: 0px 2px 4px 0px rgba(19,25,39,0.12),0px 4px 4px 0px rgba(19,25,39,0.08);
+  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 4px 4px 0px 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-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2921,6 +2966,10 @@ video {
 .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
   background-color: hsl(var(--primary));
 }
+.data-\[selected\=true\]\:bg-\[\#fafafa\][data-selected="true"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
 .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
   background-color: hsl(var(--accent));
 }
@@ -3004,6 +3053,10 @@ video {
 .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
   color: hsl(var(--accent-foreground));
 }
+.data-\[selected\=true\]\:text-black[data-selected="true"] {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
   color: hsl(var(--accent-foreground));
 }
@@ -3740,15 +3793,80 @@ video {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
+.\[\&_\[cmdk-input-wrapper\]\]\:mx-2 [cmdk-input-wrapper] {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.\[\&_\[cmdk-input-wrapper\]\]\:mb-1 [cmdk-input-wrapper] {
+  margin-bottom: 0.25rem;
+}
+.\[\&_\[cmdk-input-wrapper\]\]\:mt-2 [cmdk-input-wrapper] {
+  margin-top: 0.5rem;
+}
+.\[\&_\[cmdk-input-wrapper\]\]\:h-8 [cmdk-input-wrapper] {
+  height: 2rem;
+}
+.\[\&_\[cmdk-input-wrapper\]\]\:rounded-\[4px\] [cmdk-input-wrapper] {
+  border-radius: 4px;
+}
+.\[\&_\[cmdk-input-wrapper\]\]\:border [cmdk-input-wrapper] {
+  border-width: 1px;
+}
+.\[\&_\[cmdk-input-wrapper\]\]\:border-\[\#e6e6e6\] [cmdk-input-wrapper] {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+}
+.\[\&_\[cmdk-input-wrapper\]\]\:px-3 [cmdk-input-wrapper] {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:mr-2 [cmdk-input-wrapper] svg {
+  margin-right: 0.5rem;
+}
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-4 [cmdk-input-wrapper] svg {
+  height: 1rem;
+}
 .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
   height: 1.25rem;
 }
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-4 [cmdk-input-wrapper] svg {
+  width: 1rem;
+}
 .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
   width: 1.25rem;
 }
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:text-\[\#adacb0\] [cmdk-input-wrapper] svg {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
 .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
   height: 3rem;
 }
+.\[\&_\[cmdk-input\]\]\:h-full [cmdk-input] {
+  height: 100%;
+}
+.\[\&_\[cmdk-input\]\]\:py-0 [cmdk-input] {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.\[\&_\[cmdk-input\]\]\:text-\[14px\] [cmdk-input] {
+  font-size: 14px;
+}
+.\[\&_\[cmdk-input\]\]\:leading-\[20px\] [cmdk-input] {
+  line-height: 20px;
+}
+.\[\&_\[cmdk-input\]\]\:text-black [cmdk-input] {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.\[\&_\[cmdk-input\]\]\:placeholder\:text-\[\#adacb0\] [cmdk-input]::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
+.\[\&_\[cmdk-input\]\]\:placeholder\:text-\[\#adacb0\] [cmdk-input]::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
 .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;

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.3",
+  "version": "1.1.4",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",