@tamagui/react-native-web-internals 1.116.1 → 1.116.3

package/dist/cjs/modules/createDOMProps/index.js

@@ -0,0 +1,121 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var createDOMProps_exports = {};
+__export(createDOMProps_exports, {
+  default: () => createDOMProps_default,
+  stylesFromProps: () => stylesFromProps
+});
+module.exports = __toCommonJS(createDOMProps_exports);
+var import_AccessibilityUtil = __toESM(require("../AccessibilityUtil/index")), import_web = require("@tamagui/web");
+const emptyObject = {}, hasOwnProperty = Object.prototype.hasOwnProperty, isArray = Array.isArray, uppercasePattern = /[A-Z]/g;
+function toHyphenLower(match) {
+  return "-" + match.toLowerCase();
+}
+function hyphenateString(str) {
+  return str.replace(uppercasePattern, toHyphenLower);
+}
+function processIDRefList(idRefList) {
+  return isArray(idRefList) ? idRefList.join(" ") : idRefList;
+}
+const stylesFromProps = /* @__PURE__ */ new WeakMap(), createDOMProps = (elementType, props, options) => {
+  props || (props = emptyObject);
+  const {
+    accessibilityActiveDescendant,
+    accessibilityAtomic,
+    accessibilityAutoComplete,
+    accessibilityBusy,
+    accessibilityChecked,
+    accessibilityColumnCount,
+    accessibilityColumnIndex,
+    accessibilityColumnSpan,
+    accessibilityControls,
+    accessibilityCurrent,
+    accessibilityDescribedBy,
+    accessibilityDetails,
+    accessibilityDisabled,
+    accessibilityErrorMessage,
+    accessibilityExpanded,
+    accessibilityFlowTo,
+    accessibilityHasPopup,
+    accessibilityHidden,
+    accessibilityInvalid,
+    accessibilityKeyShortcuts,
+    accessibilityLabel,
+    accessibilityLabelledBy,
+    accessibilityLevel,
+    accessibilityLiveRegion,
+    accessibilityModal,
+    accessibilityMultiline,
+    accessibilityMultiSelectable,
+    accessibilityOrientation,
+    accessibilityOwns,
+    accessibilityPlaceholder,
+    accessibilityPosInSet,
+    accessibilityPressed,
+    accessibilityReadOnly,
+    accessibilityRequired,
+    /* eslint-disable */
+    accessibilityRole,
+    /* eslint-enable */
+    accessibilityRoleDescription,
+    accessibilityRowCount,
+    accessibilityRowIndex,
+    accessibilityRowSpan,
+    accessibilitySelected,
+    accessibilitySetSize,
+    accessibilitySort,
+    accessibilityValueMax,
+    accessibilityValueMin,
+    accessibilityValueNow,
+    accessibilityValueText,
+    dataSet,
+    focusable,
+    nativeID,
+    pointerEvents,
+    style,
+    testID,
+    id,
+    // Rest
+    ...domProps
+  } = props, disabled = accessibilityDisabled, role = import_AccessibilityUtil.default.propsToAriaRole(props);
+  accessibilityActiveDescendant != null && (domProps["aria-activedescendant"] = accessibilityActiveDescendant), accessibilityAtomic != null && (domProps["aria-atomic"] = accessibilityAtomic), accessibilityAutoComplete != null && (domProps["aria-autocomplete"] = accessibilityAutoComplete), accessibilityBusy != null && (domProps["aria-busy"] = accessibilityBusy), accessibilityChecked != null && (domProps["aria-checked"] = accessibilityChecked), accessibilityColumnCount != null && (domProps["aria-colcount"] = accessibilityColumnCount), accessibilityColumnIndex != null && (domProps["aria-colindex"] = accessibilityColumnIndex), accessibilityColumnSpan != null && (domProps["aria-colspan"] = accessibilityColumnSpan), accessibilityControls != null && (domProps["aria-controls"] = processIDRefList(accessibilityControls)), accessibilityCurrent != null && (domProps["aria-current"] = accessibilityCurrent), accessibilityDescribedBy != null && (domProps["aria-describedby"] = processIDRefList(accessibilityDescribedBy)), accessibilityDetails != null && (domProps["aria-details"] = accessibilityDetails), disabled === !0 && (domProps["aria-disabled"] = !0, (elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") && (domProps.disabled = !0)), accessibilityErrorMessage != null && (domProps["aria-errormessage"] = accessibilityErrorMessage), accessibilityExpanded != null && (domProps["aria-expanded"] = accessibilityExpanded), accessibilityFlowTo != null && (domProps["aria-flowto"] = processIDRefList(accessibilityFlowTo)), accessibilityHasPopup != null && (domProps["aria-haspopup"] = accessibilityHasPopup), accessibilityHidden === !0 && (domProps["aria-hidden"] = accessibilityHidden), accessibilityInvalid != null && (domProps["aria-invalid"] = accessibilityInvalid), accessibilityKeyShortcuts != null && Array.isArray(accessibilityKeyShortcuts) && (domProps["aria-keyshortcuts"] = accessibilityKeyShortcuts.join(" ")), accessibilityLabel != null && (domProps["aria-label"] = accessibilityLabel), accessibilityLabelledBy != null && (domProps["aria-labelledby"] = processIDRefList(accessibilityLabelledBy)), accessibilityLevel != null && (domProps["aria-level"] = accessibilityLevel), accessibilityLiveRegion != null && (domProps["aria-live"] = accessibilityLiveRegion === "none" ? "off" : accessibilityLiveRegion), accessibilityModal != null && (domProps["aria-modal"] = accessibilityModal), accessibilityMultiline != null && (domProps["aria-multiline"] = accessibilityMultiline), accessibilityMultiSelectable != null && (domProps["aria-multiselectable"] = accessibilityMultiSelectable), accessibilityOrientation != null && (domProps["aria-orientation"] = accessibilityOrientation), accessibilityOwns != null && (domProps["aria-owns"] = processIDRefList(accessibilityOwns)), accessibilityPlaceholder != null && (domProps["aria-placeholder"] = accessibilityPlaceholder), accessibilityPosInSet != null && (domProps["aria-posinset"] = accessibilityPosInSet), accessibilityPressed != null && (domProps["aria-pressed"] = accessibilityPressed), accessibilityReadOnly != null && (domProps["aria-readonly"] = accessibilityReadOnly, (elementType === "input" || elementType === "select" || elementType === "textarea") && (domProps.readOnly = !0)), accessibilityRequired != null && (domProps["aria-required"] = accessibilityRequired, (elementType === "input" || elementType === "select" || elementType === "textarea") && (domProps.required = !0)), role != null && (domProps.role = role === "none" ? "presentation" : role), accessibilityRoleDescription != null && (domProps["aria-roledescription"] = accessibilityRoleDescription), accessibilityRowCount != null && (domProps["aria-rowcount"] = accessibilityRowCount), accessibilityRowIndex != null && (domProps["aria-rowindex"] = accessibilityRowIndex), accessibilityRowSpan != null && (domProps["aria-rowspan"] = accessibilityRowSpan), accessibilitySelected != null && (domProps["aria-selected"] = accessibilitySelected), accessibilitySetSize != null && (domProps["aria-setsize"] = accessibilitySetSize), accessibilitySort != null && (domProps["aria-sort"] = accessibilitySort), accessibilityValueMax != null && (domProps["aria-valuemax"] = accessibilityValueMax), accessibilityValueMin != null && (domProps["aria-valuemin"] = accessibilityValueMin), accessibilityValueNow != null && (domProps["aria-valuenow"] = accessibilityValueNow), accessibilityValueText != null && (domProps["aria-valuetext"] = accessibilityValueText);
+  const tmgCN = dataSet ? dataSet.className : void 0, tmgID = dataSet ? dataSet.id : void 0;
+  if (dataSet != null) {
+    for (const dataProp in dataSet)
+      if (!(dataProp === "className" || dataProp === "id") && hasOwnProperty.call(dataSet, dataProp)) {
+        const dataName = hyphenateString(dataProp), dataValue = dataSet[dataProp];
+        dataValue != null && (domProps[`data-${dataName}`] = dataValue);
+      }
+  }
+  focusable === !1 && (domProps.tabIndex = "-1"), // These native elements are keyboard focusable by default
+  elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea" ? (focusable === !1 || accessibilityDisabled === !0) && (domProps.tabIndex = "-1") : /* These roles are made keyboard focusable by default */ role === "button" || role === "checkbox" || role === "link" || role === "radio" || role === "textbox" || role === "switch" ? focusable !== !1 && (domProps.tabIndex = "0") : focusable === !0 && (domProps.tabIndex = "0");
+  const flat = [].concat(style).flat().flat().flat().flat().reduce((acc, cur) => (cur && Object.assign(acc, cur), acc), {});
+  let className = tmgCN || "";
+  props.className && (className += ` ${props.className}`);
+  const stylesAtomic = (0, import_web.getStylesAtomic)(flat);
+  stylesFromProps.set(domProps, stylesAtomic), domProps.style = stylesAtomic.reduce((acc, [key, value]) => key[0] === "_" || key.startsWith("is_") || key.startsWith("font_") ? (className += ` ${key}`, acc) : (key === "$$css" || key === "" || (acc[key] = value), acc), {}), className && (domProps.className = className);
+  const _id = tmgID || id || nativeID;
+  return _id && (domProps.id = _id), testID != null && (domProps["data-testid"] = testID), domProps;
+};
+var createDOMProps_default = createDOMProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/modules/createEventHandle/__tests__/index-test.js

@@ -0,0 +1,242 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+));
+var import_dom_event_testing_library = require("dom-event-testing-library"), React = __toESM(require("react")), ReactDOM = __toESM(require("react-dom")), ReactDOMServer = __toESM(require("react-dom/server")), import_test_utils = require("react-dom/test-utils"), import__ = __toESM(require("..")), import_jsx_runtime = require("react/jsx-runtime");
+function createRoot(rootNode) {
+  return {
+    render(element) {
+      ReactDOM.render(element, rootNode);
+    }
+  };
+}
+describe("create-event-handle", () => {
+  let root, rootNode;
+  beforeEach(() => {
+    rootNode = document.createElement("div"), document.body.appendChild(rootNode), root = createRoot(rootNode);
+  }), afterEach(() => {
+    root.render(null), document.body.removeChild(rootNode), rootNode = null, root = null;
+  }), test("can render correctly using ReactDOMServer", () => {
+    const listener = jest.fn(), targetRef = React.createRef(), addClickListener = (0, import__.default)("click");
+    function Component() {
+      return React.useEffect(() => addClickListener(targetRef.current, listener)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef });
+    }
+    const output = ReactDOMServer.renderToString(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+    expect(output).toBe('<div data-reactroot=""></div>');
+  }), describe("createEventTarget()", () => {
+    test("event dispatched on target", () => {
+      const listener = jest.fn(), targetRef = React.createRef(), addClickListener = (0, import__.default)("click");
+      function Component() {
+        return React.useEffect(() => addClickListener(targetRef.current, listener)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      });
+      const target = (0, import_dom_event_testing_library.createEventTarget)(targetRef.current);
+      (0, import_test_utils.act)(() => {
+        target.click();
+      }), expect(listener).toBeCalledTimes(1);
+    }), test("event dispatched on parent", () => {
+      const listener = jest.fn(), listenerCapture = jest.fn(), targetRef = React.createRef(), parentRef = React.createRef(), addClickListener = (0, import__.default)("click"), addClickCaptureListener = (0, import__.default)("click", {
+        capture: !0
+      });
+      function Component() {
+        return React.useEffect(() => {
+          const removeClickListener = addClickListener(targetRef.current, listener), removeClickCaptureListener = addClickCaptureListener(
+            targetRef.current,
+            listenerCapture
+          );
+          return () => {
+            removeClickListener(), removeClickCaptureListener();
+          };
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: parentRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef }) });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      });
+      const parent = (0, import_dom_event_testing_library.createEventTarget)(parentRef.current);
+      (0, import_test_utils.act)(() => {
+        parent.click();
+      }), expect(listener).toBeCalledTimes(0), expect(listenerCapture).toBeCalledTimes(0);
+    }), test("event dispatched on child", () => {
+      const log = [], listener = jest.fn(() => {
+        log.push("bubble");
+      }), listenerCapture = jest.fn(() => {
+        log.push("capture");
+      }), targetRef = React.createRef(), childRef = React.createRef(), addClickListener = (0, import__.default)("click"), addClickCaptureListener = (0, import__.default)("click", {
+        capture: !0
+      });
+      function Component() {
+        return React.useEffect(() => {
+          const removeClickListener = addClickListener(targetRef.current, listener), removeClickCaptureListener = addClickCaptureListener(
+            targetRef.current,
+            listenerCapture
+          );
+          return () => {
+            removeClickListener(), removeClickCaptureListener();
+          };
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: childRef }) });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      });
+      const child = (0, import_dom_event_testing_library.createEventTarget)(childRef.current);
+      (0, import_test_utils.act)(() => {
+        child.click();
+      }), expect(listenerCapture).toBeCalledTimes(1), expect(listener).toBeCalledTimes(1), expect(log).toEqual(["capture", "bubble"]);
+    }), test("event dispatched on text node", () => {
+      const listener = jest.fn(), targetRef = React.createRef(), childRef = React.createRef(), addClickListener = (0, import__.default)("click");
+      function Component() {
+        return React.useEffect(() => addClickListener(targetRef.current, listener)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: childRef, children: "text" }) });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      });
+      const text = (0, import_dom_event_testing_library.createEventTarget)(childRef.current.firstChild);
+      (0, import_test_utils.act)(() => {
+        text.click();
+      }), expect(listener).toBeCalledTimes(1);
+    }), test("listener can be attached to document", () => {
+      const listener = jest.fn(), targetRef = React.createRef(), addClickListener = (0, import__.default)("click");
+      function Component({ target: target2 }) {
+        return React.useEffect(() => addClickListener(target2, listener)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { target: document }));
+      });
+      const target = (0, import_dom_event_testing_library.createEventTarget)(targetRef.current);
+      (0, import_test_utils.act)(() => {
+        target.click();
+      }), expect(listener).toBeCalledTimes(1);
+    }), test("listener can be attached to window ", () => {
+      const listener = jest.fn(), targetRef = React.createRef(), addClickListener = (0, import__.default)("click");
+      function Component({ target: target2 }) {
+        return React.useEffect(() => addClickListener(target2, listener)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { target: window }));
+      });
+      const target = (0, import_dom_event_testing_library.createEventTarget)(targetRef.current);
+      (0, import_test_utils.act)(() => {
+        target.click();
+      }), expect(listener).toBeCalledTimes(1);
+    }), test("custom event dispatched on target", () => {
+      const listener = jest.fn(), targetRef = React.createRef(), addMagicEventListener = (0, import__.default)("magic-event");
+      function Component() {
+        return React.useEffect(() => addMagicEventListener(targetRef.current, listener)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      }), (0, import_test_utils.act)(() => {
+        const event = new CustomEvent("magic-event", { bubbles: !0 });
+        targetRef.current.dispatchEvent(event);
+      }), expect(listener).toBeCalledTimes(1);
+    }), test("listeners can be set on multiple targets simultaneously", () => {
+      const log = [], targetRef = React.createRef(), parentRef = React.createRef(), childRef = React.createRef(), addClickListener = (0, import__.default)("click"), addClickCaptureListener = (0, import__.default)("click", {
+        capture: !0
+      }), listener = jest.fn((e) => {
+        log.push(["bubble", e.currentTarget.id]);
+      }), listenerCapture = jest.fn((e) => {
+        log.push(["capture", e.currentTarget.id]);
+      });
+      function Component() {
+        return React.useEffect(() => {
+          addClickListener(targetRef.current, listener), addClickListener(parentRef.current, listener), addClickCaptureListener(targetRef.current, listenerCapture), addClickCaptureListener(parentRef.current, listenerCapture);
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "parent", ref: parentRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "target", ref: targetRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: childRef }) }) });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      });
+      const child = (0, import_dom_event_testing_library.createEventTarget)(childRef.current);
+      (0, import_test_utils.act)(() => {
+        child.click();
+      }), expect(listenerCapture).toBeCalledTimes(2), expect(listener).toBeCalledTimes(2), expect(log).toEqual([
+        ["capture", "parent"],
+        ["capture", "target"],
+        ["bubble", "target"],
+        ["bubble", "parent"]
+      ]);
+    }), test("listeners are specific to each event handle", () => {
+      const log = [], targetRef = React.createRef(), childRef = React.createRef(), addClickListener = (0, import__.default)("click"), addClickAltListener = (0, import__.default)("click"), addClickCaptureListener = (0, import__.default)("click", {
+        capture: !0
+      }), addClickCaptureAltListener = (0, import__.default)("click", {
+        capture: !0
+      }), listener = jest.fn((e) => {
+        log.push(["bubble", "target"]);
+      }), listenerAlt = jest.fn((e) => {
+        log.push(["bubble", "target-alt"]);
+      }), listenerCapture = jest.fn((e) => {
+        log.push(["capture", "target"]);
+      }), listenerCaptureAlt = jest.fn((e) => {
+        log.push(["capture", "target-alt"]);
+      });
+      function Component() {
+        return React.useEffect(() => {
+          addClickListener(targetRef.current, listener), addClickAltListener(targetRef.current, listenerAlt), addClickCaptureListener(targetRef.current, listenerCapture), addClickCaptureAltListener(targetRef.current, listenerCaptureAlt);
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "target", ref: targetRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: childRef }) });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      });
+      const child = (0, import_dom_event_testing_library.createEventTarget)(childRef.current);
+      (0, import_test_utils.act)(() => {
+        child.click();
+      }), expect(listenerCapture).toBeCalledTimes(1), expect(listenerCaptureAlt).toBeCalledTimes(1), expect(listener).toBeCalledTimes(1), expect(listenerAlt).toBeCalledTimes(1), expect(log).toEqual([
+        ["capture", "target"],
+        ["capture", "target-alt"],
+        ["bubble", "target"],
+        ["bubble", "target-alt"]
+      ]);
+    });
+  }), describe("stopPropagation and stopImmediatePropagation", () => {
+    test("stopPropagation works as expected", () => {
+      const childListener = jest.fn((e) => {
+        e.stopPropagation();
+      }), targetListener = jest.fn(), targetRef = React.createRef(), childRef = React.createRef(), addClickListener = (0, import__.default)("click");
+      function Component() {
+        return React.useEffect(() => {
+          addClickListener(childRef.current, childListener), addClickListener(targetRef.current, targetListener);
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: childRef }) });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      });
+      const child = (0, import_dom_event_testing_library.createEventTarget)(childRef.current);
+      (0, import_test_utils.act)(() => {
+        child.click();
+      }), expect(childListener).toBeCalledTimes(1), expect(targetListener).toBeCalledTimes(0);
+    }), test("stopImmediatePropagation works as expected", () => {
+      const firstListener = jest.fn((e) => {
+        e.stopImmediatePropagation();
+      }), secondListener = jest.fn(), targetRef = React.createRef(), addFirstClickListener = (0, import__.default)("click"), addSecondClickListener = (0, import__.default)("click");
+      function Component() {
+        return React.useEffect(() => {
+          addFirstClickListener(targetRef.current, firstListener), addSecondClickListener(targetRef.current, secondListener);
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: targetRef });
+      }
+      (0, import_test_utils.act)(() => {
+        root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+      });
+      const target = (0, import_dom_event_testing_library.createEventTarget)(targetRef.current);
+      (0, import_test_utils.act)(() => {
+        target.click();
+      }), expect(firstListener).toBeCalledTimes(1), expect(secondListener).toBeCalledTimes(0);
+    });
+  });
+});
+//# sourceMappingURL=index-test.js.map

