@dimasbaguspm/versaur 0.0.44 → 0.0.46

package/dist/js/tooltip-D6fUigp2.js

@@ -0,0 +1,691 @@
+import { c as h, j as a, a as f } from "./index-DOdDlCoL.js";
+import j, { useState as x, useEffect as b, createContext as V, useContext as B, forwardRef as p, useRef as S, useMemo as P, useId as D, cloneElement as O } from "react";
+import { XIcon as N } from "lucide-react";
+import { m as R, k as E, O as T, H as F } from "./image-rectangle-B4nXH4Q5.js";
+import "./snackbar-DH8jCh2V.js";
+function L() {
+  if (typeof window > "u") return !1;
+  const t = window.navigator.userAgent, o = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+    t
+  ), e = /iPad|Android(?=.*Mobile)|Tablet/i.test(t), n = "ontouchstart" in window || navigator.maxTouchPoints > 0, r = window.innerWidth <= 1024;
+  return o || e || n && r;
+}
+function k() {
+  return typeof window < "u" && "navigator" in window && "virtualKeyboard" in navigator;
+}
+function A() {
+  const [t, o] = x(!1), [e, n] = x(0), [r, s] = x(0), [i, l] = x(!1), [w, u] = x(!1);
+  return b(() => {
+    if (!L()) {
+      l(!1);
+      return;
+    }
+    l(!0), u(k());
+  }, []), b(() => {
+    if (!i || !k())
+      return;
+    const d = navigator.virtualKeyboard, c = () => {
+      const { boundingRect: m } = d, v = m?.height || 0, g = m?.width || 0;
+      o(v > 0), n(v), s(g);
+    };
+    return c(), d.addEventListener("geometrychange", c), () => {
+      d.removeEventListener(
+        "geometrychange",
+        c
+      );
+    };
+  }, [i]), b(() => {
+    if (!i || k())
+      return;
+    const d = window.innerHeight;
+    let c;
+    const m = () => {
+      clearTimeout(c), c = setTimeout(() => {
+        const v = window.visualViewport?.height ?? window.innerHeight, g = d - v, C = g > 150;
+        o(C), n(C ? g : 0), s(C ? window.innerWidth : 0);
+      }, 100);
+    };
+    return "visualViewport" in window && window.visualViewport ? (window.visualViewport.addEventListener("resize", m), () => {
+      clearTimeout(c), window.visualViewport?.removeEventListener(
+        "resize",
+        m
+      );
+    }) : (window.addEventListener("resize", m), () => {
+      clearTimeout(c), window.removeEventListener("resize", m);
+    });
+  }, [i]), b(() => {
+    i || (o(!1), n(0), s(0));
+  }, [i]), {
+    isOpen: t,
+    height: e,
+    width: r,
+    isSupported: i,
+    usingNativeAPI: w
+  };
+}
+const z = V(null);
+function y() {
+  const t = B(z);
+  if (!t)
+    throw new Error(
+      "Drawer components must be used within a DrawerRoot component"
+    );
+  return t;
+}
+const W = 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"
+    }
+  }
+), K = h(
+  "fixed z-50 shadow-xl flex flex-col max-w-full",
+  {
+    variants: {
+      position: {
+        left: "left-0 top-0 bottom-0 border-r",
+        right: "right-0 top-0 bottom-0 border-l"
+      },
+      size: {
+        sm: "w-80",
+        md: "w-96",
+        lg: "w-[28rem]",
+        xl: "w-[32rem]",
+        "3/4": "w-[75vw]",
+        full: "w-full"
+      },
+      variant: {
+        default: "bg-white border-border",
+        glass: "bg-white/10 backdrop-blur-lg border-white/20"
+      },
+      transitionType: {
+        slide: "transition-transform duration-300 ease-in-out",
+        fade: "transition-opacity duration-300 ease-in-out"
+      }
+    },
+    defaultVariants: {
+      position: "right",
+      size: "md",
+      variant: "default",
+      transitionType: "slide"
+    }
+  }
+), _ = h(
+  "flex justify-between items-center px-6",
+  {
+    variants: {
+      variant: {
+        default: "bg-white",
+        glass: "bg-transparent "
+      },
+      tab: {
+        true: "pt-4 pb-2",
+        false: "border-b border-border py-4 "
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      tab: !1
+    }
+  }
+), $ = h("flex-1 overflow-y-auto px-6 py-4", {
+  variants: {
+    variant: {
+      default: "bg-white",
+      glass: "bg-transparent"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), G = h("px-6 py-4 border-t", {
+  variants: {
+    variant: {
+      default: "bg-white border-border",
+      glass: "bg-transparent border-white/10"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), U = j.forwardRef(({ className: t, ...o }, e) => {
+  const { isOpen: n, disableOverlayClickToClose: r, onClose: s } = y(), i = () => {
+    r || s();
+  };
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: e,
+      onClick: i,
+      className: f(
+        W({
+          state: n ? "open" : "closed"
+        }),
+        t
+      ),
+      ...o
+    }
+  );
+}), X = j.forwardRef(
+  ({ children: t, className: o, hasTab: e, ...n }, r) => {
+    const { variant: s } = y();
+    return /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        ref: r,
+        className: f(
+          _({ variant: s, tab: !!e }),
+          o
+        ),
+        ...n,
+        children: t
+      }
+    );
+  }
+), q = p((t, o) => /* @__PURE__ */ a.jsx(R, { ...t, ref: o, as: "h3", fontSize: "lg" })), J = p(({ onClick: t, ...o }, e) => {
+  const { onClose: n } = y(), r = (s) => {
+    n(), t?.(s);
+  };
+  return /* @__PURE__ */ a.jsx(
+    E,
+    {
+      "aria-label": "Close drawer",
+      ...o,
+      onClick: r,
+      variant: "ghost",
+      size: "sm",
+      as: N,
+      ref: e
+    }
+  );
+}), Q = p(
+  ({ children: t, className: o, ...e }, n) => /* @__PURE__ */ a.jsx("div", { ref: n, className: f("[&>div]:px-6", o), ...e, children: t })
+), Y = j.forwardRef(
+  ({ children: t, className: o, ...e }, n) => {
+    const { variant: r } = y();
+    return /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        ref: n,
+        className: f($({ variant: r }), o),
+        ...e,
+        children: t
+      }
+    );
+  }
+), Z = j.forwardRef(
+  ({ children: t, className: o, ...e }, n) => {
+    const { variant: r } = y();
+    return /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        ref: n,
+        className: f(G({ variant: r }), o),
+        ...e,
+        children: t
+      }
+    );
+  }
+);
+function I(t, o, e) {
+  const n = S(null);
+  return b(() => {
+    n.current && n.current.focus();
+  }, []), b(() => {
+    const r = (s) => {
+      s.key === "Escape" && t && n.current && n.current.contains(document.activeElement) && !e && o();
+    };
+    return t && (document.addEventListener("keydown", r), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", r), document.body.style.overflow = "unset";
+    };
+  }, [t, o, e, n]), n;
+}
+const tt = ({
+  container: t,
+  children: o,
+  isOpen: e,
+  onClose: n,
+  position: r = "right",
+  size: s = "md",
+  variant: i = "default",
+  transitionType: l = "slide",
+  disableOverlayClickToClose: w = !1,
+  disableEscapeKeyDown: u = !1,
+  className: d,
+  ...c
+}) => {
+  const m = {
+    isOpen: e,
+    onClose: n,
+    position: r,
+    size: s,
+    variant: i,
+    transitionType: l,
+    disableOverlayClickToClose: w,
+    disableEscapeKeyDown: u
+  }, v = I(e, n, u);
+  return /* @__PURE__ */ a.jsx(T, { container: t, children: /* @__PURE__ */ a.jsx(z.Provider, { value: m, children: /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: f(
+        "fixed z-50 inset-0 pointer-events-none",
+        e && "pointer-events-auto"
+      ),
+      children: [
+        /* @__PURE__ */ a.jsx(U, {}),
+        /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            ref: v,
+            tabIndex: -1,
+            role: e ? "dialog" : void 0,
+            "aria-modal": e ? "true" : void 0,
+            className: f(
+              K({
+                position: r,
+                size: s,
+                variant: i,
+                transitionType: l
+              }),
+              l === "slide" ? [
+                !e && r === "left" && "-translate-x-full",
+                !e && r === "right" && "translate-x-full"
+              ] : [
+                "left-0 right-0 top-0 bottom-0",
+                e ? "opacity-100" : "opacity-0 pointer-events-none"
+              ],
+              d
+            ),
+            ...c,
+            children: e && o
+          }
+        )
+      ]
+    }
+  ) }) });
+}, Rt = Object.assign(tt, {
+  Header: X,
+  Title: q,
+  CloseButton: J,
+  Tab: Q,
+  Body: Y,
+  Footer: Z
+}), H = V(null);
+function et() {
+  const t = B(H);
+  if (!t)
+    throw new Error(
+      "Modal components must be used within a ModalRoot component"
+    );
+  return t;
+}
+const ot = 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"
+    }
+  }
+), nt = 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
+    }
+  }
+), rt = p(
+  ({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: e,
+      className: f("px-6 pt-6 pb-2 text-lg font-semibold", t),
+      ...o
+    }
+  )
+), at = p(
+  ({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: e,
+      className: f("px-6 py-4  flex justify-end gap-2", t),
+      ...o
+    }
+  )
+), st = p(
+  ({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx("div", { ref: e, className: f("px-6 py-2", t), ...o })
+), it = p(
+  (t, o) => {
+    const { isOpen: e, placement: n, onClose: r, disableOverlayClickToClose: s } = et(), i = () => {
+      s || r();
+    };
+    return /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        ref: o,
+        role: "presentation",
+        tabIndex: -1,
+        "aria-modal": "true",
+        onClick: i,
+        className: f(
+          ot({ placement: n }),
+          e ? "opacity-100" : "opacity-0 pointer-events-none"
+        ),
+        ...t
+      }
+    );
+  }
+), lt = ({
+  isOpen: t,
+  onClose: o,
+  size: e = "md",
+  placement: n = "center",
+  disableOverlayClickToClose: r = !1,
+  disableEscapeKeyDown: s = !1,
+  children: i,
+  container: l,
+  ...w
+}) => {
+  const u = {
+    isOpen: t,
+    onClose: o,
+    size: e,
+    placement: n,
+    disableOverlayClickToClose: r,
+    disableEscapeKeyDown: s
+  }, d = I(t, o, s);
+  return /* @__PURE__ */ a.jsx(T, { container: l, children: /* @__PURE__ */ a.jsx(H.Provider, { value: u, children: /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: f(
+        "fixed z-50 inset-0 pointer-events-none",
+        t && "pointer-events-auto"
+      ),
+      children: [
+        /* @__PURE__ */ a.jsx(it, {}),
+        /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            ref: d,
+            className: f(nt({ size: e, placement: n, isOpen: t })),
+            role: "dialog",
+            tabIndex: -1,
+            "aria-hidden": !t,
+            ...w,
+            children: i
+          }
+        )
+      ]
+    }
+  ) }) });
+}, Et = Object.assign(lt, {
+  Header: rt,
+  Body: st,
+  Footer: at
+}), dt = 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
+    }
+  }
+), ct = h(
+  ["fixed inset-0 z-40 duration-300"],
+  {
+    variants: {
+      open: {
+        true: "backdrop-blur-md bg-foreground/30",
+        false: "pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      open: !1
+    }
+  }
+), ut = h(
+  "p-4 pb-2 flex justify-between w-full"
+), ft = h([
+  "p-4 py-2 flex-1 overflow-y-auto",
+  "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border"
+]), mt = h("p-4 pt-2 flex-shrink-0"), M = V(null), ht = M.Provider, pt = () => {
+  const t = B(M);
+  if (!t)
+    throw new Error("useBottomSheet must be used within a BottomSheetProvider");
+  return t;
+}, wt = p(function(o, e) {
+  return /* @__PURE__ */ a.jsx(F, { level: 3, ref: e, ...o });
+}), vt = p(function(o, e) {
+  const { onClose: n } = pt(), r = (s) => {
+    n(), o?.onClick?.(s);
+  };
+  return /* @__PURE__ */ a.jsx(
+    E,
+    {
+      ref: e,
+      variant: "ghost",
+      "aria-label": "Close",
+      as: N,
+      ...o,
+      onClick: r
+    }
+  );
+}), bt = p(({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: e,
+    className: ut({ className: t }),
+    ...o
+  }
+)), xt = p(
+  ({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: e,
+      className: ft({ className: t }),
+      ...o
+    }
+  )
+), gt = p(({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: e,
+    className: mt({ className: t }),
+    ...o
+  }
+)), yt = (...t) => (o) => {
+  t.forEach((e) => {
+    typeof e == "function" ? e(o) : e && "current" in e && (e.current = o);
+  });
+}, jt = p(
+  ({
+    isOpen: t,
+    children: o,
+    className: e,
+    onClose: n,
+    container: r,
+    disableOverlayClickToClose: s = !1,
+    ...i
+  }, l) => {
+    const w = I(t, n), {
+      isOpen: u,
+      height: d,
+      isSupported: c
+    } = A(), m = P(() => !t || !c || !u ? {} : {
+      // 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"
+    }, [t, c, u, d]), v = () => {
+      s || n?.();
+    };
+    return /* @__PURE__ */ a.jsx(T, { container: r, children: /* @__PURE__ */ a.jsxs(ht, { value: { onClose: n }, children: [
+      /* @__PURE__ */ a.jsx(
+        "div",
+        {
+          className: ct({ open: t }),
+          "aria-hidden": "true",
+          onClick: v
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        "div",
+        {
+          ref: yt(l, w),
+          className: f(
+            dt({
+              open: t
+            }),
+            "flex flex-col",
+            // Add flex layout for proper header/body/footer arrangement
+            e
+          ),
+          style: m,
+          role: "dialog",
+          "aria-modal": "true",
+          tabIndex: -1,
+          ...i,
+          children: o
+        }
+      )
+    ] }) });
+  }
+), zt = Object.assign(jt, {
+  Header: bt,
+  Title: wt,
+  CloseIcon: vt,
+  Body: xt,
+  Footer: gt
+});
+function Ct(t = "auto") {
+  const o = S(null), [e, n] = x("bottom");
+  return b(() => {
+    if (!open || t !== "auto" || !o.current) {
+      n(t === "auto" ? "bottom" : t);
+      return;
+    }
+    const r = o.current.getBoundingClientRect(), s = window.innerWidth, i = window.innerHeight, l = {
+      top: r.top,
+      bottom: i - r.bottom,
+      left: r.left,
+      right: s - r.right
+    };
+    l.bottom > 64 ? n("bottom") : l.top > 64 ? n("top") : l.right > 128 ? n("right") : n("left");
+  }, [t, o]), { position: e, ref: o };
+}
+const kt = 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"
+    }
+  }
+), Ht = ({
+  children: t,
+  content: o,
+  position: e = "auto",
+  popoverClassName: n,
+  delay: r,
+  ...s
+}) => {
+  const i = D(), [l, w] = x(!1), u = S(null), d = () => {
+    r ? u.current = setTimeout(() => w(!0), r) : w(!0);
+  }, c = () => {
+    u.current && clearTimeout(u.current), w(!1);
+  };
+  b(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []);
+  const m = {
+    tabIndex: 0,
+    "aria-describedby": i,
+    onMouseEnter: d,
+    onFocus: d,
+    onMouseLeave: c,
+    onBlur: c,
+    ...s
+  }, { ref: v, position: g } = Ct(e);
+  return /* @__PURE__ */ a.jsxs("div", { className: "relative w-fit", ref: v, children: [
+    O(t, m),
+    /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        id: i,
+        className: f(
+          kt({ position: g }),
+          n,
+          !l && "opacity-0 pointer-events-none"
+        ),
+        role: "tooltip",
+        "aria-hidden": !l,
+        children: /* @__PURE__ */ a.jsx(R, { as: "p", fontSize: "xs", fontWeight: "normal", color: "black", children: o })
+      }
+    )
+  ] });
+};
+export {
+  zt as B,
+  Rt as D,
+  Et as M,
+  Ht as T
+};

package/dist/js/{top-bar-CKo6k1eW.js → top-bar-Dx0JVXms.js}

@@ -1,7 +1,7 @@
 import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
 import * as v from "react";
 import { forwardRef as o } from "react";
-import { n as f } from "./image-rectangle-DjuCYHbk.js";
+import { m as f } from "./image-rectangle-B4nXH4Q5.js";
 import "./snackbar-DH8jCh2V.js";
 import { L as h } from "./skeleton-BNZyaRjo.js";
 const j = i(