main repo

node_modules/@radix-ui/react-use-size/dist/index.mjs

@@ -0,0 +1,41 @@
+// packages/react/use-size/src/useSize.tsx
+import * as React from "react";
+import { useLayoutEffect } from "@radix-ui/react-use-layout-effect";
+function useSize(element) {
+  const [size, setSize] = React.useState(void 0);
+  useLayoutEffect(() => {
+    if (element) {
+      setSize({ width: element.offsetWidth, height: element.offsetHeight });
+      const resizeObserver = new ResizeObserver((entries) => {
+        if (!Array.isArray(entries)) {
+          return;
+        }
+        if (!entries.length) {
+          return;
+        }
+        const entry = entries[0];
+        let width;
+        let height;
+        if ("borderBoxSize" in entry) {
+          const borderSizeEntry = entry["borderBoxSize"];
+          const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+          width = borderSize["inlineSize"];
+          height = borderSize["blockSize"];
+        } else {
+          width = element.offsetWidth;
+          height = element.offsetHeight;
+        }
+        setSize({ width, height });
+      });
+      resizeObserver.observe(element, { box: "border-box" });
+      return () => resizeObserver.unobserve(element);
+    } else {
+      setSize(void 0);
+    }
+  }, [element]);
+  return size;
+}
+export {
+  useSize
+};
+//# sourceMappingURL=index.mjs.map