@gearbox-protocol/ui-kit 3.14.0-next.65 → 3.14.0-next.67

package/dist/esm/components/tokens-list-cell/tokens-list-cell.js

@@ -1,217 +1,60 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import * as M from "react";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import * as O from "react";
 import { TokenIcon as z } from "../token-icon/token-icon.js";
 import "../tooltip/simple-tooltip.js";
-import { TooltipProvider as y, Tooltip as T, TooltipTrigger as k, TooltipContent as b } from "../tooltip/tooltip.js";
+import { TooltipProvider as T, Tooltip as k, TooltipTrigger as y, TooltipContent as v } from "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk";
-import { cn as v } from "../../utils/cn.js";
+import { cn as w } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import "../accordion/accordion.js";
-import "@gearbox-protocol/static";
-import "@fortawesome/free-solid-svg-icons";
-import "../icons/fa-icon.js";
-import "../alert-badge/alert-badge.js";
-import "../alert-dialog/alert-dialog.js";
-import "../alert-modal/alert-modal.js";
-import "react-intl";
-import "../arc-loader/arc-loader.js";
-import "../asset-line/asset-line.js";
-import "../buttons/back-button/back-button.js";
-import "../buttons/button/button.js";
-import "../buttons/copy-button/copy-button.js";
-import "../buttons/external-button/external-button.js";
-import "../buttons/filter-button/filter-button.js";
-import "../buttons/navigation-button/navigation-button.js";
-import "../buttons/tab-button/tab-button.js";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
-import "../avatar/avatar.js";
-import "../badge/badge.js";
-import "../base-link/base-link.js";
-import "../navigation-context/navigation-context.js";
-import "../button-checkbox/button-checkbox.js";
-import "../card-grid/card-grid.js";
-import "../cards/card/card.js";
-import "../carousel/carousel.js";
-import "../checkbox/checkbox.js";
-import "../checkbox/checkbox-labeled.js";
-import "../checkbox-item/checkbox-item.js";
-import "../client-adapters/styled-button/styled-button.js";
-import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../colored-text/colored-text.js";
-import "../input/input.js";
-import "../with-title/with-title.js";
-import "../smart-number-input/balance-indicator.js";
-import "../smart-number-input/smart-number-input.js";
-import "../composites/credit-account-history/credit-account-history.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../typography/typography.js";
-import "../table/grid-table.js";
-import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
-import "../help-tip/help-tip.js";
-import "../description/description.js";
-import "../confirm-menu/confirm-menu.js";
-import "../dialog/dialog-modal-container.js";
-import "../text-button/text-button.js";
-import "../vertical-indicator/vertical-indicator.js";
-import "../points-icon/points-icon.js";
-import "../skeleton/skeleton.js";
-import "../vertical-list/vertical-list.js";
-import "../rounded-image/rounded-image.js";
-import "../progress/progress.js";
-import "../pool-indicator-icon/pool-indicator-icon.js";
-import "../composites/strategies-table/components/feature/feature.styles.js";
-import "viem";
-import "../icon-button/icon-button.js";
-import "../separate-line/separate-line.js";
-import "../tip-card/tip-card.js";
-import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
-import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
-import "../composites/tx-preview/confirm/dialog/constants.js";
-import "../modal/modal.js";
-import "../dialog/dialog-container.js";
-import "../spinner-loader/spinner-loader.js";
-import "../currency-button/currency-button.js";
-import "../detailed-apy/detailed-apy.js";
-import "../detailed-page-title/detailed-page-title.js";
-import "../detailed-page-title/detailed-page-title-copy-button.js";
-import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "@radix-ui/react-dialog";
-import "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import "../dialog/dialog-footer.js";
-import "../dialog/dialog-header.js";
-import "../dialog/dialog-title.js";
-import "../dialog/dialog-overlay.js";
-import "../label/label.js";
-import "../dropdown-menu/dropdown-menu.js";
-import "../dropdown-menu/dropdown-menu-checkbox-item.js";
-import "../dropdown-menu/dropdown-menu-content.js";
-import "../dropdown-menu/dropdown-menu-item.js";
-import "../dropdown-menu/dropdown-menu-label.js";
-import "../dropdown-menu/dropdown-menu-radio-item.js";
-import "../dropdown-menu/dropdown-menu-separator.js";
-import "../dropdown-menu/dropdown-menu-shortcut.js";
-import "../dropdown-menu/dropdown-menu-sub-content.js";
-import "../dropdown-menu/dropdown-menu-sub-trigger.js";
-import "../edit-input/edit-input.js";
-import "../fadeout-loading/fadeout-loading.js";
-import "../filter/filter-block.js";
-import "../filter/filter-checkbox-item.js";
-import "../filter/filter-chip.js";
-import "../filter/filter-chips.js";
-import "../filter/filter-dropdown-item.js";
-import "../filter/filter-group.js";
-import "../filter/filter-label.js";
-import "../search-line/search-line.js";
-import "../tabs/tabs.js";
-import "../filter/filter-modal-item.js";
-import "../filter/filter-radio-item.js";
-import "../filter/filter-separator.js";
-import "../filter/variants.js";
-import "../graph/formatters.js";
-import "lightweight-charts";
-import "../graph/graph-view.js";
-import "../health-factor/health-factor.js";
-import "../horizontal-indicator/horizontal-indicator.js";
-import "../layout/app-footer/app-footer.js";
-import "../layout/app-header/app-header.js";
-import "../layout/col/col.js";
-import "../layout/container/container.js";
-import "../layout/footer/footer.js";
-import "../layout/grid/grid.js";
-import "../layout/header/header.js";
-import "../layout/layout/layout.js";
-import "../layout/main-aside-layout/main-aside-layout.js";
-import "../page-title/page-title.js";
-import "../layout/social-icons/social-icons.js";
-import "../legal-agreement/legal-agreement-theme.js";
-import "../link/link.js";
-import "../../utils/reactochart-compat.js";
-import "../status-elements/status-elements.js";
-import "../loader/loader.js";
-import "../loading/loading.js";
-import "../loading-bar/loading-bar.js";
-import "react-markdown";
-import "remark-gfm";
-import "../navbar/navbar.js";
-import "../navbar/navbar-indicator-context.js";
-import "../app-bar/app-bar.js";
-import "../navitem/navitem.js";
-import "../progress-bar/progress-bar.js";
-import "../radio-group/radio-group.js";
-import "../search-bar/search-bar.js";
-import "../segmented-control/segmented-control.js";
-import "../select/select.js";
-import "../separator/separator.js";
-import "../simple-accordion/simple-accordion.js";
-import "../slider/slider.js";
-import "../slider/slider-context.js";
-import "@radix-ui/react-slider";
-import "../spinner/spinner.js";
-import "../split-list/split-list.js";
-import "../stat-badge/stat-badge.js";
-import "../status-dot/status-dot.js";
-import "../stepper/stepper.js";
-import "../switch/switch.js";
-import "../table/table.js";
-import "../table/grid-table-loader.js";
-import "../textarea/textarea.js";
-import "../theme-provider.js";
-import "../time-to-liquidation/time-to-liquidation.js";
-import "../toggle/toggle.js";
-import "../with-filter-button/with-filter-button.js";
-function Fr({
+function J({
   balances: a,
-  tokensList: l,
-  maxAssets: p = 3,
-  iconSize: c = 24,
-  options: w,
+  tokensList: d,
+  maxAssets: i = 3,
+  iconSize: h = 24,
+  options: b,
   className: C
 }) {
   const {
-    mode: d = "default",
+    mode: m = "default",
     showIconTooltip: x = !0,
-    otherTooltip: I,
+    otherTooltip: j,
     onOtherClick: u
-  } = w || {}, [j, N, S, g] = M.useMemo(() => {
-    const t = a, i = t.slice(0, p), r = t.slice(p), e = r.map((m) => {
-      const h = typeof m == "string" ? m : m.token;
-      return l[h]?.symbol || "unknown";
-    }).join(", "), n = t.length > p;
-    return [i, r, e, n];
-  }, [a, p, l]), O = (t) => typeof t == "string" ? t : t.token, R = (t, i, r) => d === "cascade" ? {
-    zIndex: r - i,
+  } = b || {}, [I, N, R, g] = O.useMemo(() => {
+    const t = a, n = t.slice(0, i), o = t.slice(i), s = o.map((r) => {
+      const p = typeof r == "string" ? r : r.token;
+      return d[p]?.symbol || "unknown";
+    }).join(", "), c = t.length > i;
+    return [n, o, s, c];
+  }, [a, i, d]), S = (t) => typeof t == "string" ? t : t.token, M = (t, n, o) => m === "cascade" ? {
+    zIndex: o - n,
     marginRight: t ? 0 : -12
   } : {
     marginRight: t ? 0 : 4
   };
-  return /* @__PURE__ */ s("div", { className: v("relative inline-flex items-center", C), children: [
-    j.map((t, i, r) => {
-      const e = O(t), n = l[e], m = i === r.length - 1 && !g, h = R(m, i, r.length), f = /* @__PURE__ */ o(z, { symbol: P(n), size: c });
-      return /* @__PURE__ */ o("div", { className: "relative", style: h, children: x ? /* @__PURE__ */ o(y, { children: /* @__PURE__ */ s(T, { children: [
-        /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ o("span", { className: "cursor-help", children: f }) }),
-        /* @__PURE__ */ o(b, { children: n?.symbol || "Unknown" })
-      ] }) }) : f }, e);
+  return /* @__PURE__ */ l("div", { className: w("relative inline-flex items-center", C), children: [
+    I.map((t, n, o) => {
+      const s = S(t), c = d[s], r = n === o.length - 1 && !g, p = M(r, n, o.length), f = /* @__PURE__ */ e(z, { token: c, size: h });
+      return /* @__PURE__ */ e("div", { className: "relative", style: p, children: x ? /* @__PURE__ */ e(T, { children: /* @__PURE__ */ l(k, { children: [
+        /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "cursor-help", children: f }) }),
+        /* @__PURE__ */ e(v, { children: c?.symbol || "Unknown" })
+      ] }) }) : f }, s);
     }),
-    g && /* @__PURE__ */ o(y, { children: /* @__PURE__ */ s(T, { children: [
-      /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ s(
+    g && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ l(k, { children: [
+      /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ l(
         "button",
         {
           type: "button",
-          className: v(
+          className: w(
             "relative inline-flex items-center justify-center rounded-full bg-muted text-xs font-medium cursor-pointer hover:bg-muted/80 transition-colors",
-            d === "cascade" && "z-0"
+            m === "cascade" && "z-0"
           ),
           style: {
-            width: c,
-            height: c,
-            marginLeft: d === "cascade" ? -12 : 4
+            width: h,
+            height: h,
+            marginLeft: m === "cascade" ? -12 : 4
           },
           onClick: u ? (t) => {
             u(
@@ -224,10 +67,10 @@ function Fr({
           ]
         }
       ) }),
-      /* @__PURE__ */ o(b, { children: I || S })
+      /* @__PURE__ */ e(v, { children: j || R })
     ] }) })
   ] });
 }
 export {
-  Fr as TokensListCell
+  J as TokensListCell
 };

package/dist/esm/components/with-copy/with-copy.js

@@ -32,6 +32,7 @@ import "../avatar/avatar.js";
 import "../badge/badge.js";
 import "../base-link/base-link.js";
 import "../navigation-context/navigation-context.js";
+import "../breakpoint-provider.js";
 import "../button-checkbox/button-checkbox.js";
 import "../card-grid/card-grid.js";
 import "../cards/card/card.js";
@@ -60,13 +61,12 @@ import "../dialog/dialog-modal-container.js";
 import "../text-button/text-button.js";
 import "../vertical-indicator/vertical-indicator.js";
 import "../points-icon/points-icon.js";
-import "../skeleton/skeleton.js";
 import "../vertical-list/vertical-list.js";
+import "../skeleton/skeleton.js";
 import "../rounded-image/rounded-image.js";
 import "../progress/progress.js";
 import "../pool-indicator-icon/pool-indicator-icon.js";
 import "../composites/strategies-table/components/feature/feature.styles.js";
-import "viem";
 import "../icon-button/icon-button.js";
 import "../separate-line/separate-line.js";
 import "../tip-card/tip-card.js";
@@ -88,6 +88,7 @@ import "../dialog/dialog-footer.js";
 import "../dialog/dialog-header.js";
 import "../dialog/dialog-title.js";
 import "../dialog/dialog-overlay.js";
+import "viem";
 import "../label/label.js";
 import "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
@@ -166,7 +167,7 @@ import "../theme-provider.js";
 import "../time-to-liquidation/time-to-liquidation.js";
 import "../toggle/toggle.js";
 import "../with-filter-button/with-filter-button.js";
-function Er({
+function Wr({
   toCopy: u,
   children: d,
   onCopySuccess: f,
@@ -248,5 +249,5 @@ function Er({
   return a ? /* @__PURE__ */ t(T, { placement: "top", triangle: !0, title: c(), children: a }) : c();
 }
 export {
-  Er as WithCopy
+  Wr as WithCopy
 };

package/dist/esm/components/yield-breakdown-tooltip/index.js

@@ -0,0 +1,4 @@
+import { YieldBreakdownTooltip as r } from "./yield-breakdown-tooltip.js";
+export {
+  r as YieldBreakdownTooltip
+};

package/dist/esm/components/yield-breakdown-tooltip/yield-breakdown-tooltip.js

@@ -0,0 +1,222 @@
+import { jsxs as s, jsx as e, Fragment as I } from "react/jsx-runtime";
+import { faArrowUpRightFromSquare as R } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as T } from "../icons/fa-icon.js";
+import { PointsIcon as $ } from "../points-icon/points-icon.js";
+import { TokenIcon as j } from "../token-icon/token-icon.js";
+import { SimpleTooltip as F } from "../tooltip/simple-tooltip.js";
+import "../tooltip/tooltip.js";
+import { FormattedMessageTyped as a } from "../typed-intl/index.js";
+import "react";
+import { positiveTokenRewardsOf as P, pointProgramsOf as S, totalApyOf as Y } from "../../utils/apy-breakdown.js";
+import "@gearbox-protocol/sdk";
+import { bpsToPercent as v } from "../../utils/bps.js";
+import { cn as N } from "../../utils/cn.js";
+import "sonner";
+import { percentTemplate as p } from "../../utils/format-money.js";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+function z(t) {
+  const n = t.toFixed(1);
+  return n.endsWith(".0") ? n.slice(0, -2) : n;
+}
+function m(t) {
+  const n = v(t), i = p(Math.abs(n));
+  return n < 0 ? `-${i}` : n > 0 ? i : p(0);
+}
+function w(t) {
+  const n = v(Math.abs(t));
+  return `-${p(n)}`;
+}
+function Z({
+  supplyApy: t,
+  maxLeverage: n,
+  collateralApy: i,
+  borrowApy: l,
+  additionalBorrowApy: d,
+  children: k,
+  className: f
+}) {
+  const g = i ?? t, u = P(g), h = S(t), x = l !== void 0 && l > 0, b = d !== void 0 && d > 0, B = x || b, y = /* @__PURE__ */ s(
+    "div",
+    {
+      className: N(
+        "flex w-[400px] max-w-[calc(100vw-32px)] flex-col gap-4 p-4",
+        "rounded-xl",
+        "bg-popover text-popover-foreground",
+        "border border-white/[0.07]",
+        "shadow-[0_4px_14px_rgba(0,0,0,0.15)]",
+        "text-left font-normal"
+      ),
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex h-6 items-center justify-between gap-3 text-base leading-4 text-foreground", children: [
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: /* @__PURE__ */ e(
+            a,
+            {
+              messageId: "components.yieldBreakdown.title"
+            }
+          ) }),
+          n !== void 0 && n > 0 && /* @__PURE__ */ e("span", { className: "font-medium", children: /* @__PURE__ */ e(
+            a,
+            {
+              messageId: "components.yieldBreakdown.atLeverage",
+              values: { leverage: z(n) }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(
+          r,
+          {
+            label: /* @__PURE__ */ e(
+              a,
+              {
+                messageId: "components.yieldBreakdown.baseYield"
+              }
+            ),
+            value: /* @__PURE__ */ e("span", { className: "font-semibold", children: m(g.organicApy) })
+          }
+        ),
+        u.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+            a,
+            {
+              messageId: "components.yieldBreakdown.incentiveYield"
+            }
+          ) }),
+          u.map((o) => /* @__PURE__ */ e(
+            r,
+            {
+              label: /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ e(j, { token: o.token, size: 20 }),
+                /* @__PURE__ */ e("span", { children: o.token.symbol }),
+                /* @__PURE__ */ e(
+                  T,
+                  {
+                    icon: R,
+                    className: "size-3.5 text-muted-foreground"
+                  }
+                )
+              ] }),
+              value: /* @__PURE__ */ e("span", { className: "font-semibold", children: m(o.supplyApr ?? 0) })
+            },
+            `incentive-${o.token.address}-${o.supplyApr ?? 0}`
+          ))
+        ] }),
+        B && /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+            a,
+            {
+              messageId: "components.yieldBreakdown.borrowRate"
+            }
+          ) }),
+          x && /* @__PURE__ */ e(
+            r,
+            {
+              label: /* @__PURE__ */ e(
+                a,
+                {
+                  messageId: "components.yieldBreakdown.baseRate"
+                }
+              ),
+              value: /* @__PURE__ */ e("span", { className: "font-semibold text-muted-foreground", children: w(l) })
+            }
+          ),
+          b && /* @__PURE__ */ e(
+            r,
+            {
+              label: /* @__PURE__ */ e(
+                a,
+                {
+                  messageId: "components.yieldBreakdown.additionalRate"
+                }
+              ),
+              value: /* @__PURE__ */ e("span", { className: "font-semibold text-muted-foreground", children: w(d) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          r,
+          {
+            className: "h-7",
+            label: /* @__PURE__ */ e("span", { className: "text-sm font-bold uppercase leading-5 tracking-wide", children: /* @__PURE__ */ e(
+              a,
+              {
+                messageId: "components.yieldBreakdown.netYield"
+              }
+            ) }),
+            value: /* @__PURE__ */ e("span", { className: "text-xl font-bold leading-7", children: m(Y(t)) })
+          }
+        ),
+        h.length > 0 && /* @__PURE__ */ s(I, { children: [
+          /* @__PURE__ */ e("div", { className: "h-px w-full bg-[#2d3035]" }),
+          /* @__PURE__ */ s("div", { className: "flex h-5 items-center justify-between gap-3", children: [
+            /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+              a,
+              {
+                messageId: "components.yieldBreakdown.points"
+              }
+            ) }),
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: h.map((o) => /* @__PURE__ */ s(
+              "span",
+              {
+                className: "inline-flex items-center gap-1 rounded-[10px] bg-[#242528] pr-2 text-sm font-semibold text-foreground",
+                children: [
+                  /* @__PURE__ */ e(
+                    $,
+                    {
+                      reward: {
+                        name: o.name,
+                        type: o.id
+                      },
+                      size: 20
+                    }
+                  ),
+                  o.multiplier != null ? `${o.multiplier}×` : "—"
+                ]
+              },
+              `points-${o.id}`
+            )) })
+          ] })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ e(
+    F,
+    {
+      placement: "bottom",
+      triangle: !1,
+      type: "modal-tooltip",
+      minWidth: "100%",
+      maxWidth: "100%",
+      title: /* @__PURE__ */ e("span", { className: f, children: k }),
+      triggerClassName: f,
+      children: y
+    }
+  );
+}
+function c({ children: t }) {
+  return /* @__PURE__ */ e("span", { className: "text-xs font-normal uppercase leading-4 tracking-wide text-muted-foreground", children: t });
+}
+function r({
+  label: t,
+  value: n,
+  className: i
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: N(
+        "flex h-6 items-center justify-between gap-3 text-sm leading-5 text-foreground",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e("span", { className: "min-w-0 font-normal", children: t }),
+        /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums", children: n })
+      ]
+    }
+  );
+}
+export {
+  Z as YieldBreakdownTooltip
+};

package/dist/esm/hooks/use-debounce-call.js

@@ -2,10 +2,11 @@ import "react";
 import { useDebounce as e } from "./use-debounce.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "@gearbox-protocol/sdk";
+import "../components/breakpoint-provider.js";
 const n = (o) => o();
-function m(o) {
+function p(o) {
   return e(n, o);
 }
 export {
-  m as useDebounceCall
+  p as useDebounceCall
 };

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
 };