@dimasbaguspm/versaur 0.0.63 → 0.0.64

package/dist/js/index.js

@@ -1,7 +1,7 @@
 import { L as s, P as t, S as o } from "./skeleton-BRwIW26B.js";
 import { A as n, a as i, B as p, b as B, F as u, f as T, c as l, P as I, d as A, e as c, S as d, T as b } from "./top-bar-BD0gTsZF.js";
 import { C as k, b as M, a as S, D as E, E as m, P as L, c as g, R as O, S as R, d as _, f as x, e as h, g as D, i as N, T as f, h as C, j as K } from "./time-picker-input-1T8z4Ffd.js";
-import { B as y, D as H, M as j, T as q } from "./tooltip-DAyfV2gr.js";
+import { B as y, D as H, M as j, T as q } from "./tooltip-CF5sNF0s.js";
 import { A as w, a as G, b as z, c as J, d as Q, e as U, f as V, B as W, u as X, g as Y, h as Z, i as $, l as aa, j as ea, k as sa, C as ta, F as oa, m as ra, H as na, o as ia, I as pa, r as Ba, t as ua, s as Ta, M as la, N as Ia, T as Aa, p as ca, q as da, n as ba } from "./image-rectangle-Je73yhJX.js";
 import { S as ka } from "./snackbar-CTq4MLir.js";
 import { B as Sa, T as Ea } from "./tabs-KrYzaUx1.js";

package/dist/js/overlays/index.js

