@dimasbaguspm/versaur 0.0.27 → 0.0.29

package/dist/js/{bottom-sheet-DCwLmjiX.js → bottom-sheet-BKd7WCCS.js}

@@ -1,10 +1,10 @@
-import { c, j as n, a as d } from "./index-DOdDlCoL.js";
-import j, { useState as x, useEffect as b, createContext as S, useContext as N, forwardRef as u, useRef as E, useCallback as M, useMemo as z } from "react";
-import { XIcon as D } from "lucide-react";
-import { i as H, f as I } from "./image-rectangle-BGLYH2Gl.js";
+import { c as u, j as n, a as l } from "./index-DOdDlCoL.js";
+import j, { useState as v, useEffect as x, createContext as S, useContext as T, forwardRef as f, useRef as M, useMemo as z } from "react";
+import { XIcon as E } from "lucide-react";
+import { k as H, h as D } from "./image-rectangle-CF656HIm.js";
 import "./snackbar-DH8jCh2V.js";
-import P from "react-dom";
-function F() {
+import I from "react-dom";
+function P() {
   if (typeof window > "u") return !1;
   const e = window.navigator.userAgent, o = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
     e
@@ -14,66 +14,66 @@ function F() {
 function k() {
   return typeof window < "u" && "navigator" in window && "virtualKeyboard" in navigator;
 }
-function L() {
-  const [e, o] = x(!1), [t, r] = x(0), [a, s] = x(0), [i, w] = x(!1), [p, h] = x(!1);
-  return b(() => {
-    if (!F()) {
+function F() {
+  const [e, o] = v(!1), [t, r] = v(0), [a, s] = v(0), [i, w] = v(!1), [b, h] = v(!1);
+  return x(() => {
+    if (!P()) {
       w(!1);
       return;
     }
     w(!0), h(k());
-  }, []), b(() => {
+  }, []), x(() => {
     if (!i || !k())
       return;
-    const f = navigator.virtualKeyboard, l = () => {
-      const { boundingRect: m } = f, g = m?.height || 0, y = m?.width || 0;
-      o(g > 0), r(g), s(y);
+    const d = navigator.virtualKeyboard, c = () => {
+      const { boundingRect: m } = d, p = m?.height || 0, y = m?.width || 0;
+      o(p > 0), r(p), s(y);
     };
-    return l(), f.addEventListener("geometrychange", l), () => {
-      f.removeEventListener(
+    return c(), d.addEventListener("geometrychange", c), () => {
+      d.removeEventListener(
         "geometrychange",
-        l
+        c
       );
     };
-  }, [i]), b(() => {
+  }, [i]), x(() => {
     if (!i || k())
       return;
-    const f = window.innerHeight;
-    let l;
+    const d = window.innerHeight;
+    let c;
     const m = () => {
-      clearTimeout(l), l = setTimeout(() => {
-        const g = window.visualViewport?.height ?? window.innerHeight, y = f - g, V = y > 150;
+      clearTimeout(c), c = setTimeout(() => {
+        const p = window.visualViewport?.height ?? window.innerHeight, y = d - p, V = y > 150;
         o(V), r(V ? y : 0), s(V ? window.innerWidth : 0);
       }, 100);
     };
     return "visualViewport" in window && window.visualViewport ? (window.visualViewport.addEventListener("resize", m), () => {
-      clearTimeout(l), window.visualViewport?.removeEventListener(
+      clearTimeout(c), window.visualViewport?.removeEventListener(
         "resize",
         m
       );
     }) : (window.addEventListener("resize", m), () => {
-      clearTimeout(l), window.removeEventListener("resize", m);
+      clearTimeout(c), window.removeEventListener("resize", m);
     });
-  }, [i]), b(() => {
+  }, [i]), x(() => {
     i || (o(!1), r(0), s(0));
   }, [i]), {
     isOpen: e,
     height: t,
     width: a,
     isSupported: i,
-    usingNativeAPI: p
+    usingNativeAPI: b
   };
 }
-const R = S(null);
-function A() {
-  const e = N(R);
+const N = S(null);
+function L() {
+  const e = T(N);
   if (!e)
     throw new Error(
       "Modal components must be used within a ModalRoot component"
     );
   return e;
 }
-const K = c(
+const A = u(
   "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: {
@@ -86,7 +86,7 @@ const K = c(
       placement: "center"
     }
   }
-), O = c(
+), O = u(
   [
     "absolute z-61 bg-white rounded-lg shadow-xl",
     "flex flex-col",
@@ -120,29 +120,31 @@ const K = c(
       isOpen: !1
     }
   }
-), W = u(
+), W = f(
   ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: t,
-      className: d("px-6 pt-6 pb-2 text-lg font-semibold", e),
+      className: l("px-6 pt-6 pb-2 text-lg font-semibold", e),
       ...o
     }
   )
-), _ = u(
+), K = f(
   ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: t,
-      className: d("px-6 py-4  flex justify-end gap-2", e),
+      className: l("px-6 py-4  flex justify-end gap-2", e),
       ...o
     }
   )
-), $ = u(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx("div", { ref: t, className: d("px-6 py-2", e), ...o })
-), G = u(
+), _ = f(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx("div", { ref: t, className: l("px-6 py-2", e), ...o })
+), $ = f(
   (e, o) => {
-    const { isOpen: t, placement: r, onClose: a } = A();
+    const { isOpen: t, placement: r, onClose: a, disableOverlayClickToClose: s } = L(), i = () => {
+      s || a();
+    };
     return /* @__PURE__ */ n.jsx(
       "div",
       {
@@ -150,9 +152,9 @@ const K = c(
         role: "presentation",
         tabIndex: -1,
         "aria-modal": "true",
-        onClick: a,
-        className: d(
-          K({ placement: r }),
+        onClick: i,
+        className: l(
+          A({ placement: r }),
           t ? "opacity-100" : "opacity-0 pointer-events-none"
         ),
         ...e
@@ -161,10 +163,10 @@ const K = c(
   }
 );
 function B(e, o, t) {
-  const r = E(null);
-  return b(() => {
+  const r = M(null);
+  return x(() => {
     r.current && r.current.focus();
-  }, []), b(() => {
+  }, []), x(() => {
     const a = (s) => {
       s.key === "Escape" && e && r.current && r.current.contains(document.activeElement) && !t && o();
     };
@@ -180,60 +182,64 @@ const C = ({
   if (typeof window > "u" || typeof document > "u")
     return /* @__PURE__ */ n.jsx(n.Fragment, { children: o });
   const t = e ?? document.body;
-  return t ? P.createPortal(o, t) : /* @__PURE__ */ n.jsx(n.Fragment, { children: o });
-}, U = ({
+  return t ? I.createPortal(o, t) : /* @__PURE__ */ n.jsx(n.Fragment, { children: o });
+}, G = ({
   isOpen: e,
   onClose: o,
   size: t = "md",
   placement: r = "center",
-  children: a,
-  container: s,
-  ...i
+  disableOverlayClickToClose: a = !1,
+  disableEscapeKeyDown: s = !1,
+  children: i,
+  container: w,
+  ...b
 }) => {
-  const w = {
+  const h = {
     isOpen: e,
     onClose: o,
     size: t,
-    placement: r
-  }, p = B(e, o);
-  return /* @__PURE__ */ n.jsx(C, { container: s, children: /* @__PURE__ */ n.jsx(R.Provider, { value: w, children: /* @__PURE__ */ n.jsxs(
+    placement: r,
+    disableOverlayClickToClose: a,
+    disableEscapeKeyDown: s
+  }, d = B(e, o, s);
+  return /* @__PURE__ */ n.jsx(C, { container: w, children: /* @__PURE__ */ n.jsx(N.Provider, { value: h, children: /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: d(
+      className: l(
         "fixed z-50 inset-0 pointer-events-none",
         e && "pointer-events-auto"
       ),
       children: [
-        /* @__PURE__ */ n.jsx(G, {}),
+        /* @__PURE__ */ n.jsx($, {}),
         /* @__PURE__ */ n.jsx(
           "div",
           {
-            ref: p,
-            className: d(O({ size: t, placement: r, isOpen: e })),
+            ref: d,
+            className: l(O({ size: t, placement: r, isOpen: e })),
             role: "dialog",
             tabIndex: -1,
             "aria-hidden": !e,
-            ...i,
-            children: a
+            ...b,
+            children: i
           }
         )
       ]
     }
   ) }) });
-}, Be = Object.assign(U, {
+}, ke = Object.assign(G, {
   Header: W,
-  Body: $,
-  Footer: _
-}), T = S(null);
-function v() {
-  const e = N(T);
+  Body: _,
+  Footer: K
+}), R = S(null);
+function g() {
+  const e = T(R);
   if (!e)
     throw new Error(
       "Drawer components must be used within a DrawerRoot component"
     );
   return e;
 }
-const X = c(
+const U = u(
   "fixed inset-0 z-50 transition-opacity duration-300 bg-foreground/30 backdrop-blur-md",
   {
     variants: {
@@ -246,7 +252,7 @@ const X = c(
       state: "closed"
     }
   }
-), q = c(
+), X = u(
   "fixed z-50 shadow-xl flex flex-col max-w-full",
   {
     variants: {
@@ -278,7 +284,7 @@ const X = c(
       transitionType: "slide"
     }
   }
-), J = c(
+), q = u(
   "flex justify-between items-center px-6",
   {
     variants: {
@@ -296,7 +302,7 @@ const X = c(
       tab: !1
     }
   }
-), Q = c("flex-1 overflow-y-auto px-6 py-4", {
+), J = u("flex-1 overflow-y-auto px-6 py-4", {
   variants: {
     variant: {
       default: "bg-white",
@@ -306,7 +312,7 @@ const X = c(
   defaultVariants: {
     variant: "default"
   }
-}), Y = c("px-6 py-4 border-t", {
+}), Q = u("px-6 py-4 border-t", {
   variants: {
     variant: {
       default: "bg-white border-border",
@@ -316,17 +322,17 @@ const X = c(
   defaultVariants: {
     variant: "default"
   }
-}), Z = j.forwardRef(({ className: e, ...o }, t) => {
-  const { isOpen: r, onClose: a } = v(), s = () => {
-    a();
+}), Y = j.forwardRef(({ className: e, ...o }, t) => {
+  const { isOpen: r, disableOverlayClickToClose: a, onClose: s } = g(), i = () => {
+    a || s();
   };
   return /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: t,
-      onClick: s,
-      className: d(
-        X({
+      onClick: i,
+      className: l(
+        U({
           state: r ? "open" : "closed"
         }),
         e
@@ -334,15 +340,15 @@ const X = c(
       ...o
     }
   );
-}), ee = j.forwardRef(
+}), Z = j.forwardRef(
   ({ children: e, className: o, hasTab: t, ...r }, a) => {
-    const { variant: s } = v();
+    const { variant: s } = g();
     return /* @__PURE__ */ n.jsx(
       "div",
       {
         ref: a,
-        className: d(
-          J({ variant: s, tab: !!t }),
+        className: l(
+          q({ variant: s, tab: !!t }),
           o
         ),
         ...r,
@@ -350,51 +356,51 @@ const X = c(
       }
     );
   }
-), te = u((e, o) => /* @__PURE__ */ n.jsx(H, { ...e, ref: o, as: "h3", fontSize: "lg" })), oe = u(({ onClick: e, ...o }, t) => {
-  const { onClose: r } = v(), a = (s) => {
+), ee = f((e, o) => /* @__PURE__ */ n.jsx(H, { ...e, ref: o, as: "h3", fontSize: "lg" })), te = f(({ onClick: e, ...o }, t) => {
+  const { onClose: r } = g(), a = (s) => {
     r(), e?.(s);
   };
   return /* @__PURE__ */ n.jsx(
-    I,
+    D,
     {
       "aria-label": "Close drawer",
       ...o,
       onClick: a,
       variant: "ghost",
       size: "sm",
-      as: D,
+      as: E,
       ref: t
     }
   );
-}), re = u(
-  ({ children: e, className: o, ...t }, r) => /* @__PURE__ */ n.jsx("div", { ref: r, className: d("[&>div]:px-6", o), ...t, children: e })
-), ne = j.forwardRef(
+}), oe = f(
+  ({ children: e, className: o, ...t }, r) => /* @__PURE__ */ n.jsx("div", { ref: r, className: l("[&>div]:px-6", o), ...t, children: e })
+), re = j.forwardRef(
   ({ children: e, className: o, ...t }, r) => {
-    const { variant: a } = v();
+    const { variant: a } = g();
     return /* @__PURE__ */ n.jsx(
       "div",
       {
         ref: r,
-        className: d(Q({ variant: a }), o),
+        className: l(J({ variant: a }), o),
         ...t,
         children: e
       }
     );
   }
-), ae = j.forwardRef(
+), ne = j.forwardRef(
   ({ children: e, className: o, ...t }, r) => {
-    const { variant: a } = v();
+    const { variant: a } = g();
     return /* @__PURE__ */ n.jsx(
       "div",
       {
         ref: r,
-        className: d(Y({ variant: a }), o),
+        className: l(Q({ variant: a }), o),
         ...t,
         children: e
       }
     );
   }
-), se = ({
+), ae = ({
   container: e,
   children: o,
   isOpen: t,
@@ -403,37 +409,39 @@ const X = c(
   size: s = "md",
   variant: i = "default",
   transitionType: w = "slide",
-  className: p,
-  ...h
+  disableOverlayClickToClose: b = !1,
+  disableEscapeKeyDown: h = !1,
+  className: d,
+  ...c
 }) => {
-  const f = M(() => {
-    r(!1);
-  }, [r]), l = {
+  const m = {
     isOpen: t,
-    onClose: f,
+    onClose: r,
     position: a,
     size: s,
     variant: i,
-    transitionType: w
-  }, m = B(t, f);
-  return /* @__PURE__ */ n.jsx(C, { container: e, children: /* @__PURE__ */ n.jsx(T.Provider, { value: l, children: /* @__PURE__ */ n.jsxs(
+    transitionType: w,
+    disableOverlayClickToClose: b,
+    disableEscapeKeyDown: h
+  }, p = B(t, r, h);
+  return /* @__PURE__ */ n.jsx(C, { container: e, children: /* @__PURE__ */ n.jsx(R.Provider, { value: m, children: /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: d(
+      className: l(
         "fixed z-50 inset-0 pointer-events-none",
         t && "pointer-events-auto"
       ),
       children: [
-        /* @__PURE__ */ n.jsx(Z, {}),
+        /* @__PURE__ */ n.jsx(Y, {}),
         /* @__PURE__ */ n.jsx(
           "div",
           {
-            ref: m,
+            ref: p,
             tabIndex: -1,
             role: t ? "dialog" : void 0,
             "aria-modal": t ? "true" : void 0,
-            className: d(
-              q({
+            className: l(
+              X({
                 position: a,
                 size: s,
                 variant: i,
@@ -446,23 +454,23 @@ const X = c(
                 "left-0 right-0 top-0 bottom-0",
                 t ? "opacity-100" : "opacity-0 pointer-events-none"
               ],
-              p
+              d
             ),
-            ...h,
+            ...c,
             children: t && o
           }
         )
       ]
     }
   ) }) });
-}, Ce = Object.assign(se, {
-  Header: ee,
-  Title: te,
-  CloseButton: oe,
-  Tab: re,
-  Body: ne,
-  Footer: ae
-}), ie = c(
+}, Be = Object.assign(ae, {
+  Header: Z,
+  Title: ee,
+  CloseButton: te,
+  Tab: oe,
+  Body: re,
+  Footer: ne
+}), se = u(
   [
     "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",
@@ -480,7 +488,7 @@ const X = c(
       open: !1
     }
   }
-), de = c(
+), ie = u(
   ["fixed inset-0 z-40 duration-300"],
   {
     variants: {
@@ -493,10 +501,10 @@ const X = c(
       open: !1
     }
   }
-), le = c("px-4 pt-4 pb-2 flex-shrink-0"), ce = c([
+), le = u("px-4 pt-4 pb-2 flex-shrink-0"), de = u([
   "px-4 py-2 flex-1 overflow-y-auto",
   "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border"
-]), ue = c("px-4 pt-2 pb-4 flex-shrink-0"), fe = u(function({ className: o, ...t }, r) {
+]), ce = u("px-4 pt-2 pb-4 flex-shrink-0"), ue = f(function({ className: o, ...t }, r) {
   return /* @__PURE__ */ n.jsx(
     "h2",
     {
@@ -505,88 +513,96 @@ const X = c(
       ...t
     }
   );
-}), me = u(({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
+}), fe = f(({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: t,
     className: le({ className: e }),
     ...o
   }
-)), we = u(
+)), me = f(
   ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: t,
-      className: ce({ className: e }),
+      className: de({ className: e }),
       ...o
     }
   )
-), pe = u(({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
+), we = f(({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: t,
-    className: ue({ className: e }),
+    className: ce({ className: e }),
     ...o
   }
 )), he = (...e) => (o) => {
   e.forEach((t) => {
     typeof t == "function" ? t(o) : t && "current" in t && (t.current = o);
   });
-}, be = u(
-  ({ isOpen: e, children: o, className: t, onClose: r, container: a, ...s }, i) => {
-    const w = B(e, r), {
-      isOpen: p,
-      height: h,
-      isSupported: f
-    } = L(), l = z(() => !e || !f || !p ? {} : {
+}, pe = f(
+  ({
+    isOpen: e,
+    children: o,
+    className: t,
+    onClose: r,
+    container: a,
+    disableOverlayClickToClose: s = !1,
+    ...i
+  }, w) => {
+    const b = B(e, r), {
+      isOpen: h,
+      height: d,
+      isSupported: c
+    } = F(), m = z(() => !e || !c || !h ? {} : {
       // Adjust bottom position to sit above the virtual keyboard
-      bottom: `${h}px`,
+      bottom: `${d}px`,
       // Reduce max height to account for keyboard
-      maxHeight: `calc(90dvh - ${h}px)`,
+      maxHeight: `calc(90dvh - ${d}px)`,
       // Ensure smooth transition
       transition: "bottom 0.2s ease-in-out, max-height 0.2s ease-in-out"
-    }, [e, f, p, h]), m = () => {
-      r?.();
+    }, [e, c, h, d]), p = () => {
+      s || r?.();
     };
     return /* @__PURE__ */ n.jsxs(C, { container: a, children: [
       /* @__PURE__ */ n.jsx(
         "div",
         {
-          className: de({ open: e }),
+          className: ie({ open: e }),
           "aria-hidden": "true",
-          onClick: m
+          onClick: p
         }
       ),
       /* @__PURE__ */ n.jsx(
         "div",
         {
-          ref: he(i, w),
-          className: d(
-            ie({
+          ref: he(w, b),
+          className: l(
+            se({
               open: e
             }),
             "flex flex-col",
             // Add flex layout for proper header/body/footer arrangement
             t
           ),
-          style: l,
+          style: m,
           role: "dialog",
           "aria-modal": "true",
           tabIndex: -1,
-          ...s,
+          ...i,
           children: o
         }
       )
     ] });
   }
-), Se = Object.assign(be, {
-  Header: me,
-  Title: fe,
-  Body: we,
-  Footer: pe
+), Ce = Object.assign(pe, {
+  Header: fe,
+  Title: ue,
+  Body: me,
+  Footer: we
 });
 export {
-  Se as B,
-  Ce as D,
-  Be as M
+  Ce as B,
+  Be as D,
+  ke as M
 };