@gearbox-protocol/ui-kit 3.14.0-next.8 → 4.0.0-next.1

package/dist/esm/hooks/use-media-query.js

@@ -1,19 +1,52 @@
-import { useState as c, useEffect as m } from "react";
-function t(n) {
-  const [s, a] = c(!1);
-  return m(() => {
-    const e = window.matchMedia(n);
-    e.matches !== s && a(e.matches);
-    const i = () => a(e.matches);
-    return e.addEventListener("change", i), () => e.removeEventListener("change", i);
-  }, [s, n]), s;
+import { useState as l, useEffect as u } from "react";
+import { useBreakpointContext as o, BREAKPOINT_QUERIES as c } from "../components/breakpoint-provider.js";
+function n(t, e = !0) {
+  const [i, a] = l(!1);
+  return u(() => {
+    if (!e)
+      return;
+    const s = window.matchMedia(t);
+    s.matches !== i && a(s.matches);
+    const r = () => a(s.matches);
+    return s.addEventListener("change", r), () => s.removeEventListener("change", r);
+  }, [i, t, e]), i;
 }
-const d = () => t("(max-width: 500px)"), h = () => t("(max-width: 768px)"), r = () => t("(min-width: 768px) and (max-width: 1024px)"), u = () => t("(max-width: 1024px)"), x = () => t("(min-width: 1024px)");
+const f = () => {
+  const t = o(), e = n(
+    c.isExtraSmall,
+    t === void 0
+  );
+  return t?.isExtraSmall ?? e;
+}, b = () => {
+  const t = o(), e = n(
+    c.isMobile,
+    t === void 0
+  );
+  return t?.isMobile ?? e;
+}, x = () => {
+  const t = o(), e = n(
+    c.isTablet,
+    t === void 0
+  );
+  return t?.isTablet ?? e;
+}, k = () => {
+  const t = o(), e = n(
+    c.isMedium,
+    t === void 0
+  );
+  return t?.isMedium ?? e;
+}, E = () => {
+  const t = o(), e = n(
+    c.isDesktop,
+    t === void 0
+  );
+  return t?.isDesktop ?? e;
+};
 export {
-  x as useIsDesktop,
-  d as useIsExtraSmall,
-  u as useIsMedium,
-  h as useIsMobile,
-  r as useIsTablet,
-  t as useMediaQuery
+  E as useIsDesktop,
+  f as useIsExtraSmall,
+  k as useIsMedium,
+  b as useIsMobile,
+  x as useIsTablet,
+  n as useMediaQuery
 };