ml-uikit 1.1.7 → 1.1.8

package/dist/index.es8.js

@@ -1,8 +1,8 @@
-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.es60.js";
-const w = N("inline-flex items-center gap-1 rounded-[12px] font-medium", {
+import { j as e } from "./index.es62.js";
+import { X as f } from "lucide-react";
+import { cva as h } from "class-variance-authority";
+import { cn as N } from "./index.es63.js";
+const v = h("inline-flex items-center gap-1 rounded-[12px] font-medium", {
   variants: {
     variant: {
       color: "bg-[#26453f] text-white",
@@ -23,56 +23,58 @@ const w = N("inline-flex items-center gap-1 rounded-[12px] font-medium", {
     size: "default"
   }
 });
-function z({
-  className: d,
+function V({
+  className: m,
   variant: t,
   size: n,
   leftIcon: l,
-  rightIcon: r,
-  showX: x = !1,
-  onXClick: c,
-  xIcon: i,
-  bgColor: s,
-  textColor: m,
+  rightIcon: s,
+  showX: u = !1,
+  onXClick: i,
+  xIcon: r,
+  bgColor: c,
+  textColor: o,
   borderColor: a,
-  style: o,
+  style: x,
   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,
+  const g = t === "default" ? "color" : t === "secondary" ? "neutral" : t === "outline" ? "outline-neutral" : t, d = n === "large" ? "h-4 w-4" : "h-3 w-3", j = c || o || a ? {
+    backgroundColor: c,
+    color: o,
     borderColor: a,
-    ...o
-  } : o;
-  return /* @__PURE__ */ e.createElement(
+    ...x
+  } : x;
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(
-        w({ variant: g, size: n }),
+      className: N(
+        v({ variant: g, size: n }),
         a ? "border" : void 0,
-        d
+        m
       ),
-      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
+      style: j,
+      ...b,
+      children: [
+        l ? /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center", children: l }) : null,
+        /* @__PURE__ */ e.jsx("span", { children: p }),
+        s ? /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center", children: s }) : null,
+        u ? i ? /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Remove",
+            onClick: i,
+            className: "inline-flex items-center",
+            children: r || /* @__PURE__ */ e.jsx(f, { className: d })
+          }
+        ) : /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center", children: r || /* @__PURE__ */ e.jsx(f, { className: d }) }) : null
+      ]
+    }
   );
 }
 export {
-  z as Badge,
-  w as badgeVariants
+  V as Badge,
+  v 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 { 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;"}
+{"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","jsxs","cn","jsx","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,SACEM,gBAAAA,EAAAA;AAAAA,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,MAEH,UAAA;AAAA,QAAAV,IAAWgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,4BAA4B,aAAS,IAAU;AAAA,QAC3EA,gBAAAA,MAAC,UAAM,UAAAP,GAAS;AAAA,QACfR,IAAYe,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,4BAA4B,aAAU,IAAU;AAAA,QAC5Ed,IACCC,IACEa,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAASb;AAAA,YACT,WAAU;AAAA,YAET,UAAAC,KAASY,gBAAAA,EAAAA,IAACC,GAAA,EAAE,WAAWL,EAAA,CAAY;AAAA,UAAA;AAAA,QAAA,IAGtCI,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,4BACb,UAAAZ,KAASY,gBAAAA,EAAAA,IAACC,GAAA,EAAE,WAAWL,EAAA,CAAY,EAAA,CACtC,IAEA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index.es9.js

@@ -1,91 +1,94 @@
-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.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(
+import { j as a } from "./index.es62.js";
+import * as o from "react";
+import { Slot as n } from "@radix-ui/react-slot";
+import { ChevronRight as c, MoreHorizontal as d } from "lucide-react";
+import { cn as t } from "./index.es63.js";
+const l = o.forwardRef(({ ...r }, e) => /* @__PURE__ */ a.jsx("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
+l.displayName = "Breadcrumb";
+const p = o.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ a.jsx(
   "ol",
   {
-    ref: t,
-    className: m(
+    ref: s,
+    className: t(
       "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
       r
     ),
-    ...a
+    ...e
   }
 ));
-d.displayName = "BreadcrumbList";
-const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
+p.displayName = "BreadcrumbList";
+const u = o.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ a.jsx(
   "li",
   {
-    ref: t,
-    className: m("inline-flex items-center gap-1.5", r),
-    ...a
+    ref: s,
+    className: t("inline-flex items-center gap-1.5", r),
+    ...e
   }
 ));
-p.displayName = "BreadcrumbItem";
-const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
-  const n = r ? o : "a";
-  return /* @__PURE__ */ e.createElement(
-    n,
+u.displayName = "BreadcrumbItem";
+const f = o.forwardRef(({ asChild: r, className: e, ...s }, m) => {
+  const i = r ? n : "a";
+  return /* @__PURE__ */ a.jsx(
+    i,
     {
-      ref: s,
-      className: m("transition-colors hover:text-foreground", a),
-      ...t
+      ref: m,
+      className: t("transition-colors hover:text-foreground", e),
+      ...s
     }
   );
 });
-u.displayName = "BreadcrumbLink";
-const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
+f.displayName = "BreadcrumbLink";
+const x = o.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ a.jsx(
   "span",
   {
-    ref: t,
+    ref: s,
     role: "link",
     "aria-disabled": "true",
     "aria-current": "page",
-    className: m("font-normal text-foreground", r),
-    ...a
+    className: t("font-normal text-foreground", r),
+    ...e
   }
 ));
-f.displayName = "BreadcrumbPage";
+x.displayName = "BreadcrumbPage";
 const b = ({
   children: r,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ e.createElement(
+  className: e,
+  ...s
+}) => /* @__PURE__ */ a.jsx(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: m("[&>svg]:w-3.5 [&>svg]:h-3.5", a),
-    ...t
-  },
-  r ?? /* @__PURE__ */ e.createElement(l, null)
+    className: t("[&>svg]:w-3.5 [&>svg]:h-3.5", e),
+    ...s,
+    children: r ?? /* @__PURE__ */ a.jsx(c, {})
+  }
 );
 b.displayName = "BreadcrumbSeparator";
 const N = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e.createElement(
+  ...e
+}) => /* @__PURE__ */ a.jsxs(
   "span",
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: m("flex h-9 w-9 items-center justify-center", r),
-    ...a
-  },
-  /* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
-  /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
+    className: t("flex h-9 w-9 items-center justify-center", r),
+    ...e,
+    children: [
+      /* @__PURE__ */ a.jsx(d, { className: "h-4 w-4" }),
+      /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "More" })
+    ]
+  }
 );
 N.displayName = "BreadcrumbElipssis";
 export {
-  i as Breadcrumb,
+  l as Breadcrumb,
   N as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  u as BreadcrumbLink,
-  d as BreadcrumbList,
-  f as BreadcrumbPage,
+  u as BreadcrumbItem,
+  f as BreadcrumbLink,
+  p as BreadcrumbList,
+  x as BreadcrumbPage,
   b as BreadcrumbSeparator
 };
 //# sourceMappingURL=index.es9.js.map

package/dist/index.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es9.js","sources":["../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\"> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<\"a\"> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"font-normal text-foreground\", className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAF,EAAA,cAAC,SAAI,KAAAE,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMI,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGH;AAAA,EAAA;AACN,CACD;AACDE,EAAe,cAAc;AAE7B,MAAMG,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGH;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAE7B,MAAMC,IAAiBP,EAAM,WAK3B,CAAC,EAAE,SAAAQ,GAAS,WAAAJ,GAAW,GAAGH,EAAA,GAASC,MAAQ;AAC3C,QAAMO,IAAOD,IAAUE,IAAO;AAE9B,SACE,gBAAAV,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWG,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDM,EAAe,cAAc;AAE7B,MAAMI,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGH;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGH;AAAA,EAAA;AAAA,EAEHY,qCAAaC,GAAA,IAAa;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGH;AAAA,EAAA;AAAA,EAEJ,gBAAAD,EAAA,cAACgB,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,EACpC,gBAAAhB,EAAA,cAAC,QAAA,EAAK,WAAU,UAAA,GAAU,MAAI;AAChC;AAEFe,EAAmB,cAAc;"}
+{"version":3,"file":"index.es9.js","sources":["../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\"> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<\"a\"> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"font-normal text-foreground\", className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQC,gBAAAA,EAAAA,IAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAAQ;AAC3C,QAAMQ,IAAOD,IAAUE,IAAO;AAE9B,SACER,gBAAAA,EAAAA;AAAAA,IAACO;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDO,EAAe,cAAc;AAE7B,MAAMI,IAAiBZ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDW,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGJ;AACL,MACEE,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,IAEH,UAAAa,2BAAaC,GAAA,CAAA,CAAa;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGJ;AACL,MACEgB,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWX,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAACe,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpCf,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFa,EAAmB,cAAc;"}

package/dist/style.css

@@ -776,6 +776,9 @@ video {
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-2 {
+  margin-left: 0.5rem;
+}
 .ml-3 {
   margin-left: 0.75rem;
 }
@@ -824,6 +827,9 @@ video {
 .block {
   display: block;
 }
+.inline {
+  display: inline;
+}
 .flex {
   display: flex;
 }
@@ -864,6 +870,10 @@ video {
   width: 1rem;
   height: 1rem;
 }
+.size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .size-6 {
   width: 1.5rem;
   height: 1.5rem;
@@ -992,6 +1002,9 @@ 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);
 }
@@ -1186,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;
 }
@@ -1232,6 +1251,9 @@ video {
 .flex-1 {
   flex: 1 1 0%;
 }
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -1666,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));
@@ -1713,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));
@@ -1899,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;
@@ -1949,6 +1983,9 @@ video {
 .pr-1 {
   padding-right: 0.25rem;
 }
+.pr-10 {
+  padding-right: 2.5rem;
+}
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1976,6 +2013,9 @@ video {
 .pt-5 {
   padding-top: 1.25rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .text-left {
   text-align: left;
 }
@@ -2019,6 +2059,9 @@ video {
 .text-\[14px\] {
   font-size: 14px;
 }
+.text-\[15px\] {
+  font-size: 15px;
+}
 .text-\[16px\] {
   font-size: 16px;
 }
@@ -2195,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));
@@ -2527,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));
@@ -2682,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));
 }

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