@trsys-tech/matrix-library 1.1.1 → 1.1.3

package/dist/accordion.es.js

@@ -1,40 +1,42 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { jsx as m, jsxs as c } from "react/jsx-runtime";
 import * as n from "react";
-import * as t from "@radix-ui/react-accordion";
+import * as r 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,
+import { ChevronDown as s } from "@trsys-tech/matrix-icons";
+const d = r.Root;
+d.displayName = "Accordion";
+const x = n.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ m(r.Item, { ref: o, className: i("mtx-border-b", t), ...e }));
+x.displayName = "AccordionItem";
+const l = n.forwardRef(({ className: t, children: e, ...o }, a) => /* @__PURE__ */ m(r.Header, { className: "mtx-flex", children: /* @__PURE__ */ c(
+  r.Trigger,
   {
     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
+      t
     ),
     ...o,
     children: [
-      m,
-      /* @__PURE__ */ r(x, { className: "mtx-h-4 mtx-w-4 mtx-shrink-0 mtx-text-muted-foreground mtx-transition-transform mtx-duration-200" })
+      e,
+      /* @__PURE__ */ m(s, { className: "mtx-h-4 mtx-w-4 mtx-shrink-0 mtx-text-muted-foreground mtx-transition-transform mtx-duration-200" })
     ]
   }
 ) }));
-c.displayName = t.Trigger.displayName;
-const l = n.forwardRef(({ className: e, children: m, ...o }, a) => /* @__PURE__ */ r(
-  t.Content,
+l.displayName = "AccordionTrigger";
+const f = n.forwardRef(({ className: t, children: e, ...o }, a) => /* @__PURE__ */ m(
+  r.Content,
   {
     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 })
+    children: /* @__PURE__ */ m("div", { className: i("mtx-pb-4 mtx-pt-0", t), children: e })
   }
 ));
