@hortiview/shared-components 0.0.6504 → 0.0.6849

package/dist/components/FormComponents/FormSlider/FormSlider.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as a, s as n } from "../../../react.esm-BBemCHUU.js";
+import { a, s as n } from "../../../react.esm-DoZanrUz.js";
 import { FormSlider as l } from "./FormSlider.js";
 import { v as e, d as m, t as i, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const o = e.fn();

package/dist/components/FormComponents/FormText/FormText.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as s, s as r, f as d } from "../../../react.esm-BBemCHUU.js";
+import { a as s, s as r, f as d } from "../../../react.esm-DoZanrUz.js";
 import { FormText as o } from "./FormText.js";
 import { v as a, d as i, t as l, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const m = a.fn();

package/dist/components/GenericTable/GenericTable.test.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import { r as i, s as e } from "../../react.esm-BBemCHUU.js";
+import { a as i, s as e } from "../../react.esm-DoZanrUz.js";
 import { GenericTable as c } from "./GenericTable.js";
 import { d as B, t as d, g as t, v as r } from "../../vi.JYQecGiw-BbUbJcT8.js";
 B("GenericTable Test", () => {

package/dist/components/HashTabView/HashTabView.js

@@ -1,55 +1,55 @@
 import "../../assets/HashTabView.css";
-import { jsx as a, jsxs as d, Fragment as w } from "react/jsx-runtime";
-import { Elevation as T, Group as i, TabBar as C, Tab as k, Padding as A } from "@element/react-components";
-import { useState as I, useEffect as L } from "react";
-import { a as N } from "../../useBreakpoint-DROHPVxO.js";
-const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rcw6_10", $ = "_tabWrapper_1rcw6_16", j = "_tabButton_1rcw6_20", E = "_childContainer_1rcw6_24", z = "_childContainerLg_1rcw6_28", t = {
-  elevation: x,
-  themeBackground: y,
-  tabBar: W,
-  tabWrapper: $,
+import { jsx as a, jsxs as d, Fragment as T } from "react/jsx-runtime";
+import { Elevation as C, Group as i, TabBar as k, Tab as A, Padding as I } from "@element/react-components";
+import { useState as N, useEffect as P } from "react";
+import { u as x } from "../../useBreakpoint-2MH8ICuE.js";
+const y = "_elevation_16c7u_1", W = "_themeBackground_16c7u_6", $ = "_tabBar_16c7u_10", w = "_tabWrapper_16c7u_16", j = "_tabButton_16c7u_20", E = "_childContainer_16c7u_24", z = "_childContainerPhone_16c7u_28", t = {
+  elevation: y,
+  themeBackground: W,
+  tabBar: $,
+  tabWrapper: w,
   tabButton: j,
   childContainer: E,
-  childContainerLg: z
-}, p = (n, r) => !r || !n ? 0 : n.findIndex((c) => c.hash === r.replace("#", "")) ?? 0, q = ({
+  childContainerPhone: z
+}, p = (n, r) => !r || !n ? 0 : n.findIndex((o) => o.hash === r.replace("#", "")) ?? 0, q = ({
   tabs: n,
   hasHash: r = !0,
-  hash: c = "",
-  clusterAlign: _ = "start",
-  hasClusteredTabs: u,
+  hash: o = "",
+  clusterAlign: m = "start",
+  hasClusteredTabs: _,
   children: s,
   verticalGap: g = "none",
   elevation: B = 0,
   backgroundColor: v = "themeBackground",
   onChange: b
 }) => {
-  const [h, m] = I(p(n, c)), { isLg: l } = N();
-  L(() => {
-    const e = p(n, c);
-    m(e);
-  }, [c, n, r]);
+  const [u, h] = N(p(n, o)), { isDesktop: l } = x();
+  P(() => {
+    const e = p(n, o);
+    h(e);
+  }, [o, n, r]);
   const f = (e) => {
-    const o = n[e].hash;
-    o != null && r && (window.location.hash = o), m(e), b?.(e);
+    const c = n[e].hash;
+    c != null && r && (window.location.hash = c), h(e), b?.(e);
   };
   return /* @__PURE__ */ a(
-    T,
+    C,
     {
       elevation: B,
       className: `${t.elevation} ${v === "none" ? "" : t.themeBackground}`,
       children: /* @__PURE__ */ d(i, { direction: "vertical", gap: g, secondaryAlign: "stretch", children: [
         /* @__PURE__ */ d(i, { direction: l ? "horizontal" : "vertical", className: t.tabWrapper, children: [
           /* @__PURE__ */ a(
-            C,
+            k,
             {
               className: t.tabBar,
-              clustered: l ? u : !1,
-              clusterAlign: _,
+              clustered: l ? _ : !1,
+              clusterAlign: m,
               variant: "surface",
-              activeTabIndex: h,
+              activeTabIndex: u,
               onTabActivated: f,
-              children: n.map((e, o) => /* @__PURE__ */ a(
-                k,
+              children: n.map((e, c) => /* @__PURE__ */ a(
+                A,
                 {
                   icon: e.leadingIcon,
                   className: s ? t.tabButton : "",
@@ -58,20 +58,20 @@ const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rc
                     e.trailingIcon
                   ] })
                 },
-                `${o}_${e.hash}`
+                `${c}_${e.hash}`
               ))
             }
           ),
           s ? /* @__PURE__ */ a(
-            A,
+            I,
             {
               variant: "dense",
-              className: l ? t.childContainer : t.childContainerLg,
+              className: l ? t.childContainer : t.childContainerPhone,
               children: /* @__PURE__ */ a(i, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: s })
             }
-          ) : /* @__PURE__ */ a(w, {})
+          ) : /* @__PURE__ */ a(T, {})
         ] }),
-        n[h]?.component
+        n[u]?.component
       ] })
     }
   );

package/dist/components/HashTabView/HashTabView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { r as a, s as e, f as r } from "../../react.esm-BBemCHUU.js";
+import { a, s as e, f as r } from "../../react.esm-DoZanrUz.js";
 import { HashTabView as c } from "./HashTabView.js";
 import { d as h, t as l, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 const m = [

package/dist/components/HeaderFilter/HeaderFilter.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as i, s as t, f as T } from "../../react.esm-BBemCHUU.js";
+import { a as i, s as t, f as T } from "../../react.esm-DoZanrUz.js";
 import { HeaderFilter as s } from "./HeaderFilter.js";
 import { d as c, t as o, v as l, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 c("HeaderFilter-Test", () => {

package/dist/components/Iconify/Iconify.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { Iconify as c } from "./Iconify.js";
 import { AvailableCustomIcons as l } from "../../enums/AvailableCustomIcons.js";
-import { r, w as s, s as i } from "../../react.esm-BBemCHUU.js";
+import { a as r, w as s, s as i } from "../../react.esm-DoZanrUz.js";
 import { d as f, t as a, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
 f("Iconify Test", async () => {
   const m = Object.keys(l).filter((e) => isNaN(Number(e)));

package/dist/components/InfoGroup/InfoGroup.js

@@ -1,8 +1,8 @@
 import "../../assets/InfoGroup.css";
 import { jsxs as c, jsx as e, Fragment as _ } from "react/jsx-runtime";
 import { Divider as d, Group as s, TypoCaption as v, TypoSubtitle as h } from "@element/react-components";
-import { a as g } from "../../useBreakpoint-DROHPVxO.js";
 import { Fragment as p } from "react";
+import { u as g } from "../../useBreakpoint-2MH8ICuE.js";
 import { VerticalDivider as b } from "../VerticalDivider/VerticalDivider.js";
 const f = "_container_egebs_1", C = "_dividerContainer_egebs_10", y = "_mainGroup_egebs_16", w = "_row_egebs_21", G = "_valueText_egebs_46", N = "_component_egebs_54", x = "_componentContainer_egebs_87", A = "_field_egebs_95", r = {
   container: f,
@@ -13,14 +13,14 @@ const f = "_container_egebs_1", C = "_dividerContainer_egebs_10", y = "_mainGrou
   component: N,
   componentContainer: x,
   field: A
-}, S = ({ fields: n, bold: i }) => {
+}, I = ({ fields: n, bold: i }) => {
   const t = n.length > 1 && Array.isArray(n.at(0)) ? n.map((o, a) => /* @__PURE__ */ c(p, { children: [
     a != 0 && /* @__PURE__ */ e("div", { "data-testid": "test-divider", className: r.dividerContainer, children: /* @__PURE__ */ e(d, {}) }),
     /* @__PURE__ */ e(m, { fields: o, bold: i })
   ] }, `row_${a}`)) : /* @__PURE__ */ e(m, { fields: n, bold: i });
   return /* @__PURE__ */ e(s, { direction: "vertical", fullWidth: !0, className: r.mainGroup, children: t });
 }, m = ({ fields: n, bold: i }) => {
-  const { isLg: l } = g();
+  const { isDesktop: l } = g();
   return /* @__PURE__ */ e(
     s,
     {
@@ -72,5 +72,5 @@ const f = "_container_egebs_1", C = "_dividerContainer_egebs_10", y = "_mainGrou
 };
 export {
   T as Cell,
-  S as InfoGroup
+  I as InfoGroup
 };

package/dist/components/InfoGroup/InfoGroup.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { r as l, s as t } from "../../react.esm-BBemCHUU.js";
+import { a as l, s as t } from "../../react.esm-DoZanrUz.js";
 import { InfoGroup as r } from "./InfoGroup.js";
 import { d as s, t as i, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 s("InfoGroup Test", () => {

package/dist/components/ListArea/ListArea.js

@@ -4,7 +4,7 @@ import { g as Hr } from "../../_commonjsHelpers-CT_km90n.js";
 import { _ as H, a as Tr, b as wr, c as w, d as Nr, e as Wr, f as h, h as N, j as B, k as Xr, l as zr, m as I, n as Yr, o as Zr, p as Jr, q as W, r as Qr, s as Or, t as Pr, u as kr, v as Vr } from "../../get-BRDhkfK0.js";
 import { useState as re, useMemo as k } from "react";
 import { SearchBar as ee } from "../SearchBar/SearchBar.js";
-import { g as ae, a as te, s as T } from "../../ListAreaService-BoNnFzrZ.js";
+import { g as ae, a as te, s as T } from "../../ListAreaService-DDlsV9UD.js";
 var ne = H;
 function se() {
   this.__data__ = new ne(), this.size = 0;

package/dist/components/ListArea/ListArea.test.js

@@ -1,8 +1,8 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { TypoButton as p } from "@element/react-components";
-import { r as s, s as a, f as u } from "../../react.esm-BBemCHUU.js";
+import { a as s, s as a, f as u } from "../../react.esm-DoZanrUz.js";
 import { ListArea as c } from "./ListArea.js";
-import { g as h } from "../../ListAreaService-BoNnFzrZ.js";
+import { g as h } from "../../ListAreaService-DDlsV9UD.js";
 import { d as m, t as n, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 m("ListArea Test", () => {
   const o = [

package/dist/components/ListArea/ListAreaService.d.ts

@@ -26,7 +26,7 @@ export declare const getListedItems: (items: ListElement[], pathname: string, it
     select: boolean;
     primaryText: string;
     secondaryText: import("react/jsx-runtime").JSX.Element;
-    overlineText: string | undefined;
+    overlineText: import("react/jsx-runtime").JSX.Element;
     trailingBlock: string | number | boolean | JSX.Element | Iterable<import("react").ReactNode>;
     leadingBlock: string | JSX.Element | undefined;
     value: string | undefined;
@@ -55,7 +55,7 @@ export declare const mapListElement: (element: ListElement, pathname: string | u
     select: boolean;
     primaryText: string;
     secondaryText: import("react/jsx-runtime").JSX.Element;
-    overlineText: string | undefined;
+    overlineText: import("react/jsx-runtime").JSX.Element;
     trailingBlock: string | number | boolean | JSX.Element | Iterable<import("react").ReactNode>;
     leadingBlock: string | JSX.Element | undefined;
     value: string | undefined;

package/dist/components/ListArea/ListAreaService.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "@element/react-components";
 import "../Iconify/Iconify.js";
 import "../../enums/AvailableCustomIcons.js";
-import { g as s, a as i, m as a } from "../../ListAreaService-BoNnFzrZ.js";
+import { g as s, a as i, m as a } from "../../ListAreaService-DDlsV9UD.js";
 export {
   s as getGroupedItems,
   i as getListedItems,

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { s as r, B as n } from "../../../BigLoadingSpinner-Df2k3xOD.js";
-import { r as i, s as e } from "../../../react.esm-BBemCHUU.js";
-import { d as g, t as s, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
+import { a as i, s as e } from "../../../react.esm-DoZanrUz.js";
+import { d as g, t as a, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 g("BigLoadingSpinner Test", () => {
-  s("render BigLoadingSpinner with custom loading text", () => {
+  a("render BigLoadingSpinner with custom loading text", () => {
     i(/* @__PURE__ */ o(n, { text: "Please wait..." })), t(e.getByText("Please wait...")).toBeInTheDocument(), t(e.getByRole("progressbar")).toBeInTheDocument();
-  }), s("renders BigLoadingSpinner with default loading text", () => {
+  }), a("renders BigLoadingSpinner with default loading text", () => {
     i(/* @__PURE__ */ o(n, { text: "loadingtext" })), t(e.getByText("loadingtext")).toBeInTheDocument();
-  }), s('Icon component contains className attribute "logo"', () => {
+  }), a('Icon component contains className attribute "logo"', () => {
     i(/* @__PURE__ */ o(n, {}));
-    const a = e.getByTestId("logo-icon");
-    t(a).toHaveClass(r.logo);
+    const s = e.getByTestId("logo-icon");
+    t(s).toHaveClass(r.logo);
   });
 });

package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as o, s as e } from "../../../react.esm-BBemCHUU.js";
+import { a as o, s as e } from "../../../react.esm-DoZanrUz.js";
 import { LoadingSpinner as r } from "./LoadingSpinner.js";
 import { d as a, t as i, g as n } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 a("LoadingSpinner Test", () => {

package/dist/components/OverflowTooltip/OverflowTooltip.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+type OverflowTooltipProps = {
+    /**
+     * the id of the tooltip
+     */
+    id: string;
+    /**
+     * the full text to be displayed
+     */
+    text: string;
+    /**
+     * the children that will have the tooltip
+     */
+    children: JSX.Element;
+};
+/**
+ * A component that displays a tooltip when the text is overflowing.
+ * It can be wrapped around Element's Typography components (e.g. TypoDisplay).
+ * It clones the child element and adds the tooltip functionality.
+ *
+ * Hint: It was not written as a component that directly takes the Typography string as child,
+ * because then the OverflowTooltip would be nested within the Typography component and thus inherit the Typography styles.
+ * Furthermore, OverflowTooltip does not work on hovering ListArea items.
+ *
+ * @param id - the id of the tooltip
+ * @param text - the full text to be displayed
+ * @param children - the children that will have the tooltip
+ */
+export declare const OverflowTooltip: ({ id, text, children }: OverflowTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/OverflowTooltip/OverflowTooltip.js

@@ -0,0 +1,22 @@
+import { jsxs as m, Fragment as p, jsx as c } from "react/jsx-runtime";
+import { useState as h, useMemo as f, cloneElement as d } from "react";
+import { H as x } from "../../react-tooltip.min-BzHiZW8k.js";
+const a = ({ id: t, text: e, children: i }) => {
+  const [l, s] = h(""), n = f(
+    () => d(i, {
+      "data-tooltip-id": t,
+      onMouseEnter: ({ currentTarget: o }) => {
+        const r = o.clientWidth < o.scrollWidth || o.clientHeight < o.scrollHeight;
+        s(r ? e : "");
+      }
+    }),
+    [i, t, e]
+  );
+  return /* @__PURE__ */ m(p, { children: [
+    n,
+    /* @__PURE__ */ c(x, { id: t, noArrow: !0, place: "bottom", children: l })
+  ] });
+};
+export {
+  a as OverflowTooltip
+};

package/dist/components/OverflowTooltip/OverflowTooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/OverflowTooltip/OverflowTooltip.test.js

@@ -0,0 +1,37 @@
+import { jsx as t } from "react/jsx-runtime";
+import { TypoDisplay as n } from "@element/react-components";
+import { a as i, s as e, w as s } from "../../react.esm-DoZanrUz.js";
+import { u as a } from "../../index-DP2ENnrX.js";
+import { OverflowTooltip as c } from "./OverflowTooltip.js";
+import { d as u, t as p, g as r } from "../../vi.JYQecGiw-BbUbJcT8.js";
+u("OverflowTooltip Test", () => {
+  p("should render OverflowTooltip on hover", async () => {
+    Object.defineProperty(HTMLElement.prototype, "clientWidth", {
+      configurable: !0,
+      value: 100
+    }), Object.defineProperty(HTMLElement.prototype, "scrollWidth", {
+      configurable: !0,
+      value: 200
+    });
+    const l = a.setup(), o = "Block name that should be truncated with an ellipsis because it is very very loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong";
+    i(
+      /* @__PURE__ */ t(c, { id: o, text: o, children: /* @__PURE__ */ t(n, { children: o }) })
+    ), r(e.getByText(o)).toBeInTheDocument(), l.hover(e.getByText(o)), await s(() => {
+      r(e.getByRole("tooltip")).toBeInTheDocument();
+    });
+  }), p("should not render OverflowTooltip on hover", async () => {
+    Object.defineProperty(HTMLElement.prototype, "clientWidth", {
+      configurable: !0,
+      value: 200
+    }), Object.defineProperty(HTMLElement.prototype, "scrollWidth", {
+      configurable: !0,
+      value: 200
+    });
+    const l = a.setup(), o = "Block name that should be truncated with an ellipsis because it is very very loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong";
+    i(
+      /* @__PURE__ */ t(c, { id: o, text: o, children: /* @__PURE__ */ t(n, { children: o }) })
+    ), r(e.getByText(o)).toBeInTheDocument(), l.hover(e.getByText(o)), await s(() => {
+      r(e.queryByRole("tooltip")).not.toBeInTheDocument();
+    });
+  });
+});

package/dist/components/Scrollbar/scrollbar.test.js

@@ -1,15 +1,15 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as e, s as t } from "../../react.esm-BBemCHUU.js";
+import { a, s as e } from "../../react.esm-DoZanrUz.js";
 import { ScrollbarY as d, ScrollbarX as l } from "./Scrollbar.js";
-import { d as c, t as a, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
+import { d as c, t, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
 c("Scrollbar", () => {
-  a("should render Y correctly", () => {
-    e(/* @__PURE__ */ s("div", { "data-testid": "div", className: d }));
-    const r = t.getByTestId("div");
+  t("should render Y correctly", () => {
+    a(/* @__PURE__ */ s("div", { "data-testid": "div", className: d }));
+    const r = e.getByTestId("div");
     o(r).toHaveClass(/scrollbarY/);
-  }), a("should render X correctly", () => {
-    e(/* @__PURE__ */ s("div", { "data-testid": "div", className: l }));
-    const r = t.getByTestId("div");
+  }), t("should render X correctly", () => {
+    a(/* @__PURE__ */ s("div", { "data-testid": "div", className: l }));
+    const r = e.getByTestId("div");
     o(r).toHaveClass(/scrollbarX/);
   });
 });

package/dist/components/SearchBar/SearchBar.test.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { r, s as t, f as h, a as l } from "../../react.esm-BBemCHUU.js";
+import { a as r, s as t, f as h, b as l } from "../../react.esm-DoZanrUz.js";
 import { SearchBar as s } from "./SearchBar.js";
 import { d as m, t as o, v as n, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 m("SearchBar Test", () => {

package/dist/components/VerticalDivider/VerticalDivider.test.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { r } from "../../react.esm-BBemCHUU.js";
+import { a as r } from "../../react.esm-DoZanrUz.js";
 import { VerticalDivider as s } from "./VerticalDivider.js";
 import { d as o, t as l, g as i } from "../../vi.JYQecGiw-BbUbJcT8.js";
 o("VerticalDivider Test", () => {

package/dist/hooks/useBreakpoint.d.ts

@@ -1,15 +1,20 @@
 /**
- * Custom hook that tells you whether a given media query is active.
+ * Hook that returns the current breakpoint. It uses the following breakpoints:
+ * - xs: 0-599px
+ * - sm: 600-719px
+ * - md: 720-839px
+ * - lg: 840-1023px
+ * - xl: 1024-1439px
+ * - xxl: 1440px and up
  *
- * Inspired by https://usehooks.com/useMedia/
- * https://gist.github.com/gragland/ed8cac563f5df71d78f4a1fefa8c5633
+ * They are combined as follows:
+ * - isMobile: xs
+ * - isTablet: sm, md
+ * - isDesktop: lg, xl, xxl
+ * @returns {Object} An object with the current breakpoint
  */
-export declare function useMediaQuery(query: string): boolean;
-export declare function useBreakpoints(): {
-    isXs: boolean;
-    isSm: boolean;
-    isMd: boolean;
-    isLg: boolean;
-    isXlg: boolean;
-    active: string;
+export declare const useBreakpoints: () => {
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
 };

package/dist/hooks/useBreakpoint.js

@@ -1,6 +1,5 @@
 import "react";
-import { a as s, b as o } from "../useBreakpoint-DROHPVxO.js";
+import { u as p } from "../useBreakpoint-2MH8ICuE.js";
 export {
-  s as useBreakpoints,
-  o as useMediaQuery
+  p as useBreakpoints
 };

package/dist/hooks/useBreakpoints.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/useBreakpoints.test.js

@@ -0,0 +1,11 @@
+import { r as t, w as s } from "../react.esm-DoZanrUz.js";
+import { u as o } from "../useBreakpoint-2MH8ICuE.js";
+import { d as a, t as i, g as r } from "../vi.JYQecGiw-BbUbJcT8.js";
+a("useBreakpoint Test", () => {
+  i("returns object", () => {
+    const { result: e } = t(() => o());
+    s(() => {
+      r(e.current.isDesktop).toBe(!1), r(e.current.isTablet).toBe(!1), r(e.current.isMobile).toBe(!1);
+    });
+  });
+});