@dimasbaguspm/versaur 0.0.33 → 0.0.34

package/dist/js/{bottom-sheet-B3Rt2JC5.js → bottom-sheet-DNCxKsrR.js}

@@ -1,33 +1,32 @@
-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, i as D } from "./image-rectangle-oPc5hFMM.js";
+import { c as u, j as a, a as l } from "./index-DOdDlCoL.js";
+import j, { useState as x, useEffect as y, createContext as S, useContext as T, forwardRef as f, useMemo as z } from "react";
+import { u as C, O as B, k as M, i as H } from "./image-rectangle-VLG1D0Cd.js";
+import { XIcon as I } from "lucide-react";
 import "./snackbar-DH8jCh2V.js";
-import I from "react-dom";
-function P() {
+function D() {
   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), r = "ontouchstart" in window || navigator.maxTouchPoints > 0, a = window.innerWidth <= 1024;
-  return o || t || r && a;
+  ), t = /iPad|Android(?=.*Mobile)|Tablet/i.test(e), r = "ontouchstart" in window || navigator.maxTouchPoints > 0, n = window.innerWidth <= 1024;
+  return o || t || r && n;
 }
 function k() {
   return typeof window < "u" && "navigator" in window && "virtualKeyboard" in navigator;
 }
-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()) {
+function E() {
+  const [e, o] = x(!1), [t, r] = x(0), [n, s] = x(0), [i, w] = x(!1), [p, h] = x(!1);
+  return y(() => {
+    if (!D()) {
       w(!1);
       return;
     }
     w(!0), h(k());
-  }, []), x(() => {
+  }, []), y(() => {
     if (!i || !k())
       return;
     const d = navigator.virtualKeyboard, c = () => {
-      const { boundingRect: m } = d, p = m?.height || 0, y = m?.width || 0;
-      o(p > 0), r(p), s(y);
+      const { boundingRect: m } = d, b = m?.height || 0, g = m?.width || 0;
+      o(b > 0), r(b), s(g);
     };
     return c(), d.addEventListener("geometrychange", c), () => {
       d.removeEventListener(
@@ -35,15 +34,15 @@ function F() {
         c
       );
     };
-  }, [i]), x(() => {
+  }, [i]), y(() => {
     if (!i || k())
       return;
     const d = window.innerHeight;
     let c;
     const m = () => {
       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);
+        const b = window.visualViewport?.height ?? window.innerHeight, g = d - b, V = g > 150;
+        o(V), r(V ? g : 0), s(V ? window.innerWidth : 0);
       }, 100);
     };
     return "visualViewport" in window && window.visualViewport ? (window.visualViewport.addEventListener("resize", m), () => {
@@ -54,18 +53,18 @@ function F() {
     }) : (window.addEventListener("resize", m), () => {
       clearTimeout(c), window.removeEventListener("resize", m);
     });
-  }, [i]), x(() => {
+  }, [i]), y(() => {
     i || (o(!1), r(0), s(0));
   }, [i]), {
     isOpen: e,
     height: t,
-    width: a,
+    width: n,
     isSupported: i,
-    usingNativeAPI: b
+    usingNativeAPI: p
   };
 }
 const N = S(null);
