@dimasbaguspm/versaur 0.0.29 → 0.0.30

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-DrbGhcXv.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-Bzx0ecmU.js";
 export {
   a as BottomSheetInput,
   n as CheckboxInput,

package/dist/js/{image-rectangle-CF656HIm.js → image-rectangle-BMEGIW-6.js}

@@ -322,8 +322,8 @@ const alertVariants = cva(
     ellipsis: a = !1,
     fontSize: l,
     fontWeight: c,
-    className: x,
-    children: h,
+    className: h,
+    children: b,
     ...d
   }, p) => {
     const f = [
@@ -355,10 +355,10 @@ const alertVariants = cva(
           }),
           v,
           w,
-          x
+          h
         ),
         ...d,
-        children: h
+        children: b
       }
     );
   }
@@ -921,9 +921,9 @@ function useFloatingPosition(e, t = "1rem") {
   const r = useRef(null), [s, i] = useState({}), [n, o] = useState("fixed bottom-4 right-4"), a = useCallback(() => {
     const c = r.current;
     if (!c) return;
-    const h = c.getBoundingClientRect().height > window.innerHeight;
+    const b = c.getBoundingClientRect().height > window.innerHeight;
     let d = {}, p = "";
-    h ? (d = {
+    b ? (d = {
       position: "fixed",
       bottom: t,
       zIndex: 50,
@@ -958,10 +958,10 @@ const ButtonFloat = forwardRef(
     offset: n = "1rem",
     ...o
   }, a) {
-    const [l, c, x] = useFloatingPosition(
+    const [l, c, h] = useFloatingPosition(
       i,
       n
-    ), [h, d] = useState(!1);
+    ), [b, d] = useState(!1);
     return useEffect(() => {
       d(!0);
     }, []), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: l, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -971,8 +971,8 @@ const ButtonFloat = forwardRef(
         type: o.type || "button",
         className: cn(
           buttonFloatVariants({ variant: r, size: s }),
-          x,
-          h && "animate-fab-in",
+          h,
+          b && "animate-fab-in",
           t
         ),
         style: c,
@@ -1290,7 +1290,7 @@ const BUTTONS = [
               "aria-label": "Calculator input"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((x, h) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: x.map((d) => d === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((h, b) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: h.map((d) => d === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ButtonIcon,
             {
               as: X,
@@ -1311,7 +1311,7 @@ const BUTTONS = [
               children: d
             },
             d
-          )) }, h)) })
+          )) }, b)) })
         ]
       }
     );
@@ -1361,7 +1361,7 @@ const CalendarHeader = () => {
     ] })
   ] });
 }, CalendarWeekdays = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 px-4 text-ghost-500 mb-3", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((e) => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "xs", color: "ghost", align: "center", children: e }, e)) }), CalendarDaysSingle = () => {
-  const e = useCalendarContext(), { year: t, month: r, value: s, onChange: i, setMonth: n, setYear: o } = e, a = (g, m) => new Date(g, m + 1, 0).getDate(), c = ((g, m) => new Date(g, m, 1).getDay())(t, r), x = a(t, r), h = r - 1 < 0 ? 11 : r - 1, d = r === 0 ? t - 1 : t, p = a(t, h), y = r === 11 ? 0 : r + 1, f = r === 11 ? t + 1 : t, v = [];
+  const e = useCalendarContext(), { year: t, month: r, value: s, onChange: i, setMonth: n, setYear: o } = e, a = (g, m) => new Date(g, m + 1, 0).getDate(), c = ((g, m) => new Date(g, m, 1).getDay())(t, r), h = a(t, r), b = r - 1 < 0 ? 11 : r - 1, d = r === 0 ? t - 1 : t, p = a(t, b), y = r === 11 ? 0 : r + 1, f = r === 11 ? t + 1 : t, v = [];
   for (let g = 0; g < c; g++) {
     const m = p - c + g + 1;
     v.push(
@@ -1373,14 +1373,14 @@ const CalendarHeader = () => {
           "aria-label": "Previous month day",
           variant: "ghost",
           onClick: () => {
-            i?.(new Date(d, h, m)), n(h), o(d);
+            i?.(new Date(d, b, m)), n(b), o(d);
           }
         },
         "prev-" + g
       )
     );
   }