-l.displayName = t.Content.displayName;
+f.displayName = "AccordionContent";
 export {
-  g as Accordion,
-  l as AccordionContent,
-  d as AccordionItem,
-  c as AccordionTrigger
+  d as Accordion,
+  f as AccordionContent,
+  x as AccordionItem,
+  l 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(\"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;"}
+{"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\nAccordion.displayName = \"Accordion\";\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 = \"AccordionTrigger\";\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 = \"AccordionContent\";\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;AACrCD,EAAU,cAAc;AAExB,MAAME,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,cAAc;AAE/B,MAAMI,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,cAAc;"}

package/dist/avatar.es.js

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

package/dist/breadcrumb.es.js

@@ -2,9 +2,9 @@ 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 m } from "./utils.es.js";
-import { Elipsis as n, ChevronRight as d } from "@trsys-tech/matrix-icons";
-const l = s.forwardRef(({ ...r }, e) => /* @__PURE__ */ t("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
-l.displayName = "Breadcrumb";
+import { Elipsis as l, ChevronRight as n } from "@trsys-tech/matrix-icons";
+const d = s.forwardRef(({ ...r }, e) => /* @__PURE__ */ t("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
+d.displayName = "Breadcrumb";
 const x = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
   "ol",
   {
@@ -23,15 +23,15 @@ const u = s.forwardRef(({ asChild: r, className: e, ...a }, o) => /* @__PURE__ *
 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, {}) });
+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(n, {}) });
 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(l, { className: "mtx-h-4 mtx-w-4" }),
   /* @__PURE__ */ t("span", { className: "mtx-sr-only", children: "More" })
 ] });
-N.displayName = "BreadcrumbElipssis";
+N.displayName = "BreadcrumbEllipsis";
 export {
-  l as Breadcrumb,
+  d as Breadcrumb,
   N as BreadcrumbEllipsis,
   p as BreadcrumbItem,
   u as BreadcrumbLink,

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\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;"}
+{"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 = \"BreadcrumbEllipsis\";\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/calendar.es.js

@@ -1,39 +1,40 @@
-import { jsx as m, jsxs as d } from "react/jsx-runtime";
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
 import * as n from "react";
-import { DayPicker as h, Chevron as g } from "react-day-picker";
-import { ChevronDown as p, ChevronLeft as y, ChevronRight as w } from "@trsys-tech/matrix-icons";
-import { Collapsible as v, CollapsibleTrigger as s, CollapsibleContent as C } from "@radix-ui/react-collapsible";
+import { DayPicker as g, Chevron as p } from "react-day-picker";
+import { ChevronDown as y, ChevronLeft as w, ChevronRight as v } from "@trsys-tech/matrix-icons";
+import { Collapsible as C, CollapsibleTrigger as i, CollapsibleContent as N } from "@radix-ui/react-collapsible";
 import { cn as x } from "./utils.es.js";
-import { Button as N } from "./button.es.js";
-function _({ className: i, classNames: u, showOutsideDays: c = !0, ...r }) {
-  const o = n.useRef(null), [l, f] = n.useState({ width: 0, height: 0 });
+import { Button as _ } from "./button.es.js";
+const l = "[&>button]:mtx-bg-secondary [&>button]:mtx-rounded-full mtx-text-text mtx-font-bold [&>button]:hover:mtx-bg-secondary [&>button]:hover:mtx-text-text [&>button]:focus:mtx-bg-secondary [&>button]:focus:mtx-text-text [&>button]:mtx-text-xs";
+function z({ className: c, classNames: f, showOutsideDays: u = !1, ...o }) {
+  const r = n.useRef(null), [d, h] = n.useState({ width: 0, height: 0 });
   return n.useEffect(() => {
-    if (o.current) {
-      const { width: t, height: a } = o.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {
+    if (r.current) {
+      const { width: t, height: a } = r.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {
         width: 0,
         height: 0
       };
-      f({ width: t, height: a });
+      h({ width: t, height: a });
     }
   }, []), /* @__PURE__ */ m(
-    h,
+    g,
     {
-      showOutsideDays: c,
-      className: x("mtx-p-3 mtx-relative mtx-w-full mtx-max-w-sm mtx-group/root mtx-z-10", i),
+      showOutsideDays: u,
+      className: x("mtx-p-3 mtx-relative mtx-w-full mtx-max-w-sm mtx-group/root mtx-z-10", c),
       classNames: {
-        months: x("mtx-relative mtx-flex mtx-flex-col", r.mode === "range" && "md:mtx-flex-row md:mtx-space-x-4 md:mtx-space-y-2"),
+        months: x("mtx-relative mtx-flex mtx-flex-col", o.mode === "range" && "md:mtx-flex-row md:mtx-space-x-4 md:mtx-space-y-2"),
         month: "mtx-space-y-4 mtx-peer md:mtx-flex-1",
         month_caption: "mtx-flex mtx-justify-center mtx-pt-1 mtx-relative mtx-items-center",
         dropdowns: "mtx-flex mtx-gap-2",
         caption_label: "mtx-text-sm mtx-font-bold",
-        nav: x("mtx-space-x-1 mtx-flex mtx-items-center group-has-[[data-state=open]]/root:mtx-hidden", r.mode !== "range" && "mtx-relative"),
+        nav: x("mtx-space-x-1 mtx-flex mtx-items-center group-has-[[data-state=open]]/root:mtx-hidden", o.mode !== "range" && "mtx-relative"),
         button_previous: x(
           "mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-left-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10",
-          r.mode === "range" && "md:mtx-left-8 md:mtx-top-2"
+          o.mode === "range" && "md:mtx-left-8 md:mtx-top-2"
         ),
         button_next: x(
           "mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-right-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10",
-          r.mode === "range" && "md:mtx-top-2"
+          o.mode === "range" && "md:mtx-top-2"
         ),
         month_grid: x("mtx-w-full mtx-border-collapse mtx-space-y-1"),
         weekdays: "mtx-grid mtx-grid-cols-7 mtx-justify-items-center",
@@ -41,35 +42,41 @@ function _({ className: i, classNames: u, showOutsideDays: c = !0, ...r }) {
         week: "mtx-mt-2 mtx-h-11 mtx-grid mtx-grid-cols-7 mtx-items-center",
         day: "mtx-relative mtx-p-0 mtx-text-center mtx-text-sm mtx-h-11 mtx-min-w-11 md:mtx-min-w-9 md:mtx-h-9",
         day_button: "mtx-w-11 md:mtx-w-9 mtx-h-full mtx-p-0 mtx-text-sm",
-        range_start: "before:mtx-block before:mtx-absolute before:mtx--z-10 before:mtx-content-[''] before:mtx-w-1/2 before:mtx-end-0 before:mtx-h-full before:mtx-bg-secondary/50 after:!mtx-w-0",
-        range_end: "after:mtx-block after:mtx-absolute after:mtx-top-0 after:mtx--z-10 after:mtx-content-[''] after:mtx-w-1/2 after:mtx-start-0 after:mtx-h-full after:mtx-bg-secondary/50 before:!mtx-w-0",
-        selected: "[&>button]:mtx-bg-secondary [&>button]:mtx-rounded-full mtx-text-text mtx-font-bold [&>button]:hover:mtx-bg-secondary [&>button]:hover:mtx-text-text [&>button]:focus:mtx-bg-secondary [&>button]:focus:mtx-text-text [&>button]:mtx-text-xs",
+        range_start: x(
+          l,
+          "before:mtx-block before:mtx-absolute before:mtx--z-10 before:mtx-content-[''] before:mtx-w-1/2 before:mtx-end-0 before:mtx-h-full before:mtx-bg-secondary/50 after:!mtx-w-0"
+        ),
+        range_end: x(
+          l,
+          "after:mtx-block after:mtx-absolute after:mtx-top-0 after:mtx--z-10 after:mtx-content-[''] after:mtx-w-1/2 after:mtx-start-0 after:mtx-h-full after:mtx-bg-secondary/50 before:!mtx-w-0"
+        ),
+        selected: o.mode === "range" ? "" : l,
         today: "mtx-text-primary mtx-font-bold [&>button]:mtx-text-xs",
         outside: "mtx-day-outside mtx-text-muted-foreground mtx-opacity-50 mtx-aria-selected:mtx-bg-accent/50 mtx-aria-selected:mtx-text-muted-foreground mtx-aria-selected:mtx-opacity-30",
         disabled: "mtx-text-muted-foreground mtx-opacity-50",
-        range_middle: "mtx-bg-secondary/50 [&>button]:mtx-data-[selected='true']:mtx-bg-secondary/0 [&>button]:mtx-data-[selected='true']:mtx-rounded-none mtx-text-accent-foreground",
+        range_middle: "mtx-bg-secondary/50 mtx-text-text",
         hidden: "mtx-invisible",
-        ...u
+        ...f
       },
       components: {
-        Chevron: (t) => t.orientation === "left" ? /* @__PURE__ */ m(y, { ...t, className: "mtx-h-6 mtx-w-6" }) : t.orientation === "right" ? /* @__PURE__ */ m(w, { ...t, className: "mtx-h-6 mtx-w-6" }) : /* @__PURE__ */ m(g, { ...t }),
+        Chevron: (t) => t.orientation === "left" ? /* @__PURE__ */ m(w, { ...t, className: "mtx-h-6 mtx-w-6" }) : t.orientation === "right" ? /* @__PURE__ */ m(v, { ...t, className: "mtx-h-6 mtx-w-6" }) : /* @__PURE__ */ m(p, { ...t }),
         YearsDropdown: (t) => {
           const a = (e) => {
             t.onChange?.({ target: { value: e } });
           };
-          return /* @__PURE__ */ d(v, { ref: o, children: [
-            /* @__PURE__ */ d(s, { className: "mtx-group mtx-flex mtx-items-center mtx-gap-1", children: [
+          return /* @__PURE__ */ s(C, { ref: r, children: [
+            /* @__PURE__ */ s(i, { className: "mtx-group mtx-flex mtx-items-center mtx-gap-1", children: [
               t.value,
               " ",
-              /* @__PURE__ */ m(p, { className: "mtx-text-primary mtx-w-5 mtx-h-5 group-data-[state='open']:mtx-rotate-180 mtx-transition-transform mtx-ms-auto" })
+              /* @__PURE__ */ m(y, { className: "mtx-text-primary mtx-w-5 mtx-h-5 group-data-[state='open']:mtx-rotate-180 mtx-transition-transform mtx-ms-auto" })
             ] }),
             /* @__PURE__ */ m(
-              C,
+              N,
               {
                 className: "mtx-overflow-auto mtx-z-50 mtx-absolute mtx-bg-popover mtx-left-2 mtx-top-11 mtx-p-1",
-                style: { width: l.width, height: l.height - 44 },
-                children: /* @__PURE__ */ m("div", { className: "mtx-flex mtx-flex-row mtx-flex-wrap mtx-gap-4", children: t.options ? [...t.options].sort((e, b) => Number(b.value) - Number(e.value)).map((e) => /* @__PURE__ */ m(s, { asChild: !0, children: /* @__PURE__ */ m(
-                  N,
+                style: { width: d.width, height: d.height - 44 },
+                children: /* @__PURE__ */ m("div", { className: "mtx-flex mtx-flex-row mtx-flex-wrap mtx-gap-4", children: t.options ? [...t.options].sort((e, b) => Number(b.value) - Number(e.value)).map((e) => /* @__PURE__ */ m(i, { asChild: !0, children: /* @__PURE__ */ m(
+                  _,
                   {
                     "data-value": e.value,
                     variant: "text",
@@ -87,12 +94,12 @@ function _({ className: i, classNames: u, showOutsideDays: c = !0, ...r }) {
           ] });
         }
       },
-      ...r
+      ...o
     }
   );
 }
-_.displayName = "Calendar";
+z.displayName = "Calendar";
 export {
-  _ as Calendar
+  z as Calendar
 };
 //# sourceMappingURL=calendar.es.js.map

package/dist/calendar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.es.js","sources":["../src/components/date-picker/calendar.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint-disable camelcase */\nimport * as React from \"react\";\nimport { Chevron, DayPicker, DayPickerProps } from \"react-day-picker\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\n\nexport type CalendarProps = DayPickerProps & {};\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  const yearCollapseRef = React.useRef<HTMLDivElement>(null);\n  const [size, setSize] = React.useState({ width: 0, height: 0 });\n\n  React.useEffect(() => {\n    if (yearCollapseRef.current) {\n      const { width, height } = yearCollapseRef.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {\n        width: 0,\n        height: 0,\n      };\n      setSize({ width, height });\n    }\n  }, []);\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"mtx-p-3 mtx-relative mtx-w-full mtx-max-w-sm mtx-group/root mtx-z-10\", className)}\n      classNames={{\n        months: cn(\"mtx-relative mtx-flex mtx-flex-col\", props.mode === \"range\" && \"md:mtx-flex-row md:mtx-space-x-4 md:mtx-space-y-2\"),\n        month: \"mtx-space-y-4 mtx-peer md:mtx-flex-1\",\n        month_caption: \"mtx-flex mtx-justify-center mtx-pt-1 mtx-relative mtx-items-center\",\n        dropdowns: \"mtx-flex mtx-gap-2\",\n        caption_label: \"mtx-text-sm mtx-font-bold\",\n        nav: cn(\"mtx-space-x-1 mtx-flex mtx-items-center group-has-[[data-state=open]]/root:mtx-hidden\", props.mode !== \"range\" && \"mtx-relative\"),\n        button_previous: cn(\n          \"mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-left-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10\",\n          props.mode === \"range\" && \"md:mtx-left-8 md:mtx-top-2\",\n        ),\n        button_next: cn(\n          \"mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-right-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10\",\n          props.mode === \"range\" && \"md:mtx-top-2\",\n        ),\n        month_grid: cn(\"mtx-w-full mtx-border-collapse mtx-space-y-1\"),\n        weekdays: \"mtx-grid mtx-grid-cols-7 mtx-justify-items-center\",\n        weekday: \"mtx-text-text mtx-rounded-md mtx-w-8 mtx-font-bold mtx-text-sm\",\n        week: \"mtx-mt-2 mtx-h-11 mtx-grid mtx-grid-cols-7 mtx-items-center\",\n        day: \"mtx-relative mtx-p-0 mtx-text-center mtx-text-sm mtx-h-11 mtx-min-w-11 md:mtx-min-w-9 md:mtx-h-9\",\n        day_button: \"mtx-w-11 md:mtx-w-9 mtx-h-full mtx-p-0 mtx-text-sm\",\n        range_start:\n          \"before:mtx-block before:mtx-absolute before:mtx--z-10 before:mtx-content-[''] before:mtx-w-1/2 before:mtx-end-0 before:mtx-h-full before:mtx-bg-secondary/50 after:!mtx-w-0\",\n        range_end:\n          \"after:mtx-block after:mtx-absolute after:mtx-top-0 after:mtx--z-10 after:mtx-content-[''] after:mtx-w-1/2 after:mtx-start-0 after:mtx-h-full after:mtx-bg-secondary/50 before:!mtx-w-0\",\n        selected:\n          \"[&>button]:mtx-bg-secondary [&>button]:mtx-rounded-full mtx-text-text mtx-font-bold [&>button]:hover:mtx-bg-secondary [&>button]:hover:mtx-text-text [&>button]:focus:mtx-bg-secondary [&>button]:focus:mtx-text-text [&>button]:mtx-text-xs\",\n        today: \"mtx-text-primary mtx-font-bold [&>button]:mtx-text-xs\",\n        outside:\n          \"mtx-day-outside mtx-text-muted-foreground mtx-opacity-50 mtx-aria-selected:mtx-bg-accent/50 mtx-aria-selected:mtx-text-muted-foreground mtx-aria-selected:mtx-opacity-30\",\n        disabled: \"mtx-text-muted-foreground mtx-opacity-50\",\n        range_middle:\n          \"mtx-bg-secondary/50 [&>button]:mtx-data-[selected='true']:mtx-bg-secondary/0 [&>button]:mtx-data-[selected='true']:mtx-rounded-none mtx-text-accent-foreground\",\n        hidden: \"mtx-invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: props => {\n          if (props.orientation === \"left\") {\n            return <ChevronLeft {...props} className=\"mtx-h-6 mtx-w-6\" />;\n          } else if (props.orientation === \"right\") {\n            return <ChevronRight {...props} className=\"mtx-h-6 mtx-w-6\" />;\n          }\n          return <Chevron {...props} />;\n        },\n        YearsDropdown: params => {\n          const handleChange = (value: string) => {\n            params.onChange?.({ target: { value: value } } as unknown as React.ChangeEvent<HTMLSelectElement>);\n          };\n          return (\n            <Collapsible ref={yearCollapseRef}>\n              <CollapsibleTrigger className=\"mtx-group mtx-flex mtx-items-center mtx-gap-1\">\n                {params.value}{\" \"}\n                <ChevronDown className=\"mtx-text-primary mtx-w-5 mtx-h-5 group-data-[state='open']:mtx-rotate-180 mtx-transition-transform mtx-ms-auto\" />\n              </CollapsibleTrigger>\n              <CollapsibleContent\n                className=\"mtx-overflow-auto mtx-z-50 mtx-absolute mtx-bg-popover mtx-left-2 mtx-top-11 mtx-p-1\"\n                style={{ width: size.width, height: size.height - 44 }}\n              >\n                <div className=\"mtx-flex mtx-flex-row mtx-flex-wrap mtx-gap-4\">\n                  {params.options\n                    ? [...params.options]\n                        .sort((a, b) => Number(b.value) - Number(a.value)) // Sort in descending order (newest year first)\n                        .map(option => (\n                          <CollapsibleTrigger asChild key={option.label}>\n                            <Button\n                              data-value={option.value}\n                              variant=\"text\"\n                              className={cn(\n                                \"mtx-h-6 mtx-w-14 mtx-py-1 mtx-px-3 mtx-rounded-full mtx-font-bold\",\n                                params.value === option.value && \"mtx-bg-secondary\",\n                              )}\n                              onClick={() => handleChange(option.value.toString())}\n                              type=\"button\"\n                            >\n                              {option.label}\n                            </Button>\n                          </CollapsibleTrigger>\n                        ))\n                    : null}\n                </div>\n              </CollapsibleContent>\n            </Collapsible>\n          );\n        },\n      }}\n      {...props}\n    />\n  );\n}\nCalendar.displayName = \"Calendar\";\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","yearCollapseRef","React","size","setSize","width","height","jsx","DayPicker","cn","ChevronLeft","ChevronRight","Chevron","params","handleChange","value","jsxs","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","a","option","Button"],"mappings":";;;;;;;AAaA,SAASA,EAAS,EAAE,WAAAC,GAAW,YAAAC,GAAY,iBAAAC,IAAkB,IAAM,GAAGC,KAAwB;AAC5F,QAAMC,IAAkBC,EAAM,OAAuB,IAAI,GACnD,CAACC,GAAMC,CAAO,IAAIF,EAAM,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG;AAE9D,SAAAA,EAAM,UAAU,MAAM;AACpB,QAAID,EAAgB,SAAS;AAC3B,YAAM,EAAE,OAAAI,GAAO,QAAAC,EAAA,IAAWL,EAAgB,QAAQ,eAAe,eAAe,eAAe,2BAA2B;AAAA,QACxH,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAEV,MAAAG,EAAQ,EAAE,OAAAC,GAAO,QAAAC,GAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAAT;AAAA,MACA,WAAWU,EAAG,wEAAwEZ,CAAS;AAAA,MAC/F,YAAY;AAAA,QACV,QAAQY,EAAG,sCAAsCT,EAAM,SAAS,WAAW,mDAAmD;AAAA,QAC9H,OAAO;AAAA,QACP,eAAe;AAAA,QACf,WAAW;AAAA,QACX,eAAe;AAAA,QACf,KAAKS,EAAG,yFAAyFT,EAAM,SAAS,WAAW,cAAc;AAAA,QACzI,iBAAiBS;AAAA,UACf;AAAA,UACAT,EAAM,SAAS,WAAW;AAAA,QAAA;AAAA,QAE5B,aAAaS;AAAA,UACX;AAAA,UACAT,EAAM,SAAS,WAAW;AAAA,QAAA;AAAA,QAE5B,YAAYS,EAAG,8CAA8C;AAAA,QAC7D,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,aACE;AAAA,QACF,WACE;AAAA,QACF,UACE;AAAA,QACF,OAAO;AAAA,QACP,SACE;AAAA,QACF,UAAU;AAAA,QACV,cACE;AAAA,QACF,QAAQ;AAAA,QACR,GAAGX;AAAA,MAAA;AAAA,MAEL,YAAY;AAAA,QACV,SAAS,CAAAE,MACHA,EAAM,gBAAgB,SACjB,gBAAAO,EAACG,GAAA,EAAa,GAAGV,GAAO,WAAU,mBAAkB,IAClDA,EAAM,gBAAgB,UACxB,gBAAAO,EAACI,GAAA,EAAc,GAAGX,GAAO,WAAU,mBAAkB,IAEvD,gBAAAO,EAACK,GAAA,EAAS,GAAGZ,EAAAA,CAAO;AAAA,QAE7B,eAAe,CAAAa,MAAU;AACvB,gBAAMC,IAAe,CAACC,MAAkB;AACtC,YAAAF,EAAO,WAAW,EAAE,QAAQ,EAAE,OAAAE,EAAA,GAAmE;AAAA,UACnG;AACA,iBACE,gBAAAC,EAACC,GAAA,EAAY,KAAKhB,GAChB,UAAA;AAAA,YAAA,gBAAAe,EAACE,GAAA,EAAmB,WAAU,iDAC3B,UAAA;AAAA,cAAAL,EAAO;AAAA,cAAO;AAAA,cACf,gBAAAN,EAACY,GAAA,EAAY,WAAU,iHAAA,CAAiH;AAAA,YAAA,GAC1I;AAAA,YACA,gBAAAZ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAOjB,EAAK,OAAO,QAAQA,EAAK,SAAS,GAAA;AAAA,gBAElD,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAM,EAAO,UACJ,CAAC,GAAGA,EAAO,OAAO,EACf,KAAK,CAACQ,GAAG,MAAM,OAAO,EAAE,KAAK,IAAI,OAAOA,EAAE,KAAK,CAAC,EAChD,IAAI,CAAAC,MACH,gBAAAf,EAACW,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAX;AAAA,kBAACgB;AAAA,kBAAA;AAAA,oBACC,cAAYD,EAAO;AAAA,oBACnB,SAAQ;AAAA,oBACR,WAAWb;AAAA,sBACT;AAAA,sBACAI,EAAO,UAAUS,EAAO,SAAS;AAAA,oBAAA;AAAA,oBAEnC,SAAS,MAAMR,EAAaQ,EAAO,MAAM,UAAU;AAAA,oBACnD,MAAK;AAAA,oBAEJ,UAAAA,EAAO;AAAA,kBAAA;AAAA,gBAAA,EACV,GAZ+BA,EAAO,KAaxC,CACD,IACH,KAAA,CACN;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,GACF;AAAA,QAEJ;AAAA,MAAA;AAAA,MAED,GAAGtB;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAS,cAAc;"}
+{"version":3,"file":"calendar.es.js","sources":["../src/components/date-picker/calendar.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint-disable camelcase */\nimport * as React from \"react\";\nimport { Chevron, DayPicker, DayPickerProps } from \"react-day-picker\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\n\nexport type CalendarProps = DayPickerProps & {};\n\nconst selectedDayClassName =\n  \"[&>button]:mtx-bg-secondary [&>button]:mtx-rounded-full mtx-text-text mtx-font-bold [&>button]:hover:mtx-bg-secondary [&>button]:hover:mtx-text-text [&>button]:focus:mtx-bg-secondary [&>button]:focus:mtx-text-text [&>button]:mtx-text-xs\";\n\nfunction Calendar({ className, classNames, showOutsideDays = false, ...props }: CalendarProps) {\n  const yearCollapseRef = React.useRef<HTMLDivElement>(null);\n  const [size, setSize] = React.useState({ width: 0, height: 0 });\n\n  React.useEffect(() => {\n    if (yearCollapseRef.current) {\n      const { width, height } = yearCollapseRef.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {\n        width: 0,\n        height: 0,\n      };\n      setSize({ width, height });\n    }\n  }, []);\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"mtx-p-3 mtx-relative mtx-w-full mtx-max-w-sm mtx-group/root mtx-z-10\", className)}\n      classNames={{\n        months: cn(\"mtx-relative mtx-flex mtx-flex-col\", props.mode === \"range\" && \"md:mtx-flex-row md:mtx-space-x-4 md:mtx-space-y-2\"),\n        month: \"mtx-space-y-4 mtx-peer md:mtx-flex-1\",\n        month_caption: \"mtx-flex mtx-justify-center mtx-pt-1 mtx-relative mtx-items-center\",\n        dropdowns: \"mtx-flex mtx-gap-2\",\n        caption_label: \"mtx-text-sm mtx-font-bold\",\n        nav: cn(\"mtx-space-x-1 mtx-flex mtx-items-center group-has-[[data-state=open]]/root:mtx-hidden\", props.mode !== \"range\" && \"mtx-relative\"),\n        button_previous: cn(\n          \"mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-left-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10\",\n          props.mode === \"range\" && \"md:mtx-left-8 md:mtx-top-2\",\n        ),\n        button_next: cn(\n          \"mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-right-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10\",\n          props.mode === \"range\" && \"md:mtx-top-2\",\n        ),\n        month_grid: cn(\"mtx-w-full mtx-border-collapse mtx-space-y-1\"),\n        weekdays: \"mtx-grid mtx-grid-cols-7 mtx-justify-items-center\",\n        weekday: \"mtx-text-text mtx-rounded-md mtx-w-8 mtx-font-bold mtx-text-sm\",\n        week: \"mtx-mt-2 mtx-h-11 mtx-grid mtx-grid-cols-7 mtx-items-center\",\n        day: \"mtx-relative mtx-p-0 mtx-text-center mtx-text-sm mtx-h-11 mtx-min-w-11 md:mtx-min-w-9 md:mtx-h-9\",\n        day_button: \"mtx-w-11 md:mtx-w-9 mtx-h-full mtx-p-0 mtx-text-sm\",\n        range_start: cn(\n          selectedDayClassName,\n          \"before:mtx-block before:mtx-absolute before:mtx--z-10 before:mtx-content-[''] before:mtx-w-1/2 before:mtx-end-0 before:mtx-h-full before:mtx-bg-secondary/50 after:!mtx-w-0\",\n        ),\n        range_end: cn(\n          selectedDayClassName,\n          \"after:mtx-block after:mtx-absolute after:mtx-top-0 after:mtx--z-10 after:mtx-content-[''] after:mtx-w-1/2 after:mtx-start-0 after:mtx-h-full after:mtx-bg-secondary/50 before:!mtx-w-0\",\n        ),\n        selected: props.mode === \"range\" ? \"\" : selectedDayClassName,\n        today: \"mtx-text-primary mtx-font-bold [&>button]:mtx-text-xs\",\n        outside:\n          \"mtx-day-outside mtx-text-muted-foreground mtx-opacity-50 mtx-aria-selected:mtx-bg-accent/50 mtx-aria-selected:mtx-text-muted-foreground mtx-aria-selected:mtx-opacity-30\",\n        disabled: \"mtx-text-muted-foreground mtx-opacity-50\",\n        range_middle: \"mtx-bg-secondary/50 mtx-text-text\",\n        hidden: \"mtx-invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: props => {\n          if (props.orientation === \"left\") {\n            return <ChevronLeft {...props} className=\"mtx-h-6 mtx-w-6\" />;\n          } else if (props.orientation === \"right\") {\n            return <ChevronRight {...props} className=\"mtx-h-6 mtx-w-6\" />;\n          }\n          return <Chevron {...props} />;\n        },\n        YearsDropdown: params => {\n          const handleChange = (value: string) => {\n            params.onChange?.({ target: { value: value } } as unknown as React.ChangeEvent<HTMLSelectElement>);\n          };\n          return (\n            <Collapsible ref={yearCollapseRef}>\n              <CollapsibleTrigger className=\"mtx-group mtx-flex mtx-items-center mtx-gap-1\">\n                {params.value}{\" \"}\n                <ChevronDown className=\"mtx-text-primary mtx-w-5 mtx-h-5 group-data-[state='open']:mtx-rotate-180 mtx-transition-transform mtx-ms-auto\" />\n              </CollapsibleTrigger>\n              <CollapsibleContent\n                className=\"mtx-overflow-auto mtx-z-50 mtx-absolute mtx-bg-popover mtx-left-2 mtx-top-11 mtx-p-1\"\n                style={{ width: size.width, height: size.height - 44 }}\n              >\n                <div className=\"mtx-flex mtx-flex-row mtx-flex-wrap mtx-gap-4\">\n                  {params.options\n                    ? [...params.options]\n                        .sort((a, b) => Number(b.value) - Number(a.value)) // Sort in descending order (newest year first)\n                        .map(option => (\n                          <CollapsibleTrigger asChild key={option.label}>\n                            <Button\n                              data-value={option.value}\n                              variant=\"text\"\n                              className={cn(\n                                \"mtx-h-6 mtx-w-14 mtx-py-1 mtx-px-3 mtx-rounded-full mtx-font-bold\",\n                                params.value === option.value && \"mtx-bg-secondary\",\n                              )}\n                              onClick={() => handleChange(option.value.toString())}\n                              type=\"button\"\n                            >\n                              {option.label}\n                            </Button>\n                          </CollapsibleTrigger>\n                        ))\n                    : null}\n                </div>\n              </CollapsibleContent>\n            </Collapsible>\n          );\n        },\n      }}\n      {...props}\n    />\n  );\n}\nCalendar.displayName = \"Calendar\";\n\nexport { Calendar };\n"],"names":["selectedDayClassName","Calendar","className","classNames","showOutsideDays","props","yearCollapseRef","React","size","setSize","width","height","jsx","DayPicker","cn","ChevronLeft","ChevronRight","Chevron","params","handleChange","value","jsxs","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","a","option","Button"],"mappings":"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"}

package/dist/chip.es.js

@@ -1,10 +1,11 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import l from "react";
-import { Slot as d } from "@radix-ui/react-slot";
-import { tv as f } from "tailwind-variants";
+import { jsxs as l, jsx as m } from "react/jsx-runtime";
+import d from "react";
+import { Slot as b, Slottable as f } from "@radix-ui/react-slot";
+import { tv as c } from "tailwind-variants";
 import { cn as x } from "./utils.es.js";
 import { XMark as g } from "@trsys-tech/matrix-icons";
-const c = f({
+import { useIsMobile as u } from "./use-mobile.es.js";
+const y = c({
   base: "mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-2 mtx-whitespace-nowrap mtx-rounded-full mtx-text-xs mtx-font-medium",
   variants: {
     variant: {
@@ -23,23 +24,28 @@ const c = f({
     variant: "primary",
     size: "md"
   }
-}), b = l.forwardRef(({ className: a, variant: e, asChild: i = !1, children: o, onClose: m, size: t, ...p }, s) => /* @__PURE__ */ n(i ? d : "span", { className: x(c({ variant: e, size: t, className: a })), ref: s, ...p, children: [
-  o,
-  m ? /* @__PURE__ */ r(
-    "button",
-    {
-      onClick: m,
-      className: x(
-        { "-mtx-me-3 [&>svg]:mtx-w-5 [&>svg]:mtx-h-5": t === "lg" },
-        { "-mtx-me-2 [&>svg]:mtx-w-4.5 [&>svg]:mtx-h-4.5": t === "md" || t === void 0 },
-        { "-mtx-me-1 [&>svg]:mtx-w-4 [&>svg]:mtx-h-4": t === "sm" }
-      ),
-      children: /* @__PURE__ */ r(g, {})
-    }
-  ) : null
-] }));
-b.displayName = "Chip";
+}), h = d.forwardRef(({ className: e, variant: a, asChild: o = !1, children: i, onClose: r, size: t, ...p }, s) => {
+  const n = !u();
+  return /* @__PURE__ */ l(o ? b : "span", { className: x(n ? "mtx-border-none" : "", y({ variant: a, size: t, className: e })), ref: s, ...p, children: [
+    /* @__PURE__ */ m(f, { children: i }),
+    r ? /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Remove chip",
+        onClick: r,
+        className: x(
+          { "-mtx-me-3 [&>svg]:mtx-w-5 [&>svg]:mtx-h-5": t === "lg" },
+          { "-mtx-me-2 [&>svg]:mtx-w-4.5 [&>svg]:mtx-h-4.5": t === "md" || t === void 0 },
+          { "-mtx-me-1 [&>svg]:mtx-w-4 [&>svg]:mtx-h-4": t === "sm" }
+        ),
+        children: /* @__PURE__ */ m(g, {})
+      }
+    ) : null
+  ] });
+});
+h.displayName = "Chip";
 export {
-  b as Chip
+  h as Chip
 };
 //# sourceMappingURL=chip.es.js.map

package/dist/chip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst chipVariants = tv({\r\n  base: \"mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-2 mtx-whitespace-nowrap mtx-rounded-full mtx-text-xs mtx-font-medium\",\r\n  variants: {\r\n    variant: {\r\n      primary: \"mtx-bg-primary-100 mtx-text-primary-700 mtx-border mtx-border-primary\",\r\n      neutral: \"mtx-bg-gray-50 mtx-text-text-400 mtx-border mtx-border-gray-400\",\r\n      \"table-primary\": \"mtx-bg-primary-25 mtx-text-primary mtx-font-bold\",\r\n      \"table-neutral\": \"mtx-bg-gray-50 mtx-text-text-400 mtx-font-medium\",\r\n    },\r\n    size: {\r\n      sm: \"mtx-px-2 mtx-h-6\",\r\n      md: \"mtx-px-4 mtx-h-8\",\r\n      lg: \"mtx-px-6 mtx-h-10 mtx-text-sm\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n  asChild?: boolean;\r\n  onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n  const Comp = asChild ? Slot : \"span\";\r\n  return (\r\n    <Comp className={cn(chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n      {children}\r\n      {onClose ? (\r\n        <button\r\n          onClick={onClose}\r\n          className={cn(\r\n            { \"-mtx-me-3 [&>svg]:mtx-w-5 [&>svg]:mtx-h-5\": size === \"lg\" },\r\n            { \"-mtx-me-2 [&>svg]:mtx-w-4.5 [&>svg]:mtx-h-4.5\": size === \"md\" || size === undefined },\r\n            { \"-mtx-me-1 [&>svg]:mtx-w-4 [&>svg]:mtx-h-4\": size === \"sm\" },\r\n          )}\r\n        >\r\n          <XMark />\r\n        </button>\r\n      ) : null}\r\n    </Comp>\r\n  );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","jsxs","Slot","cn","jsx","XMark"],"mappings":";;;;;;AASA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,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,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAGnI,gBAAAC,EAFWN,IAAUO,IAAO,QAE3B,EAAK,WAAWC,EAAGd,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,KAAAO,GAAW,GAAGD,GAC5E,UAAA;AAAA,EAAAH;AAAA,EACAC,IACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASP;AAAA,MACT,WAAWM;AAAA,QACT,EAAE,6CAA6CL,MAAS,KAAA;AAAA,QACxD,EAAE,iDAAiDA,MAAS,QAAQA,MAAS,OAAA;AAAA,QAC7E,EAAE,6CAA6CA,MAAS,KAAA;AAAA,MAAK;AAAA,MAG/D,4BAACO,GAAA,CAAA,CAAM;AAAA,IAAA;AAAA,EAAA,IAEP;AAAA,GACN,CAEH;AACDd,EAAK,cAAc;"}
+{"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\nimport { useIsMobile } from \"../../lib/hooks/use-mobile\";\r\n\r\nconst chipVariants = tv({\r\n  base: \"mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-2 mtx-whitespace-nowrap mtx-rounded-full mtx-text-xs mtx-font-medium\",\r\n  variants: {\r\n    variant: {\r\n      primary: \"mtx-bg-primary-100 mtx-text-primary-700 mtx-border mtx-border-primary\",\r\n      neutral: \"mtx-bg-gray-50 mtx-text-text-400 mtx-border mtx-border-gray-400\",\r\n      \"table-primary\": \"mtx-bg-primary-25 mtx-text-primary mtx-font-bold\",\r\n      \"table-neutral\": \"mtx-bg-gray-50 mtx-text-text-400 mtx-font-medium\",\r\n    },\r\n    size: {\r\n      sm: \"mtx-px-2 mtx-h-6\",\r\n      md: \"mtx-px-4 mtx-h-8\",\r\n      lg: \"mtx-px-6 mtx-h-10 mtx-text-sm\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n  asChild?: boolean;\r\n  onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n  const isDesktop = !useIsMobile();\r\n  const Comp = asChild ? Slot : \"span\";\r\n  return (\r\n    <Comp className={cn(isDesktop ? \"mtx-border-none\" : \"\", chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n      <Slottable>{children}</Slottable>\r\n      {onClose ? (\r\n        <button\r\n          type=\"button\"\r\n          aria-label=\"Remove chip\"\r\n          onClick={onClose}\r\n          className={cn(\r\n            { \"-mtx-me-3 [&>svg]:mtx-w-5 [&>svg]:mtx-h-5\": size === \"lg\" },\r\n            { \"-mtx-me-2 [&>svg]:mtx-w-4.5 [&>svg]:mtx-h-4.5\": size === \"md\" || size === undefined },\r\n            { \"-mtx-me-1 [&>svg]:mtx-w-4 [&>svg]:mtx-h-4\": size === \"sm\" },\r\n          )}\r\n        >\r\n          <XMark />\r\n        </button>\r\n      ) : null}\r\n    </Comp>\r\n  );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","isDesktop","useIsMobile","Slot","cn","jsx","Slottable","XMark"],"mappings":";;;;;;;AAUA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,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,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAAQ;AAC7I,QAAMC,IAAY,CAACC,EAAA;AAEnB,2BADaP,IAAUQ,IAAO,QAE3B,EAAK,WAAWC,EAAGH,IAAY,oBAAoB,IAAIZ,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,KAAAO,GAAW,GAAGD,GACjH,UAAA;AAAA,IAAA,gBAAAM,EAACC,KAAW,UAAAV,GAAS;AAAA,IACpBC,IACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAASR;AAAA,QACT,WAAWO;AAAA,UACT,EAAE,6CAA6CN,MAAS,KAAA;AAAA,UACxD,EAAE,iDAAiDA,MAAS,QAAQA,MAAS,OAAA;AAAA,UAC7E,EAAE,6CAA6CA,MAAS,KAAA;AAAA,QAAK;AAAA,QAG/D,4BAACS,GAAA,CAAA,CAAM;AAAA,MAAA;AAAA,IAAA,IAEP;AAAA,EAAA,GACN;AAEJ,CAAC;AACDhB,EAAK,cAAc;"}

package/dist/command.es.js

@@ -1,10 +1,10 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
 import * as r from "react";
 import { Command as e } from "cmdk";
 import { Magnifier as c } from "@trsys-tech/matrix-icons";
 import { cn as d } from "./utils.es.js";
-import { Dialog as u, DialogContent as f } from "./dialog.es.js";
-const n = r.forwardRef(
+import { Dialog as u, DialogContent as g, DialogTitle as f } from "./dialog.es.js";
+const s = r.forwardRef(
   ({ className: m, ...t }, a) => /* @__PURE__ */ o(
     e,
     {
@@ -17,9 +17,12 @@ const n = r.forwardRef(
     }
   )
 );
-n.displayName = e.displayName;
-const S = ({ children: m, ...t }) => /* @__PURE__ */ o(u, { ...t, children: /* @__PURE__ */ o(f, { className: "mtx-overflow-hidden mtx-p-0", children: /* @__PURE__ */ o(n, { className: "[&_[cmdk-group-heading]]:mtx-px-2 [&_[cmdk-group-heading]]:mtx-font-medium [&_[cmdk-group-heading]]:mtx-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:mtx-pt-0 [&_[cmdk-group]]:mtx-px-2 [&_[cmdk-input-wrapper]_svg]:mtx-h-5 [&_[cmdk-input-wrapper]_svg]:mtx-w-5 [&_[cmdk-input]]:mtx-h-12 [&_[cmdk-item]]:mtx-px-2 [&_[cmdk-item]]:mtx-py-3 [&_[cmdk-item]_svg]:mtx-h-5 [&_[cmdk-item]_svg]:mtx-w-5", children: m }) }) }), g = r.forwardRef(
-  ({ className: m, ...t }, a) => /* @__PURE__ */ l("div", { className: "mtx-flex mtx-items-center mtx-border-b mtx-border-gray-200 mtx-px-3", "cmdk-input-wrapper": "", children: [
+s.displayName = e.displayName;
+const D = ({ children: m, ...t }) => /* @__PURE__ */ o(u, { ...t, children: /* @__PURE__ */ n(g, { className: "mtx-overflow-hidden mtx-p-0", children: [
+  /* @__PURE__ */ o(f, { className: "mtx-sr-only", children: "Command menu" }),
+  /* @__PURE__ */ o(s, { className: "[&_[cmdk-group-heading]]:mtx-px-2 [&_[cmdk-group-heading]]:mtx-font-medium [&_[cmdk-group-heading]]:mtx-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:mtx-pt-0 [&_[cmdk-group]]:mtx-px-2 [&_[cmdk-input-wrapper]_svg]:mtx-h-5 [&_[cmdk-input-wrapper]_svg]:mtx-w-5 [&_[cmdk-input]]:mtx-h-12 [&_[cmdk-item]]:mtx-px-2 [&_[cmdk-item]]:mtx-py-3 [&_[cmdk-item]_svg]:mtx-h-5 [&_[cmdk-item]_svg]:mtx-w-5", children: m })
+] }) }), h = r.forwardRef(
+  ({ className: m, ...t }, a) => /* @__PURE__ */ n("div", { className: "mtx-flex mtx-items-center mtx-border-b mtx-border-gray-200 mtx-px-3", "cmdk-input-wrapper": "", children: [
     /* @__PURE__ */ o(c, { className: "mtx-mr-2 mtx-h-4 mtx-w-4 mtx-shrink-0 mtx-opacity-50" }),
     /* @__PURE__ */ o(
       e.Input,
@@ -34,16 +37,16 @@ const S = ({ children: m, ...t }) => /* @__PURE__ */ o(u, { ...t, children: /* @
     )
   ] })
 );
-g.displayName = e.Input.displayName;
-const h = r.forwardRef(
+h.displayName = e.Input.displayName;
+const y = r.forwardRef(
   ({ className: m, ...t }, a) => /* @__PURE__ */ o(e.List, { ref: a, className: d("mtx-max-h-[300px] mtx-overflow-y-auto mtx-overflow-x-hidden", m), ...t })
 );
-h.displayName = e.List.displayName;
-const y = r.forwardRef(
+y.displayName = e.List.displayName;
+const N = r.forwardRef(
   (m, t) => /* @__PURE__ */ o(e.Empty, { ref: t, className: "mtx-py-6 mtx-text-center mtx-text-sm", ...m })
 );
-y.displayName = e.Empty.displayName;
-const N = r.forwardRef(
+N.displayName = e.Empty.displayName;
+const _ = r.forwardRef(
   ({ className: m, ...t }, a) => /* @__PURE__ */ o(
     e.Group,
     {
@@ -56,11 +59,11 @@ const N = r.forwardRef(
     }
   )
 );
-N.displayName = e.Group.displayName;
-const _ = r.forwardRef(({ className: m, ...t }, a) => /* @__PURE__ */ o(e.Separator, { ref: a, className: d("-mtx-mx-1 mtx-h-px mtx-bg-border", m), ...t }));
-_.displayName = e.Separator.displayName;
-const k = r.forwardRef(({ className: m, value: t, onSelect: a, ...s }, p) => {
-  const i = r.useCallback(
+_.displayName = e.Group.displayName;
+const k = r.forwardRef(({ className: m, ...t }, a) => /* @__PURE__ */ o(e.Separator, { ref: a, className: d("-mtx-mx-1 mtx-h-px mtx-bg-border", m), ...t }));
+k.displayName = e.Separator.displayName;
+const w = r.forwardRef(({ className: m, value: t, onSelect: a, ...p }, i) => {
+  const l = r.useCallback(
     (x) => {
       a?.(typeof t == "number" ? Number(x) : x);
     },
@@ -69,29 +72,29 @@ const k = r.forwardRef(({ className: m, value: t, onSelect: a, ...s }, p) => {
   return /* @__PURE__ */ o(
     e.Item,
     {
-      ref: p,
+      ref: i,
       className: d(
         "mtx-relative mtx-flex mtx-cursor-default mtx-gap-2 mtx-select-none mtx-items-center mtx-rounded-sm mtx-px-2 mtx-py-1.5 mtx-text-sm mtx-outline-none data-[disabled=true]:mtx-pointer-events-none data-[selected=true]:mtx-bg-gray-300 data-[selected=true]:mtx-text-accent-foreground data-[disabled=true]:mtx-opacity-50 [&_svg]:mtx-pointer-events-none [&_svg]:mtx-size-4 [&_svg]:mtx-shrink-0",
         m
       ),
       value: t !== void 0 ? String(t) : void 0,
-      onSelect: i,
-      ...s
+      onSelect: l,
+      ...p
     }
   );
 });
-k.displayName = e.Item.displayName;
-const w = ({ className: m, ...t }) => /* @__PURE__ */ o("span", { className: d("mtx-ml-auto mtx-text-xs mtx-tracking-widest mtx-text-muted-foreground", m), ...t });
-w.displayName = "CommandShortcut";
+w.displayName = e.Item.displayName;
+const v = ({ className: m, ...t }) => /* @__PURE__ */ o("span", { className: d("mtx-ml-auto mtx-text-xs mtx-tracking-widest mtx-text-muted-foreground", m), ...t });
+v.displayName = "CommandShortcut";
 export {
-  n as Command,
-  S as CommandDialog,
-  y as CommandEmpty,
-  N as CommandGroup,
-  g as CommandInput,
-  k as CommandItem,
-  h as CommandList,
-  _ as CommandSeparator,
-  w as CommandShortcut
+  s as Command,
+  D as CommandDialog,
+  N as CommandEmpty,
+  _ as CommandGroup,
+  h as CommandInput,
+  w as CommandItem,
+  y as CommandList,
+  k as CommandSeparator,
+  v as CommandShortcut
 };
 //# sourceMappingURL=command.es.js.map