@dimasbaguspm/versaur 0.0.1 → 0.0.2

package/dist/components/bottom-bar/bottom-bar.atoms.d.ts

@@ -1,2 +1,2 @@
 import { BottomBarItemProps } from './types';
-export declare const BottomBarItem: import('react').ForwardRefExoticComponent<BottomBarItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const BottomBarItem: import('react').ForwardRefExoticComponent<BottomBarItemProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/bottom-bar/bottom-bar.d.ts

@@ -1,4 +1,4 @@
 import { BottomBarProps } from './types';
 export declare const BottomBar: (({ children, variant, size, className, ...props }: BottomBarProps) => import("react/jsx-runtime").JSX.Element) & {
-    Item: import('react').ForwardRefExoticComponent<import('./types').BottomBarItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Item: import('react').ForwardRefExoticComponent<import('./types').BottomBarItemProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/bottom-bar/types.d.ts

@@ -1,7 +1,8 @@
+import { HTMLAttributes } from 'react';
 /**
  * Props for the BottomBar container
  */
-export interface BottomBarProps extends React.HTMLAttributes<HTMLElement> {
+export interface BottomBarProps extends HTMLAttributes<HTMLElement> {
     /**
      * Visual variant for the BottomBar
      * @default 'primary'
@@ -16,7 +17,7 @@ export interface BottomBarProps extends React.HTMLAttributes<HTMLElement> {
 /**
  * Props for each BottomBar.Item
  */
-export interface BottomBarItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface BottomBarItemProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Icon element for the item
      */

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './breadcrumbs';
 export * from './button';
 export * from './button-icon';
 export * from './button-float';
+export * from './calendar';
 export * from './checkbox-input';
 export * from './chip-input';
 export * from './date-single-picker-input';

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as wr from "react";
 import I, { forwardRef as E, useState as U, useEffect as H, useCallback as ke, createContext as ee, useContext as re, useRef as ce, useId as Ee, useLayoutEffect as yr } from "react";
-import { Check as kr, ChevronLeft as jr, ChevronRight as Nr, X as Cr } from "lucide-react";
+import { ChevronLeft as kr, ChevronRight as jr, Check as Nr, X as Cr } from "lucide-react";
 var ve = { exports: {} }, be = {};
 /**
  * @license React
@@ -3557,7 +3557,7 @@ const Le = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, $e = Ye, y
 );
 Ct.displayName = "Badge";
 const zt = y(
-  "absolute bottom-0 left-0 w-full flex justify-between items-center bg-white border-t border-coral/10 z-40 safe-bottom px-6 py-1",
+  "sticky bottom-0 left-0 w-full flex justify-between items-center bg-white border-t border-coral z-40 safe-bottom px-8 py-1",
   {
     variants: {
       variant: {
@@ -3593,10 +3593,9 @@ const zt = y(
   }
 ), St = E(
   ({ icon: e, label: r, active: t = !1, className: o, ...s }, a) => /* @__PURE__ */ n.jsxs(
-    "button",
+    "div",
     {
       ref: a,
-      type: "button",
       "aria-current": t ? "page" : void 0,
       className: It({ active: t, className: o }),
       ...s,
@@ -3931,7 +3930,110 @@ const Pt = E(
       }
     );
   }
-), _t = y("space-y-2", {
+), _t = ({
+  value: e,
+  onChange: r,
+  className: t,
+  ...o
+}) => {
+  const s = /* @__PURE__ */ new Date(), [a, i] = U(s.getMonth()), [l, c] = U(s.getFullYear()), d = (v, w) => new Date(v, w + 1, 0).getDate(), f = (v, w) => new Date(v, w, 1).getDay(), g = () => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between px-4 pt-4 pb-2", children: [
+    /* @__PURE__ */ n.jsx("span", { className: "font-semibold text-lg", children: e ? e.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    }) : `${l} ${new Date(l, a).toLocaleString(void 0, { month: "long" })}` }),
+    /* @__PURE__ */ n.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ n.jsx(
+        le,
+        {
+          variant: "ghost",
+          size: "sm",
+          "aria-label": "Previous month",
+          onClick: () => {
+            const v = a === 0 ? 11 : a - 1, w = a === 0 ? l - 1 : l;
+            i(v), c(w), r?.(new Date(w, v, 1));
+          },
+          children: /* @__PURE__ */ n.jsx(kr, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        le,
+        {
+          variant: "ghost",
+          size: "sm",
+          "aria-label": "Next month",
+          onClick: () => {
+            const v = a === 11 ? 0 : a + 1, w = a === 11 ? l + 1 : l;
+            i(v), c(w), r?.(new Date(w, v, 1));
+          },
+          children: /* @__PURE__ */ n.jsx(jr, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }), b = () => /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-7 px-4 text-xs text-slate-500 mb-1", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((v) => /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center h-6", children: v }, v)) }), m = () => {
+    const v = [], w = f(l, a), C = d(l, a), R = d(l, a - 1 < 0 ? 11 : a - 1);
+    for (let N = 0; N < w; N++)
+      v.push(
+        /* @__PURE__ */ n.jsx(
+          le,
+          {
+            size: "sm",
+            "aria-label": "Previous month day",
+            variant: "ghost",
+            className: "text-slate-300",
+            onClick: () => {
+              const M = a === 0 ? 11 : a - 1, F = a === 0 ? l - 1 : l, L = R - w + N + 1;
+              r?.(new Date(F, M, L)), i(M), c(F);
+            },
+            children: R - w + N + 1
+          },
+          "prev-" + N
+        )
+      );
+    for (let N = 1; N <= C; N++) {
+      const M = e && e.getFullYear() === l && e.getMonth() === a && e.getDate() === N;
+      v.push(
+        /* @__PURE__ */ n.jsx(
+          le,
+          {
+            variant: M ? "primary" : "ghost",
+            size: "sm",
+            "aria-label": `Select ${l}-${a + 1}-${N}`,
+            "aria-current": M ? "date" : void 0,
+            onClick: () => r?.(new Date(l, a, N)),
+            children: N
+          },
+          N
+        )
+      );
+    }
+    const A = w + C;
+    for (let N = 0; N < (A % 7 === 0 ? 0 : 7 - A % 7); N++)
+      v.push(
+        /* @__PURE__ */ n.jsx(
+          le,
+          {
+            size: "sm",
+            "aria-label": "Next month day",
+            variant: "ghost",
+            className: "text-slate-300",
+            onClick: () => {
+              const M = a === 11 ? 0 : a + 1, F = a === 11 ? l + 1 : l, L = N + 1;
+              r?.(new Date(F, M, L)), i(M), c(F);
+            },
+            children: N + 1
+          },
+          "next-" + N
+        )
+      );
+    return /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: v });
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: p("select-none", t), ...o, children: [
+    g(),
+    b(),
+    m()
+  ] });
+}, or = Object.assign(_t, {}), Ft = y("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -3941,7 +4043,7 @@ const Pt = E(
   defaultVariants: {
     direction: "vertical"
   }
-}), Ft = y(
+}), Lt = y(
   "relative h-4 w-4 rounded border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed appearance-none bg-white",
   {
     variants: {
@@ -3979,7 +4081,7 @@ const Pt = E(
       size: "md"
     }
   }
-), Lt = y(
+), $t = y(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -3998,13 +4100,13 @@ const Pt = E(
       disabled: !1
     }
   }
-), or = ee(null), $t = () => {
-  const e = re(or);
+), sr = ee(null), Gt = () => {
+  const e = re(sr);
   if (!e)
     throw new Error("CheckboxOption must be used within CheckboxInput");
   return e;
-}, sr = I.forwardRef(({ children: e, description: r, className: t, disabled: o, id: s, ...a }, i) => {
-  const l = $t(), c = I.useId(), d = s || c, f = o || l.disabled, g = l.error ? "danger" : l.variant || "primary";
+}, nr = I.forwardRef(({ children: e, description: r, className: t, disabled: o, id: s, ...a }, i) => {
+  const l = Gt(), c = I.useId(), d = s || c, f = o || l.disabled, g = l.error ? "danger" : l.variant || "primary";
   return /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ n.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ n.jsx(
       "input",
@@ -4014,7 +4116,7 @@ const Pt = E(
         id: d,
         disabled: f,
         className: p(
-          Ft({
+          Lt({
             variant: g,
             size: l.size
           }),
@@ -4037,7 +4139,7 @@ const Pt = E(
         "label",
         {
           htmlFor: d,
-          className: Lt({
+          className: $t({
             size: l.size,
             disabled: f
           }),
@@ -4060,8 +4162,8 @@ const Pt = E(
     ] })
   ] });
 });
-sr.displayName = "CheckboxOption";
-const nr = I.forwardRef(
+nr.displayName = "CheckboxOption";
+const ar = I.forwardRef(
   ({
     variant: e = "primary",
     size: r = "md",
@@ -4080,25 +4182,25 @@ const nr = I.forwardRef(
       disabled: l,
       error: g
     };
-    return /* @__PURE__ */ n.jsx(or.Provider, { value: b, children: /* @__PURE__ */ n.jsxs("div", { ref: f, className: p("w-full", i), ...d, children: [
+    return /* @__PURE__ */ n.jsx(sr.Provider, { value: b, children: /* @__PURE__ */ n.jsxs("div", { ref: f, className: p("w-full", i), ...d, children: [
       t && /* @__PURE__ */ n.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: t }),
-      /* @__PURE__ */ n.jsx("div", { className: _t({ direction: a }), children: c }),
+      /* @__PURE__ */ n.jsx("div", { className: Ft({ direction: a }), children: c }),
       g && /* @__PURE__ */ n.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
       !g && o && /* @__PURE__ */ n.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
     ] }) });
   }
 );
-nr.displayName = "CheckboxInput";
-const Ls = Object.assign(nr, {
-  Option: sr
-}), ar = ee(
+ar.displayName = "CheckboxInput";
+const Ls = Object.assign(ar, {
+  Option: nr
+}), ir = ee(
   null
-), Gt = () => {
-  const e = re(ar);
+), Wt = () => {
+  const e = re(ir);
   if (!e)
     throw new Error("useChipInputContext must be used within ChipInputContext");
   return e;
-}, Wt = y(
+}, Yt = y(
   "inline-flex items-center px-2 py-1 text-xs bg-neutral rounded-full font-medium transition-colors duration-200 cursor-pointer border border-slate-100",
   {
     variants: {
@@ -4177,8 +4279,8 @@ const Ls = Object.assign(nr, {
       selected: !1
     }
   }
-), ir = I.forwardRef(({ children: e, className: r, disabled: t, id: o, value: s, ...a }, i) => {
-  const l = Gt(), c = I.useId(), d = o || c, f = t || l.disabled, g = l.error ? "danger" : l.variant || "primary", b = l.value?.includes(s) ?? !1, m = (v) => {
+), lr = I.forwardRef(({ children: e, className: r, disabled: t, id: o, value: s, ...a }, i) => {
+  const l = Wt(), c = I.useId(), d = o || c, f = t || l.disabled, g = l.error ? "danger" : l.variant || "primary", b = l.value?.includes(s) ?? !1, m = (v) => {
     if (!f) {
       const w = l.value || [];
       let C;
@@ -4208,7 +4310,7 @@ const Ls = Object.assign(nr, {
         htmlFor: d,
         "data-selected": b,
         className: p(
-          Wt({
+          Yt({
             variant: g,
             selected: b
           }),
@@ -4226,7 +4328,7 @@ const Ls = Object.assign(nr, {
               ),
               "aria-hidden": "true",
               children: b && /* @__PURE__ */ n.jsx(
-                kr,
+                Nr,
                 {
                   size: 16,
                   className: g === "primary" ? "text-coral" : g === "secondary" ? "text-sage" : g === "tertiary" ? "text-mist" : g === "ghost" ? "text-slate" : g === "success" ? "text-success" : g === "info" ? "text-info" : g === "warning" ? "text-warning" : g === "danger" ? "text-danger" : "text-coral"
@@ -4240,8 +4342,8 @@ const Ls = Object.assign(nr, {
     )
   ] });
 });
-ir.displayName = "ChipOption";
-const Yt = I.forwardRef(
+lr.displayName = "ChipOption";
+const qt = I.forwardRef(
   ({
     variant: e = "primary",
     label: r,
@@ -4263,16 +4365,16 @@ const Yt = I.forwardRef(
       value: l,
       onChange: c
     };
-    return /* @__PURE__ */ n.jsx(ar.Provider, { value: m, children: /* @__PURE__ */ n.jsxs("div", { ref: g, className: p("w-full", s), ...f, children: [
+    return /* @__PURE__ */ n.jsx(ir.Provider, { value: m, children: /* @__PURE__ */ n.jsxs("div", { ref: g, className: p("w-full", s), ...f, children: [
       r && /* @__PURE__ */ n.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: r }),
       /* @__PURE__ */ n.jsx("div", { className: "flex flex-wrap gap-2", children: d }),
       b && /* @__PURE__ */ n.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: o }),
       !b && t && /* @__PURE__ */ n.jsx("div", { className: "mt-2 text-sm text-gray-600", children: t })
     ] }) });
   }
-), $s = Object.assign(Yt, {
-  Option: ir
-}), qt = E(
+), $s = Object.assign(qt, {
+  Option: lr
+}), Ut = E(
   ({ className: e, ...r }, t) => /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -4281,7 +4383,7 @@ const Yt = I.forwardRef(
       ...r
     }
   )
-), Ut = E(
+), Ht = E(
   ({ className: e, ...r }, t) => /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -4290,9 +4392,9 @@ const Yt = I.forwardRef(
       ...r
     }
   )
-), Ht = E(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ n.jsx("div", { ref: t, className: p("px-6 py-2", e), ...r })
 ), Jt = E(
+  ({ className: e, ...r }, t) => /* @__PURE__ */ n.jsx("div", { ref: t, className: p("px-6 py-2", e), ...r })
+), Xt = E(
   ({ onOverlayClick: e, ...r }, t) => /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -4304,7 +4406,7 @@ const Yt = I.forwardRef(
       ...r
     }
   )
-), Xt = y(
+), Kt = y(
   "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: {
@@ -4317,7 +4419,7 @@ const Yt = I.forwardRef(
       placement: "center"
     }
   }
-), Kt = y(
+), Zt = y(
   [
     "bg-white rounded-lg shadow-xl relative",
     "flex flex-col",
@@ -4346,7 +4448,7 @@ const Yt = I.forwardRef(
     }
   }
 );
-function Zt(e, r) {
+function Qt(e, r) {
   H(() => {
     if (r && e.current) {
       const t = e.current.querySelectorAll(
@@ -4356,7 +4458,7 @@ function Zt(e, r) {
     }
   }, [r, e]);
 }
-function Qt(e, r) {
+function eo(e, r) {
   H(() => {
     if (!e) return;
     const t = (o) => {
@@ -4365,7 +4467,7 @@ function Qt(e, r) {
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [e, r]);
 }
-const eo = 200, ro = ({
+const ro = 200, to = ({
   isOpen: e,
   onOpenChange: r,
   size: t = "md",
@@ -4383,16 +4485,16 @@ const eo = 200, ro = ({
       m(!0);
       const v = setTimeout(() => {
         g(!1), m(!1), c.current && c.current.focus();
-      }, eo);
+      }, ro);
       return () => clearTimeout(v);
     }
-  }, [e]), Qt(e && !i, () => {
+  }, [e]), eo(e && !i, () => {
     r && r(!1);
-  }), Zt(d, e), /* @__PURE__ */ n.jsx(
-    Jt,
+  }), Qt(d, e), /* @__PURE__ */ n.jsx(
+    Xt,
     {
       ref: d,
-      className: `${Xt({ placement: o })} transition-opacity duration-200 ease-in-out ` + (e && !b ? "opacity-100" : "opacity-0 pointer-events-none"),
+      className: `${Kt({ placement: o })} transition-opacity duration-200 ease-in-out ` + (e && !b ? "opacity-100" : "opacity-0 pointer-events-none"),
       onOverlayClick: (v) => {
         v.target === d.current && !a && r && r(!1);
       },
@@ -4400,7 +4502,7 @@ const eo = 200, ro = ({
       children: /* @__PURE__ */ n.jsx(
         "div",
         {
-          className: `${Kt({ size: t, placement: o })} transition-all duration-200 ease-in-out ` + (e && !b ? "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"),
+          className: `${Zt({ size: t, placement: o })} transition-all duration-200 ease-in-out ` + (e && !b ? "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"),
           role: "dialog",
           ...l,
           tabIndex: 0,
@@ -4410,11 +4512,11 @@ const eo = 200, ro = ({
       )
     }
   );
-}, ze = Object.assign(ro, {
-  Header: qt,
-  Body: Ht,
-  Footer: Ut
-}), lr = y(
+}, ze = Object.assign(to, {
+  Header: Ut,
+  Body: Jt,
+  Footer: Ht
+}), cr = y(
   "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
   {
     variants: {
@@ -4446,7 +4548,7 @@ const eo = 200, ro = ({
       variant: "primary"
     }
   }
-), to = lr, cr = I.forwardRef(
+), oo = cr, dr = I.forwardRef(
   ({
     leftContent: e,
     rightContent: r,
@@ -4464,7 +4566,7 @@ const eo = 200, ro = ({
       type: "button",
       "aria-invalid": t,
       className: p(
-        to({
+        oo({
           variant: t ? "danger" : o
         }),
         e ? "pl-9" : "pl-3",
@@ -4506,13 +4608,13 @@ const eo = 200, ro = ({
     }
   )
 );
-cr.displayName = "DateSinglePickerTrigger";
-const dr = ee(null), Ae = () => {
-  const e = re(dr);
+dr.displayName = "DateSinglePickerTrigger";
+const ur = ee(null), Ae = () => {
+  const e = re(ur);
   if (!e)
     throw new Error("useMenuContext must be used within a Menu component");
   return e;
-}, oo = y(
+}, so = y(
   // Modern, clean, accessible base style
   "z-50 min-w-40 bg-neutral-50 text-black rounded-lg shadow-md border border-transparent",
   {
@@ -4531,7 +4633,7 @@ const dr = ee(null), Ae = () => {
       size: "md"
     }
   }
-), so = y(
+), no = 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-coral/70 hover:bg-slate-100 active:bg-slate-200 disabled:opacity-50 disabled:cursor-not-allowed",
   {
     variants: {
@@ -4549,7 +4651,7 @@ const dr = ee(null), Ae = () => {
       size: "md"
     }
   }
-), no = E(
+), ao = E(
   ({ children: e, ...r }, t) => {
     const { open: o, triggerRef: s } = Ae();
     return /* @__PURE__ */ n.jsx(
@@ -4567,7 +4669,7 @@ const dr = ee(null), Ae = () => {
       }
     );
   }
-), ao = E(
+), io = E(
   ({ children: e, className: r, ...t }, o) => {
     const { open: s, contentRef: a, triggerRef: i, size: l } = Ae(), c = Ee();
     let d = 0, f = 0;
@@ -4586,7 +4688,7 @@ const dr = ee(null), Ae = () => {
         tabIndex: -1,
         "aria-hidden": !s,
         className: p(
-          oo({
+          so({
             size: l
           }),
           "absolute z-50 transition-opacity duration-150 ease-out",
@@ -4603,7 +4705,7 @@ const dr = ee(null), Ae = () => {
       }
     );
   }
-), io = E(
+), lo = E(
   ({ children: e, disabled: r, className: t, ...o }, s) => {
     const { size: a } = Ae();
     return /* @__PURE__ */ n.jsx(
@@ -4615,7 +4717,7 @@ const dr = ee(null), Ae = () => {
         disabled: r,
         "aria-disabled": r,
         className: p(
-          so({
+          no({
             size: a
           }),
           t
@@ -4626,7 +4728,7 @@ const dr = ee(null), Ae = () => {
     );
   }
 );
-function lo(e, r, t, o) {
+function co(e, r, t, o) {
   H(() => {
     if (!e) return;
     function s(a) {
@@ -4635,7 +4737,7 @@ function lo(e, r, t, o) {
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
   }, [e, o, r, t]);
 }
-function co(e, r) {
+function uo(e, r) {
   H(() => {
     if (e && r.current) {
       const t = r.current.querySelectorAll('[role="menuitem"]');
@@ -4643,7 +4745,7 @@ function co(e, r) {
     }
   }, [e, r]);
 }
-function uo(e, r, t, o) {
+function go(e, r, t, o) {
   H(() => {
     if (!e || !r.current) return;
     const s = r.current;
@@ -4656,135 +4758,32 @@ function uo(e, r, t, o) {
     return s.addEventListener("keydown", a), () => s.removeEventListener("keydown", a);
   }, [e, o, r, t]);
 }
-const go = ({
+const fo = ({
   children: e,
   isOpen: r,
   onOutsideClick: t,
   size: o = "md"
 }) => {
   const s = ce(null), a = ce(null);
-  return lo(r, a, s, t), co(r, a), uo(r, a, s, t), /* @__PURE__ */ n.jsx(
-    dr.Provider,
+  return co(r, a, s, t), uo(r, a), go(r, a, s, t), /* @__PURE__ */ n.jsx(
+    ur.Provider,
     {
       value: { open: r, triggerRef: s, contentRef: a, size: o },
       children: e
     }
   );
-}, Ie = Object.assign(go, {
-  Trigger: no,
-  Content: ao,
-  Item: io
-}), fo = ({
-  value: e,
-  onChange: r,
-  className: t,
-  ...o
-}) => {
-  const s = /* @__PURE__ */ new Date(), [a, i] = U(s.getMonth()), [l, c] = U(s.getFullYear()), d = (v, w) => new Date(v, w + 1, 0).getDate(), f = (v, w) => new Date(v, w, 1).getDay(), g = () => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between px-4 pt-4 pb-2", children: [
-    /* @__PURE__ */ n.jsx("span", { className: "font-semibold text-lg", children: e ? e.toLocaleDateString(void 0, {
-      year: "numeric",
-      month: "long",
-      day: "numeric"
-    }) : `${l} ${new Date(l, a).toLocaleString(void 0, { month: "long" })}` }),
-    /* @__PURE__ */ n.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ n.jsx(
-        le,
-        {
-          variant: "ghost",
-          size: "sm",
-          "aria-label": "Previous month",
-          onClick: () => {
-            const v = a === 0 ? 11 : a - 1, w = a === 0 ? l - 1 : l;
-            i(v), c(w), r?.(new Date(w, v, 1));
-          },
-          children: /* @__PURE__ */ n.jsx(jr, { className: "h-4 w-4" })
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        le,
-        {
-          variant: "ghost",
-          size: "sm",
-          "aria-label": "Next month",
-          onClick: () => {
-            const v = a === 11 ? 0 : a + 1, w = a === 11 ? l + 1 : l;
-            i(v), c(w), r?.(new Date(w, v, 1));
-          },
-          children: /* @__PURE__ */ n.jsx(Nr, { className: "h-4 w-4" })
-        }
-      )
-    ] })
-  ] }), b = () => /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-7 px-4 text-xs text-slate-500 mb-1", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((v) => /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center h-6", children: v }, v)) }), m = () => {
-    const v = [], w = f(l, a), C = d(l, a), R = d(l, a - 1 < 0 ? 11 : a - 1);
-    for (let N = 0; N < w; N++)
-      v.push(
-        /* @__PURE__ */ n.jsx(
-          le,
-          {
-            size: "sm",
-            "aria-label": "Previous month day",
-            variant: "ghost",
-            className: "text-slate-300",
-            onClick: () => {
-              const M = a === 0 ? 11 : a - 1, F = a === 0 ? l - 1 : l, L = R - w + N + 1;
-              r?.(new Date(F, M, L)), i(M), c(F);
-            },
-            children: R - w + N + 1
-          },
-          "prev-" + N
-        )
-      );
-    for (let N = 1; N <= C; N++) {
-      const M = e && e.getFullYear() === l && e.getMonth() === a && e.getDate() === N;
-      v.push(
-        /* @__PURE__ */ n.jsx(
-          le,
-          {
-            variant: M ? "primary" : "ghost",
-            size: "sm",
-            "aria-label": `Select ${l}-${a + 1}-${N}`,
-            "aria-current": M ? "date" : void 0,
-            onClick: () => r?.(new Date(l, a, N)),
-            children: N
-          },
-          N
-        )
-      );
-    }
-    const A = w + C;
-    for (let N = 0; N < (A % 7 === 0 ? 0 : 7 - A % 7); N++)
-      v.push(
-        /* @__PURE__ */ n.jsx(
-          le,
-          {
-            size: "sm",
-            "aria-label": "Next month day",
-            variant: "ghost",
-            className: "text-slate-300",
-            onClick: () => {
-              const M = a === 11 ? 0 : a + 1, F = a === 11 ? l + 1 : l, L = N + 1;
-              r?.(new Date(F, M, L)), i(M), c(F);
-            },
-            children: N + 1
-          },
-          "next-" + N
-        )
-      );
-    return /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: v });
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: p("select-none", t), ...o, children: [
-    g(),
-    b(),
-    m()
-  ] });
-}, ur = Object.assign(fo, {}), bo = ({
+}, Ie = Object.assign(fo, {
+  Trigger: ao,
+  Content: io,
+  Item: lo
+}), bo = ({
   open: e,
   value: r,
   onChange: t,
   handleMenuClose: o
 }) => /* @__PURE__ */ n.jsxs(Ie, { isOpen: e, onOutsideClick: o, children: [
   /* @__PURE__ */ n.jsx(Ie.Trigger, { className: "absolute top-[90%] left-0", children: /* @__PURE__ */ n.jsx("span", { "aria-hidden": "true" }) }),
-  /* @__PURE__ */ n.jsx(Ie.Content, { className: "drop-shadow-lg rounded-lg bg-white border border-neutral", children: /* @__PURE__ */ n.jsx(ur, { value: r, onChange: t }) })
+  /* @__PURE__ */ n.jsx(Ie.Content, { className: "drop-shadow-lg rounded-lg bg-white border border-neutral", children: /* @__PURE__ */ n.jsx(or, { value: r, onChange: t }) })
 ] }), mo = ({
   open: e,
   setOpen: r,
@@ -4815,7 +4814,7 @@ const go = ({
       disableOverlayClose: !1,
       disableEscClose: !1,
       children: [
-        /* @__PURE__ */ n.jsx(ze.Body, { className: "px-2", children: /* @__PURE__ */ n.jsx(ur, { value: i, onChange: l }) }),
+        /* @__PURE__ */ n.jsx(ze.Body, { className: "px-2", children: /* @__PURE__ */ n.jsx(or, { value: i, onChange: l }) }),
         /* @__PURE__ */ n.jsxs(ze.Footer, { className: "px-6", children: [
           /* @__PURE__ */ n.jsx(
             Ge,
@@ -4906,7 +4905,7 @@ const Gs = I.forwardRef(
           }
         ),
         /* @__PURE__ */ n.jsx(
-          cr,
+          dr,
           {
             ref: (_) => {
               R.current = _, typeof m == "function" ? m(_) : m && (m.current = _);
@@ -6344,7 +6343,7 @@ const ts = ({
             "aria-disabled": l,
             disabled: l,
             className: p(
-              lr({
+              cr({
                 variant: m ? "danger" : e
               }),
               t ? "pl-9" : "pl-3",
@@ -6967,6 +6966,7 @@ export {
   Ge as Button,
   Fs as ButtonFloat,
   le as ButtonIcon,
+  or as Calendar,
   Ls as CheckboxInput,
   $s as ChipInput,
   Gs as DateSinglePickerInput,

package/package.json

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