@cambly/syntax-core 7.11.0 → 7.12.0

package/dist/index.d.ts

@@ -1039,7 +1039,7 @@ type TapAreaProps = {
     /**
      * The callback to be called when the tap area is clicked
      */
-    onClick: React__default.MouseEventHandler<HTMLDivElement>;
+    onClick: (event: React__default.SyntheticEvent<HTMLDivElement>) => void;
     /**
      * Border radius of the tap area.
      *

package/dist/index.js

@@ -1195,7 +1195,7 @@ function Layer({
   children,
   zIndex = 1
 }) {
-  return (0, import_react_dom.createPortal)(
+  return typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Box_default,
       {
@@ -1208,7 +1208,7 @@ function Layer({
       }
     ),
     document.body
-  );
+  ) : null;
 }
 
 // css-module:./Modal.module.css#css-module
@@ -1520,6 +1520,14 @@ var TapArea = (0, import_react12.forwardRef)(
     tabIndex = 0
   }, ref) => {
     const handleClick = (event) => !disabled ? onClick(event) : void 0;
+    const handleKeyDown = (event) => {
+      if (disabled)
+        return;
+      if (event.key === "Enter" || event.key === " " || event.key === "Space") {
+        event.preventDefault();
+        onClick(event);
+      }
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
@@ -1533,6 +1541,7 @@ var TapArea = (0, import_react12.forwardRef)(
         ),
         "data-testid": dataTestId,
         onClick: handleClick,
+        onKeyDown: handleKeyDown,
         ref,
         role: "button",
         tabIndex: disabled ? void 0 : tabIndex,