@trsys-tech/matrix-library 0.5.0-beta.1 → 0.5.0

package/dist/components/form/Form.d.ts

@@ -1,7 +1,7 @@
 import { ControllerProps, FieldPath, FieldValues, FormProviderProps } from 'react-hook-form';
 import { SlotProps } from '@radix-ui/react-slot';
 import * as React from "react";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const FormLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAKpH,QAAA,MAAM,IAAI,8NA+DyB,GAEnC,CAAC,OAAO,AAjEiB,CAAC;AAQ1B,QAAA,MAAM,SAAS,GAAI,YAAY,SAAS,WAAW,gBAAgB,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAErG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AA+BF,QAAA,MAAM,QAAQ,6GAQZ,CAAC;AAGH,QAAA,MAAM,SAAS,8KAIb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAaf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAInB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAaf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAKpH,QAAA,MAAM,IAAI,iMA6DiH,GAAG,CAAC,OAAO,AA7D7G,CAAC;AAQ1B,QAAA,MAAM,SAAS,GAAI,YAAY,SAAS,WAAW,gBAAgB,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAErG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AA+BF,QAAA,MAAM,QAAQ,6GAQZ,CAAC;AAGH,QAAA,MAAM,SAAS,8KAIb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAaf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAInB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAaf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}