-  for (let g = 1; g <= x; g++) {
+  for (let g = 1; g <= h; g++) {
     const m = s instanceof Date && s.getFullYear() === t && s.getMonth() === r && s.getDate() === g;
     v.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1408,7 +1408,7 @@ const CalendarHeader = () => {
       )
     );
   }
-  const w = c + x;
+  const w = c + h;
   for (let g = 0; g < (w % 7 === 0 ? 0 : 7 - w % 7); g++)
     v.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1427,27 +1427,27 @@ const CalendarHeader = () => {
     );
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: v });
 }, CalendarDaysRange = () => {
-  const { year: e, month: t, value: r, onChange: s, setMonth: i, setYear: n } = useCalendarContext(), o = (u, b) => new Date(u, b + 1, 0).getDate(), l = ((u, b) => new Date(u, b, 1).getDay())(e, t), c = o(e, t), x = t - 1 < 0 ? 11 : t - 1, h = t === 0 ? e - 1 : e, d = o(e, x), p = t === 11 ? 0 : t + 1, y = t === 11 ? e + 1 : e, f = [], v = () => {
+  const { year: e, month: t, value: r, onChange: s, setMonth: i, setYear: n } = useCalendarContext(), o = (u, x) => new Date(u, x + 1, 0).getDate(), l = ((u, x) => new Date(u, x, 1).getDay())(e, t), c = o(e, t), h = t - 1 < 0 ? 11 : t - 1, b = t === 0 ? e - 1 : e, d = o(e, h), p = t === 11 ? 0 : t + 1, y = t === 11 ? e + 1 : e, f = [], v = () => {
     if (!Array.isArray(r)) return [null, null];
-    const [u, b] = r;
-    return !u && !b ? [null, null] : u && b ? u <= b ? [u, b] : [b, u] : [u, b];
+    const [u, x] = r;
+    return !u && !x ? [null, null] : u && x ? u <= x ? [u, x] : [x, u] : [u, x];
   }, [w, g] = v(), m = (u) => {
     if (!w || !g) return !1;
-    const b = new Date(e, t, u);
-    return b >= w && b <= g;
+    const x = new Date(e, t, u);
+    return x >= w && x <= g;
   }, S = (u) => w ? w.getFullYear() === e && w.getMonth() === t && w.getDate() === u : !1, I = (u) => g ? g.getFullYear() === e && g.getMonth() === t && g.getDate() === u : !1;
   for (let u = 0; u < l; u++) {
-    const b = d - l + u + 1;
+    const x = d - l + u + 1;
     f.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
         {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: b }),
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: x }),
           size: "sm",
           "aria-label": "Previous month day",
           variant: "ghost",
           onClick: () => {
-            s?.([null, null]), i(x), n(h);
+            s?.([null, null]), i(h), n(b);
           }
         },
         "prev-" + u
