welcome-ui 10.5.0 → 10.5.1

package/dist/Swiper.js

@@ -3,7 +3,7 @@ import './Swiper.css';
 import { jsx as $ } from "react/jsx-runtime";
 import { a as z, g as pe, c as K, u as fe } from "./index-B6iGEm-i.js";
 import { useRef as Z, useEffect as W, Children as se, cloneElement as ge, createContext as me, useContext as be, useState as H, useMemo as ee, useCallback as A } from "react";
-import { u as we } from "./use-viewport-GQu4vkby.js";
+import { u as we } from "./use-viewport-DuW6YjHT.js";
 import { Button as oe } from "./Button.js";
 import { Icon as le } from "./Icon.js";
 var Y, ae;

package/dist/use-viewport-DuW6YjHT.js

@@ -0,0 +1,20 @@
+"use client";
+import { useEffect as s, useLayoutEffect as u, useState as a, useRef as f } from "react";
+const m = typeof window > "u" ? s : u;
+function h() {
+  const [n, i] = a({ height: void 0, width: void 0 }), e = f();
+  return m(() => {
+    const t = new ResizeObserver(([o]) => {
+      const { blockSize: r, inlineSize: c } = o.contentBoxSize[0];
+      cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => {
+        i({ height: r, width: c });
+      });
+    });
+    return t.observe(document.documentElement), () => {
+      cancelAnimationFrame(e.current), t.disconnect();
+    };
+  }, []), n;
+}
+export {
+  h as u
+};

package/dist/utils.js

@@ -3,7 +3,7 @@ import './utils.css';
 import { u, b as f } from "./index-B6iGEm-i.js";
 import { c as b } from "./index-B6iGEm-i.js";
 import { f as S } from "./forwardRefWithAs-8eP3ZN15.js";
-import { u as p } from "./use-viewport-GQu4vkby.js";
+import { u as p } from "./use-viewport-DuW6YjHT.js";
 import { useState as a, useCallback as d } from "react";
 function y(e = "includeThreshold") {
   const { width: o } = p(), t = u(), i = o ?? (typeof window < "u" ? window.innerWidth : 0), c = (r) => e === "includeThreshold" ? i >= r : i > r, s = Object.keys(t).filter((r) => r !== "xxl").sort((r, n) => t[r] - t[n]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.5.0",
+  "version": "10.5.1",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"

package/dist/use-viewport-GQu4vkby.js

@@ -1,20 +0,0 @@
-"use client";
-import { useEffect as s, useLayoutEffect as u, useState as f, useRef as d } from "react";
-const m = typeof window > "u" ? s : u, S = 300;
-function z() {
-  const [o, i] = f({ height: void 0, width: void 0 }), e = d();
-  return m(() => {
-    const t = new ResizeObserver(([n]) => {
-      const { blockSize: c, inlineSize: r } = n.contentBoxSize[0];
-      clearTimeout(e.current), e.current = setTimeout(() => {
-        i({ height: c, width: r });
-      }, S);
-    });
-    return t.observe(document.documentElement), () => {
-      clearTimeout(e.current), t.disconnect();
-    };
-  }, []), o;
-}
-export {
-  z as u
-};