-function L() {
+function P() {
   const e = T(N);
   if (!e)
     throw new Error(
@@ -73,7 +72,7 @@ function L() {
     );
   return e;
 }
-const A = u(
+const F = 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: {
@@ -120,8 +119,8 @@ const A = u(
       isOpen: !1
     }
   }
-), W = f(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
+), A = f(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: t,
@@ -129,8 +128,8 @@ const A = u(
       ...o
     }
   )
-), K = f(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
+), L = f(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: t,
@@ -138,14 +137,14 @@ const A = u(
       ...o
     }
   )
-), _ = f(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx("div", { ref: t, className: l("px-6 py-2", e), ...o })
-), $ = f(
+), W = f(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx("div", { ref: t, className: l("px-6 py-2", e), ...o })
+), K = f(
   (e, o) => {
-    const { isOpen: t, placement: r, onClose: a, disableOverlayClickToClose: s } = L(), i = () => {
-      s || a();
+    const { isOpen: t, placement: r, onClose: n, disableOverlayClickToClose: s } = P(), i = () => {
+      s || n();
     };
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
         ref: o,
@@ -154,55 +153,33 @@ const A = u(
         "aria-modal": "true",
         onClick: i,
         className: l(
-          A({ placement: r }),
+          F({ placement: r }),
           t ? "opacity-100" : "opacity-0 pointer-events-none"
         ),
         ...e
       }
     );
   }
-);
-function B(e, o, t) {
-  const r = M(null);
-  return x(() => {
-    r.current && r.current.focus();
-  }, []), x(() => {
-    const a = (s) => {
-      s.key === "Escape" && e && r.current && r.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, r]), r;
-}
-const C = ({
-  container: e,
-  children: o
-}) => {
-  if (typeof window > "u" || typeof document > "u")
-    return /* @__PURE__ */ n.jsx(n.Fragment, { children: o });
-  const t = e ?? document.body;
-  return t ? I.createPortal(o, t) : /* @__PURE__ */ n.jsx(n.Fragment, { children: o });
-}, G = ({
+), _ = ({
   isOpen: e,
   onClose: o,
   size: t = "md",
   placement: r = "center",
-  disableOverlayClickToClose: a = !1,
+  disableOverlayClickToClose: n = !1,
   disableEscapeKeyDown: s = !1,
   children: i,
   container: w,
-  ...b
+  ...p
 }) => {
   const h = {
     isOpen: e,
     onClose: o,
     size: t,
     placement: r,
-    disableOverlayClickToClose: a,
+    disableOverlayClickToClose: n,
     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(
+  }, d = C(e, o, s);
+  return /* @__PURE__ */ a.jsx(B, { container: w, children: /* @__PURE__ */ a.jsx(N.Provider, { value: h, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: l(
@@ -210,8 +187,8 @@ const C = ({
         e && "pointer-events-auto"
       ),
       children: [
-        /* @__PURE__ */ n.jsx($, {}),
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ a.jsx(K, {}),
+        /* @__PURE__ */ a.jsx(
           "div",
           {
             ref: d,
@@ -219,19 +196,19 @@ const C = ({
             role: "dialog",
             tabIndex: -1,
             "aria-hidden": !e,
-            ...b,
+            ...p,
             children: i
           }
         )
       ]
     }
   ) }) });
-}, ke = Object.assign(G, {
-  Header: W,
-  Body: _,
-  Footer: K
+}, ye = Object.assign(_, {
+  Header: A,
+  Body: W,
+  Footer: L
 }), R = S(null);
-function g() {
+function v() {
   const e = T(R);
   if (!e)
     throw new Error(
@@ -239,7 +216,7 @@ function g() {
     );
   return e;
 }
-const U = u(
+const $ = u(
   "fixed inset-0 z-50 transition-opacity duration-300 bg-foreground/30 backdrop-blur-md",
   {
     variants: {
@@ -252,7 +229,7 @@ const U = u(
       state: "closed"
     }
   }
-), X = u(
+), G = u(
   "fixed z-50 shadow-xl flex flex-col max-w-full",
   {
     variants: {
@@ -284,7 +261,7 @@ const U = u(
       transitionType: "slide"
     }
   }
-), q = u(
+), U = u(
   "flex justify-between items-center px-6",
   {
     variants: {
@@ -302,7 +279,7 @@ const U = u(
       tab: !1
     }
   }
-), J = u("flex-1 overflow-y-auto px-6 py-4", {
+), X = u("flex-1 overflow-y-auto px-6 py-4", {
   variants: {
     variant: {
       default: "bg-white",
@@ -312,7 +289,7 @@ const U = u(
   defaultVariants: {
     variant: "default"
   }
-}), Q = u("px-6 py-4 border-t", {
+}), q = u("px-6 py-4 border-t", {
   variants: {
     variant: {
       default: "bg-white border-border",
@@ -322,17 +299,17 @@ const U = u(
   defaultVariants: {
     variant: "default"
   }
-}), Y = j.forwardRef(({ className: e, ...o }, t) => {
-  const { isOpen: r, disableOverlayClickToClose: a, onClose: s } = g(), i = () => {
-    a || s();
+}), J = j.forwardRef(({ className: e, ...o }, t) => {
+  const { isOpen: r, disableOverlayClickToClose: n, onClose: s } = v(), i = () => {
+    n || s();
   };
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: t,
       onClick: i,
       className: l(
-        U({
+        $({
           state: r ? "open" : "closed"
         }),
         e
@@ -340,15 +317,15 @@ const U = u(
       ...o
     }
   );
-}), Z = j.forwardRef(
-  ({ children: e, className: o, hasTab: t, ...r }, a) => {
-    const { variant: s } = g();
-    return /* @__PURE__ */ n.jsx(
+}), Q = j.forwardRef(
+  ({ children: e, className: o, hasTab: t, ...r }, n) => {
+    const { variant: s } = v();
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
-        ref: a,
+        ref: n,
         className: l(
-          q({ variant: s, tab: !!t }),
+          U({ variant: s, tab: !!t }),
           o
         ),
         ...r,
@@ -356,60 +333,60 @@ const U = u(
       }
     );
   }
-), 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) => {
+), Y = f((e, o) => /* @__PURE__ */ a.jsx(M, { ...e, ref: o, as: "h3", fontSize: "lg" })), Z = f(({ onClick: e, ...o }, t) => {
+  const { onClose: r } = v(), n = (s) => {
     r(), e?.(s);
   };
-  return /* @__PURE__ */ n.jsx(
-    D,
+  return /* @__PURE__ */ a.jsx(
+    H,
     {
       "aria-label": "Close drawer",
       ...o,
-      onClick: a,
+      onClick: n,
       variant: "ghost",
       size: "sm",
-      as: E,
+      as: I,
       ref: t
     }
   );
-}), 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(
+}), ee = f(
+  ({ children: e, className: o, ...t }, r) => /* @__PURE__ */ a.jsx("div", { ref: r, className: l("[&>div]:px-6", o), ...t, children: e })
+), te = j.forwardRef(
   ({ children: e, className: o, ...t }, r) => {
-    const { variant: a } = g();
-    return /* @__PURE__ */ n.jsx(
+    const { variant: n } = v();
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
         ref: r,
-        className: l(J({ variant: a }), o),
+        className: l(X({ variant: n }), o),
         ...t,
         children: e
       }
     );
   }
-), ne = j.forwardRef(
+), oe = j.forwardRef(
   ({ children: e, className: o, ...t }, r) => {
-    const { variant: a } = g();
-    return /* @__PURE__ */ n.jsx(
+    const { variant: n } = v();
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
         ref: r,
-        className: l(Q({ variant: a }), o),
+        className: l(q({ variant: n }), o),
         ...t,
         children: e
       }
     );
   }
-), ae = ({
+), re = ({
   container: e,
   children: o,
   isOpen: t,
   onClose: r,
-  position: a = "right",
+  position: n = "right",
   size: s = "md",
   variant: i = "default",
   transitionType: w = "slide",
-  disableOverlayClickToClose: b = !1,
+  disableOverlayClickToClose: p = !1,
   disableEscapeKeyDown: h = !1,
   className: d,
   ...c
@@ -417,14 +394,14 @@ const U = u(
   const m = {
     isOpen: t,
     onClose: r,
-    position: a,
+    position: n,
     size: s,
     variant: i,
     transitionType: w,
-    disableOverlayClickToClose: b,
+    disableOverlayClickToClose: p,
     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(
+  }, b = C(t, r, h);
+  return /* @__PURE__ */ a.jsx(B, { container: e, children: /* @__PURE__ */ a.jsx(R.Provider, { value: m, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: l(
@@ -432,24 +409,24 @@ const U = u(
         t && "pointer-events-auto"
       ),
       children: [
-        /* @__PURE__ */ n.jsx(Y, {}),
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ a.jsx(J, {}),
+        /* @__PURE__ */ a.jsx(
           "div",
           {
-            ref: p,
+            ref: b,
             tabIndex: -1,
             role: t ? "dialog" : void 0,
             "aria-modal": t ? "true" : void 0,
             className: l(
-              X({
-                position: a,
+              G({
+                position: n,
                 size: s,
                 variant: i,
                 transitionType: w
               }),
               w === "slide" ? [
-                !t && a === "left" && "-translate-x-full",
-                !t && a === "right" && "translate-x-full"
+                !t && n === "left" && "-translate-x-full",
+                !t && n === "right" && "translate-x-full"
               ] : [
                 "left-0 right-0 top-0 bottom-0",
                 t ? "opacity-100" : "opacity-0 pointer-events-none"
@@ -463,14 +440,14 @@ const U = u(
       ]
     }
   ) }) });
-}, Be = Object.assign(ae, {
-  Header: Z,
-  Title: ee,
-  CloseButton: te,
-  Tab: oe,
-  Body: re,
-  Footer: ne
-}), se = u(
+}, je = Object.assign(re, {
+  Header: Q,
+  Title: Y,
+  CloseButton: Z,
+  Tab: ee,
+  Body: te,
+  Footer: oe
+}), ae = 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",
@@ -488,7 +465,7 @@ const U = u(
       open: !1
     }
   }
-), ie = u(
+), ne = u(
   ["fixed inset-0 z-40 duration-300"],
   {
     variants: {
@@ -501,11 +478,11 @@ const U = u(
       open: !1
     }
   }
-), le = u("px-4 pt-4 pb-2 flex-shrink-0"), de = u([
+), se = u("px-4 pt-4 pb-2 flex-shrink-0"), ie = u([
   "px-4 py-2 flex-1 overflow-y-auto",
   "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border"
-]), ce = u("px-4 pt-2 pb-4 flex-shrink-0"), ue = f(function({ className: o, ...t }, r) {
-  return /* @__PURE__ */ n.jsx(
+]), le = u("px-4 pt-2 pb-4 flex-shrink-0"), de = f(function({ className: o, ...t }, r) {
+  return /* @__PURE__ */ a.jsx(
     "h2",
     {
       ref: r,
@@ -513,72 +490,72 @@ const U = u(
       ...t
     }
   );
-}), fe = f(({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
+}), ce = f(({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
   "div",
   {
     ref: t,
-    className: le({ className: e }),
+    className: se({ className: e }),
     ...o
   }
-)), me = f(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
+)), ue = f(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: t,
-      className: de({ className: e }),
+      className: ie({ className: e }),
       ...o
     }
   )
-), we = f(({ className: e, ...o }, t) => /* @__PURE__ */ n.jsx(
+), fe = f(({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
   "div",
   {
     ref: t,
-    className: ce({ className: e }),
+    className: le({ className: e }),
     ...o
   }
-)), he = (...e) => (o) => {
+)), me = (...e) => (o) => {
   e.forEach((t) => {
     typeof t == "function" ? t(o) : t && "current" in t && (t.current = o);
   });
-}, pe = f(
+}, we = f(
   ({
     isOpen: e,
     children: o,
     className: t,
     onClose: r,
-    container: a,
+    container: n,
     disableOverlayClickToClose: s = !1,
     ...i
   }, w) => {
-    const b = B(e, r), {
+    const p = C(e, r), {
       isOpen: h,
       height: d,
       isSupported: c
-    } = F(), m = z(() => !e || !c || !h ? {} : {
+    } = E(), m = z(() => !e || !c || !h ? {} : {
       // 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, h, d]), p = () => {
+    }, [e, c, h, d]), b = () => {
       s || r?.();
     };
-    return /* @__PURE__ */ n.jsxs(C, { container: a, children: [
-      /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ a.jsxs(B, { container: n, children: [
+      /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: ie({ open: e }),
+          className: ne({ open: e }),
           "aria-hidden": "true",
-          onClick: p
+          onClick: b
         }
       ),
-      /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ a.jsx(
         "div",
         {
-          ref: he(w, b),
+          ref: me(w, p),
           className: l(
-            se({
+            ae({
               open: e
             }),
             "flex flex-col",
@@ -595,14 +572,14 @@ const U = u(
       )
     ] });
   }
-), Ce = Object.assign(pe, {
-  Header: fe,
-  Title: ue,
-  Body: me,
-  Footer: we
+), Ve = Object.assign(we, {
+  Header: ce,
+  Title: de,
+  Body: ue,
+  Footer: fe
 });
 export {
-  Ce as B,
-  Be as D,
-  ke as M
+  Ve as B,
+  je as D,
+  ye as M
 };

package/dist/js/{bottom-sheet-input-DRcyjeGh.js → bottom-sheet-input-86f0OVXf.js}

@@ -1,9 +1,9 @@
 import { c as w, j as e, a as m } from "./index-DOdDlCoL.js";
 import x, { createContext as N, useContext as S, useId as E, forwardRef as j, useRef as D, useState as O, useEffect as Q, useMemo as F } from "react";
-import { I as C } from "./image-rectangle-oPc5hFMM.js";
+import { I as C } from "./image-rectangle-VLG1D0Cd.js";
 import { Calendar as U, SearchIcon as X, Clock as Y, Banknote as Z, MailIcon as ee, Check as P } from "lucide-react";
 import "./snackbar-DH8jCh2V.js";
-import { M as R, D as M, B as V } from "./bottom-sheet-B3Rt2JC5.js";
+import { M as R, D as M, B as V } from "./bottom-sheet-DNCxKsrR.js";
 const re = w("space-y-2", {
   variants: {
     direction: {

package/dist/js/forms/index.js

@@ -1,4 +1,4 @@
-import { B as a, C as n, b as p, a as u, D as s, k as I, E as i, M as l, P as S, R as c, d as r, c as g, S as h, e as o, j as m, i as M, h as b, f as k, T as x, g as C } from "../bottom-sheet-input-DRcyjeGh.js";
+import { B as a, C as n, b as p, a as u, D as s, k as I, E as i, M as l, P as S, R as c, d as r, c as g, S as h, e as o, j as m, i as M, h as b, f as k, T as x, g as C } from "../bottom-sheet-input-86f0OVXf.js";
 export {
   a as BottomSheetInput,
   n as CheckboxInput,