package/dist/confirm.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.es.js","sources":["../src/components/confirm/Confirm.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useCallback, useEffect } from \"react\";\r\nimport { Modal, ModalFooter } from \"../modal/Modal\";\r\nimport { Button } from \"../button/Button\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nlet confirmId = 0;\r\n\r\ntype ConfirmOptions = {\r\n  title: string;\r\n  description: string;\r\n  confirmationText?: string;\r\n  cancelationText?: string;\r\n  modalProps?: React.ComponentProps<typeof Modal>;\r\n  hideCancelButton?: boolean;\r\n  buttonOrder?: (\"confirm\" | \"cancel\")[];\r\n  confirmButtonProps?: React.ComponentProps<typeof Button>;\r\n  cancelButtonProps?: React.ComponentProps<typeof Button>;\r\n  descriptionProps?: React.ComponentProps<\"p\">;\r\n};\r\ntype ConfirmState = { resolve: (value: unknown) => void; reject: (reason?: any) => void; parentId: ParentId } | null;\r\ntype ParentId = string;\r\n\r\ntype ConfirmContext = {\r\n  confirmBase: (parentId: ParentId, options: ConfirmOptions) => Promise<unknown>;\r\n  closeOnParentUnmount: (parentId: ParentId) => void;\r\n} | null;\r\nconst ConfirmContext = React.createContext<ConfirmContext>(null);\r\n\r\n/**\r\n * ConfirmProvider\r\n */\r\ntype ConfirmProviderProps = {\r\n  children: React.ReactNode;\r\n};\r\nconst ConfirmProvider: React.FC<ConfirmProviderProps> = ({ children }) => {\r\n  const [state, setState] = React.useState<ConfirmState>(null);\r\n  const [options, setOptions] = React.useState<ConfirmOptions>({\r\n    buttonOrder: [\"cancel\", \"confirm\"],\r\n    description: \"\",\r\n    title: \"Are you sure?\",\r\n  });\r\n  const [key, setKey] = React.useState(0);\r\n\r\n  const confirmBase = useCallback((parentId: ParentId, options: ConfirmOptions) => {\r\n    return new Promise((resolve, reject) => {\r\n      setKey(key => key + 1);\r\n      setOptions(options);\r\n      setState({ resolve, reject, parentId });\r\n    });\r\n  }, []);\r\n\r\n  const closeOnParentUnmount = useCallback((parentId: ParentId) => {\r\n    setState(state => {\r\n      if (state?.parentId === parentId) {\r\n        return null;\r\n      } else {\r\n        return state;\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setState(state => {\r\n      state?.reject();\r\n      return null;\r\n    });\r\n  }, []);\r\n\r\n  const handleConfirm = useCallback(() => {\r\n    setState(state => {\r\n      state?.resolve(null);\r\n      return null;\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <ConfirmContext.Provider value={{ confirmBase, closeOnParentUnmount }}>\r\n      {children}\r\n      <ConfirmModal key={key} open={state !== null} options={options} onCancel={handleClose} onConfirm={handleConfirm} />\r\n    </ConfirmContext.Provider>\r\n  );\r\n};\r\n\r\nconst useConfirmId = () => {\r\n  const id = React.useMemo(() => {\r\n    return confirmId++;\r\n  }, []);\r\n\r\n  return `confirm-${id}`;\r\n};\r\n\r\nconst useConfirm = () => {\r\n  const parentId = useConfirmId();\r\n  const context = React.useContext(ConfirmContext);\r\n  if (!context) {\r\n    throw new Error(\"useConfirm must be used within a ConfirmProvider\");\r\n  }\r\n\r\n  const { confirmBase, closeOnParentUnmount } = context;\r\n\r\n  const confirm = useCallback(\r\n    (options: ConfirmOptions) => {\r\n      return confirmBase(parentId, options);\r\n    },\r\n    [parentId, confirmBase],\r\n  );\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      closeOnParentUnmount(parentId);\r\n    };\r\n  }, [parentId, closeOnParentUnmount]);\r\n\r\n  return confirm;\r\n};\r\n\r\ntype ConfirmModalProps = {\r\n  open: boolean;\r\n  onCancel?: () => void;\r\n  onConfirm: () => void;\r\n  options: ConfirmOptions;\r\n};\r\n\r\nconst ConfirmModal: React.FC<ConfirmModalProps> = ({ onConfirm, open, options, onCancel }) => {\r\n  const {\r\n    buttonOrder = [\"cancel\", \"confirm\"],\r\n    description,\r\n    title,\r\n    cancelationText,\r\n    confirmationText,\r\n    hideCancelButton,\r\n    modalProps,\r\n    cancelButtonProps,\r\n    confirmButtonProps,\r\n    descriptionProps,\r\n  } = options;\r\n\r\n  const actions = React.useMemo(\r\n    () =>\r\n      buttonOrder.map(action => {\r\n        const { className: confirmClassName, ...restConfirmButtonProps } = confirmButtonProps ?? {};\r\n        const { className: cancelClassName, ...restCancelButtonProps } = cancelButtonProps ?? {};\r\n        if (action === \"confirm\") {\r\n          return (\r\n            <Button key=\"confirm-button\" onClick={onConfirm} variant=\"primary\" className={cn(\"w-28\", confirmClassName)} {...restConfirmButtonProps}>\r\n              {confirmationText || \"Confirm\"}\r\n            </Button>\r\n          );\r\n        }\r\n        if (action === \"cancel\" && !hideCancelButton) {\r\n          return (\r\n            <Button key=\"cancel-button\" onClick={onCancel} variant=\"text\" className={cn(\"w-28\", cancelClassName)} {...restCancelButtonProps}>\r\n              {cancelationText || \"Cancel\"}\r\n            </Button>\r\n          );\r\n        }\r\n      }),\r\n    [hideCancelButton, buttonOrder, confirmationText, cancelationText, confirmButtonProps, cancelButtonProps, onConfirm, onCancel],\r\n  );\r\n\r\n  return (\r\n    <Modal open={open} onOpenChange={onCancel} title={title} role=\"alertdialog\" {...modalProps}>\r\n      <p {...descriptionProps}>{description}</p>\r\n      <ModalFooter>{actions}</ModalFooter>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport { ConfirmProvider, useConfirm };\r\n"],"names":["confirmId","ConfirmContext","React","ConfirmProvider","children","state","setState","options","setOptions","key","setKey","confirmBase","useCallback","parentId","resolve","reject","closeOnParentUnmount","handleClose","handleConfirm","jsxs","jsx","ConfirmModal","useConfirmId","useConfirm","context","confirm","useEffect","onConfirm","open","onCancel","buttonOrder","description","title","cancelationText","confirmationText","hideCancelButton","modalProps","cancelButtonProps","confirmButtonProps","descriptionProps","actions","action","confirmClassName","restConfirmButtonProps","cancelClassName","restCancelButtonProps","Button","cn","Modal","ModalFooter"],"mappings":"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"}
+{"version":3,"file":"confirm.es.js","sources":["../src/components/confirm/Confirm.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useCallback, useEffect } from \"react\";\r\nimport { Modal, ModalFooter } from \"../modal/Modal\";\r\nimport { Button } from \"../button/Button\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nlet confirmId = 0;\r\n\r\ntype ConfirmOptions = {\r\n  title: string;\r\n  description: string;\r\n  confirmationText?: string;\r\n  cancelationText?: string;\r\n  modalProps?: React.ComponentProps<typeof Modal>;\r\n  hideCancelButton?: boolean;\r\n  buttonOrder?: (\"confirm\" | \"cancel\")[];\r\n  confirmButtonProps?: React.ComponentProps<typeof Button>;\r\n  cancelButtonProps?: React.ComponentProps<typeof Button>;\r\n  descriptionProps?: React.ComponentProps<\"p\">;\r\n};\r\ntype ConfirmState = { resolve: (value: unknown) => void; reject: (reason?: any) => void; parentId: ParentId } | null;\r\ntype ParentId = string;\r\n\r\ntype ConfirmContext = {\r\n  confirmBase: (parentId: ParentId, options: ConfirmOptions) => Promise<unknown>;\r\n  closeOnParentUnmount: (parentId: ParentId) => void;\r\n} | null;\r\nconst ConfirmContext = React.createContext<ConfirmContext>(null);\r\n\r\n/**\r\n * ConfirmProvider\r\n */\r\ntype ConfirmProviderProps = {\r\n  children: React.ReactNode;\r\n};\r\nconst ConfirmProvider: React.FC<ConfirmProviderProps> = ({ children }) => {\r\n  const [state, setState] = React.useState<ConfirmState>(null);\r\n  const [options, setOptions] = React.useState<ConfirmOptions>({\r\n    buttonOrder: [\"cancel\", \"confirm\"],\r\n    description: \"\",\r\n    title: \"Are you sure?\",\r\n  });\r\n  const [key, setKey] = React.useState(0);\r\n\r\n  const confirmBase = useCallback((parentId: ParentId, options: ConfirmOptions) => {\r\n    return new Promise((resolve, reject) => {\r\n      setKey(key => key + 1);\r\n      setOptions(options);\r\n      setState({ resolve, reject, parentId });\r\n    });\r\n  }, []);\r\n\r\n  const closeOnParentUnmount = useCallback((parentId: ParentId) => {\r\n    setState(state => {\r\n      if (state?.parentId === parentId) {\r\n        return null;\r\n      } else {\r\n        return state;\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setState(state => {\r\n      state?.reject();\r\n      return null;\r\n    });\r\n  }, []);\r\n\r\n  const handleConfirm = useCallback(() => {\r\n    setState(state => {\r\n      state?.resolve(null);\r\n      return null;\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <ConfirmContext.Provider value={{ confirmBase, closeOnParentUnmount }}>\r\n      {children}\r\n      <ConfirmModal key={key} open={state !== null} options={options} onCancel={handleClose} onConfirm={handleConfirm} />\r\n    </ConfirmContext.Provider>\r\n  );\r\n};\r\n\r\nconst useConfirmId = () => {\r\n  const id = React.useMemo(() => {\r\n    return confirmId++;\r\n  }, []);\r\n\r\n  return `confirm-${id}`;\r\n};\r\n\r\nconst useConfirm = () => {\r\n  const parentId = useConfirmId();\r\n  const context = React.useContext(ConfirmContext);\r\n  if (!context) {\r\n    throw new Error(\"useConfirm must be used within a ConfirmProvider\");\r\n  }\r\n\r\n  const { confirmBase, closeOnParentUnmount } = context;\r\n\r\n  const confirm = useCallback(\r\n    (options: ConfirmOptions) => {\r\n      return confirmBase(parentId, options);\r\n    },\r\n    [parentId, confirmBase],\r\n  );\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      closeOnParentUnmount(parentId);\r\n    };\r\n  }, [parentId, closeOnParentUnmount]);\r\n\r\n  return confirm;\r\n};\r\n\r\ntype ConfirmModalProps = {\r\n  open: boolean;\r\n  onCancel?: () => void;\r\n  onConfirm: () => void;\r\n  options: ConfirmOptions;\r\n};\r\n\r\nconst ConfirmModal: React.FC<ConfirmModalProps> = ({ onConfirm, open, options, onCancel }) => {\r\n  const {\r\n    buttonOrder = [\"cancel\", \"confirm\"],\r\n    description,\r\n    title,\r\n    cancelationText,\r\n    confirmationText,\r\n    hideCancelButton,\r\n    modalProps,\r\n    cancelButtonProps,\r\n    confirmButtonProps,\r\n    descriptionProps,\r\n  } = options;\r\n\r\n  const actions = React.useMemo(\r\n    () =>\r\n      buttonOrder.map(action => {\r\n        const { className: confirmClassName, ...restConfirmButtonProps } = confirmButtonProps ?? {};\r\n        const { className: cancelClassName, ...restCancelButtonProps } = cancelButtonProps ?? {};\r\n        if (action === \"confirm\") {\r\n          return (\r\n            <Button key=\"confirm-button\" onClick={onConfirm} variant=\"primary\" className={cn(\"w-28\", confirmClassName)} {...restConfirmButtonProps}>\r\n              {confirmationText || \"Confirm\"}\r\n            </Button>\r\n          );\r\n        }\r\n        if (action === \"cancel\" && !hideCancelButton) {\r\n          return (\r\n            <Button key=\"cancel-button\" onClick={onCancel} variant=\"text\" className={cn(\"w-28\", cancelClassName)} {...restCancelButtonProps}>\r\n              {cancelationText || \"Cancel\"}\r\n            </Button>\r\n          );\r\n        }\r\n      }),\r\n    [hideCancelButton, buttonOrder, confirmationText, cancelationText, confirmButtonProps, cancelButtonProps, onConfirm, onCancel],\r\n  );\r\n\r\n  return (\r\n    <Modal open={open} onOpenChange={onCancel} title={title} role=\"alertdialog\" {...modalProps}>\r\n      <p {...descriptionProps}>{description}</p>\r\n      <ModalFooter>{actions}</ModalFooter>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport { ConfirmProvider, useConfirm };\r\n"],"names":["confirmId","ConfirmContext","React","ConfirmProvider","children","state","setState","options","setOptions","key","setKey","confirmBase","useCallback","parentId","resolve","reject","closeOnParentUnmount","handleClose","handleConfirm","jsxs","jsx","ConfirmModal","useConfirmId","useConfirm","context","confirm","useEffect","onConfirm","open","onCancel","buttonOrder","description","title","cancelationText","confirmationText","hideCancelButton","modalProps","cancelButtonProps","confirmButtonProps","descriptionProps","actions","action","confirmClassName","restConfirmButtonProps","cancelClassName","restCancelButtonProps","Button","cn","Modal","ModalFooter"],"mappings":"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"}