@@ -1,4 +1,4 @@
-import { B as e, D as r, M as t, T as s } from "../tooltip-DAyfV2gr.js";
+import { B as e, D as r, M as t, T as s } from "../tooltip-CF5sNF0s.js";
 import { M as m } from "../image-rectangle-Je73yhJX.js";
 export {
   e as BottomSheet,

package/dist/js/{tooltip-DAyfV2gr.js → tooltip-CF5sNF0s.js}

@@ -1,34 +1,34 @@
-import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import T, { useState as k, useEffect as v, createContext as V, useContext as I, forwardRef as w, useRef as B, useMemo as E, useId as S, cloneElement as X } from "react";
-import { c as b, a as g } from "./index-BDtz_hQY.js";
-import { XIcon as R } from "lucide-react";
-import { H, l as P, v as Z, p as q } from "./image-rectangle-Je73yhJX.js";
+import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import T, { useState as y, useEffect as g, createContext as V, useContext as I, forwardRef as w, useRef as B, useMemo as R, useId as S, cloneElement as X } from "react";
+import { c as b, a as x } from "./index-BDtz_hQY.js";
+import { XIcon as H } from "lucide-react";
+import { H as P, l as E, v as Z, p as q } from "./image-rectangle-Je73yhJX.js";
 import "./snackbar-CTq4MLir.js";
 import J from "react-dom";
 function Q() {
   if (typeof window > "u") return !1;
   const t = window.navigator.userAgent, e = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
     t
-  ), o = /iPad|Android(?=.*Mobile)|Tablet/i.test(t), n = "ontouchstart" in window || navigator.maxTouchPoints > 0, a = window.innerWidth <= 1024;
-  return e || o || n && a;
+  ), o = /iPad|Android(?=.*Mobile)|Tablet/i.test(t), r = "ontouchstart" in window || navigator.maxTouchPoints > 0, a = window.innerWidth <= 1024;
+  return e || o || r && a;
 }
 function C() {
   return typeof window < "u" && "navigator" in window && "virtualKeyboard" in navigator;
 }
 function Y() {
-  const [t, e] = k(!1), [o, n] = k(0), [a, s] = k(0), [l, c] = k(!1), [m, f] = k(!1);
-  return v(() => {
+  const [t, e] = y(!1), [o, r] = y(0), [a, s] = y(0), [l, c] = y(!1), [m, f] = y(!1);
+  return g(() => {
     if (!Q()) {
       c(!1);
       return;
     }
     c(!0), f(C());
-  }, []), v(() => {
+  }, []), g(() => {
     if (!l || !C())
       return;
     const d = navigator.virtualKeyboard, i = () => {
       const { boundingRect: u } = d, p = u?.height || 0, h = u?.width || 0;
-      e(p > 0), n(p), s(h);
+      e(p > 0), r(p), s(h);
     };
     return i(), d.addEventListener("geometrychange", i), () => {
       d.removeEventListener(
@@ -36,15 +36,15 @@ function Y() {
         i
       );
     };
-  }, [l]), v(() => {
+  }, [l]), g(() => {
     if (!l || C())
       return;
     const d = window.innerHeight;
     let i;
     const u = () => {
       clearTimeout(i), i = setTimeout(() => {
-        const p = window.visualViewport?.height ?? window.innerHeight, h = d - p, j = h > 150;
-        e(j), n(j ? h : 0), s(j ? window.innerWidth : 0);
+        const p = window.visualViewport?.height ?? window.innerHeight, h = d - p, k = h > 150;
+        e(k), r(k ? h : 0), s(k ? window.innerWidth : 0);
       }, 100);
     };
     return "visualViewport" in window && window.visualViewport ? (window.visualViewport.addEventListener("resize", u), () => {
@@ -55,8 +55,8 @@ function Y() {
     }) : (window.addEventListener("resize", u), () => {
       clearTimeout(i), window.removeEventListener("resize", u);
     });
-  }, [l]), v(() => {
-    l || (e(!1), n(0), s(0));
+  }, [l]), g(() => {
+    l || (e(!1), r(0), s(0));
   }, [l]), {
     isOpen: t,
     height: o,
@@ -114,15 +114,15 @@ const O = b(
 ), ot = b(
   "px-6 py-4 border-t border-border bg-white"
 ), z = T.forwardRef(
-  ({ children: t, className: e, hasTab: o, ...n }, a) => /* @__PURE__ */ r.jsx(
+  ({ children: t, className: e, hasTab: o, ...r }, a) => /* @__PURE__ */ n.jsx(
     "header",
     {
       ref: a,
-      className: g(
+      className: x(
         tt({ tab: !!o }),
         e
       ),
-      ...n,
+      ...r,
       children: t
     }
   )
@@ -131,34 +131,34 @@ z.displayName = "DrawerHeader";
 const F = w(
   (t, e) => {
     const { titleId: o } = N();
-    return /* @__PURE__ */ r.jsx(H, { ...t, ref: e, as: "h5", id: o });
+    return /* @__PURE__ */ n.jsx(P, { ...t, ref: e, as: "h5", id: o });
   }
 );
 F.displayName = "DrawerTitle";
 const L = w(({ onClick: t, ...e }, o) => {
-  const { onClose: n } = N(), a = (s) => {
-    n(), t?.(s);
+  const { onClose: r } = N(), a = (s) => {
+    r(), t?.(s);
   };
-  return /* @__PURE__ */ r.jsx(
-    P,
+  return /* @__PURE__ */ n.jsx(
+    E,
     {
       "aria-label": "Close drawer",
       ...e,
       onClick: a,
       variant: "ghost",
       size: "sm",
-      as: R,
+      as: H,
       ref: o
     }
   );
 });
 L.displayName = "DrawerCloseButton";
 const A = w(
-  ({ children: t, className: e, ...o }, n) => /* @__PURE__ */ r.jsx(
+  ({ children: t, className: e, ...o }, r) => /* @__PURE__ */ n.jsx(
     "div",
     {
-      ref: n,
-      className: g("[&>nav>div>ul]:px-6", e),
+      ref: r,
+      className: x("[&>nav>div>ul]:px-6", e),
       ...o,
       children: t
     }
@@ -166,14 +166,14 @@ const A = w(
 );
 A.displayName = "DrawerTab";
 const W = T.forwardRef(
-  ({ children: t, className: e, ...o }, n) => {
+  ({ children: t, className: e, ...o }, r) => {
     const { descriptionId: a } = N();
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ n.jsx(
       "main",
       {
-        ref: n,
+        ref: r,
         id: a,
-        className: g(et(), e),
+        className: x(et(), e),
         ...o,
         children: t
       }
@@ -182,11 +182,11 @@ const W = T.forwardRef(
 );
 W.displayName = "DrawerBody";
 const K = T.forwardRef(
-  ({ children: t, className: e, ...o }, n) => /* @__PURE__ */ r.jsx(
+  ({ children: t, className: e, ...o }, r) => /* @__PURE__ */ n.jsx(
     "footer",
     {
-      ref: n,
-      className: g(ot(), e),
+      ref: r,
+      className: x(ot(), e),
       ...o,
       children: t
     }
@@ -198,11 +198,11 @@ const D = ({
   children: e
 }) => {
   if (typeof window > "u" || typeof document > "u")
-    return /* @__PURE__ */ r.jsx(r.Fragment, { children: e });
+    return /* @__PURE__ */ n.jsx(n.Fragment, { children: e });
   const o = t ?? document.body;
-  return o ? J.createPortal(e, o) : /* @__PURE__ */ r.jsx(r.Fragment, { children: e });
+  return o ? J.createPortal(e, o) : /* @__PURE__ */ n.jsx(n.Fragment, { children: e });
 }, _ = (t) => {
-  v(() => {
+  g(() => {
     if (!t) return;
     const e = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
@@ -210,19 +210,19 @@ const D = ({
     };
   }, [t]);
 }, $ = ({ isOpen: t }) => {
-  const e = B(null), o = E(() => t ? "open" : "closed", [t]);
-  return v(() => {
-    const n = e.current;
-    n && (t && !n.open ? n.showModal() : !t && n.open && n.close());
+  const e = B(null), o = R(() => t ? "open" : "closed", [t]);
+  return g(() => {
+    const r = e.current;
+    r && (t && !r.open ? r.showModal() : !t && r.open && r.close());
   }, [t]), {
     dialogRef: e,
     dataState: o
   };
-}, nt = ({
+}, rt = ({
   container: t,
   children: e,
   isOpen: o,
-  onClose: n,
+  onClose: r,
   position: a = "right",
   size: s = "md",
   disableOverlayClickToClose: l = !1,
@@ -233,12 +233,11 @@ const D = ({
   const d = S(), i = S(), { dialogRef: u, dataState: p } = $({ isOpen: o });
   _(o);
   const h = () => {
-    const y = u.current;
-    y?.open && y.close(), n();
-  }, x = (y) => {
-    y.preventDefault(), !c && h();
-  }, j = (y) => {
-    y.target === y.currentTarget && (l || h());
+    r();
+  }, v = (j) => {
+    j.preventDefault(), !c && h();
+  }, k = (j) => {
+    j.target === j.currentTarget && (l || h());
   }, U = {
     isOpen: o,
     onClose: h,
@@ -249,7 +248,7 @@ const D = ({
     titleId: d,
     descriptionId: i
   };
-  return /* @__PURE__ */ r.jsx(D, { container: t, children: /* @__PURE__ */ r.jsx(M.Provider, { value: U, children: /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ n.jsx(D, { container: t, children: /* @__PURE__ */ n.jsx(M.Provider, { value: U, children: /* @__PURE__ */ n.jsx(
     "dialog",
     {
       ref: u,
@@ -259,9 +258,9 @@ const D = ({
       "aria-describedby": i,
       "aria-hidden": !o,
       "data-state": p,
-      onCancel: x,
-      onClick: j,
-      className: g(
+      onCancel: v,
+      onClick: k,
+      className: x(
         O({
           position: a,
           size: s
@@ -272,33 +271,33 @@ const D = ({
       children: o && e
     }
   ) }) });
-}, Rt = Object.assign(nt, {
+}, Ht = Object.assign(rt, {
   Header: z,
   Title: F,
   CloseButton: L,
   Tab: A,
   Body: W,
   Footer: K
-}), rt = V(null), at = w(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(
+}), nt = V(null), at = w(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: o,
-      className: g("px-6 pt-6 pb-2 text-lg font-semibold", t),
+      className: x("px-6 pt-6 pb-2 text-lg font-semibold", t),
       ...e
     }
   )
 ), st = w(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: o,
-      className: g("px-6 py-4  flex justify-end gap-2", t),
+      className: x("px-6 py-4  flex justify-end gap-2", t),
       ...e
     }
   )
 ), it = w(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx("div", { ref: o, className: g("px-6 py-2", t), ...e })
+  ({ className: t, ...e }, o) => /* @__PURE__ */ n.jsx("div", { ref: o, className: x("px-6 py-2", t), ...e })
 ), lt = b(
   [
     "fixed z-61 bg-white rounded-lg shadow-xl",
@@ -339,7 +338,7 @@ const D = ({
   isOpen: t,
   onClose: e,
   size: o = "md",
-  placement: n = "center",
+  placement: r = "center",
   disableOverlayClickToClose: a = !1,
   disableEscapeKeyDown: s = !1,
   children: l,
@@ -349,21 +348,20 @@ const D = ({
   const { dialogRef: f, dataState: d } = $({ isOpen: t });
   _(t);
   const i = () => {
-    const x = f.current;
-    x?.open && x.close(), e();
-  }, u = (x) => {
-    x.preventDefault(), !s && i();
-  }, p = (x) => {
-    x.target === x.currentTarget && (a || i());
+    e();
+  }, u = (v) => {
+    v.preventDefault(), !s && i();
+  }, p = (v) => {
+    v.target === v.currentTarget && (a || i());
   }, h = {
     isOpen: t,
     onClose: i,
     size: o,
-    placement: n,
+    placement: r,
     disableOverlayClickToClose: a,
     disableEscapeKeyDown: s
   };
-  return /* @__PURE__ */ r.jsx(D, { container: c, children: /* @__PURE__ */ r.jsx(rt.Provider, { value: h, children: /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ n.jsx(D, { container: c, children: /* @__PURE__ */ n.jsx(nt.Provider, { value: h, children: /* @__PURE__ */ n.jsx(
     "dialog",
     {
       ref: f,
@@ -373,15 +371,15 @@ const D = ({
       "data-state": d,
       onCancel: u,
       onClick: p,
-      className: g(
-        lt({ size: o, placement: n, isOpen: t }),
+      className: x(
+        lt({ size: o, placement: r, isOpen: t }),
         m.className
       ),
       ...m,
       children: t && l
     }
   ) }) });
-}, Ht = Object.assign(dt, {
+}, Pt = Object.assign(dt, {
   Header: at,
   Body: it,
   Footer: st
@@ -427,23 +425,23 @@ const D = ({
     throw new Error("useBottomSheet must be used within a BottomSheetProvider");
   return t;
 }, bt = w(function(e, o) {
-  return /* @__PURE__ */ r.jsx(H, { as: "h5", ref: o, ...e });
-}), gt = w(function(e, o) {
-  const { onClose: n } = wt(), a = (s) => {
-    n(), e?.onClick?.(s);
+  return /* @__PURE__ */ n.jsx(P, { as: "h5", ref: o, ...e });
+}), xt = w(function(e, o) {
+  const { onClose: r } = wt(), a = (s) => {
+    r(), e?.onClick?.(s);
   };
-  return /* @__PURE__ */ r.jsx(
-    P,
+  return /* @__PURE__ */ n.jsx(
+    E,
     {
       ref: o,
       variant: "ghost",
       "aria-label": "Close",
-      as: R,
+      as: H,
       ...e,
       onClick: a
     }
   );
-}), xt = w(({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(
+}), gt = w(({ className: t, ...e }, o) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: o,
@@ -451,7 +449,7 @@ const D = ({
     ...e
   }
 )), vt = w(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: o,
@@ -459,7 +457,7 @@ const D = ({
       ...e
     }
   )
-), yt = w(({ className: t, ...e }, o) => /* @__PURE__ */ r.jsx(
+), yt = w(({ className: t, ...e }, o) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: o,
@@ -468,33 +466,33 @@ const D = ({
   }
 ));
 function kt(t, e, o) {
-  const n = B(null);
-  return v(() => {
-    n.current && n.current.focus();
-  }, []), v(() => {
+  const r = B(null);
+  return g(() => {
+    r.current && r.current.focus();
+  }, []), g(() => {
     const a = (s) => {
-      s.key === "Escape" && t && n.current && n.current.contains(document.activeElement) && !o && e();
+      s.key === "Escape" && t && r.current && r.current.contains(document.activeElement) && !o && e();
     };
     return t && (document.addEventListener("keydown", a), document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", a), document.body.style.overflow = "unset";
     };
-  }, [t, e, o, n]), n;
+  }, [t, e, o, r]), r;
 }
 const jt = w(
   ({
     isOpen: t,
     children: e,
     className: o,
-    onClose: n,
+    onClose: r,
     container: a,
     disableOverlayClickToClose: s = !1,
     ...l
   }, c) => {
-    const m = kt(t, n), {
+    const m = kt(t, r), {
       isOpen: f,
       height: d,
       isSupported: i
-    } = Y(), u = E(() => !t || !i || !f ? {} : {
+    } = Y(), u = R(() => !t || !i || !f ? {} : {
       // Adjust bottom position to sit above the virtual keyboard
       bottom: `${d}px`,
       // Reduce max height to account for keyboard
@@ -502,10 +500,10 @@ const jt = w(
       // Ensure smooth transition
       transition: "bottom 0.2s ease-in-out, max-height 0.2s ease-in-out"
     }, [t, i, f, d]), p = () => {
-      s || n?.();
+      s || r?.();
     };
-    return /* @__PURE__ */ r.jsx(D, { container: a, children: /* @__PURE__ */ r.jsxs(ht, { value: { onClose: n }, children: [
-      /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ n.jsx(D, { container: a, children: /* @__PURE__ */ n.jsxs(ht, { value: { onClose: r }, children: [
+      /* @__PURE__ */ n.jsx(
         "div",
         {
           className: ut({ open: t }),
@@ -513,11 +511,11 @@ const jt = w(
           onClick: p
         }
       ),
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ n.jsx(
         "div",
         {
           ref: Z(c, m),
-          className: g(
+          className: x(
             ct({
               open: t
             }),
@@ -535,18 +533,18 @@ const jt = w(
       )
     ] }) });
   }
-), Pt = Object.assign(jt, {
-  Header: xt,
+), Et = Object.assign(jt, {
+  Header: gt,
   Title: bt,
-  CloseIcon: gt,
+  CloseIcon: xt,
   Body: vt,
   Footer: yt
 });
 function Bt(t = "auto") {
-  const e = B(null), [o, n] = k("bottom");
-  return v(() => {
+  const e = B(null), [o, r] = y("bottom");
+  return g(() => {
     if (!open || t !== "auto" || !e.current) {
-      n(t === "auto" ? "bottom" : t);
+      r(t === "auto" ? "bottom" : t);
       return;
     }
     const a = e.current.getBoundingClientRect(), s = window.innerWidth, l = window.innerHeight, c = {
@@ -555,7 +553,7 @@ function Bt(t = "auto") {
       left: a.left,
       right: s - a.right
     };
-    c.bottom > 64 ? n("bottom") : c.top > 64 ? n("top") : c.right > 128 ? n("right") : n("left");
+    c.bottom > 64 ? r("bottom") : c.top > 64 ? r("top") : c.right > 128 ? r("right") : r("left");
   }, [t, e]), { position: o, ref: e };
 }
 const Ct = b(
@@ -578,16 +576,16 @@ const Ct = b(
   children: t,
   content: e,
   position: o = "auto",
-  popoverClassName: n,
+  popoverClassName: r,
   delay: a,
   ...s
 }) => {
-  const l = S(), [c, m] = k(!1), f = B(null), d = () => {
+  const l = S(), [c, m] = y(!1), f = B(null), d = () => {
     a ? f.current = setTimeout(() => m(!0), a) : m(!0);
   }, i = () => {
     f.current && clearTimeout(f.current), m(!1);
   };
-  v(() => () => {
+  g(() => () => {
     f.current && clearTimeout(f.current);
   }, []);
   const u = {
@@ -599,27 +597,27 @@ const Ct = b(
     onBlur: i,
     ...s
   }, { ref: p, position: h } = Bt(o);
-  return /* @__PURE__ */ r.jsxs("div", { className: "relative w-fit", ref: p, children: [
+  return /* @__PURE__ */ n.jsxs("div", { className: "relative w-fit", ref: p, children: [
     X(t, u),
-    /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ n.jsx(
       "div",
       {
         id: l,
-        className: g(
+        className: x(
           Ct({ position: h }),
-          n,
+          r,
           !c && "opacity-0 pointer-events-none"
         ),
         role: "tooltip",
         "aria-hidden": !c,
-        children: /* @__PURE__ */ r.jsx(q, { as: "small", fontWeight: "normal", color: "black", children: e })
+        children: /* @__PURE__ */ n.jsx(q, { as: "small", fontWeight: "normal", color: "black", children: e })
       }
     )
   ] });
 };
 export {
-  Pt as B,
-  Rt as D,
-  Ht as M,
+  Et as B,
+  Ht as D,
+  Pt as M,
   Mt as T
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.63",
+  "version": "0.0.64",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",