Updates

components/form/Checkbox.tsx

@@ -1,8 +1,8 @@
 import React, {
-    ComponentProps,
-    DetailedHTMLProps,
-    HTMLAttributes,
-    ReactNode,
+    type ComponentProps,
+    type DetailedHTMLProps,
+    type HTMLAttributes,
+    type ReactNode,
 } from "react";
 import { twMerge } from "tailwind-merge";
 import CheckMarkSVG from "../svgs/CheckMarkSVG";
@@ -36,6 +36,7 @@ export type CheckboxProps = Omit<
     noLabel?: boolean;
     size?: number;
     changeHandler?: (value: boolean) => void;
+    clickDispatchHandler?: (value: boolean) => void;
     info?: string | ReactNode;
     wrapperWrapperProps?: ComponentProps<typeof Stack>;
 };
@@ -61,6 +62,7 @@ export default function Checkbox({
     wrapperWrapperProps,
     noLabel,
     title,
+    clickDispatchHandler,
     ...props
 }: CheckboxProps) {
     const finalSize = size || 20;
@@ -95,9 +97,10 @@ export default function Checkbox({
                     wrapperClassName,
                     wrapperProps?.className,
                 )}
-                onClick={() => {
+                onClick={(e) => {
                     setChecked(!checked);
                     externalSetChecked?.(!checked);
+                    clickDispatchHandler?.(!checked);
                 }}
             >
                 <div