@dmsi/wedgekit-react 1.0.1 → 2.0.1

package/dist/components/Tooltip.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsxs as L, jsx as $ } from "react/jsx-runtime";
+import { clsx as q } from "../node_modules/clsx/dist/clsx.js";
+import { useRef as g, useState as d, useEffect as v } from "react";
+import { createPortal as z } from "react-dom";
+import { typography as F, componentPadding as j } from "../classNames.js";
+import { useMatchesMobile as A } from "../hooks/useMatchesMedia.js";
+function W({
+  id: c,
+  testid: l,
+  message: b,
+  position: w = "top",
+  children: x,
+  showOnTruncation: p = !1,
+  offset: s = 8,
+  keepHidden: y = !1
+}) {
+  const o = g(null), a = g(null), [f, M] = d({ top: 0, left: 0 }), [i, m] = d(!1), [R, h] = d(!1), u = () => {
+    if (!o.current || !a.current) return;
+    const e = o.current.getBoundingClientRect(), t = a.current.getBoundingClientRect();
+    let n = 0, r = 0;
+    switch (w) {
+      case "top":
+        n = e.top - t.height - s, r = e.left + e.width / 2 - t.width / 2;
+        break;
+      case "bottom":
+        n = e.bottom + s, r = e.left + e.width / 2 - t.width / 2;
+        break;
+      case "left":
+        n = e.top + e.height / 2 - t.height / 2, r = e.left - t.width - s;
+        break;
+      case "right":
+        n = e.top + e.height / 2 - t.height / 2, r = e.right + s;
+        break;
+    }
+    M({ top: n, left: r }), requestAnimationFrame(() => {
+      h(!0);
+    });
+  }, k = () => {
+    (!p || T()) && m(!0);
+  }, E = () => {
+    m(!1), h(!1);
+  };
+  v(() => {
+    i && a.current && requestAnimationFrame(() => {
+      u();
+    });
+  }, [i]), v(() => {
+    if (i)
+      return window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
+  }, [i]);
+  const P = A();
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      id: c,
+      "data-testid": l,
+      ref: o,
+      className: "relative inline-grid grid-cols-[auto_1fr] items-center cursor-pointer",
+      onMouseEnter: k,
+      onMouseLeave: E,
+      children: [
+        x,
+        !y && i && !P && typeof document < "u" && z(
+          /* @__PURE__ */ $(
+            "div",
+            {
+              id: c ? `${c}-message` : void 0,
+              "data-testid": l ? `${l}-message` : void 0,
+              ref: a,
+              style: {
+                position: "fixed",
+                top: `${f.top}px`,
+                left: `${f.left}px`,
+                zIndex: 9999
+              },
+              className: q(
+                F.caption,
+                "bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
+                j,
+                !R && "opacity-0"
+              ),
+              children: b
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+  function T() {
+    if (p && o.current) {
+      const e = o.current.querySelector("p, a");
+      if (e)
+        return e.scrollWidth > e.clientWidth;
+    }
+    return !1;
+  }
+}
+export {
+  W as Tooltip
+};

package/dist/components/TopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,SAA8B,EAC9B,EAAE,EACF,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,2CAqEhD;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,SAA8B,EAC9B,EAAE,EACF,MAAM,EACN,SAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAuBA"}
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,SAA8B,EAC9B,EAAE,EACF,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,2CAwEhD;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,SAA8B,EAC9B,EAAE,EACF,MAAM,EACN,SAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAyBA"}

package/dist/components/TopBar.js

@@ -0,0 +1,119 @@
+import { jsx as e, jsxs as t, Fragment as x } from "react/jsx-runtime";
+import { clsx as i } from "../node_modules/clsx/dist/clsx.js";
+import { gapUsingContainerPadding as g, layoutGap as s, layoutGroupGap as c, containerPaddingX as k, layoutPaddingY as v } from "../classNames.js";
+import { LogoDMSiTopBar as h } from "./LogoDMSiTopBar.js";
+function y({
+  left: d,
+  right: a,
+  topNavLinks: r,
+  mobileLeft: n,
+  mobileRight: l,
+  brandLogo: o = /* @__PURE__ */ e(h, {}),
+  id: p,
+  testid: m,
+  ...f
+}) {
+  const u = i("bg-background-primary-normal");
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      id: p,
+      "data-testid": m,
+      className: i(
+        "flex items-center justify-between",
+        k,
+        v,
+        s,
+        u
+      ),
+      ...f,
+      children: [
+        d && /* @__PURE__ */ e(
+          "div",
+          {
+            className: i(
+              "hidden desktop:flex items-center",
+              g
+            ),
+            children: d
+          }
+        ),
+        (a || r) && /* @__PURE__ */ t(
+          "div",
+          {
+            className: i(
+              "hidden desktop:flex items-center shrink-0 ml-auto",
+              "[&>a]:leading-6",
+              s
+            ),
+            children: [
+              r,
+              r && a && /* @__PURE__ */ e("div", { className: "h-6 border-r border-border-primary-normal" }),
+              a
+            ]
+          }
+        ),
+        n && /* @__PURE__ */ t(
+          "div",
+          {
+            className: i("flex items-center desktop:hidden", c),
+            children: [
+              n,
+              /* @__PURE__ */ e(
+                "a",
+                {
+                  href: "/",
+                  "data-testid": m ? `${m}-mobile-brand-logo-link` : "main-nav-mobile-logo",
+                  className: "grow max-w-100 h-auto max-h-18 *:max-h-[inherit]",
+                  children: o && o
+                }
+              )
+            ]
+          }
+        ),
+        l && /* @__PURE__ */ e(
+          "div",
+          {
+            className: i("flex items-center desktop:hidden", c),
+            children: l
+          }
+        )
+      ]
+    }
+  );
+}
+function j({
+  left: d,
+  brandLogo: a = /* @__PURE__ */ e(h, {}),
+  id: r,
+  testid: n,
+  brandHref: l = "/",
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    y,
+    {
+      ...o,
+      id: r,
+      testid: n,
+      brandLogo: a,
+      left: /* @__PURE__ */ t(x, { children: [
+        /* @__PURE__ */ e(
+          "a",
+          {
+            id: r ? `${r}-brand-logo-link` : void 0,
+            "data-testid": n ? `${n}-brand-logo-link` : "main-nav-desktop-logo",
+            href: l,
+            className: "grow w-full h-18 *:max-h-[inherit]",
+            children: a && a
+          }
+        ),
+        d
+      ] })
+    }
+  );
+}
+export {
+  j as TopBar,
+  y as TopBarBase
+};

package/dist/components/Upload.js

@@ -0,0 +1,107 @@
+import { jsxs as i, jsx as t, Fragment as l } from "react/jsx-runtime";
+import { clsx as x } from "../node_modules/clsx/dist/clsx.js";
+import { forwardRef as y } from "react";
+import { componentGap as h } from "../classNames.js";
+import { Icon as s } from "./Icon.js";
+import { Paragraph as g } from "./Paragraph.js";
+import { Button as v } from "./Button.js";
+import { Stack as b } from "./Stack.js";
+import { Spinner as j } from "./Spinner.js";
+const B = y(
+  function(d, m) {
+    const {
+      isLoading: a,
+      style: c,
+      errorText: r,
+      text: p = "Upload your file",
+      value: o,
+      onRemove: f,
+      testid: e,
+      ...u
+    } = d;
+    return /* @__PURE__ */ i(
+      "label",
+      {
+        style: {
+          ...c
+        },
+        className: x(
+          "border border-dashed border-border-primary-normal",
+          "flex flex-col items-center justify-center",
+          "p-6",
+          "cursor-pointer",
+          "relative",
+          "w-full h-[166px] desktop:w-[340px] desktop:h-[190px]",
+          h
+        ),
+        "data-testid": e,
+        children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              ...u,
+              ref: m,
+              type: "file",
+              className: "sr-only",
+              "data-testid": e ? `${e}-file-input` : void 0
+            }
+          ),
+          a && /* @__PURE__ */ t(
+            b,
+            {
+              centered: !0,
+              items: "center",
+              justify: "center",
+              sizing: "container",
+              padding: !0,
+              children: /* @__PURE__ */ t(j, { size: "large" })
+            }
+          ),
+          !o && !a && /* @__PURE__ */ i(l, { children: [
+            /* @__PURE__ */ t(
+              s,
+              {
+                testid: e ? `${e}-icon` : void 0,
+                name: "cloud_upload",
+                className: "text-icon-primary-normal"
+              }
+            ),
+            /* @__PURE__ */ t(
+              g,
+              {
+                testid: e ? `${e}-text` : void 0,
+                color: r ? "text-primary-error" : "text-secondary-normal",
+                children: r || p
+              }
+            )
+          ] }),
+          o && /* @__PURE__ */ i(l, { children: [
+            /* @__PURE__ */ t(
+              "img",
+              {
+                "data-testid": e ? `${e}-uploaded-image` : void 0,
+                src: o,
+                alt: "",
+                className: "absolute inset-0 object-contain object-center max-h-full max-w-full self-center justify-self-center"
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ t(
+              v,
+              {
+                testid: e ? `${e}-remove-image-button` : void 0,
+                onClick: (n) => {
+                  n.preventDefault(), n.stopPropagation(), f?.();
+                },
+                iconOnly: !0,
+                leftIcon: /* @__PURE__ */ t(s, { name: "delete" })
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  B as Upload
+};

package/dist/components/WorldpayIframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorldpayIframe.d.ts","sourceRoot":"","sources":["../../src/components/WorldpayIframe.tsx"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,MAAM,GACP,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CAQA"}
+{"version":3,"file":"WorldpayIframe.d.ts","sourceRoot":"","sources":["../../src/components/WorldpayIframe.tsx"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,MAAM,GACP,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CASA"}

package/dist/components/WorldpayIframe.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+function r({
+  url: o,
+  testid: a
+}) {
+  return /* @__PURE__ */ l(
+    "iframe",
+    {
+      "data-testid": a,
+      src: o,
+      sandbox: "allow-same-origin allow-forms allow-scripts allow-popups allow-top-navigation",
+      style: { width: "100%", height: "100%", flex: 1 }
+    }
+  );
+}
+export {
+  r as WorldpayIframe
+};

package/dist/hooks/useEditCell.js

@@ -0,0 +1,23 @@
+import { useState as n, useRef as a } from "react";
+function l(o) {
+  const [u, s] = n(o), [i, e] = n(!1), t = a(null);
+  function c() {
+    e(!0), requestAnimationFrame(() => {
+      t.current?.focus();
+    });
+  }
+  function r() {
+    e(!1);
+  }
+  return {
+    value: u,
+    setValue: s,
+    isEdit: i,
+    inputRef: t,
+    changeToEditMode: c,
+    changeToViewMode: r
+  };
+}
+export {
+  l as useEditCell
+};

package/dist/hooks/useInfiniteScroll.js

@@ -0,0 +1,25 @@
+"use client";
+import { useEffect as m } from "react";
+function v({
+  containerRef: r,
+  onLoadMore: e,
+  isLoading: l,
+  offset: c = 50,
+  enabled: o = !0
+}) {
+  m(() => {
+    if (!o) return;
+    const n = () => {
+      const s = r.current;
+      if (!s || l) return;
+      const { scrollTop: i, scrollHeight: u, clientHeight: f } = s;
+      i + f >= u - c && e();
+    }, t = r.current;
+    return t && t.addEventListener("scroll", n), () => {
+      t && t.removeEventListener("scroll", n);
+    };
+  }, [r, e, l, c, o]);
+}
+export {
+  v as useInfiniteScroll
+};

package/dist/hooks/useKeydown.js

@@ -0,0 +1,20 @@
+import { useEffect as o } from "react";
+function d(r, u) {
+  function t(e) {
+    !Object.keys(r).includes(e.key) && !Object.keys(r).join("").includes("/") || Object.entries(r).forEach(([n, i]) => {
+      if (!(e.key !== n && !n.includes("/"))) {
+        if (n.includes("/") && n.replace("Space", " ").split("/").includes(e.key)) {
+          e.preventDefault(), i(e);
+          return;
+        }
+        e.key === n && (e.preventDefault(), i(e));
+      }
+    });
+  }
+  o(() => u ? (document.addEventListener("keydown", t), () => {
+    document.removeEventListener("keydown", t);
+  }) : document.removeEventListener("keydown", t), [r, u]);
+}
+export {
+  d as useKeydown
+};

package/dist/hooks/useMatchesMedia.js

@@ -0,0 +1,15 @@
+import { useState as c, useLayoutEffect as r } from "react";
+function i(n) {
+  const [s, a] = c();
+  return r(() => {
+    const e = window.matchMedia(n), t = () => a(e.matches);
+    return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+  }, [n]), s;
+}
+function u() {
+  return i("(width < 48rem)");
+}
+export {
+  i as useMatchesMedia,
+  u as useMatchesMobile
+};

package/dist/hooks/useMenuSystem.js

@@ -0,0 +1,186 @@
+"use client";
+import { useState as O, useCallback as y, useEffect as L, useRef as M } from "react";
+import { useMatchesMobile as P } from "./useMatchesMedia.js";
+function Y(l) {
+  const [o, n] = O(
+    {}
+  ), [g, A] = O(""), [w, m] = O(
+    null
+  ), u = M(null), a = M({}), i = M(null), c = M(null), h = M(null), d = M(!1), f = M(null), E = M(null), v = P(), R = (t, e) => {
+    c.current && (clearTimeout(c.current), c.current = null), A(t), m(e), n((r) => {
+      const s = { ...r };
+      return s[e] === t ? delete s[e] : s[e] = t, Object.keys(s).forEach((b) => {
+        Number(b) > e && delete s[Number(b)];
+      }), s;
+    });
+  }, T = (t, e) => {
+    c.current && (clearTimeout(c.current), c.current = null), n((r) => {
+      const s = { ...r };
+      return s[e] = t, Object.keys(s).forEach((b) => {
+        Number(b) > e && delete s[Number(b)];
+      }), s;
+    });
+  }, p = y(() => {
+    E.current && (E.current(), E.current = null), f.current && (f.current(), f.current = null);
+  }, []), C = (t, e, r = 150) => {
+    v || (f.current = () => {
+      i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+        T(t, e);
+      }, r);
+    }, d.current || p());
+  }, j = (t, e = 500) => {
+    v || (E.current = () => {
+      i.current && (clearTimeout(i.current), i.current = null), c.current = setTimeout(() => {
+        S(t);
+      }, e);
+    }, d.current || p());
+  }, W = () => {
+    d.current = !0, h.current && clearTimeout(h.current), h.current = setTimeout(() => {
+      d.current = !1, p();
+    }, 200);
+  }, I = () => {
+    v || h.current && (clearTimeout(h.current), h.current = null, d.current = !1);
+  }, S = (t) => {
+    n((e) => {
+      const r = { ...e };
+      if (delete r[t], Object.keys(r).forEach((s) => {
+        Number(s) >= t && delete r[Number(s)];
+      }), v) {
+        const s = t - 1;
+        m(s);
+        const b = r[s];
+        Object.keys(r).length > 0 && b && A(b);
+      }
+      return r;
+    });
+  }, k = (t, e) => {
+    a.current[t] = e;
+  }, N = (t, e) => o[e] === t;
+  return L(() => {
+    const t = (e) => {
+      if (Object.keys(o).length === 0) return;
+      const r = e.target;
+      if (u.current?.contains(r)) return;
+      Object.values(o).some((b) => a.current[b]?.contains(r)) || n({});
+    };
+    return document.addEventListener("mousedown", t), () => {
+      document.removeEventListener("mousedown", t);
+    };
+  }, [o]), L(() => () => {
+    i.current && clearTimeout(i.current), c.current && clearTimeout(c.current);
+  }, []), {
+    menuRootRef: u,
+    activeMenus: o,
+    openMenu: T,
+    isMenuActive: N,
+    registerSubMenu: k,
+    closeSubMenuLevel: S,
+    getAllFocusableMenuElements: () => {
+      const t = [];
+      return u.current && t.push(
+        ...Array.from(u.current.children)
+      ), Object.values(o).forEach((e) => {
+        const r = a.current[e];
+        r && t.push(...Array.from(r.children));
+      }), t;
+    },
+    findCurrentMenuLevel: (t) => {
+      let e = t.parentElement;
+      for (; e; ) {
+        const r = e.getAttribute("data-menu-level");
+        if (r !== null)
+          return parseInt(r, 10);
+        e = e.parentElement;
+      }
+      return 0;
+    },
+    getMenuElementsAtLevel: (t) => {
+      if (t === 0 && u.current)
+        return Array.from(u.current.children);
+      const e = Object.entries(o).find(([, r]) => {
+        const s = a.current[r];
+        return s && s.getAttribute("data-menu-level") === t.toString();
+      })?.[1];
+      if (e) {
+        const r = a.current[e];
+        if (r)
+          return Array.from(r.children);
+      }
+      return [];
+    },
+    mobileHide: v && Object.keys(o).length > 0,
+    listeners: {
+      onSubMenuHover: C,
+      onSubMenuLeave: j,
+      onSubMenuEnter: I,
+      onMouseMove: W,
+      toggleMenu: R,
+      mobilePositionTo: l,
+      activeMenu: g,
+      currentSubMenuLevel: w,
+      closeSubMenuLevel: S
+    }
+  };
+}
+function q(l, o = "bottom", n) {
+  const [g, A] = O({
+    top: 0,
+    left: 0,
+    minWidth: 0
+  }), w = n?.isMobile, m = y(() => {
+    if (!l?.current) return;
+    const u = l.current.getBoundingClientRect(), a = n?.menuRef?.current?.getBoundingClientRect(), i = window.innerWidth, c = a?.width || u.width, h = n?.topOffset ?? 4;
+    let d = 0, f = 0;
+    if (o === "bottom" || o === "bottom-right" ? d = u.top + u.height + h : d = u.top, o === "bottom" ? f = u.left : o === "bottom-right" ? f = u.right - c : o === "right" && (w ? f = u.left : f = u.right), f + c > i) {
+      const v = u.left - c;
+      v < 0 ? f = (i - c) / 2 : f = v;
+    }
+    w && o === "right" && (d = u.top + u.height + h), w && c > i && (f = 0), A({
+      top: d,
+      left: f,
+      minWidth: u.width
+    });
+  }, [l, o, n?.menuRef, n?.topOffset, w]);
+  return L(() => {
+    if (!n?.isOpen || !n?.setIsOpen) return;
+    const u = (a) => {
+      const i = a.target;
+      l.current?.contains(i) || n.menuRef?.current?.contains(i) || n.additionalRefs?.some((c) => c.current?.contains(i)) || n.setIsOpen?.(!1);
+    };
+    return document.addEventListener("mousedown", u), () => {
+      document.removeEventListener("mousedown", u);
+    };
+  }, [
+    n,
+    l,
+    n?.isOpen,
+    n?.setIsOpen,
+    n?.menuRef,
+    n?.additionalRefs
+  ]), L(() => {
+    m();
+    const u = new ResizeObserver(m);
+    l?.current && u.observe(l.current), window.addEventListener("scroll", m);
+    const a = () => {
+      n?.setIsOpen?.(!1);
+    }, i = z(l.current);
+    return i.forEach((c) => c.addEventListener("scroll", a)), window.addEventListener("resize", m), () => {
+      u.disconnect(), window.removeEventListener("scroll", m), i.forEach((c) => c.removeEventListener("scroll", a)), window.removeEventListener("resize", m);
+    };
+  }, [l, m]), { menuPosition: g, updatePosition: m };
+}
+function z(l) {
+  if (!l)
+    return [];
+  const o = [];
+  let n = l.parentElement;
+  for (; n; ) {
+    const g = window.getComputedStyle(n).overflowY;
+    (g === "auto" || g === "scroll") && o.push(n), n = n.parentElement;
+  }
+  return o;
+}
+export {
+  q as useMenuPosition,
+  Y as useSubMenuSystem
+};

package/dist/hooks/useMounted.js

@@ -0,0 +1,9 @@
+"use client";
+import { useState as u, useEffect as s } from "react";
+function o() {
+  const [t, e] = u(!1);
+  return s(() => (e(!0), () => e(!1)), []), t;
+}
+export {
+  o as useMounted
+};