package/dist/contextmenu.es.js

@@ -1,7 +1,7 @@
 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 { ChevronRight as c, Check as m, Circle as u } from "@trsys-tech/matrix-icons";
+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,
@@ -15,7 +15,7 @@ const v = e.Root, I = e.Trigger, S = e.Group, z = e.Portal, k = e.Sub, T = e.Rad
     ...s,
     children: [
       o,
-      /* @__PURE__ */ n(c, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ n(u, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
@@ -68,7 +68,7 @@ const g = r.forwardRef(({ className: t, children: a, checked: o, ...s }, i) => /
     checked: o,
     ...s,
     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" }) }) }),
+      /* @__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
     ]
   }
@@ -84,7 +84,7 @@ const N = r.forwardRef(({ className: t, children: a, ...o }, s) => /* @__PURE__
     ),
     ...o,
     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(u, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__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
     ]
   }

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      \"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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"}

package/dist/dangercircleicon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dangercircleicon.es.js","sources":["../src/components/Icons/DangerCircleIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function DangerCircleIcon(props: SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#981c1c\" />\r\n      <path\r\n        d=\"M12 4.757a7.242 7.242 0 1 0 0 14.485 7.242 7.242 0 0 0 0-14.485ZM6.116 12c0-1.378.48-2.644 1.276-3.624l8.258 8.258a6.001 6.001 0 0 1-3.65 1.25A5.89 5.89 0 0 1 6.116 12Zm10.492 3.624L8.351 7.391A5.855 5.855 0 0 1 12 6.115 5.89 5.89 0 0 1 17.884 12a5.74 5.74 0 0 1-1.276 3.624Z\"\r\n        fill=\"#fff\"\r\n      />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["DangerCircleIcon","props","jsxs","jsx"],"mappings":";AAEO,SAASA,EAAiBC,GAAgC;AAE7D,SAAA,gBAAAC,EAAC,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAGD,GACrF,UAAA;AAAA,IAAC,gBAAAE,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,UAAU,CAAA;AAAA,IAC9C,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
+{"version":3,"file":"dangercircleicon.es.js","sources":["../src/components/Icons/DangerCircleIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function DangerCircleIcon(props: SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\r\n      <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#981c1c\" />\r\n      <path\r\n        d=\"M12 4.757a7.242 7.242 0 1 0 0 14.485 7.242 7.242 0 0 0 0-14.485ZM6.116 12c0-1.378.48-2.644 1.276-3.624l8.258 8.258a6.001 6.001 0 0 1-3.65 1.25A5.89 5.89 0 0 1 6.116 12Zm10.492 3.624L8.351 7.391A5.855 5.855 0 0 1 12 6.115 5.89 5.89 0 0 1 17.884 12a5.74 5.74 0 0 1-1.276 3.624Z\"\r\n        fill=\"#fff\"\r\n      />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["DangerCircleIcon","props","jsxs","jsx"],"mappings":";AAEO,SAASA,EAAiBC,GAAgC;AAC/D,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAGD,GACrF,UAAA;AAAA,IAAA,gBAAAE,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,UAAA,CAAU;AAAA,IAC9C,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/dist/datagrid.es.js

@@ -1,16 +1,16 @@
-import { jsx as r, jsxs as A } from "react/jsx-runtime";
-import t, { useMemo as N } from "react";
-import { AgGridReact as T } from "ag-grid-react";
-import { ModuleRegistry as k, AllCommunityModule as y, themeQuartz as F } from "ag-grid-community";
-import { Magnifier as G, CircleXmark as P, Snowflake as z, Print as I, Refresh as H, Trashcan as O, ElipsisVertical as L } from "@trsys-tech/matrix-icons";
-import { cn as w } from "./utils.es.js";
-import { printHtml as M } from "./printhtml.es.js";
-import { TextField as B } from "./textfield.es.js";
+import { jsx as r, jsxs as S } from "react/jsx-runtime";
+import t, { forwardRef as A, useMemo as T } from "react";
+import { AgGridReact as k } from "ag-grid-react";
+import { themeQuartz as y, ModuleRegistry as F, AllCommunityModule as P } from "ag-grid-community";
+import { CircleXmark as z, Magnifier as G, Snowflake as I, Print as H, Refresh as O, ElipsisVertical as L, Trashcan as M } from "@trsys-tech/matrix-icons";
+import { cn as x } from "./utils.es.js";
+import { printHtml as B } from "./printhtml.es.js";
+import { TextField as Q } from "./textfield.es.js";
 import { Button as E } from "./button.es.js";
-import { IconButton as D } from "./iconbutton.es.js";
-import { Popover as Q, PopoverTrigger as q, PopoverContent as $ } from "./popover.es.js";
-k.registerModules([y]);
-const j = F.withParams({
+import { IconButton as b } from "./iconbutton.es.js";
+import { Popover as q, PopoverTrigger as $, PopoverContent as j } from "./popover.es.js";
+F.registerModules([P]);
+const _ = y.withParams({
   fontFamily: "DMSans",
   fontSize: "12px",
   headerFontSize: "12px",
@@ -20,13 +20,13 @@ const j = F.withParams({
   accentColor: "hsl(var(--primary-300))",
   foregroundColor: "hsl(var(--text-500))",
   cellTextColor: "hsl(var(--text-500))"
-}), p = t.createContext(null), ne = () => {
+}), p = t.createContext(null), oe = () => {
   const o = t.useContext(p);
   if (!o)
     throw new Error("useDataGrid should be used within <DataGrid>");
   return o;
-}, re = ({ children: o }) => {
-  const s = t.useId(), [a, n] = t.useState(null), [i, d] = t.useState([]), [c, u] = t.useState(0), [h, l] = t.useState(""), [e, m] = t.useState(!1);
+}, ae = ({ children: o }) => {
+  const s = t.useId(), [a, n] = t.useState(null), [i, d] = t.useState([]), [c, l] = t.useState(0), [h, u] = t.useState(""), [e, f] = t.useState(!1);
   return /* @__PURE__ */ r(
     p.Provider,
     {
@@ -37,49 +37,47 @@ const j = F.withParams({
         setRowData: d,
         gridId: s,
         quickFilterText: h,
-        setQuickFilterText: l,
+        setQuickFilterText: u,
         actionbarExists: e,
-        setActionbarExists: m,
+        setActionbarExists: f,
         actionbarHeight: c,
-        setActionbarHeight: u
+        setActionbarHeight: l
       },
       children: o
     }
   );
-}, oe = ({
-  theme: o,
-  onGridReady: s,
-  quickFilterText: a,
-  rowData: n,
-  containerStyle: i,
-  ...d
-}) => {
-  const c = t.useContext(p);
-  if (!c)
-    throw new Error("DataGridContent should be used within <DataGrid>");
-  const { rowData: u, setRowData: h, actionbarExists: l, setApi: e, setQuickFilterText: m, quickFilterText: x, gridId: g, actionbarHeight: C } = c, f = N(() => j.withParams({
-    headerHeight: 40,
-    wrapperBorderRadius: l ? "0px 0px 8px 8px" : "8px"
-  }), [l]), R = (v) => {
-    e(v.api), s?.(v);
-  };
-  return t.useEffect(() => {
-    h(n);
-  }, [n, h]), t.useEffect(() => {
-    a !== void 0 && m(a ?? "");
-  }, [a, m]), /* @__PURE__ */ r(
-    T,
-    {
-      gridId: g,
-      theme: o ?? f,
-      rowData: u,
-      quickFilterText: x,
-      onGridReady: R,
-      containerStyle: { height: `calc(100% - ${C}px)`, ...i },
-      ...d
-    }
-  );
-}, ae = ({ className: o, ...s }) => {
+}, U = A(
+  ({ theme: o, onGridReady: s, quickFilterText: a, rowData: n, containerStyle: i, ...d }, c) => {
+    const l = t.useContext(p);
+    if (!l)
+      throw new Error("DataGridContent should be used within <DataGrid>");
+    const { rowData: h, setRowData: u, actionbarExists: e, setApi: f, setQuickFilterText: g, quickFilterText: C, gridId: D, actionbarHeight: w } = l, R = T(() => _.withParams({
+      headerHeight: 40,
+      wrapperBorderRadius: e ? "0px 0px 8px 8px" : "8px"
+    }), [e]), v = (m) => {
+      f(m.api), s?.(m);
+    };
+    return t.useEffect(() => {
+      u(n);
+    }, [n, u]), t.useEffect(() => {
+      a !== void 0 && g(a ?? "");
+    }, [a, g]), /* @__PURE__ */ r(
+      k,
+      {
+        gridId: D,
+        theme: o ?? R,
+        rowData: h,
+        quickFilterText: C,
+        onGridReady: v,
+        containerStyle: { height: `calc(100% - ${w}px)`, ...i },
+        ...d,
+        ref: c
+      }
+    );
+  }
+);
+U.displayName = "DataGridContent";
+const ie = ({ className: o, ...s }) => {
   const a = t.useContext(p);
   if (!a)
     throw new Error("DataGridActionBar should be used within <DataGrid>");
@@ -89,7 +87,7 @@ const j = F.withParams({
   }, [d]), /* @__PURE__ */ r(
     "div",
     {
-      className: w(
+      className: x(
         "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]",
         o
       ),
@@ -97,126 +95,126 @@ const j = F.withParams({
       children: c
     }
   );
-}, ie = ({ defaultOpen: o = !1, className: s, ...a }) => {
+}, se = ({ defaultOpen: o = !1, className: s, ...a }) => {
   const n = t.useContext(p);
   if (!n)
     throw new Error("SearchAction should be used within <DataGrid>");
-  const { quickFilterText: i, setQuickFilterText: d } = n, [c, u] = t.useState(o), [h, l] = t.useState(!1), e = t.useRef(null), m = () => {
+  const { quickFilterText: i, setQuickFilterText: d } = n, [c, l] = t.useState(o), [h, u] = t.useState(!1), e = t.useRef(null), f = () => {
     n.setQuickFilterText(""), e.current && e.current.focus();
-  }, x = () => {
-    u(!0);
+  }, g = () => {
+    l(!0);
   };
   t.useEffect(() => {
     c && e?.current && e.current.focus();
   }, [c]);
-  const g = () => {
-    l(!0), n.setQuickFilterText(""), setTimeout(() => {
-      u(!1), l(!1);
+  const C = () => {
+    u(!0), n.setQuickFilterText(""), setTimeout(() => {
+      l(!1), u(!1);
     }, 200);
   };
-  return /* @__PURE__ */ r("div", { className: w("max-w-60", s), ...a, children: c || h ? /* @__PURE__ */ r(
-    B,
+  return /* @__PURE__ */ r("div", { className: x("max-w-60", s), ...a, children: c || h ? /* @__PURE__ */ r(
+    Q,
     {
       ref: e,
-      className: w("relative h-7.5", c && !h ? "animate-input-open" : "", h && "animate-input-close"),
-      onChange: (C) => d(C.target.value),
+      className: x("relative h-7.5", c && !h ? "animate-input-open" : "", h && "animate-input-close"),
+      onChange: (D) => d(D.target.value),
       value: i,
-      startAdornment: /* @__PURE__ */ r(D, { variant: "toolbar", className: "p-0.5 h-6 w-6 border-none mx-1", onClick: g, children: /* @__PURE__ */ r(G, { className: "w-5 h-5" }) }),
-      endAdornment: i && /* @__PURE__ */ r(D, { variant: "toolbar", className: "p-0.5 w-6 h-6 border-none mx-1", onClick: m, children: /* @__PURE__ */ r(P, { className: "w-5 h-5" }) })
+      startAdornment: /* @__PURE__ */ r(b, { variant: "toolbar", className: "p-0.5 h-6 w-6 border-none mx-1", onClick: C, children: /* @__PURE__ */ r(G, { className: "w-5 h-5" }) }),
+      endAdornment: i && /* @__PURE__ */ r(b, { variant: "toolbar", className: "p-0.5 w-6 h-6 border-none mx-1", onClick: f, children: /* @__PURE__ */ r(z, { className: "w-5 h-5" }) })
     }
-  ) : /* @__PURE__ */ r(D, { variant: "toolbar", className: "p-0.5 w-6 h-6 m-1", onClick: x, children: /* @__PURE__ */ r(G, { className: "w-5 h-5" }) }) });
-}, se = ({ freezeText: o, unFreezeText: s, onClick: a, disabled: n, ...i }) => {
+  ) : /* @__PURE__ */ r(b, { variant: "toolbar", className: "p-0.5 w-6 h-6 m-1", onClick: g, children: /* @__PURE__ */ r(G, { className: "w-5 h-5" }) }) });
+}, ce = ({ freezeText: o, unFreezeText: s, onClick: a, disabled: n, ...i }) => {
   const d = t.useContext(p);
   if (!d)
     throw new Error("FreezeAction should be used within <DataGrid>");
-  const [c, u] = t.useState(0), [h, l] = t.useState(0), { api: e, rowData: m } = d, x = () => {
+  const [c, l] = t.useState(0), [h, u] = t.useState(0), { api: e, rowData: f } = d, g = () => {
     if (!e) return;
-    const f = e.getSelectedNodes();
-    if (f.length > 0) {
+    const w = e.getSelectedNodes();
+    if (w.length > 0) {
       e.setGridOption(
         "pinnedTopRowData",
-        f.map((b) => b.data)
+        w.map((m) => m.data)
       );
-      const v = e.getRenderedNodes().filter((b) => !f.some((S) => S.id === b.id));
+      const v = e.getRenderedNodes().filter((m) => !w.some((N) => N.id === m.id));
       e.setGridOption(
         "rowData",
-        v.map((b) => b.data)
+        v.map((m) => m.data)
       );
     }
-  }, g = () => {
-    e && (e.setGridOption("pinnedTopRowData", []), e.setGridOption("rowData", m));
-  }, C = (f) => {
-    e && (e.getPinnedTopRowCount() > 0 ? g() : x()), a?.(f);
+  }, C = () => {
+    e && (e.setGridOption("pinnedTopRowData", []), e.setGridOption("rowData", f));
+  }, D = (w) => {
+    e && (e.getPinnedTopRowCount() > 0 ? C() : g()), a?.(w);
   };
   return t.useEffect(() => (e?.addEventListener("pinnedRowDataChanged", () => {
-    u(e.getPinnedTopRowCount());
+    l(e.getPinnedTopRowCount());
   }), e?.addEventListener("selectionChanged", () => {
-    l(e.getSelectedNodes().length);
+    u(e.getSelectedNodes().length);
   }), () => {
     e?.removeEventListener("pinnedRowDataChanged", () => {
-      u(e.getPinnedTopRowCount());
+      l(e.getPinnedTopRowCount());
     }), e?.removeEventListener("selectionChanged", () => {
-      l(e.getSelectedNodes().length);
+      u(e.getSelectedNodes().length);
     });
   }), [e]), /* @__PURE__ */ r(
     E,
     {
       variant: "text",
-      onClick: C,
-      startIcon: /* @__PURE__ */ r(z, { className: "w-4.5 h-4.5" }),
+      onClick: D,
+      startIcon: /* @__PURE__ */ r(I, { className: "w-4.5 h-4.5" }),
       disabled: !c && !h || n,
       ...i,
       children: c ? s ?? "Unfreeze" : o ?? "Freeze"
     }
   );
-}, ce = ({ children: o, className: s, onClick: a, ...n }) => {
+}, de = ({ children: o, className: s, onClick: a, ...n }) => {
   const i = t.useContext(p);
   if (!i)
     throw new Error("PrintAction should be used within <DataGrid>");
   const d = (c) => {
     i.api && (i.api.setGridOption("domLayout", "print"), setTimeout(() => {
-      const u = document.querySelector("[grid-id='" + i.gridId + "']"), l = `<html>
+      const l = document.querySelector("[grid-id='" + i.gridId + "']"), u = `<html>
         ${document.head.innerHTML}
-        ${u.outerHTML}
+        ${l.outerHTML}
         </html>`;
-      M(l), i?.api?.setGridOption("domLayout", void 0);
+      B(u), i?.api?.setGridOption("domLayout", void 0);
     })), a?.(c);
   };
-  return /* @__PURE__ */ r(D, { variant: "toolbar", className: w("p-0.5 w-6 h-6", s), onClick: d, ...n, children: o ?? /* @__PURE__ */ r(I, { className: "w-5 h-5" }) });
-}, de = ({ className: o, onRefresh: s, children: a, loading: n, ...i }) => {
+  return /* @__PURE__ */ r(b, { variant: "toolbar", className: x("p-0.5 w-6 h-6", s), onClick: d, ...n, children: o ?? /* @__PURE__ */ r(H, { className: "w-5 h-5" }) });
+}, le = ({ className: o, onRefresh: s, children: a, loading: n, ...i }) => {
   if (!t.useContext(p))
     throw new Error("RefreshAction should be used within <DataGrid>");
   const c = () => {
     s();
   };
   return /* @__PURE__ */ r(
-    D,
+    b,
     {
-      className: w("p-0.5 w-6 h-6", n && "disabled:bg-transparent", o),
+      className: x("p-0.5 w-6 h-6", n && "disabled:bg-transparent", o),
       variant: "toolbar",
       onClick: c,
       disabled: n,
       ...i,
-      children: a ?? /* @__PURE__ */ r(H, { className: w("w-4.5 h-4.5", n && "animate-spin") })
+      children: a ?? /* @__PURE__ */ r(O, { className: x("w-4.5 h-4.5", n && "animate-spin") })
     }
   );
-}, le = ({ onDelete: o, children: s, ...a }) => /* @__PURE__ */ r(E, { variant: "danger", onClick: () => {
+}, ue = ({ onDelete: o, children: s, ...a }) => /* @__PURE__ */ r(E, { variant: "danger", onClick: () => {
   o();
-}, startIcon: /* @__PURE__ */ r(O, { className: "w-4.5 h-4.5" }), ...a, children: s }), ue = ({ children: o, slotProps: s, className: a, ...n }) => /* @__PURE__ */ A(Q, { ...s?.popoverProps ?? {}, children: [
-  /* @__PURE__ */ r(q, { ...s?.triggerProps ?? {}, children: /* @__PURE__ */ r(L, { className: "w-4.5 h-4.5 text-primary" }) }),
-  /* @__PURE__ */ r($, { align: "end", className: w("w-40", a), ...n, children: o })
+}, startIcon: /* @__PURE__ */ r(M, { className: "w-4.5 h-4.5" }), ...a, children: s }), he = ({ children: o, slotProps: s, className: a, ...n }) => /* @__PURE__ */ S(q, { ...s?.popoverProps ?? {}, children: [
+  /* @__PURE__ */ r($, { ...s?.triggerProps ?? {}, children: /* @__PURE__ */ r(L, { className: "w-4.5 h-4.5 text-primary" }) }),
+  /* @__PURE__ */ r(j, { align: "end", className: x("w-40", a), ...n, children: o })
 ] });
 export {
-  re as DataGrid,
-  ae as DataGridActionBar,
-  oe as DataGridContent,
-  le as DeleteAction,
-  ue as ExtraActions,
-  se as FreezeAction,
-  ce as PrintAction,
-  de as RefreshAction,
-  ie as SearchAction,
-  j as dataGridDefaultTheme,
-  ne as useDataGrid
+  ae as DataGrid,
+  ie as DataGridActionBar,
+  U as DataGridContent,
+  ue as DeleteAction,
+  he as ExtraActions,
+  ce as FreezeAction,
+  de as PrintAction,
+  le as RefreshAction,
+  se as SearchAction,
+  _ as dataGridDefaultTheme,
+  oe as useDataGrid
 };
 //# sourceMappingURL=datagrid.es.js.map