@tamagui/react-native-web-internals 2.0.0-rc.9 → 2.0.0

package/dist/cjs/modules/processColor/__tests__/index-test.cjs

@@ -2,13 +2,15 @@ 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 __getProtoOf = Object.getPrototypeOf;
+var __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
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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(
@@ -18,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
 var import__ = __toESM(require("../index.cjs"), 1);
 const platformSpecific = x => x;
@@ -26,41 +28,58 @@ describe("processColor", () => {
   describe("predefined color names", () => {
     it("should convert red", () => {
       const colorFromString = (0, import__.default)("red");
-      expect(colorFromString).toEqual(platformSpecific(4294901760));
-    }), it("should convert white", () => {
+      const expectedInt = 4294901760;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
+    });
+    it("should convert white", () => {
       const colorFromString = (0, import__.default)("white");
-      expect(colorFromString).toEqual(platformSpecific(4294967295));
-    }), it("should convert black", () => {
+      const expectedInt = 4294967295;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
+    });
+    it("should convert black", () => {
       const colorFromString = (0, import__.default)("black");
-      expect(colorFromString).toEqual(platformSpecific(4278190080));
-    }), it("should convert transparent", () => {
+      const expectedInt = 4278190080;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
+    });
+    it("should convert transparent", () => {
       const colorFromString = (0, import__.default)("transparent");
-      expect(colorFromString).toEqual(platformSpecific(0));
+      const expectedInt = 0;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-  }), describe("RGB strings", () => {
+  });
+  describe("RGB strings", () => {
     it("should convert rgb(x, y, z)", () => {
       const colorFromString = (0, import__.default)("rgb(10, 20, 30)");
-      expect(colorFromString).toEqual(platformSpecific(4278850590));
+      const expectedInt = 4278850590;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-  }), describe("RGBA strings", () => {
+  });
+  describe("RGBA strings", () => {
     it("should convert rgba(x, y, z, a)", () => {
       const colorFromString = (0, import__.default)("rgba(10, 20, 30, 0.4)");
-      expect(colorFromString).toEqual(platformSpecific(1711936542));
+      const expectedInt = 1711936542;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-  }), describe("HSL strings", () => {
+  });
+  describe("HSL strings", () => {
     it("should convert hsl(x, y%, z%)", () => {
       const colorFromString = (0, import__.default)("hsl(318, 69%, 55%)");
-      expect(colorFromString).toEqual(platformSpecific(4292558252));
+      const expectedInt = 4292558252;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-  }), describe("HSLA strings", () => {
+  });
+  describe("HSLA strings", () => {
     it("should convert hsla(x, y%, z%, a)", () => {
       const colorFromString = (0, import__.default)("hsla(318, 69%, 55%, 0.25)");
-      expect(colorFromString).toEqual(platformSpecific(1088109996));
+      const expectedInt = 1088109996;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-  }), describe("hex strings", () => {
+  });
+  describe("hex strings", () => {
     it("should convert #xxxxxx", () => {
       const colorFromString = (0, import__.default)("#1e83c9");
-      expect(colorFromString).toEqual(platformSpecific(4280189897));
+      const expectedInt = 4280189897;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
   });
 });

package/dist/cjs/modules/processColor/index.cjs

@@ -2,33 +2,35 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var processColor_exports = {};
 __export(processColor_exports, {
   processColor: () => processColor
@@ -36,7 +38,13 @@ __export(processColor_exports, {
 module.exports = __toCommonJS(processColor_exports);
 var import_normalize_css_color = __toESM(require("@tamagui/normalize-css-color"), 1);
 const processColor = color => {
-  if (color == null) return color;
+  if (color === void 0 || color === null) {
+    return color;
+  }
   let int32Color = (0, import_normalize_css_color.default)(color);
-  if (int32Color != null) return int32Color = (int32Color << 24 | int32Color >>> 8) >>> 0, int32Color;
+  if (int32Color === void 0 || int32Color === null) {
+    return void 0;
+  }
+  int32Color = (int32Color << 24 | int32Color >>> 8) >>> 0;
+  return int32Color;
 };

package/dist/cjs/modules/requestIdleCallback/index.cjs

@@ -3,20 +3,22 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var requestIdleCallback_exports = {};
 __export(requestIdleCallback_exports, {
@@ -26,19 +28,19 @@ __export(requestIdleCallback_exports, {
 module.exports = __toCommonJS(requestIdleCallback_exports);
 var import_canUseDOM = require("../canUseDOM.cjs");
 const _requestIdleCallback = function (cb, options) {
-    return setTimeout(() => {
-      const start = Date.now();
-      cb({
-        didTimeout: !1,
-        timeRemaining() {
-          return Math.max(0, 50 - (Date.now() - start));
-        }
-      });
-    }, 1);
-  },
-  _cancelIdleCallback = function (id) {
-    clearTimeout(id);
-  },
-  isSupported = import_canUseDOM.canUseDOM && typeof window.requestIdleCallback < "u",
-  requestIdleCallback = isSupported ? window.requestIdleCallback : _requestIdleCallback,
-  cancelIdleCallback = isSupported ? window.cancelIdleCallback : _cancelIdleCallback;
+  return setTimeout(() => {
+    const start = Date.now();
+    cb({
+      didTimeout: false,
+      timeRemaining() {
+        return Math.max(0, 50 - (Date.now() - start));
+      }
+    });
+  }, 1);
+};
+const _cancelIdleCallback = function (id) {
+  clearTimeout(id);
+};
+const isSupported = import_canUseDOM.canUseDOM && typeof window.requestIdleCallback !== "undefined";
+const requestIdleCallback = isSupported ? window.requestIdleCallback : _requestIdleCallback;
+const cancelIdleCallback = isSupported ? window.cancelIdleCallback : _cancelIdleCallback;

package/dist/cjs/modules/setValueForStyles/dangerousStyleValue.cjs

@@ -3,33 +3,53 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var dangerousStyleValue_exports = {};
 __export(dangerousStyleValue_exports, {
   dangerousStyleValue: () => dangerousStyleValue
 });
 module.exports = __toCommonJS(dangerousStyleValue_exports);
-var import_unitlessNumbers = require("../unitlessNumbers/index.cjs"),
-  import_normalizeValueWithProperty = require("../../StyleSheet/compiler/normalizeValueWithProperty.cjs");
+var import_unitlessNumbers = require("../unitlessNumbers/index.cjs");
+var import_normalizeValueWithProperty = require("../../StyleSheet/compiler/normalizeValueWithProperty.cjs");
 function dangerousStyleValue(name, value, isCustomProperty) {
-  var isEmpty = value == null || typeof value == "boolean" || value === "";
-  return isEmpty ? "" : (typeof value == "object" && typeof value.__getValue == "function" && (value = value.__getValue()), name === "transform" && Array.isArray(value) ? value.map(t => {
-    const key = Object.keys(t)[0];
-    let val = t[key];
-    return typeof val == "object" && typeof val.__getValue == "function" && (val = val.__getValue()), key === "matrix" || key === "matrix3d" ? `${key}(${val.join(",")})` : `${key}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key)})`;
-  }).join(" ") : !isCustomProperty && typeof value == "number" && value !== 0 && !(import_unitlessNumbers.unitlessNumbers.hasOwnProperty(name) && import_unitlessNumbers.unitlessNumbers[name]) ? value + "px" : ("" + value).trim());
+  var isEmpty = value == null || typeof value === "boolean" || value === "";
+  if (isEmpty) {
+    return "";
+  }
+  if (typeof value === "object" && typeof value.__getValue === "function") {
+    value = value.__getValue();
+  }
+  if (name === "transform" && Array.isArray(value)) {
+    return value.map(t => {
+      const key = Object.keys(t)[0];
+      let val = t[key];
+      if (typeof val === "object" && typeof val.__getValue === "function") {
+        val = val.__getValue();
+      }
+      if (key === "matrix" || key === "matrix3d") {
+        return `${key}(${val.join(",")})`;
+      }
+      return `${key}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key)})`;
+    }).join(" ");
+  }
+  if (!isCustomProperty && typeof value === "number" && value !== 0 && !(import_unitlessNumbers.unitlessNumbers.hasOwnProperty(name) && import_unitlessNumbers.unitlessNumbers[name])) {
+    return value + "px";
+  }
+  return ("" + value).trim();
 }

package/dist/cjs/modules/setValueForStyles/index.cjs

@@ -3,20 +3,22 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var setValueForStyles_exports = {};
 __export(setValueForStyles_exports, {
@@ -27,9 +29,18 @@ var import_dangerousStyleValue = require("./dangerousStyleValue.cjs");
 function setValueForStyles(node, styles) {
   const style = node.style;
   for (let styleName in styles) {
-    if (!styles.hasOwnProperty(styleName)) continue;
-    const isCustomProperty = styleName.indexOf("--") === 0,
-      styleValue = (0, import_dangerousStyleValue.dangerousStyleValue)(styleName, styles[styleName], isCustomProperty);
-    styleName === "float" && (styleName = "cssFloat"), isCustomProperty ? style.setProperty(styleName, styleValue) : style[styleName] = styleValue;
+    if (!styles.hasOwnProperty(styleName)) {
+      continue;
+    }
+    const isCustomProperty = styleName.indexOf("--") === 0;
+    const styleValue = (0, import_dangerousStyleValue.dangerousStyleValue)(styleName, styles[styleName], isCustomProperty);
+    if (styleName === "float") {
+      styleName = "cssFloat";
+    }
+    if (isCustomProperty) {
+      style.setProperty(styleName, styleValue);
+    } else {
+      style[styleName] = styleValue;
+    }
   }
 }

package/dist/cjs/modules/unitlessNumbers/index.cjs

@@ -3,20 +3,22 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var unitlessNumbers_exports = {};
 __export(unitlessNumbers_exports, {
@@ -24,60 +26,62 @@ __export(unitlessNumbers_exports, {
 });
 module.exports = __toCommonJS(unitlessNumbers_exports);
 const unitlessNumbers = {
-    animationIterationCount: !0,
-    aspectRatio: !0,
-    borderImageOutset: !0,
-    borderImageSlice: !0,
-    borderImageWidth: !0,
-    boxFlex: !0,
-    boxFlexGroup: !0,
-    boxOrdinalGroup: !0,
-    columnCount: !0,
-    flex: !0,
-    flexGrow: !0,
-    flexOrder: !0,
-    flexPositive: !0,
-    flexShrink: !0,
-    flexNegative: !0,
-    fontWeight: !0,
-    gap: !0,
-    columnGap: !0,
-    rowGap: !0,
-    gridRow: !0,
-    gridRowEnd: !0,
-    gridRowGap: !0,
-    gridRowStart: !0,
-    gridColumn: !0,
-    gridColumnEnd: !0,
-    gridColumnGap: !0,
-    gridColumnStart: !0,
-    lineClamp: !0,
-    opacity: !0,
-    order: !0,
-    orphans: !0,
-    tabSize: !0,
-    widows: !0,
-    zIndex: !0,
-    zoom: !0,
-    // SVG-related
-    fillOpacity: !0,
-    floodOpacity: !0,
-    stopOpacity: !0,
-    strokeDasharray: !0,
-    strokeDashoffset: !0,
-    strokeMiterlimit: !0,
-    strokeOpacity: !0,
-    strokeWidth: !0,
-    // transform types
-    scale: !0,
-    scaleX: !0,
-    scaleY: !0,
-    scaleZ: !0,
-    // RN properties
-    shadowOpacity: !0
-  },
-  prefixes = ["ms", "Moz", "O", "Webkit"],
-  prefixKey = (prefix, key) => prefix + key.charAt(0).toUpperCase() + key.substring(1);
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  boxFlex: true,
+  boxFlexGroup: true,
+  boxOrdinalGroup: true,
+  columnCount: true,
+  flex: true,
+  flexGrow: true,
+  flexOrder: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  fontWeight: true,
+  gap: true,
+  columnGap: true,
+  rowGap: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowGap: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnGap: true,
+  gridColumnStart: true,
+  lineClamp: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  tabSize: true,
+  widows: true,
+  zIndex: true,
+  zoom: true,
+  // SVG-related
+  fillOpacity: true,
+  floodOpacity: true,
+  stopOpacity: true,
+  strokeDasharray: true,
+  strokeDashoffset: true,
+  strokeMiterlimit: true,
+  strokeOpacity: true,
+  strokeWidth: true,
+  // transform types
+  scale: true,
+  scaleX: true,
+  scaleY: true,
+  scaleZ: true,
+  // RN properties
+  shadowOpacity: true
+};
+const prefixes = ["ms", "Moz", "O", "Webkit"];
+const prefixKey = (prefix, key) => {
+  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+};
 Object.keys(unitlessNumbers).forEach(prop => {
   prefixes.forEach(prefix => {
     unitlessNumbers[prefixKey(prefix, prop)] = unitlessNumbers[prop];

package/dist/cjs/modules/useElementLayout/index.cjs

@@ -3,37 +3,42 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
   useElementLayout: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
-var import_use_element_layout = require("@tamagui/use-element-layout"),
-  import_react = require("react");
+var import_use_element_layout = require("@tamagui/use-element-layout");
+var import_react = require("react");
 function useElementLayout(ref, onLayout) {
-  const wrappedRef = (0, import_react.useMemo)(() => ({
-    current: {
-      get host() {
-        return ref.current;
+  const wrappedRef = (0, import_react.useMemo)(() => {
+    return {
+      current: {
+        get host() {
+          return ref.current;
+        }
       }
-    }
-  }), [ref]);
-  return (0, import_react.useEffect)(() => {
+    };
+  }, [ref]);
+  (0, import_react.useEffect)(() => {
     (0, import_use_element_layout.enable)();
-  }, []), (0, import_use_element_layout.useElementLayout)(wrappedRef, onLayout);
+  }, []);
+  return (0, import_use_element_layout.useElementLayout)(wrappedRef, onLayout);
 }