package/dist/cjs/modules/createEventHandle/index.js

@@ -0,0 +1,74 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var createEventHandle_exports = {};
+__export(createEventHandle_exports, {
+  default: () => createEventHandle
+});
+module.exports = __toCommonJS(createEventHandle_exports);
+var import_canUseDOM = __toESM(require("../canUseDOM"));
+const emptyFunction = () => {
+};
+function supportsPassiveEvents() {
+  let supported = !1;
+  if (import_canUseDOM.default)
+    try {
+      const options = {};
+      Object.defineProperty(options, "passive", {
+        get() {
+          return supported = !0, !1;
+        }
+      }), window.addEventListener("test", null, options), window.removeEventListener("test", null, options);
+    } catch {
+    }
+  return supported;
+}
+const canUsePassiveEvents = supportsPassiveEvents();
+function getOptions(options) {
+  return options == null ? !1 : canUsePassiveEvents ? options : !!options.capture;
+}
+function isPropagationStopped() {
+  return this.cancelBubble;
+}
+function isDefaultPrevented() {
+  return this.defaultPrevented;
+}
+function normalizeEvent(event) {
+  return event.nativeEvent = event, event.persist = emptyFunction, event.isDefaultPrevented = isDefaultPrevented, event.isPropagationStopped = isPropagationStopped, event;
+}
+function createEventHandle(type, options) {
+  const opts = getOptions(options);
+  return function(target, listener) {
+    if (target == null || typeof target.addEventListener != "function")
+      throw new Error("createEventHandle: called on an invalid target.");
+    const element = target;
+    if (listener != null) {
+      const compatListener = (e) => listener(normalizeEvent(e));
+      return element.addEventListener(type, compatListener, opts), function() {
+        element?.removeEventListener(type, compatListener, opts);
+      };
+    } else
+      return emptyFunction;
+  };
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/modules/dismissKeyboard/index.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var dismissKeyboard_exports = {};
+__export(dismissKeyboard_exports, {
+  default: () => dismissKeyboard_default
+});
+module.exports = __toCommonJS(dismissKeyboard_exports);
+var import_TextInputState = __toESM(require("../TextInputState/index"));
+const dismissKeyboard = () => {
+  import_TextInputState.default.blurTextInput(import_TextInputState.default.currentlyFocusedField());
+};
+var dismissKeyboard_default = dismissKeyboard;
+//# sourceMappingURL=index.js.map

package/dist/cjs/modules/forwardedProps/index.js

@@ -0,0 +1,145 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var forwardedProps_exports = {};
+__export(forwardedProps_exports, {
+  accessibilityProps: () => accessibilityProps,
+  clickProps: () => clickProps,
+  defaultProps: () => defaultProps,
+  focusProps: () => focusProps,
+  forwardPropsListText: () => forwardPropsListText,
+  forwardPropsListView: () => forwardPropsListView,
+  forwardedProps: () => forwardedProps,
+  keyboardProps: () => keyboardProps,
+  mouseProps: () => mouseProps,
+  styleProps: () => styleProps,
+  touchProps: () => touchProps
+});
+module.exports = __toCommonJS(forwardedProps_exports);
+const defaultProps = {
+  children: !0,
+  dataSet: !0,
+  nativeID: !0,
+  ref: !0,
+  suppressHydrationWarning: !0,
+  testID: !0,
+  id: !0
+}, accessibilityProps = {
+  accessibilityActiveDescendant: !0,
+  accessibilityAtomic: !0,
+  accessibilityAutoComplete: !0,
+  accessibilityBusy: !0,
+  accessibilityChecked: !0,
+  accessibilityColumnCount: !0,
+  accessibilityColumnIndex: !0,
+  accessibilityColumnSpan: !0,
+  accessibilityControls: !0,
+  accessibilityCurrent: !0,
+  accessibilityDescribedBy: !0,
+  accessibilityDetails: !0,
+  accessibilityDisabled: !0,
+  accessibilityErrorMessage: !0,
+  accessibilityExpanded: !0,
+  accessibilityFlowTo: !0,
+  accessibilityHasPopup: !0,
+  accessibilityHidden: !0,
+  accessibilityInvalid: !0,
+  accessibilityKeyShortcuts: !0,
+  accessibilityLabel: !0,
+  accessibilityLabelledBy: !0,
+  accessibilityLevel: !0,
+  accessibilityLiveRegion: !0,
+  accessibilityModal: !0,
+  accessibilityMultiline: !0,
+  accessibilityMultiSelectable: !0,
+  accessibilityOrientation: !0,
+  accessibilityOwns: !0,
+  accessibilityPlaceholder: !0,
+  accessibilityPosInSet: !0,
+  accessibilityPressed: !0,
+  accessibilityReadOnly: !0,
+  accessibilityRequired: !0,
+  accessibilityRole: !0,
+  accessibilityRoleDescription: !0,
+  accessibilityRowCount: !0,
+  accessibilityRowIndex: !0,
+  accessibilityRowSpan: !0,
+  accessibilitySelected: !0,
+  accessibilitySetSize: !0,
+  accessibilitySort: !0,
+  accessibilityValueMax: !0,
+  accessibilityValueMin: !0,
+  accessibilityValueNow: !0,
+  accessibilityValueText: !0,
+  dir: !0,
+  focusable: !0
+}, clickProps = {
+  onClick: !0,
+  onClickCapture: !0,
+  onContextMenu: !0
+}, focusProps = {
+  onBlur: !0,
+  onFocus: !0
+}, keyboardProps = {
+  onKeyDown: !0,
+  onKeyDownCapture: !0,
+  onKeyUp: !0,
+  onKeyUpCapture: !0
+}, mouseProps = {
+  onMouseDown: !0,
+  onMouseEnter: !0,
+  onMouseLeave: !0,
+  onMouseMove: !0,
+  onMouseOver: !0,
+  onMouseOut: !0,
+  onMouseUp: !0
+}, touchProps = {
+  onTouchCancel: !0,
+  onTouchCancelCapture: !0,
+  onTouchEnd: !0,
+  onTouchEndCapture: !0,
+  onTouchMove: !0,
+  onTouchMoveCapture: !0,
+  onTouchStart: !0,
+  onTouchStartCapture: !0
+}, styleProps = {
+  classList: !0,
+  style: !0
+}, forwardedProps = {
+  defaultProps,
+  accessibilityProps,
+  clickProps,
+  focusProps,
+  keyboardProps,
+  mouseProps,
+  touchProps,
+  styleProps
+}, forwardPropsListText = {
+  ...defaultProps,
+  ...accessibilityProps,
+  ...clickProps,
+  ...focusProps,
+  ...keyboardProps,
+  ...mouseProps,
+  ...touchProps,
+  ...styleProps,
+  href: !0,
+  lang: !0,
+  pointerEvents: !0
+}, forwardPropsListView = {
+  ...forwardPropsListText,
+  onScroll: !0,
+  onWheel: !0
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/modules/getBoundingClientRect/index.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var getBoundingClientRect_exports = {};
+__export(getBoundingClientRect_exports, {
+  default: () => getBoundingClientRect_default
+});
+module.exports = __toCommonJS(getBoundingClientRect_exports);
+const getBoundingClientRect = (node) => {
+  if (node != null && node.nodeType === 1 && typeof node.getBoundingClientRect == "function")
+    return node.getBoundingClientRect();
+};
+var getBoundingClientRect_default = getBoundingClientRect;
+//# sourceMappingURL=index.js.map