@dimasbaguspm/versaur 0.0.14 → 0.0.16

package/dist/js/bottom-sheet-Difan0U1.js

@@ -0,0 +1,340 @@
+import { c as d, j as o, a as l } from "./index-DOdDlCoL.js";
+import u, { createContext as y, useContext as j, forwardRef as i, useCallback as k, useEffect as w } from "react";
+const p = y(null);
+function m() {
+  const t = j(p);
+  if (!t)
+    throw new Error(
+      "Drawer components must be used within a DrawerRoot component"
+    );
+  return t;
+}
+const B = d(
+  "fixed inset-0 z-50 transition-opacity duration-300 bg-black/30 backdrop-blur-md",
+  {
+    variants: {
+      state: {
+        open: "opacity-100",
+        closed: "opacity-0 pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      state: "closed"
+    }
+  }
+), V = d("fixed z-50 shadow-xl flex flex-col", {
+  variants: {
+    position: {
+      left: "left-0 top-0 bottom-0 border-r",
+      right: "right-0 top-0 bottom-0 border-l"
+    },
+    size: {
+      sm: "w-80",
+      md: "w-96",
+      lg: "w-[28rem]",
+      xl: "w-[32rem]",
+      "3/4": "w-[75vw]",
+      full: "w-full"
+    },
+    variant: {
+      default: "bg-white border-gray-200",
+      glass: "bg-white/10 backdrop-blur-lg border-white/20"
+    },
+    transitionType: {
+      slide: "transition-transform duration-300 ease-in-out",
+      fade: "transition-opacity duration-300 ease-in-out"
+    }
+  },
+  defaultVariants: {
+    position: "right",
+    size: "md",
+    variant: "default",
+    transitionType: "slide"
+  }
+}), N = d("flex-shrink-0 px-6", {
+  variants: {
+    variant: {
+      default: "bg-white",
+      glass: "bg-transparent "
+    },
+    tab: {
+      true: "pt-4 pb-2",
+      false: "border-b border-border py-4 "
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    tab: !1
+  }
+}), D = d("flex-1 overflow-y-auto px-6 py-4", {
+  variants: {
+    variant: {
+      default: "bg-white",
+      glass: "bg-transparent"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), S = d("flex-shrink-0 px-6 py-4 border-t", {
+  variants: {
+    variant: {
+      default: "bg-white border-gray-200",
+      glass: "bg-transparent border-white/10"
+    },
+    responsiveFlex: {
+      true: "flex flex-row gap-3 sm:justify-end [&>*]:sm:flex-grow-0 [&>*]:flex-grow",
+      false: "flex gap-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    responsiveFlex: !0
+  }
+}), E = u.forwardRef(({ className: t, ...e }, a) => {
+  const { isOpen: r, onClose: n } = m(), s = () => {
+    n();
+  };
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      ref: a,
+      onClick: s,
+      className: l(
+        B({
+          state: r ? "open" : "closed"
+        }),
+        t
+      ),
+      ...e
+    }
+  );
+}), R = u.forwardRef(
+  ({ children: t, className: e, hasTab: a, ...r }, n) => {
+    const { variant: s } = m();
+    return /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        ref: n,
+        className: l(
+          N({ variant: s, tab: !!a }),
+          e
+        ),
+        ...r,
+        children: t
+      }
+    );
+  }
+), C = i(
+  ({ children: t, className: e, ...a }, r) => /* @__PURE__ */ o.jsx("div", { ref: r, className: l("[&>div]:px-6", e), ...a, children: t })
+), F = u.forwardRef(
+  ({ children: t, className: e, ...a }, r) => {
+    const { variant: n } = m();
+    return /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        ref: r,
+        className: l(D({ variant: n }), e),
+        ...a,
+        children: t
+      }
+    );
+  }
+), z = u.forwardRef(
+  ({ children: t, className: e, responsiveFlex: a = !0, ...r }, n) => {
+    const { variant: s } = m();
+    return /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        ref: n,
+        className: l(
+          S({ variant: s, responsiveFlex: a }),
+          e
+        ),
+        ...r,
+        children: t
+      }
+    );
+  }
+), H = ({
+  children: t,
+  isOpen: e,
+  onClose: a,
+  position: r = "right",
+  size: n = "md",
+  variant: s = "default",
+  transitionType: c = "slide",
+  className: f,
+  ...b
+}) => {
+  const x = k(() => {
+    a(!1);
+  }, [a]), h = {
+    isOpen: e,
+    onClose: x,
+    position: r,
+    size: n,
+    variant: s,
+    transitionType: c
+  };
+  return w(() => {
+    const v = (g) => {
+      g.key === "Escape" && e && x();
+    };
+    return e && (document.addEventListener("keydown", v), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", v), document.body.style.overflow = "unset";
+    };
+  }, [e, x]), /* @__PURE__ */ o.jsx(p.Provider, { value: h, children: /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      className: l(
+        "fixed z-50 inset-0 pointer-events-none",
+        e && "pointer-events-auto"
+      ),
+      children: [
+        /* @__PURE__ */ o.jsx(E, {}),
+        /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            role: e ? "dialog" : void 0,
+            "aria-modal": e ? "true" : void 0,
+            className: l(
+              V({
+                position: r,
+                size: n,
+                variant: s,
+                transitionType: c
+              }),
+              c === "slide" ? [
+                !e && r === "left" && "-translate-x-full",
+                !e && r === "right" && "translate-x-full"
+              ] : [
+                "left-0 right-0 top-0 bottom-0",
+                e ? "opacity-100" : "opacity-0 pointer-events-none"
+              ],
+              f
+            ),
+            ...b,
+            children: e && t
+          }
+        )
+      ]
+    }
+  ) });
+}, U = Object.assign(H, {
+  Header: R,
+  Tab: C,
+  Body: F,
+  Footer: z
+}), T = d(
+  [
+    "fixed left-0 bottom-0 z-50 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"
+  ],
+  {
+    variants: {
+      open: {
+        true: "translate-y-0",
+        false: "translate-y-full"
+      }
+    },
+    defaultVariants: {
+      open: !1
+    }
+  }
+), L = d(
+  ["fixed inset-0 z-40 duration-300"],
+  {
+    variants: {
+      open: {
+        true: "backdrop-blur-md bg-foreground/30",
+        false: "pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      open: !1
+    }
+  }
+), I = d("px-4 pt-4 pb-2"), _ = d("px-4 py-2"), P = d("px-4 pt-2 pb-4"), q = i(function({ className: e, ...a }, r) {
+  return /* @__PURE__ */ o.jsx(
+    "h2",
+    {
+      ref: r,
+      className: ["text-lg font-semibold text-foreground", e].filter(Boolean).join(" "),
+      ...a
+    }
+  );
+}), A = i(({ className: t, ...e }, a) => /* @__PURE__ */ o.jsx(
+  "div",
+  {
+    ref: a,
+    className: I({ className: t }),
+    ...e
+  }
+)), G = i(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      ref: a,
+      className: _({ className: t }),
+      ...e
+    }
+  )
+), J = i(({ className: t, ...e }, a) => /* @__PURE__ */ o.jsx(
+  "div",
+  {
+    ref: a,
+    className: P({ className: t }),
+    ...e
+  }
+)), K = i(
+  ({ isOpen: t, children: e, className: a, onClose: r, ...n }, s) => {
+    w(() => {
+      const f = (b) => {
+        b.key === "Escape" && t && r();
+      };
+      return t && (document.addEventListener("keydown", f), document.body.style.overflow = "hidden"), () => {
+        document.removeEventListener("keydown", f), document.body.style.overflow = "unset";
+      };
+    }, [t, r]);
+    const c = () => {
+      r?.();
+    };
+    return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          className: L({ open: t }),
+          "aria-hidden": "true",
+          onClick: c
+        }
+      ),
+      /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          ref: s,
+          className: l(
+            T({
+              open: t
+            }),
+            a
+          ),
+          role: "dialog",
+          "aria-modal": "true",
+          tabIndex: -1,
+          ...n,
+          children: e
+        }
+      )
+    ] });
+  }
+), W = Object.assign(K, {
+  Header: A,
+  Title: q,
+  Body: G,
+  Footer: J
+});
+export {
+  W as B,
+  U as D
+};

