@dimasbaguspm/versaur 0.0.11 → 0.0.13

package/dist/js/{menu-Du409VIG.js → menu-oRrbZAAy.js}

@@ -1,5 +1,6 @@
-import { j as u, a as x, c as y } from "./index-DOdDlCoL.js";
-import { forwardRef as m, useEffect as f, useRef as v, useState as M, createContext as j, useContext as k, useId as I } from "react";
+import { j as u, a as b } from "./index-Dmu_fHni.js";
+import { forwardRef as m, useEffect as f, useRef as y, useState as M, createContext as j, useContext as k, useId as I } from "react";
+import { c as x } from "./cn-BKwT3erk.js";
 const z = m(
   ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
     "div",
@@ -32,7 +33,7 @@ const z = m(
       ...t
     }
   )
-), N = y(
+), N = b(
   "fixed inset-0 z-51 transition-opacity duration-300 bg-black/30 backdrop-blur-md flex items-center justify-center transition-opacity duration-200 ease-in-out",
   {
     variants: {
@@ -45,7 +46,7 @@ const z = m(
       placement: "center"
     }
   }
-), C = y(
+), C = b(
   [
     "bg-white rounded-lg shadow-xl relative",
     "flex flex-col",
@@ -87,8 +88,8 @@ function R(e, t) {
 function F(e, t) {
   f(() => {
     if (!e) return;
-    const n = (o) => {
-      o.key === "Escape" && t();
+    const n = (r) => {
+      r.key === "Escape" && t();
     };
     return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
   }, [e, t]);
@@ -97,20 +98,20 @@ const L = 200, T = ({
   isOpen: e,
   onOpenChange: t,
   size: n = "md",
-  placement: o = "center",
-  children: r,
+  placement: r = "center",
+  children: o,
   disableOverlayClose: a,
   disableEscClose: i,
   ...s
 }) => {
-  const d = v(null), c = v(null), [p, l] = M(e), [h, b] = M(!1);
+  const d = y(null), c = y(null), [p, l] = M(e), [h, v] = M(!1);
   return f(() => {
     if (e)
-      l(!0), b(!1), d.current = document.activeElement;
+      l(!0), v(!1), d.current = document.activeElement;
     else if (p) {
-      b(!0);
+      v(!0);
       const g = setTimeout(() => {
-        l(!1), b(!1), d.current && d.current.focus();
+        l(!1), v(!1), d.current && d.current.focus();
       }, L);
       return () => clearTimeout(g);
     }
@@ -120,25 +121,25 @@ const L = 200, T = ({
     A,
     {
       ref: c,
-      className: `${N({ placement: o })} transition-opacity duration-200 ease-in-out ` + (e && !h ? "opacity-100" : "opacity-0 pointer-events-none"),
+      className: `${N({ placement: r })} transition-opacity duration-200 ease-in-out ` + (e && !h ? "opacity-100" : "opacity-0 pointer-events-none"),
       onOverlayClick: (g) => {
         g.target === c.current && !a && t && t(!1);
       },
-      placement: o,
+      placement: r,
       children: /* @__PURE__ */ u.jsx(
         "div",
         {
-          className: `${C({ size: n, placement: o })} transition-all duration-200 ease-in-out ` + (e && !h ? "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"),
+          className: `${C({ size: n, placement: r })} transition-all duration-200 ease-in-out ` + (e && !h ? "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"),
           role: "dialog",
           ...s,
           tabIndex: 0,
           "aria-hidden": !e,
-          children: r
+          children: o
         }
       )
     }
   );
-}, _ = Object.assign(T, {
+}, G = Object.assign(T, {
   Header: z,
   Body: V,
   Footer: D
@@ -147,9 +148,9 @@ const L = 200, T = ({
   if (!e)
     throw new Error("useMenuContext must be used within a Menu component");
   return e;
-}, S = y(
+}, S = b(
   // Modern, clean, accessible base style
-  "z-50 min-w-40 bg-neutral-50 text-black rounded-lg shadow-md border border-transparent",
+  "z-50 min-w-40 bg-background text-black rounded-lg border border-border",
   {
     variants: {
       variant: {
@@ -157,8 +158,8 @@ const L = 200, T = ({
         outline: "border bg-transparent"
       },
       size: {
-        sm: "py-2",
-        md: "py-2.5"
+        sm: "py-1.5 px-1",
+        md: "py-2 px-1"
       }
     },
     defaultVariants: {
@@ -166,35 +167,30 @@ const L = 200, T = ({
       size: "md"
     }
   }
-), q = y(
-  "w-full text-left px-4 rounded-md cursor-pointer transition-colors duration-150 font-medium select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70 hover:bg-ghost-100 active:bg-ghost-200 disabled:opacity-50 disabled:cursor-not-allowed",
+), q = b(
+  "w-full text-left px-4 rounded-sm cursor-pointer transition-colors duration-150 select-none hover:bg-background-light outline-none border border-transparent focus-visible:border-primary-light disabled:opacity-50 disabled:cursor-not-allowed",
   {
     variants: {
-      variant: {
-        default: "",
-        outline: "border border-color-neutral"
-      },
       size: {
-        sm: "text-sm py-2",
-        md: "text-base py-2.5"
+        sm: "text-sm py-1",
+        md: "text-base py-1"
       }
     },
     defaultVariants: {
-      variant: "default",
       size: "md"
     }
   }
 ), B = m(
   ({ children: e, ...t }, n) => {
-    const { open: o, triggerRef: r } = w();
+    const { open: r, triggerRef: o } = w();
     return /* @__PURE__ */ u.jsx(
       "span",
       {
         ref: (a) => {
-          r.current = a, typeof n == "function" ? n(a) : n && (n.current = a);
+          o.current = a, typeof n == "function" ? n(a) : n && (n.current = a);
         },
         "aria-haspopup": "menu",
-        "aria-expanded": o,
+        "aria-expanded": r,
         "aria-controls": "menu-content",
         ...t,
         children: e
@@ -202,8 +198,8 @@ const L = 200, T = ({
     );
   }
 ), H = m(
-  ({ children: e, className: t, ...n }, o) => {
-    const { open: r, contentRef: a, triggerRef: i, size: s } = w(), d = I();
+  ({ children: e, className: t, ...n }, r) => {
+    const { open: o, contentRef: a, triggerRef: i, size: s } = w(), d = I();
     let c = 0, p = 0;
     if (i.current) {
       const l = i.current.getBoundingClientRect();
@@ -213,18 +209,18 @@ const L = 200, T = ({
       "div",
       {
         ref: (l) => {
-          a.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
+          a.current = l, typeof r == "function" ? r(l) : r && (r.current = l);
         },
         id: `menu-content-${d}`,
         role: "menu",
         tabIndex: -1,
-        "aria-hidden": !r,
+        "aria-hidden": !o,
         className: x(
           S({
             size: s
           }),
           "absolute z-50 transition-opacity duration-150 ease-out",
-          r ? "opacity-100" : "opacity-0",
+          o ? "opacity-100" : "opacity-0",
           t
         ),
         style: {
@@ -233,17 +229,17 @@ const L = 200, T = ({
           left: p
         },
         ...n,
-        children: r && e
+        children: o && e
       }
     );
   }
 ), K = m(
-  ({ children: e, disabled: t, className: n, ...o }, r) => {
+  ({ children: e, disabled: t, className: n, ...r }, o) => {
     const { size: a } = w();
     return /* @__PURE__ */ u.jsx(
       "button",
       {
-        ref: r,
+        ref: o,
         role: "menuitem",
         tabIndex: 0,
         disabled: t,
@@ -254,20 +250,20 @@ const L = 200, T = ({
           }),
           n
         ),
-        ...o,
+        ...r,
         children: e
       }
     );
   }
 );
-function $(e, t, n, o) {
+function $(e, t, n, r) {
   f(() => {
     if (!e) return;
-    function r(a) {
-      !t.current?.contains(a.target) && !n.current?.contains(a.target) && o();
+    function o(a) {
+      !t.current?.contains(a.target) && !n.current?.contains(a.target) && r();
     }
-    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
-  }, [e, o, t, n]);
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [e, r, t, n]);
 }
 function U(e, t) {
   f(() => {
@@ -277,39 +273,39 @@ function U(e, t) {
     }
   }, [e, t]);
 }
-function W(e, t, n, o) {
+function W(e, t, n, r) {
   f(() => {
     if (!e || !t.current) return;
-    const r = t.current;
+    const o = t.current;
     function a(i) {
       const s = Array.from(
-        r.querySelectorAll('[role="menuitem"]')
+        o.querySelectorAll('[role="menuitem"]')
       ), d = document.activeElement, c = s.indexOf(d);
-      i.key === "ArrowDown" ? (i.preventDefault(), s.length && s[(c + 1) % s.length].focus()) : i.key === "ArrowUp" ? (i.preventDefault(), s.length && s[(c - 1 + s.length) % s.length].focus()) : i.key === "Home" ? (i.preventDefault(), s.length && s[0].focus()) : i.key === "End" ? (i.preventDefault(), s.length && s[s.length - 1].focus()) : i.key === "Escape" && (i.preventDefault(), o(), n.current?.focus());
+      i.key === "ArrowDown" ? (i.preventDefault(), s.length && s[(c + 1) % s.length].focus()) : i.key === "ArrowUp" ? (i.preventDefault(), s.length && s[(c - 1 + s.length) % s.length].focus()) : i.key === "Home" ? (i.preventDefault(), s.length && s[0].focus()) : i.key === "End" ? (i.preventDefault(), s.length && s[s.length - 1].focus()) : i.key === "Escape" && (i.preventDefault(), r(), n.current?.focus());
     }
-    return r.addEventListener("keydown", a), () => r.removeEventListener("keydown", a);
-  }, [e, o, t, n]);
+    return o.addEventListener("keydown", a), () => o.removeEventListener("keydown", a);
+  }, [e, r, t, n]);
 }
 const P = ({
   children: e,
   isOpen: t,
   onOutsideClick: n,
-  size: o = "md"
+  size: r = "md"
 }) => {
-  const r = v(null), a = v(null);
-  return $(t, a, r, n), U(t, a), W(t, a, r, n), /* @__PURE__ */ u.jsx(
+  const o = y(null), a = y(null);
+  return $(t, a, o, n), U(t, a), W(t, a, o, n), /* @__PURE__ */ u.jsx(
     E.Provider,
     {
-      value: { open: t, triggerRef: r, contentRef: a, size: o },
+      value: { open: t, triggerRef: o, contentRef: a, size: r },
       children: e
     }
   );
-}, G = Object.assign(P, {
+}, J = Object.assign(P, {
   Trigger: B,
   Content: H,
   Item: K
 });
 export {
-  G as M,
-  _ as a
+  J as M,
+  G as a
 };

package/dist/js/navigation/index.js

@@ -1,4 +1,4 @@
-import { B as s, T as b } from "../tabs-BbOkYchB.js";
+import { B as s, T as b } from "../tabs-DSeR5XxX.js";
 export {
   s as Breadcrumbs,
   b as Tabs

package/dist/js/overlays/index.js

@@ -1,7 +1,8 @@
-import { D as o } from "../drawer-Cn7sreJG.js";
-import { M as s, a as M } from "../menu-Du409VIG.js";
+import { B as e, D as r } from "../bottom-sheet-CBLNEX4F.js";
+import { M as s, a as m } from "../menu-oRrbZAAy.js";
 export {
-  o as Drawer,
+  e as BottomSheet,
+  r as Drawer,
   s as Menu,
-  M as Modal
+  m as Modal
 };

package/dist/js/primitive/index.js

@@ -1,5 +1,5 @@
-import { A as t, a as o, B as r, b as e, c as n, S as l, T as B, d as c } from "../tile-6SeBYc08.js";
-import { B as b, a as d, C as u, b as x, I as A, T as C } from "../calendar-De5dCVnE.js";
+import { A as t, a as o, B as r, b as e, c as n, S as l, T as B, d as c } from "../tile-8hqVMf2m.js";
+import { B as b, a as d, C as u, b as x, I as A, T as C } from "../calendar-B9rIZCdo.js";
 export {
   t as Alert,
   o as Avatar,

package/dist/js/{skeleton-BNZyaRjo.js → skeleton-Ma-Fcs06.js}

@@ -1,6 +1,7 @@
-import { c as l, j as o, a as d } from "./index-DOdDlCoL.js";
+import { a as l, j as o } from "./index-Dmu_fHni.js";
 import * as m from "react";
 import u, { forwardRef as f } from "react";
+import { c as d } from "./cn-BKwT3erk.js";
 const p = l(
   "inline-block border animate-spin rounded-full",
   {
@@ -189,7 +190,7 @@ const j = l(
       indeterminate: !1
     }
   }
-), S = f(({ value: a, max: e = 100, color: n = "primary", className: r, ...s }, t) => {
+), L = f(({ value: a, max: e = 100, color: n = "primary", className: r, ...s }, t) => {
   const i = Math.max(0, Math.min(a, e));
   return /* @__PURE__ */ o.jsx(
     "div",
@@ -236,7 +237,7 @@ const j = l(
     shape: "rounded",
     size: "md"
   }
-}), L = m.forwardRef(
+}), k = m.forwardRef(
   function({ shape: e = "rounded", size: n = "md", height: r, className: s, style: t, ...i }, c) {
     const g = ["sm", "md", "lg", "xl"].includes(n) ? n : "md", b = r ? {
       ...t,
@@ -272,6 +273,6 @@ const j = l(
 );
 export {
   x as L,
-  S as P,
-  L as S
+  L as P,
+  k as S
 };