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

package/dist/contextmenu.es.js

@@ -1,105 +1,112 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import * as r from "react";
-import * as e from "@radix-ui/react-context-menu";
-import { Check as c, Circle as m, ChevronRight as u } from "@trsys-tech/matrix-icons";
-import { cn as d } from "./utils.es.js";
-const v = e.Root, I = e.Trigger, S = e.Group, z = e.Portal, k = e.Sub, T = e.RadioGroup, p = r.forwardRef(({ className: t, inset: a, children: o, ...s }, i) => /* @__PURE__ */ l(
-  e.SubTrigger,
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import * as s from "react";
+import * as t from "@radix-ui/react-context-menu";
+import { Check as i, Circle as l, ChevronRight as c } from "@trsys-tech/matrix-icons";
+import { cn as n } from "./utils.es.js";
+const v = t.Root, I = t.Trigger, S = t.Group, z = t.Portal, k = t.Sub, T = t.RadioGroup, u = s.forwardRef(({ className: e, inset: m, children: a, ...x }, d) => /* @__PURE__ */ r(
+  t.SubTrigger,
   {
-    ref: i,
-    className: d(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      a && "pl-8",
-      t
+    ref: d,
+    className: n(
+      "mtx-flex mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-px-2 mtx-py-1.5 mtx-text-sm mtx-outline-none focus:mtx-bg-accent focus:mtx-text-accent-foreground data-[state=open]:mtx-bg-accent data-[state=open]:mtx-text-accent-foreground",
+      m && "mtx-pl-8",
+      e
     ),
-    ...s,
+    ...x,
     children: [
-      o,
-      /* @__PURE__ */ n(u, { className: "ml-auto h-4 w-4" })
+      a,
+      /* @__PURE__ */ o(c, { className: "mtx-ml-auto mtx-h-4 mtx-w-4" })
     ]
   }
 ));
-p.displayName = e.SubTrigger.displayName;
-const f = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(
-  e.SubContent,
+u.displayName = t.SubTrigger.displayName;
+const p = s.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o(
+  t.SubContent,
   {
-    ref: o,
-    className: d(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t
+    ref: a,
+    className: n(
+      "mtx-z-50 mtx-min-w-[8rem] mtx-overflow-hidden mtx-rounded-md mtx-border mtx-bg-popover mtx-p-1 mtx-text-popover-foreground mtx-shadow-lg data-[state=open]:mtx-animate-in data-[state=closed]:mtx-animate-out data-[state=closed]:mtx-fade-out-0 data-[state=open]:mtx-fade-in-0 data-[state=closed]:mtx-zoom-out-95 data-[state=open]:mtx-zoom-in-95 data-[side=bottom]:mtx-slide-in-from-top-2 data-[side=left]:mtx-slide-in-from-right-2 data-[side=right]:mtx-slide-in-from-left-2 data-[side=top]:mtx-slide-in-from-bottom-2",
+      e
     ),
-    ...a
+    ...m
   }
 ));
-f.displayName = e.SubContent.displayName;
-const x = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(e.Portal, { children: /* @__PURE__ */ n(
-  e.Content,
+p.displayName = t.SubContent.displayName;
+const f = s.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
+  t.Content,
   {
-    ref: o,
-    className: d(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t
+    ref: a,
+    className: n(
+      "mtx-z-50 mtx-min-w-[8rem] mtx-overflow-hidden mtx-rounded-md mtx-border mtx-bg-popover mtx-p-1 mtx-text-popover-foreground mtx-shadow-md data-[state=open]:mtx-animate-in data-[state=closed]:mtx-animate-out data-[state=closed]:mtx-fade-out-0 data-[state=open]:mtx-fade-in-0 data-[state=closed]:mtx-zoom-out-95 data-[state=open]:mtx-zoom-in-95 data-[side=bottom]:mtx-slide-in-from-top-2 data-[side=left]:mtx-slide-in-from-right-2 data-[side=right]:mtx-slide-in-from-left-2 data-[side=top]:mtx-slide-in-from-bottom-2",
+      e
     ),
-    ...a
+    ...m
   }
 ) }));
-x.displayName = e.Content.displayName;
-const b = r.forwardRef(({ className: t, inset: a, ...o }, s) => /* @__PURE__ */ n(
-  e.Item,
+f.displayName = t.Content.displayName;
+const b = s.forwardRef(({ className: e, inset: m, ...a }, x) => /* @__PURE__ */ o(
+  t.Item,
   {
-    ref: s,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      a && "pl-8",
-      t
+    ref: x,
+    className: n(
+      "mtx-relative mtx-flex mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-px-2 mtx-py-1.5 mtx-text-sm mtx-outline-none focus:mtx-bg-accent focus:mtx-text-accent-foreground data-[disabled]:mtx-pointer-events-none data-[disabled]:mtx-opacity-50",
+      m && "mtx-pl-8",
+      e
     ),
-    ...o
+    ...a
   }
 ));
-b.displayName = e.Item.displayName;
-const g = r.forwardRef(({ className: t, children: a, checked: o, ...s }, i) => /* @__PURE__ */ l(
-  e.CheckboxItem,
+b.displayName = t.Item.displayName;
+const g = s.forwardRef(({ className: e, children: m, checked: a, ...x }, d) => /* @__PURE__ */ r(
+  t.CheckboxItem,
   {
-    ref: i,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
+    ref: d,
+    className: n(
+      "mtx-relative mtx-flex mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-py-1.5 mtx-pl-8 mtx-pr-2 mtx-text-sm mtx-outline-none focus:mtx-bg-accent focus:mtx-text-accent-foreground data-[disabled]:mtx-pointer-events-none data-[disabled]:mtx-opacity-50",
+      e
     ),
-    checked: o,
-    ...s,
+    checked: a,
+    ...x,
     children: [
-      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(c, { className: "h-4 w-4" }) }) }),
-      a
+      /* @__PURE__ */ o("span", { className: "mtx-absolute mtx-left-2 mtx-flex mtx-h-3.5 mtx-w-3.5 mtx-items-center mtx-justify-center", children: /* @__PURE__ */ o(t.ItemIndicator, { children: /* @__PURE__ */ o(i, { className: "mtx-h-4 mtx-w-4" }) }) }),
+      m
     ]
   }
 ));
-g.displayName = e.CheckboxItem.displayName;
-const N = r.forwardRef(({ className: t, children: a, ...o }, s) => /* @__PURE__ */ l(
-  e.RadioItem,
+g.displayName = t.CheckboxItem.displayName;
+const N = s.forwardRef(({ className: e, children: m, ...a }, x) => /* @__PURE__ */ r(
+  t.RadioItem,
   {
-    ref: s,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
+    ref: x,
+    className: n(
+      "mtx-relative mtx-flex mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-py-1.5 mtx-pl-8 mtx-pr-2 mtx-text-sm mtx-outline-none focus:mtx-bg-accent focus:mtx-text-accent-foreground data-[disabled]:mtx-pointer-events-none data-[disabled]:mtx-opacity-50",
+      e
     ),
-    ...o,
+    ...a,
     children: [
-      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(m, { className: "h-4 w-4 fill-current" }) }) }),
-      a
+      /* @__PURE__ */ o("span", { className: "mtx-absolute mtx-left-2 mtx-flex mtx-h-3.5 mtx-w-3.5 mtx-items-center mtx-justify-center", children: /* @__PURE__ */ o(t.ItemIndicator, { children: /* @__PURE__ */ o(l, { className: "mtx-h-4 mtx-w-4 mtx-fill-current" }) }) }),
+      m
     ]
   }
 ));
-N.displayName = e.RadioItem.displayName;
-const h = r.forwardRef(({ className: t, inset: a, ...o }, s) => /* @__PURE__ */ n(e.Label, { ref: s, className: d("px-2 py-1.5 text-sm font-semibold text-foreground", a && "pl-8", t), ...o }));
-h.displayName = e.Label.displayName;
-const C = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(e.Separator, { ref: o, className: d("-mx-1 my-1 h-px bg-border", t), ...a }));
-C.displayName = e.Separator.displayName;
-const y = ({ className: t, ...a }) => /* @__PURE__ */ n("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", t), ...a });
+N.displayName = t.RadioItem.displayName;
+const h = s.forwardRef(({ className: e, inset: m, ...a }, x) => /* @__PURE__ */ o(
+  t.Label,
+  {
+    ref: x,
+    className: n("mtx-px-2 mtx-py-1.5 mtx-text-sm mtx-font-semibold mtx-text-foreground", m && "mtx-pl-8", e),
+    ...a
+  }
+));
+h.displayName = t.Label.displayName;
+const C = s.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o(t.Separator, { ref: a, className: n("-mtx-1 mtx-my-1 mtx-h-px mtx-bg-border", e), ...m }));
+C.displayName = t.Separator.displayName;
+const y = ({ className: e, ...m }) => /* @__PURE__ */ o("span", { className: n("mtx-ml-auto mtx-text-xs mtx-tracking-widest mtx-text-muted-foreground", e), ...m });
 y.displayName = "ContextMenuShortcut";
 export {
   v as ContextMenu,
   g as ContextMenuCheckboxItem,
-  x as ContextMenuContent,
+  f as ContextMenuContent,
   S as ContextMenuGroup,
   b as ContextMenuItem,
   h as ContextMenuLabel,
@@ -109,8 +116,8 @@ export {
   C as ContextMenuSeparator,
   y as ContextMenuShortcut,
   k as ContextMenuSub,
-  f as ContextMenuSubContent,
-  p as ContextMenuSubTrigger,
+  p as ContextMenuSubContent,
+  u as ContextMenuSubTrigger,
   I as ContextMenuTrigger
 };
 //# sourceMappingURL=contextmenu.es.js.map

package/dist/contextmenu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextmenu.es.js","sources":["../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\r\nimport { Check, ChevronRight, Circle } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst ContextMenu = ContextMenuPrimitive.Root;\r\n\r\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\r\n\r\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\r\n\r\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\r\n\r\nconst ContextMenuSub = ContextMenuPrimitive.Sub;\r\n\r\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\r\n\r\nconst ContextMenuSubTrigger = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, children, ...props }, ref) => (\r\n  <ContextMenuPrimitive.SubTrigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\r\n  </ContextMenuPrimitive.SubTrigger>\r\n));\r\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;\r\n\r\nconst ContextMenuSubContent = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\r\n>(({ className, ...props }, ref) => (\r\n  <ContextMenuPrimitive.SubContent\r\n    ref={ref}\r\n    className={cn(\r\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;\r\n\r\nconst ContextMenuContent = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <ContextMenuPrimitive.Portal>\r\n    <ContextMenuPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </ContextMenuPrimitive.Portal>\r\n));\r\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;\r\n\r\nconst ContextMenuItem = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, ...props }, ref) => (\r\n  <ContextMenuPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\r\n\r\nconst ContextMenuCheckboxItem = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\r\n>(({ className, children, checked, ...props }, ref) => (\r\n  <ContextMenuPrimitive.CheckboxItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\r\n      className,\r\n    )}\r\n    checked={checked}\r\n    {...props}\r\n  >\r\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n      <ContextMenuPrimitive.ItemIndicator>\r\n        <Check className=\"h-4 w-4\" />\r\n      </ContextMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </ContextMenuPrimitive.CheckboxItem>\r\n));\r\nContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;\r\n\r\nconst ContextMenuRadioItem = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\r\n>(({ className, children, ...props }, ref) => (\r\n  <ContextMenuPrimitive.RadioItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  >\r\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n      <ContextMenuPrimitive.ItemIndicator>\r\n        <Circle className=\"h-4 w-4 fill-current\" />\r\n      </ContextMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </ContextMenuPrimitive.RadioItem>\r\n));\r\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;\r\n\r\nconst ContextMenuLabel = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, ...props }, ref) => (\r\n  <ContextMenuPrimitive.Label ref={ref} className={cn(\"px-2 py-1.5 text-sm font-semibold text-foreground\", inset && \"pl-8\", className)} {...props} />\r\n));\r\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;\r\n\r\nconst ContextMenuSeparator = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\r\n>(({ className, ...props }, ref) => <ContextMenuPrimitive.Separator ref={ref} className={cn(\"-mx-1 my-1 h-px bg-border\", className)} {...props} />);\r\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;\r\n\r\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return <span className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)} {...props} />;\r\n};\r\nContextMenuShortcut.displayName = \"ContextMenuShortcut\";\r\n\r\nexport {\r\n  ContextMenu,\r\n  ContextMenuTrigger,\r\n  ContextMenuContent,\r\n  ContextMenuItem,\r\n  ContextMenuCheckboxItem,\r\n  ContextMenuRadioItem,\r\n  ContextMenuLabel,\r\n  ContextMenuSeparator,\r\n  ContextMenuShortcut,\r\n  ContextMenuGroup,\r\n  ContextMenuPortal,\r\n  ContextMenuSub,\r\n  ContextMenuSubContent,\r\n  ContextMenuSubTrigger,\r\n  ContextMenuRadioGroup,\r\n};\r\n"],"names":["ContextMenu","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuPortal","ContextMenuSub","ContextMenuRadioGroup","ContextMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","ContextMenuCheckboxItem","checked","Check","ContextMenuRadioItem","Circle","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"contextmenu.es.js","sources":["../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\r\nimport { Check, ChevronRight, Circle } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst ContextMenu = ContextMenuPrimitive.Root;\r\n\r\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\r\n\r\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\r\n\r\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\r\n\r\nconst ContextMenuSub = ContextMenuPrimitive.Sub;\r\n\r\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\r\n\r\nconst ContextMenuSubTrigger = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, children, ...props }, ref) => (\r\n  <ContextMenuPrimitive.SubTrigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"mtx-flex mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-px-2 mtx-py-1.5 mtx-text-sm mtx-outline-none focus:mtx-bg-accent focus:mtx-text-accent-foreground data-[state=open]:mtx-bg-accent data-[state=open]:mtx-text-accent-foreground\",\r\n      inset && \"mtx-pl-8\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <ChevronRight className=\"mtx-ml-auto mtx-h-4 mtx-w-4\" />\r\n  </ContextMenuPrimitive.SubTrigger>\r\n));\r\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;\r\n\r\nconst ContextMenuSubContent = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\r\n>(({ className, ...props }, ref) => (\r\n  <ContextMenuPrimitive.SubContent\r\n    ref={ref}\r\n    className={cn(\r\n      \"mtx-z-50 mtx-min-w-[8rem] mtx-overflow-hidden mtx-rounded-md mtx-border mtx-bg-popover mtx-p-1 mtx-text-popover-foreground mtx-shadow-lg data-[state=open]:mtx-animate-in data-[state=closed]:mtx-animate-out data-[state=closed]:mtx-fade-out-0 data-[state=open]:mtx-fade-in-0 data-[state=closed]:mtx-zoom-out-95 data-[state=open]:mtx-zoom-in-95 data-[side=bottom]:mtx-slide-in-from-top-2 data-[side=left]:mtx-slide-in-from-right-2 data-[side=right]:mtx-slide-in-from-left-2 data-[side=top]:mtx-slide-in-from-bottom-2\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;\r\n\r\nconst ContextMenuContent = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <ContextMenuPrimitive.Portal>\r\n    <ContextMenuPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"mtx-z-50 mtx-min-w-[8rem] mtx-overflow-hidden mtx-rounded-md mtx-border mtx-bg-popover mtx-p-1 mtx-text-popover-foreground mtx-shadow-md data-[state=open]:mtx-animate-in data-[state=closed]:mtx-animate-out data-[state=closed]:mtx-fade-out-0 data-[state=open]:mtx-fade-in-0 data-[state=closed]:mtx-zoom-out-95 data-[state=open]:mtx-zoom-in-95 data-[side=bottom]:mtx-slide-in-from-top-2 data-[side=left]:mtx-slide-in-from-right-2 data-[side=right]:mtx-slide-in-from-left-2 data-[side=top]:mtx-slide-in-from-bottom-2\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </ContextMenuPrimitive.Portal>\r\n));\r\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;\r\n\r\nconst ContextMenuItem = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, ...props }, ref) => (\r\n  <ContextMenuPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"mtx-relative mtx-flex mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-px-2 mtx-py-1.5 mtx-text-sm mtx-outline-none focus:mtx-bg-accent focus:mtx-text-accent-foreground data-[disabled]:mtx-pointer-events-none data-[disabled]:mtx-opacity-50\",\r\n      inset && \"mtx-pl-8\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\r\n\r\nconst ContextMenuCheckboxItem = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\r\n>(({ className, children, checked, ...props }, ref) => (\r\n  <ContextMenuPrimitive.CheckboxItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"mtx-relative mtx-flex mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-py-1.5 mtx-pl-8 mtx-pr-2 mtx-text-sm mtx-outline-none focus:mtx-bg-accent focus:mtx-text-accent-foreground data-[disabled]:mtx-pointer-events-none data-[disabled]:mtx-opacity-50\",\r\n      className,\r\n    )}\r\n    checked={checked}\r\n    {...props}\r\n  >\r\n    <span className=\"mtx-absolute mtx-left-2 mtx-flex mtx-h-3.5 mtx-w-3.5 mtx-items-center mtx-justify-center\">\r\n      <ContextMenuPrimitive.ItemIndicator>\r\n        <Check className=\"mtx-h-4 mtx-w-4\" />\r\n      </ContextMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </ContextMenuPrimitive.CheckboxItem>\r\n));\r\nContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;\r\n\r\nconst ContextMenuRadioItem = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\r\n>(({ className, children, ...props }, ref) => (\r\n  <ContextMenuPrimitive.RadioItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"mtx-relative mtx-flex mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-py-1.5 mtx-pl-8 mtx-pr-2 mtx-text-sm mtx-outline-none focus:mtx-bg-accent focus:mtx-text-accent-foreground data-[disabled]:mtx-pointer-events-none data-[disabled]:mtx-opacity-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  >\r\n    <span className=\"mtx-absolute mtx-left-2 mtx-flex mtx-h-3.5 mtx-w-3.5 mtx-items-center mtx-justify-center\">\r\n      <ContextMenuPrimitive.ItemIndicator>\r\n        <Circle className=\"mtx-h-4 mtx-w-4 mtx-fill-current\" />\r\n      </ContextMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </ContextMenuPrimitive.RadioItem>\r\n));\r\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;\r\n\r\nconst ContextMenuLabel = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, ...props }, ref) => (\r\n  <ContextMenuPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"mtx-px-2 mtx-py-1.5 mtx-text-sm mtx-font-semibold mtx-text-foreground\", inset && \"mtx-pl-8\", className)}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;\r\n\r\nconst ContextMenuSeparator = React.forwardRef<\r\n  React.ElementRef<typeof ContextMenuPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n  <ContextMenuPrimitive.Separator ref={ref} className={cn(\"-mtx-1 mtx-my-1 mtx-h-px mtx-bg-border\", className)} {...props} />\r\n));\r\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;\r\n\r\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return <span className={cn(\"mtx-ml-auto mtx-text-xs mtx-tracking-widest mtx-text-muted-foreground\", className)} {...props} />;\r\n};\r\nContextMenuShortcut.displayName = \"ContextMenuShortcut\";\r\n\r\nexport {\r\n  ContextMenu,\r\n  ContextMenuTrigger,\r\n  ContextMenuContent,\r\n  ContextMenuItem,\r\n  ContextMenuCheckboxItem,\r\n  ContextMenuRadioItem,\r\n  ContextMenuLabel,\r\n  ContextMenuSeparator,\r\n  ContextMenuShortcut,\r\n  ContextMenuGroup,\r\n  ContextMenuPortal,\r\n  ContextMenuSub,\r\n  ContextMenuSubContent,\r\n  ContextMenuSubTrigger,\r\n  ContextMenuRadioGroup,\r\n};\r\n"],"names":["ContextMenu","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuPortal","ContextMenuSub","ContextMenuRadioGroup","ContextMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","ContextMenuCheckboxItem","checked","Check","ContextMenuRadioItem","Circle","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut"],"mappings":"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"}

