@trsys-tech/matrix-library 0.6.0 → 1.0.0-canary.0

package/dist/accordion.es.js

@@ -1,40 +1,40 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as i from "react";
-import * as e from "@radix-ui/react-accordion";
-import { cn as s } from "./utils.es.js";
-import { ChevronDown as m } from "@trsys-tech/matrix-icons";
-const g = e.Root, c = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(e.Item, { ref: r, className: s("border-b", o), ...t }));
-c.displayName = "AccordionItem";
-const l = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
-  e.Trigger,
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import * as n from "react";
+import * as t from "@radix-ui/react-accordion";
+import { cn as i } from "./utils.es.js";
+import { ChevronDown as x } from "@trsys-tech/matrix-icons";
+const g = t.Root, d = n.forwardRef(({ className: e, ...m }, o) => /* @__PURE__ */ r(t.Item, { ref: o, className: i("mtx-border-b", e), ...m }));
+d.displayName = "AccordionItem";
+const c = n.forwardRef(({ className: e, children: m, ...o }, a) => /* @__PURE__ */ r(t.Header, { className: "mtx-flex", children: /* @__PURE__ */ s(
+  t.Trigger,
   {
-    ref: n,
-    className: s(
-      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-      o
+    ref: a,
+    className: i(
+      "mtx-flex mtx-flex-1 mtx-items-center mtx-justify-between mtx-py-4 mtx-text-sm mtx-font-medium mtx-transition-all hover:mtx-underline mtx-text-left [&[data-state=open]>svg]:mtx-rotate-180",
+      e
     ),
-    ...r,
+    ...o,
     children: [
-      t,
-      /* @__PURE__ */ a(m, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      m,
+      /* @__PURE__ */ r(x, { className: "mtx-h-4 mtx-w-4 mtx-shrink-0 mtx-text-muted-foreground mtx-transition-transform mtx-duration-200" })
     ]
   }
 ) }));
-l.displayName = e.Trigger.displayName;
-const f = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(
-  e.Content,
+c.displayName = t.Trigger.displayName;
+const l = n.forwardRef(({ className: e, children: m, ...o }, a) => /* @__PURE__ */ r(
+  t.Content,
   {
-    ref: n,
-    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...r,
-    children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", o), children: t })
+    ref: a,
+    className: "mtx-overflow-hidden mtx-text-sm data-[state=closed]:mtx-animate-accordion-up data-[state=open]:mtx-animate-accordion-down",
+    ...o,
+    children: /* @__PURE__ */ r("div", { className: i("mtx-pb-4 mtx-pt-0", e), children: m })
   }
 ));
-f.displayName = e.Content.displayName;
+l.displayName = t.Content.displayName;
 export {
   g as Accordion,
-  f as AccordionContent,
-  c as AccordionItem,
-  l as AccordionTrigger
+  l as AccordionContent,
+  d as AccordionItem,
+  c as AccordionTrigger
 };
 //# sourceMappingURL=accordion.es.js.map

package/dist/accordion.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.es.js","sources":["../src/components/accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronDown } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Accordion = AccordionPrimitive.Root;\r\n\r\nconst AccordionItem = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\r\n>(({ className, ...props }, ref) => <AccordionPrimitive.Item ref={ref} className={cn(\"border-b\", className)} {...props} />);\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\nconst AccordionTrigger = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n  <AccordionPrimitive.Header className=\"flex\">\r\n    <AccordionPrimitive.Trigger\r\n      ref={ref}\r\n      className={cn(\r\n        \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n      <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\r\n    </AccordionPrimitive.Trigger>\r\n  </AccordionPrimitive.Header>\r\n));\r\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\r\n\r\nconst AccordionContent = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n  <AccordionPrimitive.Content\r\n    ref={ref}\r\n    className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\r\n    {...props}\r\n  >\r\n    <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\r\n  </AccordionPrimitive.Content>\r\n));\r\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\r\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ChevronDown","AccordionContent"],"mappings":";;;;;AAQA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACN,EAAmB,MAAnB,EAAwB,KAAAK,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AAC1HH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAA,GAASC,MACpC,gBAAAC,EAACN,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAU;AAAA,EAACV,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACD,gBAAAH,EAACK,GAAA,EAAY,WAAU,2EAAA,CAA2E;AAAA,IAAA;AAAA,EAAA;AACpG,GACF,CACD;AACDH,EAAiB,cAAcR,EAAmB,QAAQ;AAE1D,MAAMY,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,KAASC,MACpC,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAA,EAAI,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAA,CAAS;AAAA,EAAA;AACxD,CACD;AACDG,EAAiB,cAAcZ,EAAmB,QAAQ;"}
+{"version":3,"file":"accordion.es.js","sources":["../src/components/accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronDown } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Accordion = AccordionPrimitive.Root;\r\n\r\nconst AccordionItem = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\r\n>(({ className, ...props }, ref) => <AccordionPrimitive.Item ref={ref} className={cn(\"mtx-border-b\", className)} {...props} />);\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\nconst AccordionTrigger = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n  <AccordionPrimitive.Header className=\"mtx-flex\">\r\n    <AccordionPrimitive.Trigger\r\n      ref={ref}\r\n      className={cn(\r\n        \"mtx-flex mtx-flex-1 mtx-items-center mtx-justify-between mtx-py-4 mtx-text-sm mtx-font-medium mtx-transition-all hover:mtx-underline mtx-text-left [&[data-state=open]>svg]:mtx-rotate-180\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n      <ChevronDown className=\"mtx-h-4 mtx-w-4 mtx-shrink-0 mtx-text-muted-foreground mtx-transition-transform mtx-duration-200\" />\r\n    </AccordionPrimitive.Trigger>\r\n  </AccordionPrimitive.Header>\r\n));\r\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\r\n\r\nconst AccordionContent = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n  <AccordionPrimitive.Content\r\n    ref={ref}\r\n    className=\"mtx-overflow-hidden mtx-text-sm data-[state=closed]:mtx-animate-accordion-up data-[state=open]:mtx-animate-accordion-down\"\r\n    {...props}\r\n  >\r\n    <div className={cn(\"mtx-pb-4 mtx-pt-0\", className)}>{children}</div>\r\n  </AccordionPrimitive.Content>\r\n));\r\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\r\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ChevronDown","AccordionContent"],"mappings":";;;;;AAQA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACN,EAAmB,MAAnB,EAAwB,KAAAK,GAAU,WAAWE,EAAG,gBAAgBJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AAC9HH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAA,GAASC,MACpC,gBAAAC,EAACN,EAAmB,QAAnB,EAA0B,WAAU,YACnC,UAAA,gBAAAU;AAAA,EAACV,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACD,gBAAAH,EAACK,GAAA,EAAY,WAAU,mGAAA,CAAmG;AAAA,IAAA;AAAA,EAAA;AAC5H,GACF,CACD;AACDH,EAAiB,cAAcR,EAAmB,QAAQ;AAE1D,MAAMY,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,KAASC,MACpC,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAA,EAAI,WAAWG,EAAG,qBAAqBJ,CAAS,GAAI,UAAAM,EAAA,CAAS;AAAA,EAAA;AAChE,CACD;AACDG,EAAiB,cAAcZ,EAAmB,QAAQ;"}

package/dist/avatar.es.js

@@ -1,20 +1,34 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as o from "react";
+import { jsx as l } from "react/jsx-runtime";
+import * as r from "react";
 import * as a from "@radix-ui/react-avatar";
-import { cn as s } from "./utils.es.js";
-const t = o.forwardRef(
-  ({ className: e, ...l }, r) => /* @__PURE__ */ m(a.Root, { ref: r, className: s("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", e), ...l })
+import { cn as o } from "./utils.es.js";
+const s = r.forwardRef(
+  ({ className: m, ...t }, e) => /* @__PURE__ */ l(
+    a.Root,
+    {
+      ref: e,
+      className: o("mtx-relative mtx-flex mtx-h-10 mtx-w-10 mtx-shrink-0 mtx-overflow-hidden mtx-rounded-full", m),
+      ...t
+    }
+  )
 );
-t.displayName = a.Root.displayName;
-const f = o.forwardRef(
-  ({ className: e, ...l }, r) => /* @__PURE__ */ m(a.Image, { ref: r, className: s("aspect-square h-full w-full", e), ...l })
+s.displayName = a.Root.displayName;
+const x = r.forwardRef(
+  ({ className: m, ...t }, e) => /* @__PURE__ */ l(a.Image, { ref: e, className: o("mtx-aspect-square mtx-h-full mtx-w-full", m), ...t })
 );
-f.displayName = a.Image.displayName;
-const i = o.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ m(a.Fallback, { ref: r, className: s("flex h-full w-full items-center justify-center rounded-full bg-muted", e), ...l }));
-i.displayName = a.Fallback.displayName;
+x.displayName = a.Image.displayName;
+const f = r.forwardRef(({ className: m, ...t }, e) => /* @__PURE__ */ l(
+  a.Fallback,
+  {
+    ref: e,
+    className: o("mtx-flex mtx-h-full mtx-w-full mtx-items-center mtx-justify-center mtx-rounded-full mtx-bg-muted", m),
+    ...t
+  }
+));
+f.displayName = a.Fallback.displayName;
 export {
-  t as Avatar,
-  i as AvatarFallback,
-  f as AvatarImage
+  s as Avatar,
+  f as AvatarFallback,
+  x as AvatarImage
 };
 //# sourceMappingURL=avatar.es.js.map

package/dist/avatar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.es.js","sources":["../src/components/avatar/Avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>>(\r\n  ({ className, ...props }, ref) => (\r\n    <AvatarPrimitive.Root ref={ref} className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)} {...props} />\r\n  ),\r\n);\r\nAvatar.displayName = AvatarPrimitive.Root.displayName;\r\n\r\nconst AvatarImage = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Image>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>>(\r\n  ({ className, ...props }, ref) => <AvatarPrimitive.Image ref={ref} className={cn(\"aspect-square h-full w-full\", className)} {...props} />,\r\n);\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\r\n\r\nconst AvatarFallback = React.forwardRef<\r\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\r\n>(({ className, ...props }, ref) => (\r\n  <AvatarPrimitive.Fallback ref={ref} className={cn(\"flex h-full w-full items-center justify-center rounded-full bg-muted\", className)} {...props} />\r\n));\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\r\n\r\nexport { Avatar, AvatarImage, AvatarFallback };\r\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAOA,MAAMA,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACC,EAAgB,MAAhB,EAAqB,KAAAF,GAAU,WAAWG,EAAG,iEAAiEL,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE1I;AACAH,EAAO,cAAcM,EAAgB,KAAK;AAE1C,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACC,EAAgB,OAAhB,EAAsB,KAAAF,GAAU,WAAWG,EAAG,+BAA+BL,CAAS,GAAI,GAAGC,EAAA,CAAO;AACzI;AACAK,EAAY,cAAcF,EAAgB,MAAM;AAEhD,MAAMG,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACC,EAAgB,UAAhB,EAAyB,KAAAF,GAAU,WAAWG,EAAG,wEAAwEL,CAAS,GAAI,GAAGC,GAAO,CAClJ;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
+{"version":3,"file":"avatar.es.js","sources":["../src/components/avatar/Avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>>(\r\n  ({ className, ...props }, ref) => (\r\n    <AvatarPrimitive.Root\r\n      ref={ref}\r\n      className={cn(\"mtx-relative mtx-flex mtx-h-10 mtx-w-10 mtx-shrink-0 mtx-overflow-hidden mtx-rounded-full\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nAvatar.displayName = AvatarPrimitive.Root.displayName;\r\n\r\nconst AvatarImage = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Image>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>>(\r\n  ({ className, ...props }, ref) => (\r\n    <AvatarPrimitive.Image ref={ref} className={cn(\"mtx-aspect-square mtx-h-full mtx-w-full\", className)} {...props} />\r\n  ),\r\n);\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\r\n\r\nconst AvatarFallback = React.forwardRef<\r\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\r\n>(({ className, ...props }, ref) => (\r\n  <AvatarPrimitive.Fallback\r\n    ref={ref}\r\n    className={cn(\"mtx-flex mtx-h-full mtx-w-full mtx-items-center mtx-justify-center mtx-rounded-full mtx-bg-muted\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\r\n\r\nexport { Avatar, AvatarImage, AvatarFallback };\r\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAOA,MAAMA,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAG,6FAA6FL,CAAS;AAAA,MACnH,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAO,cAAcM,EAAgB,KAAK;AAE1C,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACC,EAAgB,OAAhB,EAAsB,KAAAF,GAAU,WAAWG,EAAG,2CAA2CL,CAAS,GAAI,GAAGC,EAAA,CAAO;AAErH;AACAK,EAAY,cAAcF,EAAgB,MAAM;AAEhD,MAAMG,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,oGAAoGL,CAAS;AAAA,IAC1H,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}

package/dist/badge.es.js

@@ -1,34 +1,34 @@
-import { jsx as o } from "react/jsx-runtime";
-import { tv as i } from "tailwind-variants";
-import { cn as t } from "./utils.es.js";
-const g = i({
-  base: "inline-flex items-center rounded-full 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 border-transparent",
+import { jsx as m } from "react/jsx-runtime";
+import { tv as x } from "tailwind-variants";
+import { cn as n } from "./utils.es.js";
+const o = x({
+  base: "mtx-inline-flex mtx-items-center mtx-rounded-full mtx-border mtx-px-2.5 mtx-py-0.5 mtx-text-xs mtx-font-semibold mtx-transition-colors focus:mtx-outline-none focus:mtx-ring-2 focus:mtx-ring-ring focus:mtx-ring-offset-2 mtx-border-transparent",
   variants: {
     variant: {
-      primary: "bg-primary text-primary-foreground hover:bg-primary-600",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-600",
-      outline: "border border-primary text-primary hover:bg-primary-50",
-      danger: "bg-danger text-danger-foreground hover:bg-danger-600",
-      success: "bg-success text-success-foreground hover:bg-success-600",
-      warning: "bg-warning text-warning-foreground hover:bg-warning-600",
-      info: "bg-info text-info-foreground hover:bg-info-600",
-      "primary-inverse": "bg-primary-100 text-primary-700 hover:bg-primary-50",
-      "success-inverse": "bg-success-300 text-success-700 hover:bg-success-200",
-      "danger-inverse": "bg-danger-300 text-danger-600 hover:bg-danger-200",
-      "warning-inverse": "bg-warning-300 text-warning-800 hover:bg-warning-200",
-      "info-inverse": "bg-info-300 text-info-700 hover:bg-info-200",
-      "purple-inverse": "bg-purple-200 text-purple-500 hover:bg-purple-100",
-      "coral-inverse": "bg-coral-300 text-coral-600 hover:bg-coral-200",
-      "turquoise-inverse": "bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100",
-      "lime-inverse": "bg-lime-300 text-lime-700 hover:bg-lime-200",
-      "gray-inverse": "bg-gray-300 text-text-500 hover:bg-gray-200"
+      primary: "mtx-bg-primary mtx-text-primary-foreground hover:mtx-bg-primary-600",
+      secondary: "mtx-bg-secondary mtx-text-secondary-foreground hover:mtx-bg-secondary-600",
+      outline: "mtx-border mtx-border-primary mtx-text-primary hover:mtx-bg-primary-50",
+      danger: "mtx-bg-danger mtx-text-danger-foreground hover:mtx-bg-danger-600",
+      success: "mtx-bg-success mtx-text-success-foreground hover:mtx-bg-success-600",
+      warning: "mtx-bg-warning mtx-text-warning-foreground hover:mtx-bg-warning-600",
+      info: "mtx-bg-info mtx-text-info-foreground hover:mtx-bg-info-600",
+      "primary-inverse": "mtx-bg-primary-100 mtx-text-primary-700 hover:mtx-bg-primary-50",
+      "success-inverse": "mtx-bg-success-300 mtx-text-success-700 hover:mtx-bg-success-200",
+      "danger-inverse": "mtx-bg-danger-300 mtx-text-danger-600 hover:mtx-bg-danger-200",
+      "warning-inverse": "mtx-bg-warning-300 mtx-text-warning-800 hover:mtx-bg-warning-200",
+      "info-inverse": "mtx-bg-info-300 mtx-text-info-700 hover:mtx-bg-info-200",
+      "purple-inverse": "mtx-bg-purple-200 mtx-text-purple-500 hover:mtx-bg-purple-100",
+      "coral-inverse": "mtx-bg-coral-300 mtx-text-coral-600 hover:mtx-bg-coral-200",
+      "turquoise-inverse": "mtx-bg-turquoise-200 mtx-text-turquoise-600 hover:mtx-bg-turquoise-100",
+      "lime-inverse": "mtx-bg-lime-300 mtx-text-lime-700 hover:mtx-bg-lime-200",
+      "gray-inverse": "mtx-bg-gray-300 mtx-text-text-500 hover:mtx-bg-gray-200"
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), u = ({ className: r, variant: e, ...n }) => /* @__PURE__ */ o("div", { className: t(g({ variant: e }), r), ...n });
+}), a = ({ className: t, variant: r, ...e }) => /* @__PURE__ */ m("div", { className: n(o({ variant: r }), t), ...e });
 export {
-  u as Badge
+  a as Badge
 };
 //# sourceMappingURL=badge.es.js.map

package/dist/badge.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n  base: \"inline-flex items-center rounded-full 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 border-transparent\",\r\n  variants: {\r\n    variant: {\r\n      primary: \"bg-primary text-primary-foreground hover:bg-primary-600\",\r\n      secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary-600\",\r\n      outline: \"border border-primary text-primary hover:bg-primary-50\",\r\n      danger: \"bg-danger text-danger-foreground hover:bg-danger-600\",\r\n      success: \"bg-success text-success-foreground hover:bg-success-600\",\r\n      warning: \"bg-warning text-warning-foreground hover:bg-warning-600\",\r\n      info: \"bg-info text-info-foreground hover:bg-info-600\",\r\n      \"primary-inverse\": \"bg-primary-100 text-primary-700 hover:bg-primary-50\",\r\n      \"success-inverse\": \"bg-success-300 text-success-700 hover:bg-success-200\",\r\n      \"danger-inverse\": \"bg-danger-300 text-danger-600 hover:bg-danger-200\",\r\n      \"warning-inverse\": \"bg-warning-300 text-warning-800 hover:bg-warning-200\",\r\n      \"info-inverse\": \"bg-info-300 text-info-700 hover:bg-info-200\",\r\n      \"purple-inverse\": \"bg-purple-200 text-purple-500 hover:bg-purple-100\",\r\n      \"coral-inverse\": \"bg-coral-300 text-coral-600 hover:bg-coral-200\",\r\n      \"turquoise-inverse\": \"bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100\",\r\n      \"lime-inverse\": \"bg-lime-300 text-lime-700 hover:bg-lime-200\",\r\n      \"gray-inverse\": \"bg-gray-300 text-text-500 hover:bg-gray-200\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n  },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACrD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS,GAAI,GAAGE,EAAA,CAAO;"}
+{"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n  base: \"mtx-inline-flex mtx-items-center mtx-rounded-full mtx-border mtx-px-2.5 mtx-py-0.5 mtx-text-xs mtx-font-semibold mtx-transition-colors focus:mtx-outline-none focus:mtx-ring-2 focus:mtx-ring-ring focus:mtx-ring-offset-2 mtx-border-transparent\",\r\n  variants: {\r\n    variant: {\r\n      primary: \"mtx-bg-primary mtx-text-primary-foreground hover:mtx-bg-primary-600\",\r\n      secondary: \"mtx-bg-secondary mtx-text-secondary-foreground hover:mtx-bg-secondary-600\",\r\n      outline: \"mtx-border mtx-border-primary mtx-text-primary hover:mtx-bg-primary-50\",\r\n      danger: \"mtx-bg-danger mtx-text-danger-foreground hover:mtx-bg-danger-600\",\r\n      success: \"mtx-bg-success mtx-text-success-foreground hover:mtx-bg-success-600\",\r\n      warning: \"mtx-bg-warning mtx-text-warning-foreground hover:mtx-bg-warning-600\",\r\n      info: \"mtx-bg-info mtx-text-info-foreground hover:mtx-bg-info-600\",\r\n      \"primary-inverse\": \"mtx-bg-primary-100 mtx-text-primary-700 hover:mtx-bg-primary-50\",\r\n      \"success-inverse\": \"mtx-bg-success-300 mtx-text-success-700 hover:mtx-bg-success-200\",\r\n      \"danger-inverse\": \"mtx-bg-danger-300 mtx-text-danger-600 hover:mtx-bg-danger-200\",\r\n      \"warning-inverse\": \"mtx-bg-warning-300 mtx-text-warning-800 hover:mtx-bg-warning-200\",\r\n      \"info-inverse\": \"mtx-bg-info-300 mtx-text-info-700 hover:mtx-bg-info-200\",\r\n      \"purple-inverse\": \"mtx-bg-purple-200 mtx-text-purple-500 hover:mtx-bg-purple-100\",\r\n      \"coral-inverse\": \"mtx-bg-coral-300 mtx-text-coral-600 hover:mtx-bg-coral-200\",\r\n      \"turquoise-inverse\": \"mtx-bg-turquoise-200 mtx-text-turquoise-600 hover:mtx-bg-turquoise-100\",\r\n      \"lime-inverse\": \"mtx-bg-lime-300 mtx-text-lime-700 hover:mtx-bg-lime-200\",\r\n      \"gray-inverse\": \"mtx-bg-gray-300 mtx-text-text-500 hover:mtx-bg-gray-200\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n  },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACrD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS,GAAI,GAAGE,EAAA,CAAO;"}

package/dist/breadcrumb.es.js

@@ -1,32 +1,42 @@
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import * as m from "react";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as s from "react";
 import { Slot as c } from "@radix-ui/react-slot";
-import { cn as t } from "./utils.es.js";
+import { cn as m } from "./utils.es.js";
 import { Elipsis as n, ChevronRight as d } from "@trsys-tech/matrix-icons";
-const l = m.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
+const l = s.forwardRef(({ ...r }, e) => /* @__PURE__ */ t("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
 l.displayName = "Breadcrumb";
-const p = m.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s("ol", { ref: a, className: t("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", r), ...e }));
-p.displayName = "BreadcrumbList";
-const u = m.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s("li", { ref: a, className: t("inline-flex items-center gap-1.5", r), ...e }));
-u.displayName = "BreadcrumbItem";
-const f = m.forwardRef(({ asChild: r, className: e, ...a }, o) => /* @__PURE__ */ s(r ? c : "a", { ref: o, className: t("transition-colors hover:text-foreground", e), ...a }));
-f.displayName = "BreadcrumbLink";
-const b = m.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s("span", { ref: a, role: "link", "aria-disabled": "true", "aria-current": "page", className: t("font-normal text-foreground", r), ...e }));
-b.displayName = "BreadcrumbPage";
-const N = ({ children: r, className: e, ...a }) => /* @__PURE__ */ s("li", { role: "presentation", "aria-hidden": "true", className: t("[&>svg]:w-3.5 [&>svg]:h-3", e), ...a, children: r ?? /* @__PURE__ */ s(d, {}) });
-N.displayName = "BreadcrumbSeparator";
-const B = ({ className: r, ...e }) => /* @__PURE__ */ i("span", { role: "presentation", "aria-hidden": "true", className: t("flex h-9 w-9 items-center justify-center", r), ...e, children: [
-  /* @__PURE__ */ s(n, { className: "h-4 w-4" }),
-  /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
+const x = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+  "ol",
+  {
+    ref: a,
+    className: m(
+      "mtx-flex mtx-flex-wrap mtx-items-center mtx-gap-1.5 mtx-break-words mtx-text-sm mtx-text-muted-foreground sm:mtx-gap-2.5",
+      r
+    ),
+    ...e
+  }
+));
+x.displayName = "BreadcrumbList";
+const p = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t("li", { ref: a, className: m("mtx-inline-flex mtx-items-center mtx-gap-1.5", r), ...e }));
+p.displayName = "BreadcrumbItem";
+const u = s.forwardRef(({ asChild: r, className: e, ...a }, o) => /* @__PURE__ */ t(r ? c : "a", { ref: o, className: m("mtx-transition-colors hover:mtx-text-foreground", e), ...a }));
+u.displayName = "BreadcrumbLink";
+const f = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t("span", { ref: a, role: "link", "aria-disabled": "true", "aria-current": "page", className: m("mtx-font-normal mtx-text-foreground", r), ...e }));
+f.displayName = "BreadcrumbPage";
+const b = ({ children: r, className: e, ...a }) => /* @__PURE__ */ t("li", { role: "presentation", "aria-hidden": "true", className: m("[&>svg]:mtx-w-3.5 [&>svg]:mtx-h-3", e), ...a, children: r ?? /* @__PURE__ */ t(d, {}) });
+b.displayName = "BreadcrumbSeparator";
+const N = ({ className: r, ...e }) => /* @__PURE__ */ i("span", { role: "presentation", "aria-hidden": "true", className: m("mtx-flex mtx-h-9 mtx-w-9 mtx-items-center mtx-justify-center", r), ...e, children: [
+  /* @__PURE__ */ t(n, { className: "mtx-h-4 mtx-w-4" }),
+  /* @__PURE__ */ t("span", { className: "mtx-sr-only", children: "More" })
 ] });
-B.displayName = "BreadcrumbElipssis";
+N.displayName = "BreadcrumbElipssis";
 export {
   l as Breadcrumb,
-  B as BreadcrumbEllipsis,
-  u as BreadcrumbItem,
-  f as BreadcrumbLink,
-  p as BreadcrumbList,
-  b as BreadcrumbPage,
-  N as BreadcrumbSeparator
+  N as BreadcrumbEllipsis,
+  p as BreadcrumbItem,
+  u as BreadcrumbLink,
+  x as BreadcrumbList,
+  f as BreadcrumbPage,
+  b as BreadcrumbSeparator
 };
 //# sourceMappingURL=breadcrumb.es.js.map

package/dist/breadcrumb.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.es.js","sources":["../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronRight, Elipsis } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Breadcrumb = React.forwardRef<\r\n  HTMLElement,\r\n  React.ComponentPropsWithoutRef<\"nav\"> & {\r\n    separator?: React.ReactNode;\r\n  }\r\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\r\nBreadcrumb.displayName = \"Breadcrumb\";\r\n\r\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(({ className, ...props }, ref) => (\r\n  <ol ref={ref} className={cn(\"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\", className)} {...props} />\r\n));\r\nBreadcrumbList.displayName = \"BreadcrumbList\";\r\n\r\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(({ className, ...props }, ref) => (\r\n  <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\r\n));\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\r\n\r\nconst BreadcrumbLink = React.forwardRef<\r\n  HTMLAnchorElement,\r\n  React.ComponentPropsWithoutRef<\"a\"> & {\r\n    asChild?: boolean;\r\n  }\r\n>(({ asChild, className, ...props }, ref) => {\r\n  const Comp = asChild ? Slot : \"a\";\r\n\r\n  return <Comp ref={ref} className={cn(\"transition-colors hover:text-foreground\", className)} {...props} />;\r\n});\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\r\n\r\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(({ className, ...props }, ref) => (\r\n  <span ref={ref} role=\"link\" aria-disabled=\"true\" aria-current=\"page\" className={cn(\"font-normal text-foreground\", className)} {...props} />\r\n));\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\r\n\r\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<\"li\">) => (\r\n  <li role=\"presentation\" aria-hidden=\"true\" className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3\", className)} {...props}>\r\n    {children ?? <ChevronRight />}\r\n  </li>\r\n);\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\r\n\r\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\r\n  <span role=\"presentation\" aria-hidden=\"true\" className={cn(\"flex h-9 w-9 items-center justify-center\", className)} {...props}>\r\n    <Elipsis className=\"h-4 w-4\" />\r\n    <span className=\"sr-only\">More</span>\r\n  </span>\r\n);\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\r\n\r\nexport { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };\r\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","Elipsis"],"mappings":";;;;;AAQA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAAmE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,KAASC,wBACvH,MAAA,EAAG,KAAAA,GAAU,WAAWI,EAAG,4FAA4FD,CAAS,GAAI,GAAGJ,GAAO,CAChJ;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAAgE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,KAASC,wBACpH,MAAA,EAAG,KAAAA,GAAU,WAAWI,EAAG,oCAAoCD,CAAS,GAAI,GAAGJ,GAAO,CACxF;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAG5B,gBAAAC,EAFMM,IAAUC,IAAO,OAEjB,KAAAR,GAAU,WAAWI,EAAG,2CAA2CD,CAAS,GAAI,GAAGJ,GAAO,CACxG;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAAoE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MACzH,gBAAAC,EAAC,QAAA,EAAK,KAAAD,GAAU,MAAK,QAAO,iBAAc,QAAO,gBAAa,QAAO,WAAWI,EAAG,+BAA+BD,CAAS,GAAI,GAAGJ,EAAA,CAAO,CAC1I;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC,EAAE,UAAAC,GAAU,WAAAR,GAAW,GAAGJ,QACrD,gBAAAE,EAAC,MAAA,EAAG,MAAK,gBAAe,eAAY,QAAO,WAAWG,EAAG,6BAA6BD,CAAS,GAAI,GAAGJ,GACnG,UAAAY,KAAY,gBAAAV,EAACW,GAAA,CAAA,CAAa,EAAA,CAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC,EAAE,WAAAV,GAAW,GAAGJ,EAAA,MAC1C,gBAAAe,EAAC,QAAA,EAAK,MAAK,gBAAe,eAAY,QAAO,WAAWV,EAAG,4CAA4CD,CAAS,GAAI,GAAGJ,GACrH,UAAA;AAAA,EAAA,gBAAAE,EAACc,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,EAC7B,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,EAAA,CAChC;AAEFY,EAAmB,cAAc;"}
+{"version":3,"file":"breadcrumb.es.js","sources":["../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronRight, Elipsis } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Breadcrumb = React.forwardRef<\r\n  HTMLElement,\r\n  React.ComponentPropsWithoutRef<\"nav\"> & {\r\n    separator?: React.ReactNode;\r\n  }\r\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\r\nBreadcrumb.displayName = \"Breadcrumb\";\r\n\r\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(({ className, ...props }, ref) => (\r\n  <ol\r\n    ref={ref}\r\n    className={cn(\r\n      \"mtx-flex mtx-flex-wrap mtx-items-center mtx-gap-1.5 mtx-break-words mtx-text-sm mtx-text-muted-foreground sm:mtx-gap-2.5\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nBreadcrumbList.displayName = \"BreadcrumbList\";\r\n\r\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(({ className, ...props }, ref) => (\r\n  <li ref={ref} className={cn(\"mtx-inline-flex mtx-items-center mtx-gap-1.5\", className)} {...props} />\r\n));\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\r\n\r\nconst BreadcrumbLink = React.forwardRef<\r\n  HTMLAnchorElement,\r\n  React.ComponentPropsWithoutRef<\"a\"> & {\r\n    asChild?: boolean;\r\n  }\r\n>(({ asChild, className, ...props }, ref) => {\r\n  const Comp = asChild ? Slot : \"a\";\r\n\r\n  return <Comp ref={ref} className={cn(\"mtx-transition-colors hover:mtx-text-foreground\", className)} {...props} />;\r\n});\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\r\n\r\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(({ className, ...props }, ref) => (\r\n  <span ref={ref} role=\"link\" aria-disabled=\"true\" aria-current=\"page\" className={cn(\"mtx-font-normal mtx-text-foreground\", className)} {...props} />\r\n));\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\r\n\r\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<\"li\">) => (\r\n  <li role=\"presentation\" aria-hidden=\"true\" className={cn(\"[&>svg]:mtx-w-3.5 [&>svg]:mtx-h-3\", className)} {...props}>\r\n    {children ?? <ChevronRight />}\r\n  </li>\r\n);\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\r\n\r\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\r\n  <span role=\"presentation\" aria-hidden=\"true\" className={cn(\"mtx-flex mtx-h-9 mtx-w-9 mtx-items-center mtx-justify-center\", className)} {...props}>\r\n    <Elipsis className=\"mtx-h-4 mtx-w-4\" />\r\n    <span className=\"mtx-sr-only\">More</span>\r\n  </span>\r\n);\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\r\n\r\nexport { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };\r\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","Elipsis"],"mappings":";;;;;AAQA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAAmE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MACxH,gBAAAC;AAAA,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,WAAgE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,KAASC,wBACpH,MAAA,EAAG,KAAAA,GAAU,WAAWI,EAAG,gDAAgDD,CAAS,GAAI,GAAGJ,GAAO,CACpG;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAG5B,gBAAAC,EAFMM,IAAUC,IAAO,OAEjB,KAAAR,GAAU,WAAWI,EAAG,mDAAmDD,CAAS,GAAI,GAAGJ,GAAO,CAChH;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAAoE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MACzH,gBAAAC,EAAC,QAAA,EAAK,KAAAD,GAAU,MAAK,QAAO,iBAAc,QAAO,gBAAa,QAAO,WAAWI,EAAG,uCAAuCD,CAAS,GAAI,GAAGJ,EAAA,CAAO,CAClJ;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC,EAAE,UAAAC,GAAU,WAAAR,GAAW,GAAGJ,QACrD,gBAAAE,EAAC,MAAA,EAAG,MAAK,gBAAe,eAAY,QAAO,WAAWG,EAAG,qCAAqCD,CAAS,GAAI,GAAGJ,GAC3G,UAAAY,KAAY,gBAAAV,EAACW,GAAA,CAAA,CAAa,EAAA,CAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC,EAAE,WAAAV,GAAW,GAAGJ,EAAA,MAC1C,gBAAAe,EAAC,QAAA,EAAK,MAAK,gBAAe,eAAY,QAAO,WAAWV,EAAG,gEAAgED,CAAS,GAAI,GAAGJ,GACzI,UAAA;AAAA,EAAA,gBAAAE,EAACc,GAAA,EAAQ,WAAU,kBAAA,CAAkB;AAAA,EACrC,gBAAAd,EAAC,QAAA,EAAK,WAAU,eAAc,UAAA,OAAA,CAAI;AAAA,EAAA,CACpC;AAEFY,EAAmB,cAAc;"}

package/dist/button.es.js

@@ -1,45 +1,45 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import { Spinner as p } from "@trsys-tech/matrix-icons";
-import { Slot as b, Slottable as d } from "@radix-ui/react-slot";
-import { tv as y } from "tailwind-variants";
-import { cn as l } from "./utils.es.js";
-const x = y({
-  base: "inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500",
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import * as f from "react";
+import { Spinner as u } from "@trsys-tech/matrix-icons";
+import { Slot as p, Slottable as b } from "@radix-ui/react-slot";
+import { tv as d } from "tailwind-variants";
+import { cn as y } from "./utils.es.js";
+const l = d({
+  base: "mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-1 mtx-whitespace-nowrap mtx-rounded-sm mtx-text-xs mtx-font-normal mtx-transition-colors focus-visible:mtx-outline-none disabled:mtx-pointer-events-none disabled:mtx-bg-muted disabled:mtx-text-gray-500",
   variants: {
     variant: {
-      primary: "bg-primary text-primary-foreground hover:bg-primary-600 focus:border-primary focus:ring focus:ring-primary-300 active:bg-primary active:ring active:ring-1 active:ring-primary active:ring-offset-2",
-      outline: "border border-primary text-primary hover:bg-primary-50 focus:bg-primary-50 focus:border-primary-100 focus:ring focus:ring-primary-100 active:bg-primary-50 active:border-primary active:ring-1 active:ring-primary active:ring-offset-2 disabled:border-gray-400",
-      text: "text-text [&>svg]:text-primary border border-transparent hover:bg-primary-50 focus:ring focus:ring-primary-100 active:ring-1 active:ring-primary disabled:text-text-300 [&>svg]:disabled:text-text-300 disabled:bg-transparent",
-      danger: "bg-danger text-danger-foreground hover:bg-danger-600 focus:ring focus:ring-danger-400 active:bg-danger active:ring-1 active:ring-danger active:ring-offset-2",
-      warning: "bg-warning text-warning-foreground hover:bg-warning-600 focus:ring focus:ring-warning-400 active:bg-warning active:ring-1 active:ring-warning active:ring-offset-2",
-      success: "bg-success text-success-foreground hover:bg-success-600 focus:ring focus:ring-success-400 active:bg-success active:ring-1 active:ring-success active:ring-offset-2",
-      info: "bg-info text-info-foreground hover:bg-info-600 focus:ring focus:ring-info-400 active:bg-info active:ring-1 active:ring-info active:ring-offset-2",
-      "primary-on-dark": "bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1",
-      "outline-on-dark": "border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2",
-      "text-on-dark": "text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1"
+      primary: "mtx-bg-primary mtx-text-primary-foreground hover:mtx-bg-primary-600 focus:mtx-border-primary focus:mtx-ring focus:mtx-ring-primary-300 active:mtx-bg-primary active:mtx-ring active:mtx-ring-1 active:mtx-ring-primary active:mtx-ring-offset-2",
+      outline: "mtx-border mtx-border-primary mtx-text-primary hover:mtx-bg-primary-50 focus:mtx-bg-primary-50 focus:mtx-border-primary-100 focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-bg-primary-50 active:mtx-border-primary active:mtx-ring-1 active:mtx-ring-primary active:mtx-ring-offset-2 disabled:mtx-border-gray-400",
+      text: "mtx-text-text [&>svg]:mtx-text-primary mtx-border mtx-border-transparent hover:mtx-bg-primary-50 focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-ring-1 active:mtx-ring-primary disabled:mtx-text-text-300 [&>svg]:disabled:mtx-text-text-300 disabled:mtx-bg-transparent",
+      danger: "mtx-bg-danger mtx-text-danger-foreground hover:mtx-bg-danger-600 focus:mtx-ring focus:mtx-ring-danger-400 active:mtx-bg-danger active:mtx-ring-1 active:mtx-ring-danger active:mtx-ring-offset-2",
+      warning: "mtx-bg-warning mtx-text-warning-foreground hover:mtx-bg-warning-600 focus:mtx-ring focus:mtx-ring-warning-400 active:mtx-bg-warning active:mtx-ring-1 active:mtx-ring-warning active:mtx-ring-offset-2",
+      success: "mtx-bg-success mtx-text-success-foreground hover:mtx-bg-success-600 focus:mtx-ring focus:mtx-ring-success-400 active:mtx-bg-success active:mtx-ring-1 active:mtx-ring-success active:mtx-ring-offset-2",
+      info: "mtx-bg-info mtx-text-info-foreground hover:mtx-bg-info-600 focus:mtx-ring focus:mtx-ring-info-400 active:mtx-bg-info active:mtx-ring-1 active:mtx-ring-info active:mtx-ring-offset-2",
+      "primary-on-dark": "mtx-bg-gray-0 mtx-text-primary hover:mtx-bg-primary-50 focus:mtx-bg-gray-0 focus:mtx-border-none focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-ring-0 active:mtx-bg-gray-0 active:mtx-outline active:mtx-outline-2 active:mtx-outline-gray-0 active:mtx-outline-offset-1",
+      "outline-on-dark": "mtx-border mtx-border-gray-0 mtx-text-gray-0 hover:mtx-bg-primary-100 hover:mtx-text-primary focus:mtx-text-primary focus:mtx-bg-primary-50 focus:mtx-border-primary-50 focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-text-gray-0 active:mtx-bg-transparent active:mtx-border-gray-0 active:mtx-ring-0 active:mtx-outline active:mtx-outline-1 active:mtx-outline-gray-0 active:mtx-outline-offset-2",
+      "text-on-dark": "mtx-text-gray-0 hover:mtx-bg-primary-50 hover:mtx-text-text [&>svg]:hover:mtx-text-primary focus:mtx-text-text focus:mtx-bg-transparent focus:mtx-border-none [&>svg]:focus:mtx-text-primary-100 focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-ring-0 active:mtx-bg-primary-50 active:mtx-text-text [&>svg]:active:mtx-text-primary active:mtx-outline active:mtx-outline-1 active:mtx-outline-gray-0 active:mtx-outline-offset-1"
     },
     size: {
-      md: "h-8 p-2 [&>svg]:h-5 [&>svg]:w-5",
-      sm: "h-6 p-1 [&>svg]:h-4 [&>svg]:w-4",
-      lg: "h-10 rounded-md p-4 text-sm [&>svg]:h-6 [&>svg]:w-6"
+      md: "mtx-h-8 mtx-p-2 [&>svg]:mtx-h-5 [&>svg]:mtx-w-5",
+      sm: "mtx-h-6 mtx-p-1 [&>svg]:mtx-h-4 [&>svg]:mtx-w-4",
+      lg: "mtx-h-10 mtx-rounded-md mtx-p-4 mtx-text-sm [&>svg]:mtx-h-6 [&>svg]:mtx-w-6"
     }
   },
   defaultVariants: {
     variant: "primary",
     size: "md"
   }
-}), h = m.forwardRef(
-  ({ className: i, variant: t, size: a, asChild: n = !1, children: o, loading: r, disabled: g, startIcon: s, endIcon: c, ...v }, f) => /* @__PURE__ */ u(n ? b : "button", { className: l(x({ variant: t, size: a, className: i })), ref: f, disabled: g || r, ...v, children: [
-    r ? /* @__PURE__ */ e(p, {}) : null,
-    s,
-    /* @__PURE__ */ e(d, { children: o }),
-    c
+}), h = f.forwardRef(
+  ({ className: m, variant: e, size: i, asChild: x = !1, children: a, loading: t, disabled: n, startIcon: o, endIcon: g, ...s }, c) => /* @__PURE__ */ v(x ? p : "button", { className: y(l({ variant: e, size: i, className: m })), ref: c, disabled: n || t, ...s, children: [
+    t ? /* @__PURE__ */ r(u, {}) : null,
+    o,
+    /* @__PURE__ */ r(b, { children: a }),
+    g
   ] })
 );
 h.displayName = "Button";
 export {
   h as Button,
-  x as buttonVariants
+  l as buttonVariants
 };
 //# sourceMappingURL=button.es.js.map

package/dist/button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.es.js","sources":["../src/components/button/Button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst buttonVariants = tv({\r\n  base: \"inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n  variants: {\r\n    variant: {\r\n      primary:\r\n        \"bg-primary text-primary-foreground hover:bg-primary-600 focus:border-primary focus:ring focus:ring-primary-300 active:bg-primary active:ring active:ring-1 active:ring-primary active:ring-offset-2\",\r\n      outline:\r\n        \"border border-primary text-primary hover:bg-primary-50 focus:bg-primary-50 focus:border-primary-100 focus:ring focus:ring-primary-100 active:bg-primary-50 active:border-primary active:ring-1 active:ring-primary active:ring-offset-2 disabled:border-gray-400\",\r\n      text: \"text-text [&>svg]:text-primary border border-transparent hover:bg-primary-50 focus:ring focus:ring-primary-100 active:ring-1 active:ring-primary disabled:text-text-300 [&>svg]:disabled:text-text-300 disabled:bg-transparent\",\r\n      danger:\r\n        \"bg-danger text-danger-foreground hover:bg-danger-600 focus:ring focus:ring-danger-400 active:bg-danger active:ring-1 active:ring-danger active:ring-offset-2\",\r\n      warning:\r\n        \"bg-warning text-warning-foreground hover:bg-warning-600 focus:ring focus:ring-warning-400 active:bg-warning active:ring-1 active:ring-warning active:ring-offset-2\",\r\n      success:\r\n        \"bg-success text-success-foreground hover:bg-success-600 focus:ring focus:ring-success-400 active:bg-success active:ring-1 active:ring-success active:ring-offset-2\",\r\n      info: \"bg-info text-info-foreground hover:bg-info-600 focus:ring focus:ring-info-400 active:bg-info active:ring-1 active:ring-info active:ring-offset-2\",\r\n      \"primary-on-dark\":\r\n        \"bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1\",\r\n      \"outline-on-dark\":\r\n        \"border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2\",\r\n      \"text-on-dark\":\r\n        \"text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1\",\r\n    },\r\n    size: {\r\n      md: \"h-8 p-2 [&>svg]:h-5 [&>svg]:w-5\",\r\n      sm: \"h-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n      lg: \"h-10 rounded-md p-4 text-sm [&>svg]:h-6 [&>svg]:w-6\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\nexport type ButtonVariant = VariantProps<typeof buttonVariants>[\"variant\"];\r\nexport type ButtonSize = VariantProps<typeof buttonVariants>[\"size\"];\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  asChild?: boolean;\r\n  loading?: boolean;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  variant?: ButtonVariant;\r\n  size?: ButtonSize;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ className, variant, size, asChild = false, children, loading, disabled, startIcon, endIcon, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"button\";\r\n    return (\r\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} disabled={disabled || loading} {...props}>\r\n        {loading ? <Spinner /> : null}\r\n        {startIcon}\r\n        <Slottable>{children}</Slottable>\r\n        {endIcon}\r\n      </Comp>\r\n    );\r\n  },\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport { Button, type ButtonProps, buttonVariants };\r\n"],"names":["buttonVariants","tv","Button","React","className","variant","size","asChild","children","loading","disabled","startIcon","endIcon","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,QACE;AAAA,MACF,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,mBACE;AAAA,MACF,mBACE;AAAA,MACF,gBACE;AAAA,IAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAcKC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,wBAC5FP,IAAUQ,IAAO,UAE3B,EAAK,WAAWC,EAAGhB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC,GAAG,KAAAU,GAAU,UAAUJ,KAAYD,GAAU,GAAGI,GAC7G,UAAA;AAAA,IAAAJ,IAAU,gBAAAQ,EAACC,KAAQ,IAAK;AAAA,IACxBP;AAAA,IACD,gBAAAM,EAACE,KAAW,UAAAX,GAAS;AAAA,IACpBI;AAAA,EAAA,GACH;AAGN;AACAV,EAAO,cAAc;"}
+{"version":3,"file":"button.es.js","sources":["../src/components/button/Button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst buttonVariants = tv({\r\n  base: \"mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-1 mtx-whitespace-nowrap mtx-rounded-sm mtx-text-xs mtx-font-normal mtx-transition-colors focus-visible:mtx-outline-none disabled:mtx-pointer-events-none disabled:mtx-bg-muted disabled:mtx-text-gray-500\",\r\n  variants: {\r\n    variant: {\r\n      primary:\r\n        \"mtx-bg-primary mtx-text-primary-foreground hover:mtx-bg-primary-600 focus:mtx-border-primary focus:mtx-ring focus:mtx-ring-primary-300 active:mtx-bg-primary active:mtx-ring active:mtx-ring-1 active:mtx-ring-primary active:mtx-ring-offset-2\",\r\n      outline:\r\n        \"mtx-border mtx-border-primary mtx-text-primary hover:mtx-bg-primary-50 focus:mtx-bg-primary-50 focus:mtx-border-primary-100 focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-bg-primary-50 active:mtx-border-primary active:mtx-ring-1 active:mtx-ring-primary active:mtx-ring-offset-2 disabled:mtx-border-gray-400\",\r\n      text: \"mtx-text-text [&>svg]:mtx-text-primary mtx-border mtx-border-transparent hover:mtx-bg-primary-50 focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-ring-1 active:mtx-ring-primary disabled:mtx-text-text-300 [&>svg]:disabled:mtx-text-text-300 disabled:mtx-bg-transparent\",\r\n      danger:\r\n        \"mtx-bg-danger mtx-text-danger-foreground hover:mtx-bg-danger-600 focus:mtx-ring focus:mtx-ring-danger-400 active:mtx-bg-danger active:mtx-ring-1 active:mtx-ring-danger active:mtx-ring-offset-2\",\r\n      warning:\r\n        \"mtx-bg-warning mtx-text-warning-foreground hover:mtx-bg-warning-600 focus:mtx-ring focus:mtx-ring-warning-400 active:mtx-bg-warning active:mtx-ring-1 active:mtx-ring-warning active:mtx-ring-offset-2\",\r\n      success:\r\n        \"mtx-bg-success mtx-text-success-foreground hover:mtx-bg-success-600 focus:mtx-ring focus:mtx-ring-success-400 active:mtx-bg-success active:mtx-ring-1 active:mtx-ring-success active:mtx-ring-offset-2\",\r\n      info: \"mtx-bg-info mtx-text-info-foreground hover:mtx-bg-info-600 focus:mtx-ring focus:mtx-ring-info-400 active:mtx-bg-info active:mtx-ring-1 active:mtx-ring-info active:mtx-ring-offset-2\",\r\n      \"primary-on-dark\":\r\n        \"mtx-bg-gray-0 mtx-text-primary hover:mtx-bg-primary-50 focus:mtx-bg-gray-0 focus:mtx-border-none focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-ring-0 active:mtx-bg-gray-0 active:mtx-outline active:mtx-outline-2 active:mtx-outline-gray-0 active:mtx-outline-offset-1\",\r\n      \"outline-on-dark\":\r\n        \"mtx-border mtx-border-gray-0 mtx-text-gray-0 hover:mtx-bg-primary-100 hover:mtx-text-primary focus:mtx-text-primary focus:mtx-bg-primary-50 focus:mtx-border-primary-50 focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-text-gray-0 active:mtx-bg-transparent active:mtx-border-gray-0 active:mtx-ring-0 active:mtx-outline active:mtx-outline-1 active:mtx-outline-gray-0 active:mtx-outline-offset-2\",\r\n      \"text-on-dark\":\r\n        \"mtx-text-gray-0 hover:mtx-bg-primary-50 hover:mtx-text-text [&>svg]:hover:mtx-text-primary focus:mtx-text-text focus:mtx-bg-transparent focus:mtx-border-none [&>svg]:focus:mtx-text-primary-100 focus:mtx-ring focus:mtx-ring-primary-100 active:mtx-ring-0 active:mtx-bg-primary-50 active:mtx-text-text [&>svg]:active:mtx-text-primary active:mtx-outline active:mtx-outline-1 active:mtx-outline-gray-0 active:mtx-outline-offset-1\",\r\n    },\r\n    size: {\r\n      md: \"mtx-h-8 mtx-p-2 [&>svg]:mtx-h-5 [&>svg]:mtx-w-5\",\r\n      sm: \"mtx-h-6 mtx-p-1 [&>svg]:mtx-h-4 [&>svg]:mtx-w-4\",\r\n      lg: \"mtx-h-10 mtx-rounded-md mtx-p-4 mtx-text-sm [&>svg]:mtx-h-6 [&>svg]:mtx-w-6\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\nexport type ButtonVariant = VariantProps<typeof buttonVariants>[\"variant\"];\r\nexport type ButtonSize = VariantProps<typeof buttonVariants>[\"size\"];\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  asChild?: boolean;\r\n  loading?: boolean;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  variant?: ButtonVariant;\r\n  size?: ButtonSize;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ className, variant, size, asChild = false, children, loading, disabled, startIcon, endIcon, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"button\";\r\n    return (\r\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} disabled={disabled || loading} {...props}>\r\n        {loading ? <Spinner /> : null}\r\n        {startIcon}\r\n        <Slottable>{children}</Slottable>\r\n        {endIcon}\r\n      </Comp>\r\n    );\r\n  },\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport { Button, type ButtonProps, buttonVariants };\r\n"],"names":["buttonVariants","tv","Button","React","className","variant","size","asChild","children","loading","disabled","startIcon","endIcon","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,QACE;AAAA,MACF,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,mBACE;AAAA,MACF,mBACE;AAAA,MACF,gBACE;AAAA,IAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAcKC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,wBAC5FP,IAAUQ,IAAO,UAE3B,EAAK,WAAWC,EAAGhB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC,GAAG,KAAAU,GAAU,UAAUJ,KAAYD,GAAU,GAAGI,GAC7G,UAAA;AAAA,IAAAJ,IAAU,gBAAAQ,EAACC,KAAQ,IAAK;AAAA,IACxBP;AAAA,IACD,gBAAAM,EAACE,KAAW,UAAAX,GAAS;AAAA,IACpBI;AAAA,EAAA,GACH;AAGN;AACAV,EAAO,cAAc;"}