@dimasbaguspm/versaur 0.0.60 → 0.0.62

package/dist/js/tooltip-Dpx3TpR6.js

@@ -1,693 +0,0 @@
-import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import g, { useState as y, useEffect as v, createContext as V, useContext as T, forwardRef as p, useRef as S, useId as k, useMemo as _, cloneElement as $ } from "react";
-import { c as h, a as u } from "./index-BDtz_hQY.js";
-import { XIcon as R } from "lucide-react";
-import { n as D, l as H, H as G, t as U } from "./image-rectangle-CCvXv24a.js";
-import "./snackbar-CTq4MLir.js";
-import X from "react-dom";
-function q() {
-  if (typeof window > "u") return !1;
-  const e = window.navigator.userAgent, t = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-    e
-  ), o = /iPad|Android(?=.*Mobile)|Tablet/i.test(e), n = "ontouchstart" in window || navigator.maxTouchPoints > 0, a = window.innerWidth <= 1024;
-  return t || o || n && a;
-}
-function B() {
-  return typeof window < "u" && "navigator" in window && "virtualKeyboard" in navigator;
-}
-function J() {
-  const [e, t] = y(!1), [o, n] = y(0), [a, s] = y(0), [i, c] = y(!1), [w, f] = y(!1);
-  return v(() => {
-    if (!q()) {
-      c(!1);
-      return;
-    }
-    c(!0), f(B());
-  }, []), v(() => {
-    if (!i || !B())
-      return;
-    const d = navigator.virtualKeyboard, l = () => {
-      const { boundingRect: m } = d, b = m?.height || 0, x = m?.width || 0;
-      t(b > 0), n(b), s(x);
-    };
-    return l(), d.addEventListener("geometrychange", l), () => {
-      d.removeEventListener(
-        "geometrychange",
-        l
-      );
-    };
-  }, [i]), v(() => {
-    if (!i || B())
-      return;
-    const d = window.innerHeight;
-    let l;
-    const m = () => {
-      clearTimeout(l), l = setTimeout(() => {
-        const b = window.visualViewport?.height ?? window.innerHeight, x = d - b, C = x > 150;
-        t(C), n(C ? x : 0), s(C ? window.innerWidth : 0);
-      }, 100);
-    };
-    return "visualViewport" in window && window.visualViewport ? (window.visualViewport.addEventListener("resize", m), () => {
-      clearTimeout(l), window.visualViewport?.removeEventListener(
-        "resize",
-        m
-      );
-    }) : (window.addEventListener("resize", m), () => {
-      clearTimeout(l), window.removeEventListener("resize", m);
-    });
-  }, [i]), v(() => {
-    i || (t(!1), n(0), s(0));
-  }, [i]), {
-    isOpen: e,
-    height: o,
-    width: a,
-    isSupported: i,
-    usingNativeAPI: w
-  };
-}
-const M = V(null);
-function j() {
-  const e = T(M);
-  if (!e)
-    throw new Error(
-      "Drawer components must be used within a DrawerRoot component"
-    );
-  return e;
-}
-const Q = h(
-  "fixed inset-0 z-50 transition-opacity duration-300 bg-foreground/30 backdrop-blur-md",
-  {
-    variants: {
-      state: {
-        open: "opacity-100",
-        closed: "opacity-0 pointer-events-none"
-      }
-    },
-    defaultVariants: {
-      state: "closed"
-    }
-  }
-), Y = h(
-  "fixed z-50 shadow-xl flex flex-col max-w-full bg-white",
-  {
-    variants: {
-      position: {
-        left: "left-0 top-0 bottom-0 border-r border-border",
-        right: "right-0 top-0 bottom-0 border-l border-border"
-      },
-      size: {
-        sm: "w-80",
-        md: "w-96",
-        lg: "w-[28rem]",
-        xl: "w-[32rem]",
-        "3/4": "w-[75vw]",
-        full: "w-full"
-      },
-      transitionType: {
-        slide: "transition-transform duration-300 ease-in-out",
-        fade: "transition-opacity duration-300 ease-in-out"
-      }
-    },
-    defaultVariants: {
-      position: "right",
-      size: "md",
-      transitionType: "slide"
-    }
-  }
-), Z = h(
-  "flex justify-between items-center px-6 bg-white",
-  {
-    variants: {
-      tab: {
-        true: "pt-4 pb-2",
-        false: "border-b border-border py-4"
-      }
-    },
-    defaultVariants: {
-      tab: !1
-    }
-  }
-), ee = h(
-  "flex-1 overflow-y-auto px-6 py-4 bg-white"
-), te = h(
-  "px-6 py-4 border-t border-border bg-white"
-), P = g.forwardRef(({ className: e, ...t }, o) => {
-  const { isOpen: n, disableOverlayClickToClose: a, onClose: s } = j(), i = () => {
-    a || s();
-  };
-  return /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: o,
-      onClick: i,
-      "aria-hidden": "true",
-      className: u(
-        Q({
-          state: n ? "open" : "closed"
-        }),
-        e
-      ),
-      ...t
-    }
-  );
-});
-P.displayName = "DrawerOverlay";
-const z = g.forwardRef(
-  ({ children: e, className: t, hasTab: o, ...n }, a) => /* @__PURE__ */ r.jsx(
-    "header",
-    {
-      ref: a,
-      className: u(
-        Z({ tab: !!o }),
-        t
-      ),
-      ...n,
-      children: e
-    }
-  )
-);
-z.displayName = "DrawerHeader";
-const E = p((e, t) => {
-  const { titleId: o } = j();
-  return /* @__PURE__ */ r.jsx(D, { ...e, ref: t, as: "h3", fontSize: "lg", id: o });
-});
-E.displayName = "DrawerTitle";
-const F = p(({ onClick: e, ...t }, o) => {
-  const { onClose: n } = j(), a = (s) => {
-    n(), e?.(s);
-  };
-  return /* @__PURE__ */ r.jsx(
-    H,
-    {
-      "aria-label": "Close drawer",
-      ...t,
-      onClick: a,
-      variant: "ghost",
-      size: "sm",
-      as: R,
-      ref: o
-    }
-  );
-});
-F.displayName = "DrawerCloseButton";
-const O = p(
-  ({ children: e, className: t, ...o }, n) => /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: n,
-      className: u("[&>nav>div>ul]:px-6", t),
-      ...o,
-      children: e
-    }
-  )
-);
-O.displayName = "DrawerTab";
-const L = g.forwardRef(
-  ({ children: e, className: t, ...o }, n) => {
-    const { descriptionId: a } = j();
-    return /* @__PURE__ */ r.jsx(
-      "main",
-      {
-        ref: n,
-        id: a,
-        className: u(ee(), t),
-        ...o,
-        children: e
-      }
-    );
-  }
-);
-L.displayName = "DrawerBody";
-const A = g.forwardRef(
-  ({ children: e, className: t, ...o }, n) => /* @__PURE__ */ r.jsx(
-    "footer",
-    {
-      ref: n,
-      className: u(te(), t),
-      ...o,
-      children: e
-    }
-  )
-);
-A.displayName = "DrawerFooter";
-function N(e, t, o) {
-  const n = S(null);
-  return v(() => {
-    n.current && n.current.focus();
-  }, []), v(() => {
-    const a = (s) => {
-      s.key === "Escape" && e && n.current && n.current.contains(document.activeElement) && !o && t();
-    };
-    return e && (document.addEventListener("keydown", a), document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", a), document.body.style.overflow = "unset";
-    };
-  }, [e, t, o, n]), n;
-}
-const I = ({
-  container: e,
-  children: t
-}) => {
-  if (typeof window > "u" || typeof document > "u")
-    return /* @__PURE__ */ r.jsx(r.Fragment, { children: t });
-  const o = e ?? document.body;
-  return o ? X.createPortal(t, o) : /* @__PURE__ */ r.jsx(r.Fragment, { children: t });
-}, oe = ({
-  container: e,
-  children: t,
-  isOpen: o,
-  onClose: n,
-  position: a = "right",
-  size: s = "md",
-  transitionType: i = "slide",
-  disableOverlayClickToClose: c = !1,
-  disableEscapeKeyDown: w = !1,
-  className: f,
-  ...d
-}) => {
-  const l = k(), m = k(), b = {
-    isOpen: o,
-    onClose: n,
-    position: a,
-    size: s,
-    transitionType: i,
-    disableOverlayClickToClose: c,
-    disableEscapeKeyDown: w,
-    titleId: l,
-    descriptionId: m
-  }, x = N(o, n, w);
-  return /* @__PURE__ */ r.jsx(I, { container: e, children: /* @__PURE__ */ r.jsx(M.Provider, { value: b, children: /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: u(
-        "fixed z-50 inset-0 pointer-events-none",
-        o && "pointer-events-auto"
-      ),
-      children: [
-        /* @__PURE__ */ r.jsx(P, {}),
-        /* @__PURE__ */ r.jsx(
-          "div",
-          {
-            ref: x,
-            role: "dialog",
-            tabIndex: -1,
-            "aria-modal": "true",
-            "aria-labelledby": l,
-            "aria-describedby": m,
-            "aria-hidden": !o,
-            className: u(
-              Y({
-                position: a,
-                size: s,
-                transitionType: i
-              }),
-              i === "slide" ? [
-                !o && a === "left" && "-translate-x-full",
-                !o && a === "right" && "translate-x-full"
-              ] : [
-                "left-0 right-0 top-0 bottom-0",
-                o ? "opacity-100" : "opacity-0 pointer-events-none"
-              ],
-              f
-            ),
-            ...d,
-            children: o && t
-          }
-        )
-      ]
-    }
-  ) }) });
-}, Me = Object.assign(oe, {
-  Header: z,
-  Title: E,
-  CloseButton: F,
-  Tab: O,
-  Body: L,
-  Footer: A
-}), W = V(null);
-function ne() {
-  const e = T(W);
-  if (!e)
-    throw new Error(
-      "Modal components must be used within a ModalRoot component"
-    );
-  return e;
-}
-const re = h(
-  "fixed inset-0 z-60 transition-opacity duration-300 bg-foreground/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"
-    }
-  }
-), ae = h(
-  [
-    "absolute z-61 bg-white rounded-lg shadow-xl",
-    "flex flex-col",
-    "outline-none",
-    "transition-all duration-200 ease-in-out"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "w-[20rem] max-w-[90%]",
-        // 20rem, 320px
-        md: "w-[28rem] max-w-[90%]",
-        // 28rem, 448px
-        lg: "w-[36rem] max-w-[90%]",
-        // 36rem, 576px
-        "fit-content": "w-fit max-w-[90%]"
-        // Fit content, no max width
-      },
-      placement: {
-        top: "top-8 left-1/2 -translate-x-1/2",
-        center: "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
-      },
-      isOpen: {
-        true: "opacity-100 scale-100",
-        false: "opacity-0 scale-95 pointer-events-none"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      placement: "center",
-      isOpen: !1
-    }
-  }
-), se = p(
-  ({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: o,
-      className: u("px-6 pt-6 pb-2 text-lg font-semibold", e),
-      ...t
-    }
-  )
-), ie = p(
-  ({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: o,
-      className: u("px-6 py-4  flex justify-end gap-2", e),
-      ...t
-    }
-  )
-), le = p(
-  ({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx("div", { ref: o, className: u("px-6 py-2", e), ...t })
-), de = p(
-  (e, t) => {
-    const { isOpen: o, placement: n, onClose: a, disableOverlayClickToClose: s } = ne(), i = () => {
-      s || a();
-    };
-    return /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        ref: t,
-        role: "presentation",
-        tabIndex: -1,
-        "aria-modal": "true",
-        onClick: i,
-        className: u(
-          re({ placement: n }),
-          o ? "opacity-100" : "opacity-0 pointer-events-none"
-        ),
-        ...e
-      }
-    );
-  }
-), ce = ({
-  isOpen: e,
-  onClose: t,
-  size: o = "md",
-  placement: n = "center",
-  disableOverlayClickToClose: a = !1,
-  disableEscapeKeyDown: s = !1,
-  children: i,
-  container: c,
-  ...w
-}) => {
-  const f = {
-    isOpen: e,
-    onClose: t,
-    size: o,
-    placement: n,
-    disableOverlayClickToClose: a,
-    disableEscapeKeyDown: s
-  }, d = N(e, t, s);
-  return /* @__PURE__ */ r.jsx(I, { container: c, children: /* @__PURE__ */ r.jsx(W.Provider, { value: f, children: /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: u(
-        "fixed z-50 inset-0 pointer-events-none",
-        e && "pointer-events-auto"
-      ),
-      children: [
-        /* @__PURE__ */ r.jsx(de, {}),
-        /* @__PURE__ */ r.jsx(
-          "div",
-          {
-            ref: d,
-            className: u(ae({ size: o, placement: n, isOpen: e })),
-            role: "dialog",
-            tabIndex: -1,
-            "aria-hidden": !e,
-            ...w,
-            children: i
-          }
-        )
-      ]
-    }
-  ) }) });
-}, Pe = Object.assign(ce, {
-  Header: se,
-  Body: le,
-  Footer: ie
-}), ue = h(
-  [
-    "fixed left-0 bottom-0 z-40 w-full max-h-[90dvh] bg-background rounded-t-xl shadow-lg border-t border-border rounded-lg",
-    "transition-transform duration-300 ease-in-out will-change-transform",
-    "overflow-hidden"
-    // Ensure content doesn't overflow when keyboard adjusts height
-  ],
-  {
-    variants: {
-      open: {
-        true: "translate-y-0",
-        false: "translate-y-full"
-      }
-    },
-    defaultVariants: {
-      open: !1
-    }
-  }
-), fe = h(
-  ["fixed inset-0 z-40 duration-300"],
-  {
-    variants: {
-      open: {
-        true: "backdrop-blur-md bg-foreground/30",
-        false: "pointer-events-none"
-      }
-    },
-    defaultVariants: {
-      open: !1
-    }
-  }
-), me = h(
-  "p-4 pb-2 flex justify-between w-full"
-), pe = h([
-  "p-4 py-2 flex-1 overflow-y-auto",
-  "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border"
-]), he = h("p-4 pt-2 flex-shrink-0"), K = V(null), we = K.Provider, be = () => {
-  const e = T(K);
-  if (!e)
-    throw new Error("useBottomSheet must be used within a BottomSheetProvider");
-  return e;
-}, xe = p(function(t, o) {
-  return /* @__PURE__ */ r.jsx(G, { level: 3, ref: o, ...t });
-}), ve = p(function(t, o) {
-  const { onClose: n } = be(), a = (s) => {
-    n(), t?.onClick?.(s);
-  };
-  return /* @__PURE__ */ r.jsx(
-    H,
-    {
-      ref: o,
-      variant: "ghost",
-      "aria-label": "Close",
-      as: R,
-      ...t,
-      onClick: a
-    }
-  );
-}), ye = p(({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    ref: o,
-    className: me({ className: e }),
-    ...t
-  }
-)), ge = p(
-  ({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: o,
-      className: pe({ className: e }),
-      ...t
-    }
-  )
-), je = p(({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    ref: o,
-    className: he({ className: e }),
-    ...t
-  }
-)), Ce = p(
-  ({
-    isOpen: e,
-    children: t,
-    className: o,
-    onClose: n,
-    container: a,
-    disableOverlayClickToClose: s = !1,
-    ...i
-  }, c) => {
-    const w = N(e, n), {
-      isOpen: f,
-      height: d,
-      isSupported: l
-    } = J(), m = _(() => !e || !l || !f ? {} : {
-      // Adjust bottom position to sit above the virtual keyboard
-      bottom: `${d}px`,
-      // Reduce max height to account for keyboard
-      maxHeight: `calc(90dvh - ${d}px)`,
-      // Ensure smooth transition
-      transition: "bottom 0.2s ease-in-out, max-height 0.2s ease-in-out"
-    }, [e, l, f, d]), b = () => {
-      s || n?.();
-    };
-    return /* @__PURE__ */ r.jsx(I, { container: a, children: /* @__PURE__ */ r.jsxs(we, { value: { onClose: n }, children: [
-      /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          className: fe({ open: e }),
-          "aria-hidden": "true",
-          onClick: b
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          ref: U(c, w),
-          className: u(
-            ue({
-              open: e
-            }),
-            "flex flex-col",
-            // Add flex layout for proper header/body/footer arrangement
-            o
-          ),
-          style: m,
-          role: "dialog",
-          "aria-modal": "true",
-          tabIndex: -1,
-          ...i,
-          children: t
-        }
-      )
-    ] }) });
-  }
-), ze = Object.assign(Ce, {
-  Header: ye,
-  Title: xe,
-  CloseIcon: ve,
-  Body: ge,
-  Footer: je
-});
-function Be(e = "auto") {
-  const t = S(null), [o, n] = y("bottom");
-  return v(() => {
-    if (!open || e !== "auto" || !t.current) {
-      n(e === "auto" ? "bottom" : e);
-      return;
-    }
-    const a = t.current.getBoundingClientRect(), s = window.innerWidth, i = window.innerHeight, c = {
-      top: a.top,
-      bottom: i - a.bottom,
-      left: a.left,
-      right: s - a.right
-    };
-    c.bottom > 64 ? n("bottom") : c.top > 64 ? n("top") : c.right > 128 ? n("right") : n("left");
-  }, [e, t]), { position: o, ref: t };
-}
-const ke = h(
-  "absolute z-50 px-2 py-1 rounded bg-neutral pointer-events-auto transition-opacity duration-150 min-w-[max-content] max-w-sm whitespace-pre-line",
-  {
-    variants: {
-      position: {
-        top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-        bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-        left: "right-full top-1/2 -translate-y-1/2 mr-2",
-        right: "left-full top-1/2 -translate-y-1/2 ml-2",
-        auto: "top-full left-1/2 -translate-x-1/2 mt-2"
-      }
-    },
-    defaultVariants: {
-      position: "auto"
-    }
-  }
-), Ee = ({
-  children: e,
-  content: t,
-  position: o = "auto",
-  popoverClassName: n,
-  delay: a,
-  ...s
-}) => {
-  const i = k(), [c, w] = y(!1), f = S(null), d = () => {
-    a ? f.current = setTimeout(() => w(!0), a) : w(!0);
-  }, l = () => {
-    f.current && clearTimeout(f.current), w(!1);
-  };
-  v(() => () => {
-    f.current && clearTimeout(f.current);
-  }, []);
-  const m = {
-    tabIndex: 0,
-    "aria-describedby": i,
-    onMouseEnter: d,
-    onFocus: d,
-    onMouseLeave: l,
-    onBlur: l,
-    ...s
-  }, { ref: b, position: x } = Be(o);
-  return /* @__PURE__ */ r.jsxs("div", { className: "relative w-fit", ref: b, children: [
-    $(e, m),
-    /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        id: i,
-        className: u(
-          ke({ position: x }),
-          n,
-          !c && "opacity-0 pointer-events-none"
-        ),
-        role: "tooltip",
-        "aria-hidden": !c,
-        children: /* @__PURE__ */ r.jsx(D, { as: "p", fontSize: "xs", fontWeight: "normal", color: "black", children: t })
-      }
-    )
-  ] });
-};
-export {
-  ze as B,
-  Me as D,
-  Pe as M,
-  Ee as T
-};