@dimasbaguspm/versaur 0.0.45 → 0.0.46

package/dist/js/bottom-sheet-QdQ5L8Wo.js

@@ -1,615 +0,0 @@
-import { c as f, j as r, a as l } from "./index-DOdDlCoL.js";
-import j, { useState as p, useEffect as x, createContext as V, useContext as B, forwardRef as u, useRef as z, useMemo as M } from "react";
-import { O as S, o as P, l as N, H as D } from "./image-rectangle-BijhERaV.js";
-import { XIcon as R } from "lucide-react";
-import "./snackbar-DH8jCh2V.js";
-function F() {
-  if (typeof window > "u") return !1;
-  const e = window.navigator.userAgent, o = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-    e
-  ), t = /iPad|Android(?=.*Mobile)|Tablet/i.test(e), n = "ontouchstart" in window || navigator.maxTouchPoints > 0, a = window.innerWidth <= 1024;
-  return o || t || n && a;
-}
-function C() {
-  return typeof window < "u" && "navigator" in window && "virtualKeyboard" in navigator;
-}
-function L() {
-  const [e, o] = p(!1), [t, n] = p(0), [a, s] = p(0), [i, h] = p(!1), [b, w] = p(!1);
-  return x(() => {
-    if (!F()) {
-      h(!1);
-      return;
-    }
-    h(!0), w(C());
-  }, []), x(() => {
-    if (!i || !C())
-      return;
-    const d = navigator.virtualKeyboard, c = () => {
-      const { boundingRect: m } = d, v = m?.height || 0, y = m?.width || 0;
-      o(v > 0), n(v), s(y);
-    };
-    return c(), d.addEventListener("geometrychange", c), () => {
-      d.removeEventListener(
-        "geometrychange",
-        c
-      );
-    };
-  }, [i]), x(() => {
-    if (!i || C())
-      return;
-    const d = window.innerHeight;
-    let c;
-    const m = () => {
-      clearTimeout(c), c = setTimeout(() => {
-        const v = window.visualViewport?.height ?? window.innerHeight, y = d - v, k = y > 150;
-        o(k), n(k ? y : 0), s(k ? 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]), x(() => {
-    i || (o(!1), n(0), s(0));
-  }, [i]), {
-    isOpen: e,
-    height: t,
-    width: a,
-    isSupported: i,
-    usingNativeAPI: b
-  };
-}
-const E = V(null);
-function A() {
-  const e = B(E);
-  if (!e)
-    throw new Error(
-      "Modal components must be used within a ModalRoot component"
-    );
-  return e;
-}
-const O = f(
-  "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"
-    }
-  }
-), W = f(
-  [
-    "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
-    }
-  }
-), K = u(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: t,
-      className: l("px-6 pt-6 pb-2 text-lg font-semibold", e),
-      ...o
-    }
-  )
-), _ = u(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: t,
-      className: l("px-6 py-4  flex justify-end gap-2", e),
-      ...o
-    }
-  )
-), $ = u(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ r.jsx("div", { ref: t, className: l("px-6 py-2", e), ...o })
-), G = u(
-  (e, o) => {
-    const { isOpen: t, placement: n, onClose: a, disableOverlayClickToClose: s } = A(), i = () => {
-      s || a();
-    };
-    return /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        ref: o,
-        role: "presentation",
-        tabIndex: -1,
-        "aria-modal": "true",
-        onClick: i,
-        className: l(
-          O({ placement: n }),
-          t ? "opacity-100" : "opacity-0 pointer-events-none"
-        ),
-        ...e
-      }
-    );
-  }
-);
-function T(e, o, t) {
-  const n = z(null);
-  return x(() => {
-    n.current && n.current.focus();
-  }, []), x(() => {
-    const a = (s) => {
-      s.key === "Escape" && e && n.current && n.current.contains(document.activeElement) && !t && o();
-    };
-    return e && (document.addEventListener("keydown", a), document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", a), document.body.style.overflow = "unset";
-    };
-  }, [e, o, t, n]), n;
-}
-const U = ({
-  isOpen: e,
-  onClose: o,
-  size: t = "md",
-  placement: n = "center",
-  disableOverlayClickToClose: a = !1,
-  disableEscapeKeyDown: s = !1,
-  children: i,
-  container: h,
-  ...b
-}) => {
-  const w = {
-    isOpen: e,
-    onClose: o,
-    size: t,
-    placement: n,
-    disableOverlayClickToClose: a,
-    disableEscapeKeyDown: s
-  }, d = T(e, o, s);
-  return /* @__PURE__ */ r.jsx(S, { container: h, children: /* @__PURE__ */ r.jsx(E.Provider, { value: w, children: /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: l(
-        "fixed z-50 inset-0 pointer-events-none",
-        e && "pointer-events-auto"
-      ),
-      children: [
-        /* @__PURE__ */ r.jsx(G, {}),
-        /* @__PURE__ */ r.jsx(
-          "div",
-          {
-            ref: d,
-            className: l(W({ size: t, placement: n, isOpen: e })),
-            role: "dialog",
-            tabIndex: -1,
-            "aria-hidden": !e,
-            ...b,
-            children: i
-          }
-        )
-      ]
-    }
-  ) }) });
-}, Se = Object.assign(U, {
-  Header: K,
-  Body: $,
-  Footer: _
-}), H = V(null);
-function g() {
-  const e = B(H);
-  if (!e)
-    throw new Error(
-      "Drawer components must be used within a DrawerRoot component"
-    );
-  return e;
-}
-const X = f(
-  "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"
-    }
-  }
-), q = f(
-  "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"
-    }
-  }
-), J = f(
-  "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
-    }
-  }
-), Q = f("flex-1 overflow-y-auto px-6 py-4", {
-  variants: {
-    variant: {
-      default: "bg-white",
-      glass: "bg-transparent"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), Y = f("px-6 py-4 border-t", {
-  variants: {
-    variant: {
-      default: "bg-white border-border",
-      glass: "bg-transparent border-white/10"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), Z = j.forwardRef(({ className: e, ...o }, t) => {
-  const { isOpen: n, disableOverlayClickToClose: a, onClose: s } = g(), i = () => {
-    a || s();
-  };
-  return /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: t,
-      onClick: i,
-      className: l(
-        X({
-          state: n ? "open" : "closed"
-        }),
-        e
-      ),
-      ...o
-    }
-  );
-}), ee = j.forwardRef(
-  ({ children: e, className: o, hasTab: t, ...n }, a) => {
-    const { variant: s } = g();
-    return /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        ref: a,
-        className: l(
-          J({ variant: s, tab: !!t }),
-          o
-        ),
-        ...n,
-        children: e
-      }
-    );
-  }
-), te = u((e, o) => /* @__PURE__ */ r.jsx(P, { ...e, ref: o, as: "h3", fontSize: "lg" })), oe = u(({ onClick: e, ...o }, t) => {
-  const { onClose: n } = g(), a = (s) => {
-    n(), e?.(s);
-  };
-  return /* @__PURE__ */ r.jsx(
-    N,
-    {
-      "aria-label": "Close drawer",
-      ...o,
-      onClick: a,
-      variant: "ghost",
-      size: "sm",
-      as: R,
-      ref: t
-    }
-  );
-}), ne = u(
-  ({ children: e, className: o, ...t }, n) => /* @__PURE__ */ r.jsx("div", { ref: n, className: l("[&>div]:px-6", o), ...t, children: e })
-), re = j.forwardRef(
-  ({ children: e, className: o, ...t }, n) => {
-    const { variant: a } = g();
-    return /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        ref: n,
-        className: l(Q({ variant: a }), o),
-        ...t,
-        children: e
-      }
-    );
-  }
-), ae = j.forwardRef(
-  ({ children: e, className: o, ...t }, n) => {
-    const { variant: a } = g();
-    return /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        ref: n,
-        className: l(Y({ variant: a }), o),
-        ...t,
-        children: e
-      }
-    );
-  }
-), se = ({
-  container: e,
-  children: o,
-  isOpen: t,
-  onClose: n,
-  position: a = "right",
-  size: s = "md",
-  variant: i = "default",
-  transitionType: h = "slide",
-  disableOverlayClickToClose: b = !1,
-  disableEscapeKeyDown: w = !1,
-  className: d,
-  ...c
-}) => {
-  const m = {
-    isOpen: t,
-    onClose: n,
-    position: a,
-    size: s,
-    variant: i,
-    transitionType: h,
-    disableOverlayClickToClose: b,
-    disableEscapeKeyDown: w
-  }, v = T(t, n, w);
-  return /* @__PURE__ */ r.jsx(S, { container: e, children: /* @__PURE__ */ r.jsx(H.Provider, { value: m, children: /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: l(
-        "fixed z-50 inset-0 pointer-events-none",
-        t && "pointer-events-auto"
-      ),
-      children: [
-        /* @__PURE__ */ r.jsx(Z, {}),
-        /* @__PURE__ */ r.jsx(
-          "div",
-          {
-            ref: v,
-            tabIndex: -1,
-            role: t ? "dialog" : void 0,
-            "aria-modal": t ? "true" : void 0,
-            className: l(
-              q({
-                position: a,
-                size: s,
-                variant: i,
-                transitionType: h
-              }),
-              h === "slide" ? [
-                !t && a === "left" && "-translate-x-full",
-                !t && a === "right" && "translate-x-full"
-              ] : [
-                "left-0 right-0 top-0 bottom-0",
-                t ? "opacity-100" : "opacity-0 pointer-events-none"
-              ],
-              d
-            ),
-            ...c,
-            children: t && o
-          }
-        )
-      ]
-    }
-  ) }) });
-}, Te = Object.assign(se, {
-  Header: ee,
-  Title: te,
-  CloseButton: oe,
-  Tab: ne,
-  Body: re,
-  Footer: ae
-}), ie = f(
-  [
-    "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
-    }
-  }
-), le = f(
-  ["fixed inset-0 z-40 duration-300"],
-  {
-    variants: {
-      open: {
-        true: "backdrop-blur-md bg-foreground/30",
-        false: "pointer-events-none"
-      }
-    },
-    defaultVariants: {
-      open: !1
-    }
-  }
-), de = f(
-  "p-4 pb-2 flex justify-between w-full"
-), ce = f([
-  "p-4 py-2 flex-1 overflow-y-auto",
-  "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border"
-]), ue = f("p-4 pt-2 flex-shrink-0"), I = V(null), fe = I.Provider, me = () => {
-  const e = B(I);
-  if (!e)
-    throw new Error("useBottomSheet must be used within a BottomSheetProvider");
-  return e;
-}, he = u(function(o, t) {
-  return /* @__PURE__ */ r.jsx(D, { level: 3, ref: t, ...o });
-}), we = u(function(o, t) {
-  const { onClose: n } = me(), a = (s) => {
-    n(), o?.onClick?.(s);
-  };
-  return /* @__PURE__ */ r.jsx(
-    N,
-    {
-      ref: t,
-      variant: "ghost",
-      "aria-label": "Close",
-      as: R,
-      ...o,
-      onClick: a
-    }
-  );
-}), ve = u(({ className: e, ...o }, t) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    ref: t,
-    className: de({ className: e }),
-    ...o
-  }
-)), be = u(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: t,
-      className: ce({ className: e }),
-      ...o
-    }
-  )
-), xe = u(({ className: e, ...o }, t) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    ref: t,
-    className: ue({ className: e }),
-    ...o
-  }
-)), pe = (...e) => (o) => {
-  e.forEach((t) => {
-    typeof t == "function" ? t(o) : t && "current" in t && (t.current = o);
-  });
-}, ge = u(
-  ({
-    isOpen: e,
-    children: o,
-    className: t,
-    onClose: n,
-    container: a,
-    disableOverlayClickToClose: s = !1,
-    ...i
-  }, h) => {
-    const b = T(e, n), {
-      isOpen: w,
-      height: d,
-      isSupported: c
-    } = L(), m = M(() => !e || !c || !w ? {} : {
-      // 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, c, w, d]), v = () => {
-      s || n?.();
-    };
-    return /* @__PURE__ */ r.jsx(S, { container: a, children: /* @__PURE__ */ r.jsxs(fe, { value: { onClose: n }, children: [
-      /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          className: le({ open: e }),
-          "aria-hidden": "true",
-          onClick: v
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          ref: pe(h, b),
-          className: l(
-            ie({
-              open: e
-            }),
-            "flex flex-col",
-            // Add flex layout for proper header/body/footer arrangement
-            t
-          ),
-          style: m,
-          role: "dialog",
-          "aria-modal": "true",
-          tabIndex: -1,
-          ...i,
-          children: o
-        }
-      )
-    ] }) });
-  }
-), Ne = Object.assign(ge, {
-  Header: ve,
-  Title: he,
-  CloseIcon: we,
-  Body: be,
-  Footer: xe
-});
-export {
-  Ne as B,
-  Te as D,
-  Se as M
-};