package/dist/datagrid.es.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as z } from "react/jsx-runtime";
-import e, { forwardRef as H, useMemo as N } from "react";
+import t, { forwardRef as H, useMemo as N } from "react";
 import { AgGridReact as L } from "ag-grid-react";
 import { themeQuartz as M, ModuleRegistry as B, AllCommunityModule as Q } from "ag-grid-community";
 import { Trashcan as O, ElipsisVertical as q, Snowflake as $, Print as j, Refresh as _, CircleXmark as U, Magnifier as k } from "@trsys-tech/matrix-icons";
@@ -15,20 +15,20 @@ const Y = M.withParams({
   fontSize: "12px",
   headerFontSize: "12px",
   headerFontWeight: 700,
-  headerBackgroundColor: "hsl(var(--primary-50))",
-  backgroundColor: "hsl(var(--gray-0))",
-  accentColor: "hsl(var(--primary-300))",
-  foregroundColor: "hsl(var(--text-500))",
-  cellTextColor: "hsl(var(--text-500))"
-}), w = e.createContext(null), ue = () => {
-  const r = e.useContext(w);
+  headerBackgroundColor: "hsl(var(--mtx-primary-50))",
+  backgroundColor: "hsl(var(--mtx-gray-0))",
+  accentColor: "hsl(var(--mtx-primary-300))",
+  foregroundColor: "hsl(var(--mtx-text-500))",
+  cellTextColor: "hsl(var(--mtx-text-500))"
+}), p = t.createContext(null), mt = () => {
+  const r = t.useContext(p);
   if (!r)
     throw new Error("useDataGrid should be used within <DataGrid>");
   return r;
-}, he = ({ children: r }) => {
-  const s = e.useId(), [i, n] = e.useState(null), [a, c] = e.useState([]), [d, u] = e.useState(0), [h, l] = e.useState(/* @__PURE__ */ new Set()), [t, f] = e.useState(""), [p, m] = e.useState(!1);
+}, ut = ({ children: r }) => {
+  const s = t.useId(), [i, n] = t.useState(null), [a, c] = t.useState([]), [d, m] = t.useState(0), [u, l] = t.useState(/* @__PURE__ */ new Set()), [e, x] = t.useState(""), [h, f] = t.useState(!1);
   return /* @__PURE__ */ o(
-    w.Provider,
+    p.Provider,
     {
       value: {
         api: i,
@@ -36,43 +36,43 @@ const Y = M.withParams({
         rowData: a,
         setRowData: c,
         gridId: s,
-        quickFilterText: t,
-        setQuickFilterText: f,
-        actionbarExists: p,
-        setActionbarExists: m,
+        quickFilterText: e,
+        setQuickFilterText: x,
+        actionbarExists: h,
+        setActionbarExists: f,
         actionbarHeight: d,
-        setActionbarHeight: u,
-        pinnedRowIds: h,
+        setActionbarHeight: m,
+        pinnedRowIds: u,
         setPinnedRowIds: l
       },
       children: r
     }
   );
 }, Z = H(
-  ({ theme: r, onGridReady: s, quickFilterText: i, rowData: n, containerStyle: a, getRowId: c, ...d }, u) => {
-    const h = e.useContext(w);
-    if (!h)
+  ({ theme: r, onGridReady: s, quickFilterText: i, rowData: n, containerStyle: a, getRowId: c, ...d }, m) => {
+    const u = t.useContext(p);
+    if (!u)
       throw new Error("DataGridContent should be used within <DataGrid>");
-    const { rowData: l, setRowData: t, actionbarExists: f, setApi: p, setQuickFilterText: m, quickFilterText: R, gridId: E, actionbarHeight: C, pinnedRowIds: x } = h, b = N(() => Y.withParams({
+    const { rowData: l, setRowData: e, actionbarExists: x, setApi: h, setQuickFilterText: f, quickFilterText: R, gridId: E, actionbarHeight: C, pinnedRowIds: w } = u, b = N(() => Y.withParams({
       headerHeight: 40,
-      wrapperBorderRadius: f ? "0px 0px 8px 8px" : "8px"
-    }), [f]), y = (v) => {
-      p(v.api), s?.(v);
+      wrapperBorderRadius: x ? "0px 0px 8px 8px" : "8px"
+    }), [x]), y = (v) => {
+      h(v.api), s?.(v);
     };
-    e.useEffect(() => {
-      t(n);
-    }, [n, t]), e.useEffect(() => {
-      i !== void 0 && m(i ?? "");
-    }, [i, m]);
+    t.useEffect(() => {
+      e(n);
+    }, [n, e]), t.useEffect(() => {
+      i !== void 0 && f(i ?? "");
+    }, [i, f]);
     const { finalRowData: F, finalPinnedTopRowData: I } = N(() => {
-      if (!l || x.size === 0)
+      if (!l || w.size === 0)
         return { finalRowData: l, finalPinnedTopRowData: [] };
       const v = [], T = [];
       return l.forEach((S) => {
         const A = c ? c({ data: S, level: 0 }) : S.id, G = A != null ? String(A) : void 0;
-        G !== void 0 && x.has(G) ? v.push(S) : T.push(S);
+        G !== void 0 && w.has(G) ? v.push(S) : T.push(S);
       }), { finalRowData: T, finalPinnedTopRowData: v };
-    }, [l, x, c]);
+    }, [l, w, c]);
     return /* @__PURE__ */ o(
       L,
       {
@@ -85,113 +85,117 @@ const Y = M.withParams({
         containerStyle: { height: `calc(100% - ${C}px)`, ...a },
         getRowId: c,
         ...d,
-        ref: u
+        ref: m
       }
     );
   }
 );
 Z.displayName = "DataGridContent";
-const fe = ({ className: r, ...s }) => {
-  const i = e.useContext(w);
+const xt = ({ className: r, ...s }) => {
+  const i = t.useContext(p);
   if (!i)
     throw new Error("DataGridActionBar should be used within <DataGrid>");
-  const n = e.useRef(null), { setActionbarExists: a, setActionbarHeight: c } = i, { children: d } = s;
-  return e.useEffect(() => (a(!0), () => a(!1)), [a]), e.useEffect(() => {
+  const n = t.useRef(null), { setActionbarExists: a, setActionbarHeight: c } = i, { children: d } = s;
+  return t.useEffect(() => (a(!0), () => a(!1)), [a]), t.useEffect(() => {
     n.current && c(n.current.clientHeight);
   }, [c]), /* @__PURE__ */ o(
     "div",
     {
       className: g(
-        "relative flex items-center p-2 h-12 w-full bg-gray-0 border border-gray-200 border-b-0 -mb-[1px] z-10 rounded-t-[8px]",
+        "mtx-relative mtx-flex mtx-items-center mtx-p-2 mtx-h-12 mtx-w-full mtx-bg-gray-0 mtx-border mtx-border-gray-200 mtx-border-b-0 -mtx-mb-[1px] mtx-z-10 mtx-rounded-t-[8px]",
         r
       ),
       ref: n,
       children: d
     }
   );
-}, pe = ({ defaultOpen: r = !1, className: s, ...i }) => {
-  const n = e.useContext(w);
+}, ht = ({ defaultOpen: r = !1, className: s, ...i }) => {
+  const n = t.useContext(p);
   if (!n)
     throw new Error("SearchAction should be used within <DataGrid>");
-  const { quickFilterText: a, setQuickFilterText: c } = n, [d, u] = e.useState(r), [h, l] = e.useState(!1), t = e.useRef(null), f = () => {
-    n.setQuickFilterText(""), t.current && t.current.focus();
-  }, p = () => {
-    u(!0);
+  const { quickFilterText: a, setQuickFilterText: c } = n, [d, m] = t.useState(r), [u, l] = t.useState(!1), e = t.useRef(null), x = () => {
+    n.setQuickFilterText(""), e.current && e.current.focus();
+  }, h = () => {
+    m(!0);
   };
-  e.useEffect(() => {
-    d && t?.current && t.current.focus();
+  t.useEffect(() => {
+    d && e?.current && e.current.focus();
   }, [d]);
-  const m = () => {
+  const f = () => {
     l(!0), n.setQuickFilterText(""), setTimeout(() => {
-      u(!1), l(!1);
+      m(!1), l(!1);
     }, 200);
   };
-  return /* @__PURE__ */ o("div", { className: g("max-w-60", s), ...i, children: d || h ? /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: g("mtx-max-w-60", s), ...i, children: d || u ? /* @__PURE__ */ o(
     W,
     {
-      ref: t,
-      className: g("relative h-7.5", d && !h ? "animate-input-open" : "", h && "animate-input-close"),
+      ref: e,
+      className: g(
+        "mtx-relative mtx-h-7.5",
+        d && !u ? "mtx-animate-input-open" : "",
+        u && "mtx-animate-input-close"
+      ),
       onChange: (R) => c(R.target.value),
       value: a,
-      startAdornment: /* @__PURE__ */ o(D, { variant: "toolbar", className: "p-0.5 h-6 w-6 border-none mx-1", onClick: m, children: /* @__PURE__ */ o(k, { className: "w-5 h-5" }) }),
-      endAdornment: a && /* @__PURE__ */ o(D, { variant: "toolbar", className: "p-0.5 w-6 h-6 border-none mx-1", onClick: f, children: /* @__PURE__ */ o(U, { className: "w-5 h-5" }) })
+      startAdornment: /* @__PURE__ */ o(D, { variant: "toolbar", className: "mtx-p-0.5 mtx-h-6 mtx-w-6 mtx-border-none mtx-mx-1", onClick: f, children: /* @__PURE__ */ o(k, { className: "mtx-w-5 mtx-h-5" }) }),
+      endAdornment: a && /* @__PURE__ */ o(D, { variant: "toolbar", className: "mtx-p-0.5 mtx-w-6 mtx-h-6 mtx-border-none mtx-mx-1", onClick: x, children: /* @__PURE__ */ o(U, { className: "mtx-w-5 mtx-h-5" }) })
     }
-  ) : /* @__PURE__ */ o(D, { variant: "toolbar", className: "p-0.5 w-6 h-6 m-1", onClick: p, children: /* @__PURE__ */ o(k, { className: "w-5 h-5" }) }) });
-}, me = ({ freezeText: r, unFreezeText: s, onClick: i, disabled: n, ...a }) => {
-  const c = e.useContext(w);
+  ) : /* @__PURE__ */ o(D, { variant: "toolbar", className: "mtx-p-0.5 mtx-w-6 mtx-h-6 mtx-m-1", onClick: h, children: /* @__PURE__ */ o(k, { className: "mtx-w-5 mtx-h-5" }) }) });
+}, ft = ({ freezeText: r, unFreezeText: s, onClick: i, disabled: n, ...a }) => {
+  const c = t.useContext(p);
   if (!c)
     throw new Error("FreezeAction should be used within <DataGrid>");
-  const [d, u] = e.useState(0), [h, l] = e.useState(0), { api: t, pinnedRowIds: f, setPinnedRowIds: p } = c, m = () => {
-    if (!t) return;
-    const C = t.getSelectedNodes();
+  const [d, m] = t.useState(0), [u, l] = t.useState(0), { api: e, pinnedRowIds: x, setPinnedRowIds: h } = c, f = () => {
+    if (!e) return;
+    const C = e.getSelectedNodes();
     if (C.length > 0) {
-      const x = new Set(f);
+      const w = new Set(x);
       C.forEach((b) => {
-        b.id !== void 0 && x.add(b.id);
-      }), p(x), t.deselectAll();
+        b.id !== void 0 && w.add(b.id);
+      }), h(w), e.deselectAll();
     }
   }, R = () => {
-    p(/* @__PURE__ */ new Set());
+    h(/* @__PURE__ */ new Set());
   }, E = (C) => {
-    t && (t.getPinnedTopRowCount() > 0 ? R() : m()), i?.(C);
+    e && (e.getPinnedTopRowCount() > 0 ? R() : f()), i?.(C);
   };
-  return e.useEffect(() => (t?.addEventListener("pinnedRowDataChanged", () => {
-    u(t.getPinnedTopRowCount());
-  }), t?.addEventListener("selectionChanged", () => {
-    l(t.getSelectedNodes().length);
+  return t.useEffect(() => (e?.addEventListener("pinnedRowDataChanged", () => {
+    m(e.getPinnedTopRowCount());
+  }), e?.addEventListener("selectionChanged", () => {
+    l(e.getSelectedNodes().length);
   }), () => {
-    t?.isDestroyed() || (t?.removeEventListener("pinnedRowDataChanged", () => {
-      u(t.getPinnedTopRowCount());
-    }), t?.removeEventListener("selectionChanged", () => {
-      l(t.getSelectedNodes().length);
+    e?.isDestroyed() || (e?.removeEventListener("pinnedRowDataChanged", () => {
+      m(e.getPinnedTopRowCount());
+    }), e?.removeEventListener("selectionChanged", () => {
+      l(e.getSelectedNodes().length);
     }));
-  }), [t]), /* @__PURE__ */ o(
+  }), [e]), /* @__PURE__ */ o(
     P,
     {
       variant: "text",
       onClick: E,
-      startIcon: /* @__PURE__ */ o($, { className: "w-4.5 h-4.5" }),
-      disabled: !d && !h || n,
+      startIcon: /* @__PURE__ */ o($, { className: "mtx-w-4.5 mtx-h-4.5" }),
+      disabled: !d && !u || n,
       ...a,
       children: d ? s ?? "Unfreeze" : r ?? "Freeze"
     }
   );
-}, we = ({ children: r, className: s, onClick: i, ...n }) => {
-  const a = e.useContext(w);
+}, pt = ({ children: r, className: s, onClick: i, ...n }) => {
+  const a = t.useContext(p);
   if (!a)
     throw new Error("PrintAction should be used within <DataGrid>");
   const c = (d) => {
     a.api && (a.api.setGridOption("domLayout", "print"), setTimeout(() => {
-      const u = document.querySelector("[grid-id='" + a.gridId + "']"), l = `<html>
+      const m = document.querySelector("[grid-id='" + a.gridId + "']"), l = `<html>
         ${document.head.innerHTML}
-        ${u.outerHTML}
+        ${m.outerHTML}
         </html>`;
       V(l), a?.api?.setGridOption("domLayout", void 0);
     })), i?.(d);
   };
-  return /* @__PURE__ */ o(D, { variant: "toolbar", className: g("p-0.5 w-6 h-6", s), onClick: c, ...n, children: r ?? /* @__PURE__ */ o(j, { className: "w-5 h-5" }) });
-}, xe = ({ className: r, onRefresh: s, children: i, loading: n, ...a }) => {
-  if (!e.useContext(w))
+  return /* @__PURE__ */ o(D, { variant: "toolbar", className: g("mtx-p-0.5 mtx-w-6 mtx-h-6", s), onClick: c, ...n, children: r ?? /* @__PURE__ */ o(j, { className: "mtx-w-5 mtx-h-5" }) });
+}, wt = ({ className: r, onRefresh: s, children: i, loading: n, ...a }) => {
+  if (!t.useContext(p))
     throw new Error("RefreshAction should be used within <DataGrid>");
   const d = () => {
     s();
@@ -199,31 +203,31 @@ const fe = ({ className: r, ...s }) => {
   return /* @__PURE__ */ o(
     D,
     {
-      className: g("p-0.5 w-6 h-6", n && "disabled:bg-transparent", r),
+      className: g("mtx-p-0.5 mtx-w-6 mtx-h-6", n && "disabled:mtx-bg-transparent", r),
       variant: "toolbar",
       onClick: d,
       disabled: n,
       ...a,
-      children: i ?? /* @__PURE__ */ o(_, { className: g("w-4.5 h-4.5", n && "animate-spin") })
+      children: i ?? /* @__PURE__ */ o(_, { className: g("mtx-w-4.5 mtx-h-4.5", n && "mtx-animate-spin") })
     }
   );
-}, ge = ({ onDelete: r, children: s, ...i }) => /* @__PURE__ */ o(P, { variant: "danger", onClick: () => {
+}, gt = ({ onDelete: r, children: s, ...i }) => /* @__PURE__ */ o(P, { variant: "danger", onClick: () => {
   r();
-}, startIcon: /* @__PURE__ */ o(O, { className: "w-4.5 h-4.5" }), ...i, children: s }), Ce = ({ children: r, slotProps: s, className: i, ...n }) => /* @__PURE__ */ z(X, { ...s?.popoverProps ?? {}, children: [
-  /* @__PURE__ */ o(J, { ...s?.triggerProps ?? {}, children: /* @__PURE__ */ o(q, { className: "w-4.5 h-4.5 text-primary" }) }),
-  /* @__PURE__ */ o(K, { align: "end", className: g("w-40", i), ...n, children: r })
+}, startIcon: /* @__PURE__ */ o(O, { className: "mtx-w-4.5 mtx-h-4.5" }), ...i, children: s }), Ct = ({ children: r, slotProps: s, className: i, ...n }) => /* @__PURE__ */ z(X, { ...s?.popoverProps ?? {}, children: [
+  /* @__PURE__ */ o(J, { ...s?.triggerProps ?? {}, children: /* @__PURE__ */ o(q, { className: "mtx-w-4.5 mtx-h-4.5 mtx-text-primary" }) }),
+  /* @__PURE__ */ o(K, { align: "end", className: g("mtx-w-40", i), ...n, children: r })
 ] });
 export {
-  he as DataGrid,
-  fe as DataGridActionBar,
+  ut as DataGrid,
+  xt as DataGridActionBar,
   Z as DataGridContent,
-  ge as DeleteAction,
-  Ce as ExtraActions,
-  me as FreezeAction,
-  we as PrintAction,
-  xe as RefreshAction,
-  pe as SearchAction,
+  gt as DeleteAction,
+  Ct as ExtraActions,
+  ft as FreezeAction,
+  pt as PrintAction,
+  wt as RefreshAction,
+  ht as SearchAction,
   Y as dataGridDefaultTheme,
-  ue as useDataGrid
+  mt as useDataGrid
 };
 //# sourceMappingURL=datagrid.es.js.map