package/dist/js/{calendar-B9rIZCdo.js → calendar-CUjVZ7Ap.js}

@@ -1,6 +1,5 @@
-import { a as cva, j as jsxRuntimeExports } from "./index-Dmu_fHni.js";
+import { c as cva, j as jsxRuntimeExports, a as cn } from "./index-DOdDlCoL.js";
 import React__default, { forwardRef, useState, useRef, useEffect, useCallback, createContext, useContext } from "react";
-import { c as cn } from "./cn-BKwT3erk.js";
 import { X, ChevronLeft, ChevronRight } from "lucide-react";
 const calculatorRootVariants = cva(
   "flex flex-col w-full max-w-xs rounded-lg bg-background",
@@ -314,7 +313,7 @@ const BUTTONS = [
               "aria-label": "Calculator input"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((m, v) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: m.map((h) => h === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((w, v) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: w.map((h) => h === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ButtonIcon,
             {
               as: X,
@@ -497,7 +496,7 @@ const buttonVariants = cva(
     ellipsis: c = !1,
     fontSize: f,
     fontWeight: d,
-    className: m,
+    className: w,
     children: v,
     ...h
   }, p) => {
@@ -511,7 +510,7 @@ const buttonVariants = cva(
       "p",
       "span",
       "label"
-    ].includes(r) ? r : "span", b = f ? `text-${f}` : "", w = d ? `font-${d}` : "";
+    ].includes(r) ? r : "span", b = f ? `text-${f}` : "", m = d ? `font-${d}` : "";
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       r,
       {
@@ -529,8 +528,8 @@ const buttonVariants = cva(
             as: u
           }),
           b,
-          w,
-          m
+          m,
+          w
         ),
         ...h,
         children: v
@@ -580,7 +579,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((r) => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "xs", color: "ghost", align: "center", children: r }, r)) }), CalendarDaysSingle = () => {
-  const r = useCalendarContext(), { year: e, month: t, value: i, onChange: l, setMonth: n, setYear: a } = r, c = (o, x) => new Date(o, x + 1, 0).getDate(), d = ((o, x) => new Date(o, x, 1).getDay())(e, t), m = c(e, t), v = t - 1 < 0 ? 11 : t - 1, h = t === 0 ? e - 1 : e, p = c(e, v), y = t === 11 ? 0 : t + 1, u = t === 11 ? e + 1 : e, b = [];
+  const r = useCalendarContext(), { year: e, month: t, value: i, onChange: l, setMonth: n, setYear: a } = r, c = (o, x) => new Date(o, x + 1, 0).getDate(), d = ((o, x) => new Date(o, x, 1).getDay())(e, t), w = c(e, t), v = t - 1 < 0 ? 11 : t - 1, h = t === 0 ? e - 1 : e, p = c(e, v), y = t === 11 ? 0 : t + 1, u = t === 11 ? e + 1 : e, b = [];
   for (let o = 0; o < d; o++) {
     const x = p - d + o + 1;
     b.push(
@@ -599,7 +598,7 @@ const CalendarHeader = () => {
       )
     );
   }
-  for (let o = 1; o <= m; o++) {
+  for (let o = 1; o <= w; o++) {
     const x = i instanceof Date && i.getFullYear() === e && i.getMonth() === t && i.getDate() === o;
     b.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -627,8 +626,8 @@ const CalendarHeader = () => {
       )
     );
   }
-  const w = d + m;
-  for (let o = 0; o < (w % 7 === 0 ? 0 : 7 - w % 7); o++)
+  const m = d + w;
+  for (let o = 0; o < (m % 7 === 0 ? 0 : 7 - m % 7); o++)
     b.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
@@ -646,15 +645,15 @@ const CalendarHeader = () => {
     );
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: b });
 }, CalendarDaysRange = () => {
-  const { year: r, month: e, value: t, onChange: i, setMonth: l, setYear: n } = useCalendarContext(), a = (s, g) => new Date(s, g + 1, 0).getDate(), f = ((s, g) => new Date(s, g, 1).getDay())(r, e), d = a(r, e), m = e - 1 < 0 ? 11 : e - 1, v = e === 0 ? r - 1 : r, h = a(r, m), p = e === 11 ? 0 : e + 1, y = e === 11 ? r + 1 : r, u = [], b = () => {
+  const { year: r, month: e, value: t, onChange: i, setMonth: l, setYear: n } = useCalendarContext(), a = (s, g) => new Date(s, g + 1, 0).getDate(), f = ((s, g) => new Date(s, g, 1).getDay())(r, e), d = a(r, e), w = e - 1 < 0 ? 11 : e - 1, v = e === 0 ? r - 1 : r, h = a(r, w), p = e === 11 ? 0 : e + 1, y = e === 11 ? r + 1 : r, u = [], b = () => {
     if (!Array.isArray(t)) return [null, null];
     const [s, g] = t;
     return !s && !g ? [null, null] : s && g ? s <= g ? [s, g] : [g, s] : [s, g];
-  }, [w, o] = b(), x = (s) => {
-    if (!w || !o) return !1;
+  }, [m, o] = b(), x = (s) => {
+    if (!m || !o) return !1;
     const g = new Date(r, e, s);
-    return g >= w && g <= o;
-  }, I = (s) => w ? w.getFullYear() === r && w.getMonth() === e && w.getDate() === s : !1, B = (s) => o ? o.getFullYear() === r && o.getMonth() === e && o.getDate() === s : !1;
+    return g >= m && g <= o;
+  }, I = (s) => m ? m.getFullYear() === r && m.getMonth() === e && m.getDate() === s : !1, B = (s) => o ? o.getFullYear() === r && o.getMonth() === e && o.getDate() === s : !1;
   for (let s = 0; s < f; s++) {
     const g = h - f + s + 1;
     u.push(
@@ -666,7 +665,7 @@ const CalendarHeader = () => {
           "aria-label": "Previous month day",
           variant: "ghost",
           onClick: () => {
-            i?.([null, null]), l(m), n(v);
+            i?.([null, null]), l(w), n(v);
           }
         },
         "prev-" + s
@@ -739,7 +738,7 @@ function useCalendar({
   initialYear: i,
   initialMonth: l
 }) {
-  const [n, a] = useState(l), [c, f] = useState(i), [d, m] = useState([
+  const [n, a] = useState(l), [c, f] = useState(i), [d, w] = useState([
     null,
     null
   ]);
@@ -753,7 +752,7 @@ function useCalendar({
     a(u), f(b), e === "single" && t?.(new Date(b, u, 1));
   }, [n, c, e, t]), y = useCallback(
     (u) => {
-      e === "single" ? t?.(u) : e === "range" && (m(u), t?.(u));
+      e === "single" ? t?.(u) : e === "range" && (w(u), t?.(u));
     },
     [e, t]
   );

package/dist/js/enforce-subpath-import.js

@@ -42,6 +42,7 @@ const symbolToSubpath = {
   CheckboxInput: 'forms',
   ChipInput: 'forms',
   DateSinglePickerInput: 'forms',
+  DateRangePickerInput: 'forms',
   RadioInput: 'forms',
   SegmentMultipleInput: 'forms',
   SegmentSingleInput: 'forms',

package/dist/js/feedbacks/index.js

@@ -1,4 +1,4 @@
-import { L as r, P as s, S as e } from "../skeleton-Ma-Fcs06.js";
+import { L as r, P as s, S as e } from "../skeleton-BNZyaRjo.js";
 export {
   r as LoadingIndicator,
   s as ProgressIndicator,

package/dist/js/{form-layout-PLH-7bWq.js → form-layout-4ASWdXn8.js}

@@ -1,5 +1,4 @@
-import { a as i, j as o } from "./index-Dmu_fHni.js";
-import { c as l } from "./cn-BKwT3erk.js";
+import { c as i, j as o, a as l } from "./index-DOdDlCoL.js";
 import * as p from "react";
 import { forwardRef as n } from "react";
 const u = i(
@@ -91,7 +90,7 @@ const u = i(
     role: "banner",
     children: e
   }
-), J = Object.assign(b, {
+), G = Object.assign(b, {
   Leading: f,
   Headline: v,
   Subtitle: g,
@@ -162,7 +161,7 @@ const u = i(
     ...r,
     children: e
   }
-), K = Object.assign(h, {
+), J = Object.assign(h, {
   Item: w
 }), T = i(
   "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
@@ -214,7 +213,7 @@ const u = i(
   }
 ), z = n(
   ({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o.jsx("header", { ref: s, className: T({ className: t }), ...a, children: e })
-), Q = Object.assign(z, {
+), K = Object.assign(z, {
   Leading: F,
   Trailing: k,
   NavItem: O,
@@ -231,7 +230,7 @@ const u = i(
   defaultVariants: {
     type: "desktop"
   }
-}), U = p.forwardRef(
+}), Q = p.forwardRef(
   function({ type: t = "desktop", className: a, children: s, ...r }, c) {
     return /* @__PURE__ */ o.jsx(
       "div",
@@ -291,13 +290,13 @@ const u = i(
       }
     );
   }
-), W = Object.assign(E, {
+), U = Object.assign(E, {
   Column: $
 });
 export {
-  J as A,
-  K as B,
-  W as F,
-  U as P,
-  Q as T
+  G as A,
+  J as B,
+  U as F,
+  Q as P,
+  K as T
 };

package/dist/js/forms/index.js

@@ -1,4 +1,4 @@
-import { C as e, a as n, b as p, D as s, R as u, c as i, S as I, d as c, g as S, j as h, i as l, h as r, e as T, T as g, f as m } from "../switch-input-o8oO4Rf4.js";
+import { C as e, a as n, b as p, D as s, R as u, c as i, S as I, d as c, g as S, j as h, i as l, h as r, e as T, T as g, f as m } from "../switch-input-Bx6_2zG9.js";
 export {
   e as CalculatorInput,
   n as CheckboxInput,