ml-uikit 1.0.6 → 1.0.8

package/dist/index.es55.js

@@ -1,46 +1,23 @@
-import * as e from "react";
-import { Slot as d } from "@radix-ui/react-slot";
-import { cva as u } from "class-variance-authority";
-import { cn as c } from "./index.es56.js";
-const f = u(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background",
+import * as o from "react";
+import * as t from "@radix-ui/react-tooltip";
+import { cn as d } from "./index.es56.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,
   {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "underline-offset-4 hover:underline text-primary"
-      },
-      size: {
-        default: "h-10 py-2 px-4",
-        sm: "h-9 px-3 rounded-md",
-        lg: "h-11 px-8 rounded-md"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    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
   }
-), l = e.forwardRef(
-  ({ className: t, variant: r, size: o, asChild: n = !1, ...i }, a) => {
-    const s = n ? d : "button";
-    return /* @__PURE__ */ e.createElement(
-      s,
-      {
-        className: c(f({ variant: r, size: o, className: t })),
-        ref: a,
-        ...i
-      }
-    );
-  }
-);
-l.displayName = "Button";
+)));
+n.displayName = t.Content.displayName;
 export {
-  l as Button,
-  f as buttonVariants
+  l as Tooltip,
+  n as TooltipContent,
+  s as TooltipProvider,
+  p as TooltipTrigger
 };
 //# sourceMappingURL=index.es55.js.map

package/dist/index.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es55.js","sources":["../src/components/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"underline-offset-4 hover:underline text-primary\",\n      },\n      size: {\n        default: \"h-10 py-2 px-4\",\n        sm: \"h-9 px-3 rounded-md\",\n        lg: \"h-11 px-8 rounded-md\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAQMC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAAQ;AAChE,UAAMC,IAAOH,IAAUI,IAAO;AAC9B,WACE,gBAAAR,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAWE,EAAGZ,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}
+{"version":3,"file":"index.es55.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.es8.js

@@ -1,27 +1,78 @@
-import * as o from "react";
-import { cva as n } from "class-variance-authority";
-import { cn as a } from "./index.es56.js";
-const s = n(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
+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.es56.js";
+const w = N("inline-flex items-center gap-1 rounded-[12px] font-medium", {
+  variants: {
+    variant: {
+      color: "bg-[#26453f] text-white",
+      neutral: "bg-[#f1f1f1] text-black",
+      "outline-color": "border border-[#26453f] bg-white text-[#26453f]",
+      "outline-neutral": "border border-[#dcdcde] bg-white text-black",
+      success: "bg-[#e8f6ed] text-[#307f4a]",
+      warning: "bg-[#fff0d8] text-[#e49614]",
+      destructive: "bg-[#fceaea] text-[#e73f3f]"
     },
-    defaultVariants: {
-      variant: "default"
+    size: {
+      default: "px-2 py-0.5 text-[12px] leading-[16px]",
+      large: "px-2 py-1 text-[14px] leading-[20px]"
     }
+  },
+  defaultVariants: {
+    variant: "color",
+    size: "default"
   }
-);
-function c({ className: r, variant: e, ...t }) {
-  return /* @__PURE__ */ o.createElement("div", { className: a(s({ variant: e }), r), ...t });
+});
+function z({
+  className: d,
+  variant: t,
+  size: n,
+  leftIcon: l,
+  rightIcon: r,
+  showX: x = !1,
+  onXClick: c,
+  xIcon: i,
+  bgColor: s,
+  textColor: m,
+  borderColor: a,
+  style: o,
+  children: p,
+  ...b
+}) {
+  const g = t === "default" ? "color" : t === "secondary" ? "neutral" : t === "outline" ? "outline-neutral" : t, f = n === "large" ? "h-4 w-4" : "h-3 w-3", E = s || m || a ? {
+    backgroundColor: s,
+    color: m,
+    borderColor: a,
+    ...o
+  } : o;
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: v(
+        w({ variant: g, size: n }),
+        a ? "border" : void 0,
+        d
+      ),
+      style: E,
+      ...b
+    },
+    l ? /* @__PURE__ */ e.createElement("span", { className: "inline-flex items-center" }, l) : null,
+    /* @__PURE__ */ e.createElement("span", null, p),
+    r ? /* @__PURE__ */ e.createElement("span", { className: "inline-flex items-center" }, r) : null,
+    x ? c ? /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Remove",
+        onClick: c,
+        className: "inline-flex items-center"
+      },
+      i || /* @__PURE__ */ e.createElement(u, { className: f })
+    ) : /* @__PURE__ */ e.createElement("span", { className: "inline-flex items-center" }, i || /* @__PURE__ */ e.createElement(u, { className: f })) : null
+  );
 }
 export {
-  c as Badge,
-  s as badgeVariants
+  z as Badge,
+  w as badgeVariants
 };
 //# sourceMappingURL=index.es8.js.map

