@dimasbaguspm/versaur 0.0.16 → 0.0.17

package/dist/js/menu-Bm-yPIMN.js

@@ -1,310 +0,0 @@
-import { j as u, a as x, c as b } from "./index-DOdDlCoL.js";
-import { forwardRef as m, useEffect as f, useRef as y, useState as M, createContext as j, useContext as k, useId as I } from "react";
-const z = m(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
-    "div",
-    {
-      ref: n,
-      className: x("px-6 pt-6 pb-2 text-lg font-semibold", e),
-      ...t
-    }
-  )
-), D = m(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
-    "div",
-    {
-      ref: n,
-      className: x("px-6 py-4  flex justify-end gap-2", e),
-      ...t
-    }
-  )
-), V = m(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx("div", { ref: n, className: x("px-6 py-2", e), ...t })
-), A = m(
-  ({ onOverlayClick: e, ...t }, n) => /* @__PURE__ */ u.jsx(
-    "div",
-    {
-      ref: n,
-      role: "presentation",
-      tabIndex: -1,
-      "aria-modal": "true",
-      onClick: e,
-      ...t
-    }
-  )
-), N = b(
-  "fixed inset-0 z-51 transition-opacity duration-300 bg-black/30 backdrop-blur-md flex items-center justify-center transition-opacity duration-200 ease-in-out",
-  {
-    variants: {
-      placement: {
-        top: "items-start",
-        center: "items-center"
-      }
-    },
-    defaultVariants: {
-      placement: "center"
-    }
-  }
-), C = b(
-  [
-    "bg-white rounded-lg shadow-xl relative",
-    "flex flex-col",
-    "outline-none",
-    "mx-4",
-    "transition-all duration-200 ease-in-out "
-  ],
-  {
-    variants: {
-      size: {
-        sm: "w-[20rem] max-w-sm",
-        // 20rem, 320px
-        md: "w-[28rem] max-w-md",
-        // 28rem, 448px
-        lg: "w-[36rem] max-w-lg"
-        // 36rem, 576px
-      },
-      placement: {
-        top: "mt-4",
-        center: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      placement: "center"
-    }
-  }
-);
-function R(e, t) {
-  f(() => {
-    if (t && e.current) {
-      const n = e.current.querySelectorAll(
-        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      );
-      n.length && n[0].focus();
-    }
-  }, [t, e]);
-}
-function F(e, t) {
-  f(() => {
-    if (!e) return;
-    const n = (r) => {
-      r.key === "Escape" && t();
-    };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [e, t]);
-}
-const L = 200, T = ({
-  isOpen: e,
-  onOpenChange: t,
-  size: n = "md",
-  placement: r = "center",
-  children: o,
-  disableOverlayClose: a,
-  disableEscClose: i,
-  ...s
-}) => {
-  const d = y(null), c = y(null), [p, l] = M(e), [h, v] = M(!1);
-  return f(() => {
-    if (e)
-      l(!0), v(!1), d.current = document.activeElement;
-    else if (p) {
-      v(!0);
-      const g = setTimeout(() => {
-        l(!1), v(!1), d.current && d.current.focus();
-      }, L);
-      return () => clearTimeout(g);
-    }
-  }, [e]), F(e && !i, () => {
-    t && t(!1);
-  }), R(c, e), /* @__PURE__ */ u.jsx(
-    A,
-    {
-      ref: c,
-      className: `${N({ placement: r })} transition-opacity duration-200 ease-in-out ` + (e && !h ? "opacity-100" : "opacity-0 pointer-events-none"),
-      onOverlayClick: (g) => {
-        g.target === c.current && !a && t && t(!1);
-      },
-      placement: r,
-      children: /* @__PURE__ */ u.jsx(
-        "div",
-        {
-          className: `${C({ size: n, placement: r })} transition-all duration-200 ease-in-out ` + (e && !h ? "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"),
-          role: "dialog",
-          ...s,
-          tabIndex: 0,
-          "aria-hidden": !e,
-          children: o
-        }
-      )
-    }
-  );
-}, _ = Object.assign(T, {
-  Header: z,
-  Body: V,
-  Footer: D
-}), E = j(null), w = () => {
-  const e = k(E);
-  if (!e)
-    throw new Error("useMenuContext must be used within a Menu component");
-  return e;
-}, S = b(
-  // Modern, clean, accessible base style
-  "z-50 min-w-40 bg-background text-black rounded-lg border border-border",
-  {
-    variants: {
-      variant: {
-        default: "",
-        outline: "border bg-transparent"
-      },
-      size: {
-        sm: "py-1.5 px-1",
-        md: "py-2 px-1"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-), q = b(
-  "w-full text-left px-4 rounded-sm cursor-pointer transition-colors duration-150 select-none hover:bg-background-light outline-none border border-transparent focus-visible:border-primary-light disabled:opacity-50 disabled:cursor-not-allowed",
-  {
-    variants: {
-      size: {
-        sm: "text-sm py-1",
-        md: "text-base py-1"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), B = m(
-  ({ children: e, ...t }, n) => {
-    const { open: r, triggerRef: o } = w();
-    return /* @__PURE__ */ u.jsx(
-      "span",
-      {
-        ref: (a) => {
-          o.current = a, typeof n == "function" ? n(a) : n && (n.current = a);
-        },
-        "aria-haspopup": "menu",
-        "aria-expanded": r,
-        "aria-controls": "menu-content",
-        ...t,
-        children: e
-      }
-    );
-  }
-), H = m(
-  ({ children: e, className: t, ...n }, r) => {
-    const { open: o, contentRef: a, triggerRef: i, size: s } = w(), d = I();
-    let c = 0, p = 0;
-    if (i.current) {
-      const l = i.current.getBoundingClientRect();
-      c = l.bottom + window.scrollY + 4, p = l.left + window.scrollX;
-    }
-    return /* @__PURE__ */ u.jsx(
-      "div",
-      {
-        ref: (l) => {
-          a.current = l, typeof r == "function" ? r(l) : r && (r.current = l);
-        },
-        id: `menu-content-${d}`,
-        role: "menu",
-        tabIndex: -1,
-        "aria-hidden": !o,
-        className: x(
-          S({
-            size: s
-          }),
-          "absolute z-50 transition-opacity duration-150 ease-out",
-          o ? "opacity-100" : "opacity-0",
-          t
-        ),
-        style: {
-          minWidth: i.current?.offsetWidth,
-          top: c,
-          left: p
-        },
-        ...n,
-        children: o && e
-      }
-    );
-  }
-), K = m(
-  ({ children: e, disabled: t, className: n, ...r }, o) => {
-    const { size: a } = w();
-    return /* @__PURE__ */ u.jsx(
-      "button",
-      {
-        ref: o,
-        role: "menuitem",
-        tabIndex: 0,
-        disabled: t,
-        "aria-disabled": t,
-        className: x(
-          q({
-            size: a
-          }),
-          n
-        ),
-        ...r,
-        children: e
-      }
-    );
-  }
-);
-function $(e, t, n, r) {
-  f(() => {
-    if (!e) return;
-    function o(a) {
-      !t.current?.contains(a.target) && !n.current?.contains(a.target) && r();
-    }
-    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [e, r, t, n]);
-}
-function U(e, t) {
-  f(() => {
-    if (e && t.current) {
-      const n = t.current.querySelectorAll('[role="menuitem"]');
-      n.length && n[0].focus();
-    }
-  }, [e, t]);
-}
-function W(e, t, n, r) {
-  f(() => {
-    if (!e || !t.current) return;
-    const o = t.current;
-    function a(i) {
-      const s = Array.from(
-        o.querySelectorAll('[role="menuitem"]')
-      ), d = document.activeElement, c = s.indexOf(d);
-      i.key === "ArrowDown" ? (i.preventDefault(), s.length && s[(c + 1) % s.length].focus()) : i.key === "ArrowUp" ? (i.preventDefault(), s.length && s[(c - 1 + s.length) % s.length].focus()) : i.key === "Home" ? (i.preventDefault(), s.length && s[0].focus()) : i.key === "End" ? (i.preventDefault(), s.length && s[s.length - 1].focus()) : i.key === "Escape" && (i.preventDefault(), r(), n.current?.focus());
-    }
-    return o.addEventListener("keydown", a), () => o.removeEventListener("keydown", a);
-  }, [e, r, t, n]);
-}
-const P = ({
-  children: e,
-  isOpen: t,
-  onOutsideClick: n,
-  size: r = "md"
-}) => {
-  const o = y(null), a = y(null);
-  return $(t, a, o, n), U(t, a), W(t, a, o, n), /* @__PURE__ */ u.jsx(
-    E.Provider,
-    {
-      value: { open: t, triggerRef: o, contentRef: a, size: r },
-      children: e
-    }
-  );
-}, G = Object.assign(P, {
-  Trigger: B,
-  Content: H,
-  Item: K
-});
-export {
-  G as M,
-  _ as a
-};