@@ -1455,7 +1455,7 @@ const CalendarHeader = () => {
     );
   }
   for (let u = 1; u <= c; u++) {
-    const b = m(u), E = S(u), C = I(u);
+    const x = m(u), E = S(u), C = I(u);
     f.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
@@ -1465,16 +1465,16 @@ const CalendarHeader = () => {
             {
               as: "span",
               fontSize: "sm",
-              color: b || E || C ? "inherit" : "ghost",
+              color: x || E || C ? "inherit" : "ghost",
               className: cn(
-                b && " bg-primary text-white",
+                x && " bg-primary text-white",
                 E && "rounded-l-full bg-primary text-white",
                 C && "rounded-r-full bg-primary text-white"
               ),
               children: u
             }
           ),
-          variant: E || C || b ? "primary" : "ghost",
+          variant: E || C || x ? "primary" : "ghost",
           size: "sm",
           "aria-label": `Select ${e}-${t + 1}-${u}`,
           "aria-current": E || C ? "date" : void 0,
@@ -1520,12 +1520,12 @@ function useCalendar({
   initialYear: s,
   initialMonth: i
 }) {
-  const [n, o] = useState(i), [a, l] = useState(s), [c, x] = useState([
+  const [n, o] = useState(i), [a, l] = useState(s), [c, h] = useState([
     null,
     null
   ]);
-  let h = e;
-  t === "range" && !e && (h = c);
+  let b = e;
+  t === "range" && !e && (b = c);
   const d = useCallback(() => {
     const f = n === 0 ? 11 : n - 1, v = n === 0 ? a - 1 : a;
     o(f), l(v), t === "single" && r?.(new Date(v, f, 1));
@@ -1534,14 +1534,14 @@ function useCalendar({
     o(f), l(v), t === "single" && r?.(new Date(v, f, 1));
   }, [n, a, t, r]), y = useCallback(
     (f) => {
-      t === "single" ? r?.(f) : t === "range" && (x(f), r?.(f));
+      t === "single" ? r?.(f) : t === "range" && (h(f), r?.(f));
     },
     [t, r]
   );
   return {
     year: a,
     month: n,
-    value: h,
+    value: b,
     setMonth: o,
     setYear: l,
     onChange: y,
@@ -1583,7 +1583,7 @@ const CalendarRoot = ({
     }
   );
 }, Calendar = Object.assign(CalendarRoot, {}), cardVariants = cva(
-  "block transition-colors duration-200 cursor-pointer",
+  "block transition-colors duration-200 cursor-pointer w-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-light hover:bg-gray-50",
   {
     variants: {
       size: {
@@ -1596,57 +1596,18 @@ const CalendarRoot = ({
       shape: {
         rounded: "rounded-lg",
         square: "rounded-none"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      shape: "rounded"
-    }
-  }
-), tileVariants = cva(
-  // Base classes
-  "block transition-colors duration-200",
-  {
-    variants: {
-      variant: {
-        white: "bg-white border border-border",
-        neutral: "bg-neutral border border-gray-200",
-        primary: "bg-primary-soft border border-primary",
-        secondary: "bg-secondary-soft border border-secondary",
-        tertiary: "bg-tertiary-soft border border-tertiary",
-        ghost: "bg-transparent border border-ghost",
-        success: "bg-success-soft border border-success",
-        info: "bg-info-soft border border-info",
-        warning: "bg-warning-soft border border-warning",
-        danger: "bg-danger-soft border border-danger"
       },
-      size: {
-        xs: "p-2",
-        sm: "p-3",
-        md: "p-4",
-        lg: "p-6",
-        xl: "p-8"
-      },
-      shape: {
-        rounded: "rounded-lg",
-        square: "rounded-none"
+      bordered: {
+        true: "border border-border",
+        false: ""
       }
     },
     defaultVariants: {
-      variant: "white",
       size: "md",
-      shape: "rounded"
+      shape: "rounded",
+      bordered: !1
     }
   }
-), Tile = forwardRef(
-  ({ variant: e = "white", size: t = "md", shape: r = "rounded", className: s, ...i }, n) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref: n,
-      className: cn(tileVariants({ variant: e, size: t, shape: r }), s),
-      ...i
-    }
-  )
 ), Card = forwardRef(
   ({
     size: e = "md",
@@ -1656,14 +1617,15 @@ const CalendarRoot = ({
     subtitle: i,
     badge: n,
     supplementaryInfo: o,
-    className: a,
-    ...l
-  }, c) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Tile,
+    bordered: a = !1,
+    className: l,
+    ...c
+  }, h) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
     {
-      ref: c,
-      className: cn(cardVariants({ size: e, shape: t }), a),
-      ...l,
+      ref: h,
+      className: cn(cardVariants({ size: e, shape: t, bordered: a }), l),
+      ...c,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-4", children: [
         r && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", children: r }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full", children: [
@@ -1991,7 +1953,51 @@ const getTableColumnClass = (e) => {
   Footer: TableFooter,
   Row: TableRow,
   RowItem: TableRowItem
-});
+}), tileVariants = cva(
+  // Base classes
+  "block transition-colors duration-200",
+  {
+    variants: {
+      variant: {
+        white: "bg-white border border-border",
+        neutral: "bg-neutral border border-gray-200",
+        primary: "bg-primary-soft border border-primary",
+        secondary: "bg-secondary-soft border border-secondary",
+        tertiary: "bg-tertiary-soft border border-tertiary",
+        ghost: "bg-transparent border border-ghost",
+        success: "bg-success-soft border border-success",
+        info: "bg-info-soft border border-info",
+        warning: "bg-warning-soft border border-warning",
+        danger: "bg-danger-soft border border-danger"
+      },
+      size: {
+        xs: "p-2",
+        sm: "p-3",
+        md: "p-4",
+        lg: "p-6",
+        xl: "p-8"
+      },
+      shape: {
+        rounded: "rounded-lg",
+        square: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      variant: "white",
+      size: "md",
+      shape: "rounded"
+    }
+  }
+), Tile = forwardRef(
+  ({ variant: e = "white", size: t = "md", shape: r = "rounded", className: s, ...i }, n) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      ref: n,
+      className: cn(tileVariants({ variant: e, size: t, shape: r }), s),
+      ...i
+    }
+  )
+);
 function getColSpan(e = 4) {
   switch (e) {
     case 1:
@@ -2179,8 +2185,8 @@ const BaseImage = forwardRef(
     position: a = "cover",
     size: l = "auto",
     shape: c,
-    className: x,
-    ...h
+    className: h,
+    ...b
   }, d) => {
     const { loaded: p, errored: y, handleLoad: f, handleError: v } = useImage({
       src: e
@@ -2215,7 +2221,7 @@ const BaseImage = forwardRef(
             size: l,
             shape: c
           }),
-          x
+          h
         ),
         onLoad: (m) => {
           f(), r?.(m);
@@ -2223,7 +2229,7 @@ const BaseImage = forwardRef(
         onError: (m) => {
           v(), s?.(m);
         },
-        ...h
+        ...b
       }
     );
   }

package/dist/js/index.js

@@ -1,11 +1,11 @@
 import { L as t, P as s, S as r } from "./skeleton-BNZyaRjo.js";
-import { A as n, a as p, B as u, b as i, F as l, e as I, P as c, c as S, d as m, S as B, T as g } from "./top-bar-B4SZ2YZC.js";
-import { B as b, C as T, b as x, a as h, D as C, k as f, E as P, M as k, P as A, R as M, d as D, c as F, S as L, e as R, j as w, i as G, h as j, f as v, T as y, g as E } from "./bottom-sheet-input-DrbGhcXv.js";
-import { B as q, D as H, M as z } from "./bottom-sheet-BKd7WCCS.js";
-import { M as K, T as O } from "./tooltip-D1-q8Ars.js";
-import { A as U, a as V, b as W, c as X, d as Y, B as Z, p as _, e as $, f as aa, g as ea, h as ta, C as sa, i as ra, j as oa, D as na, F as pa, I as ua, m as ia, o as la, n as Ia, N as ca, T as Sa, k as ma, l as Ba } from "./image-rectangle-CF656HIm.js";
+import { A as n, a as p, B as u, b as i, F as l, e as I, P as c, c as S, d as m, S as B, T as g } from "./top-bar-BdmaTpTp.js";
+import { B as b, C as T, b as x, a as h, D as C, k as f, E as P, M as k, P as A, R as M, d as D, c as F, S as L, e as R, j as w, i as G, h as j, f as v, T as y, g as E } from "./bottom-sheet-input-Bzx0ecmU.js";
+import { B as q, D as H, M as z } from "./bottom-sheet-DUcwK0Yd.js";
+import { M as K, T as O } from "./tooltip-IazSAgsg.js";
+import { A as U, a as V, b as W, c as X, d as Y, B as Z, p as _, e as $, f as aa, g as ea, h as ta, C as sa, i as ra, j as oa, D as na, F as pa, I as ua, m as ia, o as la, n as Ia, N as ca, T as Sa, k as ma, l as Ba } from "./image-rectangle-BMEGIW-6.js";
 import { S as da } from "./snackbar-DH8jCh2V.js";
-import { B as Ta, T as xa } from "./tabs-DoiqKzR9.js";
+import { B as Ta, T as xa } from "./tabs-CIWr5hdb.js";
 import { S as Ca, u as fa } from "./use-snackbars-B0MaRlg1.js";
 export {
   U as Alert,

package/dist/js/layouts/index.js

@@ -1,4 +1,4 @@
-import { A as r, a as e, B as s, b as t, F as p, e as B, P as u, c as d, d as g, S as P, T as i } from "../top-bar-B4SZ2YZC.js";
+import { A as r, a as e, B as s, b as t, F as p, e as B, P as u, c as d, d as g, S as P, T as i } from "../top-bar-BdmaTpTp.js";
 export {
   r as AppBar,
   e as BadgeGroup,

package/dist/js/navigation/index.js

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

package/dist/js/overlays/index.js

@@ -1,5 +1,5 @@
-import { B as e, D as r, M as t } from "../bottom-sheet-BKd7WCCS.js";
-import { M, T as m } from "../tooltip-D1-q8Ars.js";
+import { B as e, D as r, M as t } from "../bottom-sheet-DUcwK0Yd.js";
+import { M, T as m } from "../tooltip-IazSAgsg.js";
 export {
   e as BottomSheet,
   r as Drawer,

package/dist/js/primitive/index.js

@@ -1,4 +1,4 @@
-import { A as t, a as e, b as r, c as o, d as l, B as n, p as i, e as c, f as u, g, h as m, C as B, i as I, j as A, D as C, F as b, I as d, m as p, o as T, n as f, N as h, T as x, k as F, l as S } from "../image-rectangle-CF656HIm.js";
+import { A as t, a as e, b as r, c as o, d as l, B as n, p as i, e as c, f as u, g, h as m, C as B, i as I, j as A, D as C, F as b, I as d, m as p, o as T, n as f, N as h, T as x, k as F, l as S } from "../image-rectangle-BMEGIW-6.js";
 import { S as D } from "../snackbar-DH8jCh2V.js";
 export {
   t as Alert,

package/dist/js/{tabs-DoiqKzR9.js → tabs-CIWr5hdb.js}

@@ -1,6 +1,6 @@
 import { c as d, j as s, a as u } from "./index-DOdDlCoL.js";
 import { forwardRef as f, createContext as x, useContext as g, useState as p, useLayoutEffect as y, useRef as h } from "react";
-import { I as w } from "./image-rectangle-CF656HIm.js";
+import { I as w } from "./image-rectangle-BMEGIW-6.js";
 import "./snackbar-DH8jCh2V.js";
 import { ChevronRight as T } from "lucide-react";
 const j = d(

package/dist/js/{tooltip-D1-q8Ars.js → tooltip-IazSAgsg.js}

@@ -1,6 +1,6 @@
 import { c as h, j as u, a as b } from "./index-DOdDlCoL.js";
 import { useEffect as m, useRef as c, useId as v, cloneElement as x, useState as g } from "react";
-import { k as j } from "./image-rectangle-CF656HIm.js";
+import { k as j } from "./image-rectangle-BMEGIW-6.js";
 const I = h(
   "absolute z-30 min-w-40 bg-background rounded-lg border border-border transition-all duration-200 ease-out will-change-transform",
   {