package/dist/index.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es8.js","sources":["../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80\",\n        outline: \"text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","props","React","cn"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAMA,SAASC,EAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAAqB;AAC3D,SACE,gBAAAC,EAAA,cAAC,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS,GAAI,GAAGE,EAAA,CAAO;AAE1E;"}
+{"version":3,"file":"index.es8.js","sources":["../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\"inline-flex items-center gap-1 rounded-[12px] font-medium\", {\n  variants: {\n    variant: {\n      color: \"bg-[#26453f] text-white\",\n      neutral: \"bg-[#f1f1f1] text-black\",\n      \"outline-color\": \"border border-[#26453f] bg-white text-[#26453f]\",\n      \"outline-neutral\": \"border border-[#dcdcde] bg-white text-black\",\n      success: \"bg-[#e8f6ed] text-[#307f4a]\",\n      warning: \"bg-[#fff0d8] text-[#e49614]\",\n      destructive: \"bg-[#fceaea] text-[#e73f3f]\",\n    },\n    size: {\n      default: \"px-2 py-0.5 text-[12px] leading-[16px]\",\n      large: \"px-2 py-1 text-[14px] leading-[20px]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"color\",\n    size: \"default\",\n  },\n})\n\ntype BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>[\"variant\"]> | \"default\" | \"secondary\" | \"outline\"\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof badgeVariants>, \"variant\"> {\n  variant?: BadgeVariant\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  showX?: boolean\n  onXClick?: React.MouseEventHandler<HTMLButtonElement>\n  xIcon?: React.ReactNode\n  bgColor?: string\n  textColor?: string\n  borderColor?: string\n}\n\nfunction Badge({\n  className,\n  variant,\n  size,\n  leftIcon,\n  rightIcon,\n  showX = false,\n  onXClick,\n  xIcon,\n  bgColor,\n  textColor,\n  borderColor,\n  style,\n  children,\n  ...props\n}: BadgeProps) {\n  const normalizedVariant: VariantProps<typeof badgeVariants>[\"variant\"] =\n    variant === \"default\"\n      ? \"color\"\n      : variant === \"secondary\"\n      ? \"neutral\"\n      : variant === \"outline\"\n      ? \"outline-neutral\"\n      : variant\n\n  const xSizeClass = size === \"large\" ? \"h-4 w-4\" : \"h-3 w-3\"\n\n  const customStyle: React.CSSProperties | undefined =\n    bgColor || textColor || borderColor\n      ? {\n          backgroundColor: bgColor,\n          color: textColor,\n          borderColor,\n          ...style,\n        }\n      : style\n\n  return (\n    <div\n      className={cn(\n        badgeVariants({ variant: normalizedVariant, size }),\n        borderColor ? \"border\" : undefined,\n        className\n      )}\n      style={customStyle}\n      {...props}\n    >\n      {leftIcon ? <span className=\"inline-flex items-center\">{leftIcon}</span> : null}\n      <span>{children}</span>\n      {rightIcon ? <span className=\"inline-flex items-center\">{rightIcon}</span> : null}\n      {showX ? (\n        onXClick ? (\n          <button\n            type=\"button\"\n            aria-label=\"Remove\"\n            onClick={onXClick}\n            className=\"inline-flex items-center\"\n          >\n            {xIcon || <X className={xSizeClass} />}\n          </button>\n        ) : (\n          <span className=\"inline-flex items-center\">\n            {xIcon || <X className={xSizeClass} />}\n          </span>\n        )\n      ) : null}\n    </div>\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","leftIcon","rightIcon","showX","onXClick","xIcon","bgColor","textColor","borderColor","style","children","props","normalizedVariant","xSizeClass","customStyle","React","cn","X"],"mappings":";;;;AAMA,MAAMA,IAAgBC,EAAI,6DAA6D;AAAA,EACrF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC;AAkBD,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IACJb,MAAY,YACR,UACAA,MAAY,cACZ,YACAA,MAAY,YACZ,oBACAA,GAEAc,IAAab,MAAS,UAAU,YAAY,WAE5Cc,IACJR,KAAWC,KAAaC,IACpB;AAAA,IACE,iBAAiBF;AAAA,IACjB,OAAOC;AAAA,IACP,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IAELA;AAEN,SACE,gBAAAM,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTrB,EAAc,EAAE,SAASiB,GAAmB,MAAAZ,GAAM;AAAA,QAClDQ,IAAc,WAAW;AAAA,QACzBV;AAAA,MAAA;AAAA,MAEF,OAAOgB;AAAA,MACN,GAAGH;AAAA,IAAA;AAAA,IAEHV,IAAW,gBAAAc,EAAA,cAAC,QAAA,EAAK,WAAU,2BAAA,GAA4Bd,CAAS,IAAU;AAAA,IAC3E,gBAAAc,EAAA,cAAC,cAAML,CAAS;AAAA,IACfR,IAAY,gBAAAa,EAAA,cAAC,QAAA,EAAK,WAAU,2BAAA,GAA4Bb,CAAU,IAAU;AAAA,IAC5EC,IACCC,IACE,gBAAAW,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAASX;AAAA,QACT,WAAU;AAAA,MAAA;AAAA,MAETC,KAAS,gBAAAU,EAAA,cAACE,GAAA,EAAE,WAAWJ,EAAA,CAAY;AAAA,IAAA,IAGtC,gBAAAE,EAAA,cAAC,QAAA,EAAK,WAAU,2BAAA,GACbV,KAAS,gBAAAU,EAAA,cAACE,GAAA,EAAE,WAAWJ,EAAA,CAAY,CACtC,IAEA;AAAA,EAAA;AAGV;"}