@dimasbaguspm/versaur 0.0.0

package/dist/breadcrumbs-PJV3izUu.js

@@ -0,0 +1,59 @@
+import { c as n, j as a } from "./index-DU1SCUkk.js";
+import { forwardRef as c } from "react";
+import { c as m } from "./cn-Ca4KprQ1.js";
+const d = n(
+  "flex items-center gap-2 text-sm text-slate-700 dark:text-slate-200",
+  {
+    variants: {
+      separator: {
+        default: "gap-2",
+        compact: "gap-1"
+      }
+    },
+    defaultVariants: {
+      separator: "default"
+    }
+  }
+), u = n(
+  "inline-flex items-center gap-1 transition-colors",
+  {
+    variants: {
+      isCurrent: {
+        true: "font-semibold text-slate-900 dark:text-white cursor-default",
+        false: "hover:text-primary focus:text-primary text-slate-700 dark:text-slate-200"
+      }
+    },
+    defaultVariants: {
+      isCurrent: !1
+    }
+  }
+), x = "mx-1 text-slate-400 dark:text-slate-500 select-none", f = c(function({ children: r, icon: t, isCurrent: e, className: s, ...o }, i) {
+  return /* @__PURE__ */ a.jsx("li", { className: "flex items-center", children: /* @__PURE__ */ a.jsxs(
+    "a",
+    {
+      ref: i,
+      "aria-current": e ? "page" : void 0,
+      tabIndex: e ? -1 : 0,
+      className: m(u({ isCurrent: e }) + s),
+      ...o,
+      children: [
+        t && /* @__PURE__ */ a.jsx("span", { className: "mr-1 inline-flex", children: t }),
+        r
+      ]
+    }
+  ) });
+});
+function p() {
+  return /* @__PURE__ */ a.jsx("span", { className: x, "aria-hidden": "true", children: "/" });
+}
+const b = c(
+  function({ children: r, "aria-label": t = "Breadcrumb", ...e }, s) {
+    return /* @__PURE__ */ a.jsx("nav", { "aria-label": t, ...e, children: /* @__PURE__ */ a.jsx("ol", { ref: s, className: d(), children: r }) });
+  }
+), g = Object.assign(b, {
+  Item: f,
+  Separator: p
+});
+export {
+  g as B
+};

package/dist/button-C8OibEPE.js

@@ -0,0 +1,81 @@
+import { j as g, c as f } from "./index-DU1SCUkk.js";
+import b from "react";
+import { c as l } from "./cn-Ca4KprQ1.js";
+const h = f(
+  "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-[0.98] select-none",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "bg-coral text-white hover:bg-coral/90 focus-visible:ring-coral/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        secondary: "bg-sage text-white hover:bg-sage/90 focus-visible:ring-sage/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        tertiary: "bg-mist text-white hover:bg-mist/90 focus-visible:ring-mist/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        ghost: "bg-transparent text-foreground hover:bg-slate/10 focus-visible:ring-slate/20 focus-visible:ring-offset-white",
+        neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground/20 focus-visible:ring-offset-white shadow-sm",
+        // Outline variants
+        "primary-outline": "border border-coral text-coral bg-transparent hover:bg-coral hover:text-white focus-visible:ring-coral/20 focus-visible:ring-offset-white transition-all",
+        "secondary-outline": "border border-sage text-sage bg-transparent hover:bg-sage hover:text-white focus-visible:ring-sage/20 focus-visible:ring-offset-white transition-all",
+        "tertiary-outline": "border border-mist text-mist bg-transparent hover:bg-mist hover:text-white focus-visible:ring-mist/20 focus-visible:ring-offset-white transition-all",
+        "ghost-outline": "border border-slate text-slate bg-transparent hover:bg-slate hover:text-white focus-visible:ring-slate/20 focus-visible:ring-offset-white transition-all",
+        "neutral-outline": "border border-neutral text-foreground bg-transparent hover:bg-neutral hover:text-foreground focus-visible:ring-foreground/20 focus-visible:ring-offset-white transition-all",
+        // Ghost variants (subtle)
+        "primary-ghost": "text-coral bg-transparent hover:bg-coral/10 focus-visible:ring-coral/20 focus-visible:ring-offset-white",
+        "secondary-ghost": "text-sage bg-transparent hover:bg-sage/10 focus-visible:ring-sage/20 focus-visible:ring-offset-white",
+        "tertiary-ghost": "text-mist bg-transparent hover:bg-mist/10 focus-visible:ring-mist/20 focus-visible:ring-offset-white",
+        "neutral-ghost": "text-foreground bg-transparent hover:bg-neutral/70 focus-visible:ring-foreground/20 focus-visible:ring-offset-white",
+        // Semantic variants
+        success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "success-outline": "border border-success text-success bg-transparent hover:bg-success hover:text-white focus-visible:ring-success/20 focus-visible:ring-offset-white transition-all",
+        "success-ghost": "text-success bg-transparent hover:bg-success/10 focus-visible:ring-success/20 focus-visible:ring-offset-white",
+        info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "info-outline": "border border-info text-info bg-transparent hover:bg-info hover:text-white focus-visible:ring-info/20 focus-visible:ring-offset-white transition-all",
+        "info-ghost": "text-info bg-transparent hover:bg-info/10 focus-visible:ring-info/20 focus-visible:ring-offset-white",
+        warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "warning-outline": "border border-warning text-warning bg-transparent hover:bg-warning hover:text-white focus-visible:ring-warning/20 focus-visible:ring-offset-white transition-all",
+        "warning-ghost": "text-warning bg-transparent hover:bg-warning/10 focus-visible:ring-warning/20 focus-visible:ring-offset-white",
+        danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "danger-outline": "border border-danger text-danger bg-transparent hover:bg-danger hover:text-white focus-visible:ring-danger/20 focus-visible:ring-offset-white transition-all",
+        "danger-ghost": "text-danger bg-transparent hover:bg-danger/10 focus-visible:ring-danger/20 focus-visible:ring-offset-white",
+        // Utility variants
+        outline: "border border-border text-foreground bg-transparent hover:bg-accent/10 focus-visible:ring-accent/20 focus-visible:ring-offset-white transition-all",
+        destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md"
+      },
+      size: {
+        sm: "h-8 px-3 text-sm min-w-[2.25rem]",
+        md: "h-10 px-4 text-sm min-w-[2.5rem]",
+        lg: "h-12 px-8 text-lg min-w-[2.75rem]"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), w = b.forwardRef(
+  function({
+    className: i,
+    variant: r = "primary",
+    size: t = "md",
+    disabled: e = !1,
+    type: s = "button",
+    children: o,
+    ...n
+  }, a) {
+    return /* @__PURE__ */ g.jsx(
+      "button",
+      {
+        ref: a,
+        type: s,
+        className: l(h({ variant: r, size: t }), i),
+        disabled: e,
+        "aria-disabled": e,
+        inert: e ? !0 : void 0,
+        ...n,
+        children: o
+      }
+    );
+  }
+);
+export {
+  w as B
+};

package/dist/button-float-B8tdLJkX.js

@@ -0,0 +1,107 @@
+import { c as l, j as u } from "./index-DU1SCUkk.js";
+import { forwardRef as h, useState as v, useEffect as d } from "react";
+import { c as w } from "./cn-Ca4KprQ1.js";
+const x = l(
+  [
+    "inline-flex items-center justify-center gap-2",
+    "rounded-lg",
+    "font-medium",
+    "transition-all",
+    "duration-200",
+    "focus-visible:outline-none",
+    "focus-visible:ring-2",
+    "focus-visible:ring-offset-2",
+    "disabled:opacity-50",
+    "disabled:pointer-events-none",
+    "select-none",
+    "shadow-lg",
+    "transition-transform",
+    "transition-shadow",
+    "will-change-transform,opacity,box-shadow",
+    "hover:scale-105",
+    "active:scale-95",
+    "focus-visible:shadow-xl",
+    "hover:shadow-xl",
+    "active:shadow-md"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        primary: "bg-coral text-white hover:bg-coral/90 focus-visible:ring-coral/20 focus-visible:ring-offset-white",
+        secondary: "bg-sage text-white hover:bg-sage/90 focus-visible:ring-sage/20 focus-visible:ring-offset-white",
+        tertiary: "bg-mist text-white hover:bg-mist/90 focus-visible:ring-mist/20 focus-visible:ring-offset-white",
+        ghost: "bg-transparent text-foreground hover:bg-slate/10 focus-visible:ring-slate/20 focus-visible:ring-offset-white",
+        neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground/20 focus-visible:ring-offset-white",
+        "primary-outline": "border border-coral text-coral bg-transparent hover:bg-coral hover:text-white focus-visible:ring-coral/20 focus-visible:ring-offset-white",
+        "secondary-outline": "border border-sage text-sage bg-transparent hover:bg-sage hover:text-white focus-visible:ring-sage/20 focus-visible:ring-offset-white",
+        "tertiary-outline": "border border-mist text-mist bg-transparent hover:bg-mist hover:text-white focus-visible:ring-mist/20 focus-visible:ring-offset-white",
+        "ghost-outline": "border border-slate text-slate bg-transparent hover:bg-slate hover:text-white focus-visible:ring-slate/20 focus-visible:ring-offset-white",
+        "neutral-outline": "border border-neutral text-foreground bg-transparent hover:bg-neutral hover:text-foreground focus-visible:ring-foreground/20 focus-visible:ring-offset-white",
+        "primary-ghost": "text-coral bg-transparent hover:bg-coral/10 focus-visible:ring-coral/20 focus-visible:ring-offset-white",
+        "secondary-ghost": "text-sage bg-transparent hover:bg-sage/10 focus-visible:ring-sage/20 focus-visible:ring-offset-white",
+        "tertiary-ghost": "text-mist bg-transparent hover:bg-mist/10 focus-visible:ring-mist/20 focus-visible:ring-offset-white",
+        "neutral-ghost": "text-foreground bg-transparent hover:bg-neutral/70 focus-visible:ring-foreground/20 focus-visible:ring-offset-white",
+        success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success/20 focus-visible:ring-offset-white",
+        "success-outline": "border border-success text-success bg-transparent hover:bg-success hover:text-white focus-visible:ring-success/20 focus-visible:ring-offset-white",
+        "success-ghost": "text-success bg-transparent hover:bg-success/10 focus-visible:ring-success/20 focus-visible:ring-offset-white",
+        info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info/20 focus-visible:ring-offset-white",
+        "info-outline": "border border-info text-info bg-transparent hover:bg-info hover:text-white focus-visible:ring-info/20 focus-visible:ring-offset-white",
+        "info-ghost": "text-info bg-transparent hover:bg-info/10 focus-visible:ring-info/20 focus-visible:ring-offset-white",
+        warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning/20 focus-visible:ring-offset-white",
+        "warning-outline": "border border-warning text-warning bg-transparent hover:bg-warning hover:text-white focus-visible:ring-warning/20 focus-visible:ring-offset-white",
+        "warning-ghost": "text-warning bg-transparent hover:bg-warning/10 focus-visible:ring-warning/20 focus-visible:ring-offset-white",
+        danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger/20 focus-visible:ring-offset-white",
+        "danger-outline": "border border-danger text-danger bg-transparent hover:bg-danger hover:text-white focus-visible:ring-danger/20 focus-visible:ring-offset-white",
+        "danger-ghost": "text-danger bg-transparent hover:bg-danger/10 focus-visible:ring-danger/20 focus-visible:ring-offset-white",
+        outline: "border border-border text-foreground bg-transparent hover:bg-accent/10 focus-visible:ring-accent/20 focus-visible:ring-offset-white",
+        destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger/20 focus-visible:ring-offset-white"
+      },
+      size: {
+        sm: "h-12 w-12 min-w-12 min-h-12 text-base",
+        md: "h-14 w-14 min-w-14 min-h-14 text-lg",
+        lg: "h-16 w-16 min-w-16 min-h-16 text-xl"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), z = h(
+  function({
+    className: i,
+    variant: t = "primary",
+    size: r = "md",
+    side: s = "right",
+    offset: o = "1rem",
+    style: n,
+    ...e
+  }, g) {
+    const a = s === "right" ? "fixed bottom-4 right-4" : "fixed bottom-4 left-4", f = {
+      ...n || {},
+      bottom: o,
+      position: "fixed",
+      zIndex: 50
+    }, [b, c] = v(!1);
+    return d(() => {
+      c(!0);
+    }, []), /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        ref: g,
+        type: e.type || "button",
+        className: w(
+          x({ variant: t, size: r }),
+          a,
+          b && "animate-fab-in",
+          i
+        ),
+        style: f,
+        ...e
+      }
+    );
+  }
+);
+export {
+  z as B
+};

package/dist/button-icon-CWji4cBA.js

@@ -0,0 +1,89 @@
+import { j as f, c as b } from "./index-DU1SCUkk.js";
+import l from "react";
+import { c } from "./cn-Ca4KprQ1.js";
+const u = b(
+  "inline-flex items-center justify-center font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-[0.98] select-none",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "bg-coral text-white hover:bg-coral/90 focus-visible:ring-coral/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        secondary: "bg-sage text-white hover:bg-sage/90 focus-visible:ring-sage/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        tertiary: "bg-mist text-white hover:bg-mist/90 focus-visible:ring-mist/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        ghost: "bg-transparent text-foreground hover:bg-slate/10 focus-visible:ring-slate/20 focus-visible:ring-offset-white",
+        neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground/20 focus-visible:ring-offset-white shadow-sm",
+        // Outline variants
+        "primary-outline": "border border-coral text-coral bg-transparent hover:bg-coral hover:text-white focus-visible:ring-coral/20 focus-visible:ring-offset-white transition-all",
+        "secondary-outline": "border border-sage text-sage bg-transparent hover:bg-sage hover:text-white focus-visible:ring-sage/20 focus-visible:ring-offset-white transition-all",
+        "tertiary-outline": "border border-mist text-mist bg-transparent hover:bg-mist hover:text-white focus-visible:ring-mist/20 focus-visible:ring-offset-white transition-all",
+        "ghost-outline": "border border-slate text-slate bg-transparent hover:bg-slate hover:text-white focus-visible:ring-slate/20 focus-visible:ring-offset-white transition-all",
+        "neutral-outline": "border border-neutral text-foreground bg-transparent hover:bg-neutral hover:text-foreground focus-visible:ring-foreground/20 focus-visible:ring-offset-white transition-all",
+        // Ghost variants (subtle)
+        "primary-ghost": "text-coral bg-transparent hover:bg-coral/10 focus-visible:ring-coral/20 focus-visible:ring-offset-white",
+        "secondary-ghost": "text-sage bg-transparent hover:bg-sage/10 focus-visible:ring-sage/20 focus-visible:ring-offset-white",
+        "tertiary-ghost": "text-mist bg-transparent hover:bg-mist/10 focus-visible:ring-mist/20 focus-visible:ring-offset-white",
+        "neutral-ghost": "text-foreground bg-transparent hover:bg-neutral/70 focus-visible:ring-foreground/20 focus-visible:ring-offset-white",
+        // Semantic variants
+        success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "success-outline": "border border-success text-success bg-transparent hover:bg-success hover:text-white focus-visible:ring-success/20 focus-visible:ring-offset-white transition-all",
+        "success-ghost": "text-success bg-transparent hover:bg-success/10 focus-visible:ring-success/20 focus-visible:ring-offset-white",
+        info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "info-outline": "border border-info text-info bg-transparent hover:bg-info hover:text-white focus-visible:ring-info/20 focus-visible:ring-offset-white transition-all",
+        "info-ghost": "text-info bg-transparent hover:bg-info/10 focus-visible:ring-info/20 focus-visible:ring-offset-white",
+        warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "warning-outline": "border border-warning text-warning bg-transparent hover:bg-warning hover:text-white focus-visible:ring-warning/20 focus-visible:ring-offset-white transition-all",
+        "warning-ghost": "text-warning bg-transparent hover:bg-warning/10 focus-visible:ring-warning/20 focus-visible:ring-offset-white",
+        danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "danger-outline": "border border-danger text-danger bg-transparent hover:bg-danger hover:text-white focus-visible:ring-danger/20 focus-visible:ring-offset-white transition-all",
+        "danger-ghost": "text-danger bg-transparent hover:bg-danger/10 focus-visible:ring-danger/20 focus-visible:ring-offset-white",
+        // Utility variants
+        outline: "border border-border text-foreground bg-transparent hover:bg-accent/10 focus-visible:ring-accent/20 focus-visible:ring-offset-white transition-all",
+        destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger/20 focus-visible:ring-offset-white shadow-sm hover:shadow-md"
+      },
+      size: {
+        sm: "h-8 w-8 text-sm",
+        md: "h-10 w-10 text-base",
+        lg: "h-12 w-12 text-lg"
+      },
+      shape: {
+        rounded: "rounded-md",
+        square: "rounded-sm",
+        circle: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      shape: "rounded"
+    }
+  }
+), m = l.forwardRef(
+  function({
+    className: i,
+    variant: r = "primary",
+    size: s = "md",
+    shape: t = "rounded",
+    disabled: e = !1,
+    children: o,
+    "aria-label": n,
+    ...a
+  }, g) {
+    return /* @__PURE__ */ f.jsx(
+      "button",
+      {
+        ref: g,
+        type: "button",
+        className: c(u({ variant: r, size: s, shape: t }), i),
+        disabled: e,
+        "aria-disabled": e,
+        "aria-label": n,
+        inert: e ? !0 : void 0,
+        ...a,
+        children: o
+      }
+    );
+  }
+);
+export {
+  m as B
+};

package/dist/calendar-CkLj89o2.js

@@ -0,0 +1,112 @@
+import { j as r } from "./index-DU1SCUkk.js";
+import { useState as f } from "react";
+import { B as d } from "./button-icon-CWji4cBA.js";
+import { c as k } from "./cn-Ca4KprQ1.js";
+import { ChevronLeft as C, ChevronRight as S } from "lucide-react";
+const Y = ({
+  value: c,
+  onChange: i,
+  className: v,
+  ...u
+}) => {
+  const p = /* @__PURE__ */ new Date(), [e, m] = f(p.getMonth()), [n, h] = f(p.getFullYear()), g = (s, a) => new Date(s, a + 1, 0).getDate(), w = (s, a) => new Date(s, a, 1).getDay(), N = () => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between px-4 pt-4 pb-2", children: [
+    /* @__PURE__ */ r.jsx("span", { className: "font-semibold text-lg", children: c ? c.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    }) : `${n} ${new Date(n, e).toLocaleString(void 0, { month: "long" })}` }),
+    /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ r.jsx(
+        d,
+        {
+          variant: "ghost",
+          size: "sm",
+          "aria-label": "Previous month",
+          onClick: () => {
+            const s = e === 0 ? 11 : e - 1, a = e === 0 ? n - 1 : n;
+            m(s), h(a), i?.(new Date(a, s, 1));
+          },
+          children: /* @__PURE__ */ r.jsx(C, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        d,
+        {
+          variant: "ghost",
+          size: "sm",
+          "aria-label": "Next month",
+          onClick: () => {
+            const s = e === 11 ? 0 : e + 1, a = e === 11 ? n + 1 : n;
+            m(s), h(a), i?.(new Date(a, s, 1));
+          },
+          children: /* @__PURE__ */ r.jsx(S, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }), b = () => /* @__PURE__ */ r.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((s) => /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-6", children: s }, s)) }), M = () => {
+    const s = [], a = w(n, e), y = g(n, e), j = g(n, e - 1 < 0 ? 11 : e - 1);
+    for (let t = 0; t < a; t++)
+      s.push(
+        /* @__PURE__ */ r.jsx(
+          d,
+          {
+            size: "sm",
+            "aria-label": "Previous month day",
+            variant: "ghost",
+            className: "text-slate-300",
+            onClick: () => {
+              const o = e === 0 ? 11 : e - 1, l = e === 0 ? n - 1 : n, x = j - a + t + 1;
+              i?.(new Date(l, o, x)), m(o), h(l);
+            },
+            children: j - a + t + 1
+          },
+          "prev-" + t
+        )
+      );
+    for (let t = 1; t <= y; t++) {
+      const o = c && c.getFullYear() === n && c.getMonth() === e && c.getDate() === t;
+      s.push(
+        /* @__PURE__ */ r.jsx(
+          d,
+          {
+            variant: o ? "primary" : "ghost",
+            size: "sm",
+            "aria-label": `Select ${n}-${e + 1}-${t}`,
+            "aria-current": o ? "date" : void 0,
+            onClick: () => i?.(new Date(n, e, t)),
+            children: t
+          },
+          t
+        )
+      );
+    }
+    const D = a + y;
+    for (let t = 0; t < (D % 7 === 0 ? 0 : 7 - D % 7); t++)
+      s.push(
+        /* @__PURE__ */ r.jsx(
+          d,
+          {
+            size: "sm",
+            "aria-label": "Next month day",
+            variant: "ghost",
+            className: "text-slate-300",
+            onClick: () => {
+              const o = e === 11 ? 0 : e + 1, l = e === 11 ? n + 1 : n, x = t + 1;
+              i?.(new Date(l, o, x)), m(o), h(l);
+            },
+            children: t + 1
+          },
+          "next-" + t
+        )
+      );
+    return /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: s });
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: k("select-none", v), ...u, children: [
+    N(),
+    b(),
+    M()
+  ] });
+}, R = Object.assign(Y, {});
+export {
+  R as C
+};

package/dist/checkbox-input-CSboebwt.js

@@ -0,0 +1,167 @@
+import { c as f, j as r } from "./index-DU1SCUkk.js";
+import h, { createContext as w, useContext as y } from "react";
+import { c as u } from "./cn-Ca4KprQ1.js";
+const v = f("space-y-2", {
+  variants: {
+    direction: {
+      vertical: "space-y-2 space-x-0",
+      horizontal: "flex flex-wrap gap-4 space-y-0"
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), j = f(
+  "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: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "border-coral/40 checked:bg-coral checked:border-coral focus:ring-coral/20",
+        secondary: "border-sage/40 checked:bg-sage checked:border-sage focus:ring-sage/20",
+        tertiary: "border-mist/40 checked:bg-mist checked:border-mist focus:ring-mist/20",
+        ghost: "border-slate/40 checked:bg-slate checked:border-slate focus:ring-slate/20",
+        neutral: "border-gray-300 checked:bg-gray-500 checked:border-gray-500 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-coral checked:bg-white checked:border-coral focus:ring-coral/20",
+        "secondary-outline": "border-sage checked:bg-white checked:border-sage focus:ring-sage/20",
+        "tertiary-outline": "border-mist checked:bg-white checked:border-mist focus:ring-mist/20",
+        "ghost-outline": "border-slate checked:bg-white checked:border-slate focus:ring-slate/20",
+        "neutral-outline": "border-gray-400 checked:bg-white checked:border-gray-400 focus:ring-gray-500/20",
+        // Semantic variants
+        success: "border-success/40 checked:bg-success checked:border-success focus:ring-success/20",
+        "success-outline": "border-success checked:bg-white checked:border-success focus:ring-success/20",
+        info: "border-info/40 checked:bg-info checked:border-info focus:ring-info/20",
+        "info-outline": "border-info checked:bg-white checked:border-info focus:ring-info/20",
+        warning: "border-warning/40 checked:bg-warning checked:border-warning focus:ring-warning/20",
+        "warning-outline": "border-warning checked:bg-white checked:border-warning focus:ring-warning/20",
+        danger: "border-danger/40 checked:bg-danger checked:border-danger focus:ring-danger/20",
+        "danger-outline": "border-danger checked:bg-white checked:border-danger focus:ring-danger/20"
+      },
+      size: {
+        sm: "h-3 w-3",
+        md: "h-4 w-4",
+        lg: "h-5 w-5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), z = f(
+  "text-foreground cursor-pointer select-none",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      disabled: !1
+    }
+  }
+), x = w(null), C = () => {
+  const t = y(x);
+  if (!t)
+    throw new Error("CheckboxOption must be used within CheckboxInput");
+  return t;
+}, m = h.forwardRef(({ children: t, description: a, className: o, disabled: i, id: n, ...l }, b) => {
+  const e = C(), g = h.useId(), d = n || g, s = i || e.disabled, c = e.error ? "danger" : e.variant || "primary";
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        ref: b,
+        type: "checkbox",
+        id: d,
+        disabled: s,
+        className: u(
+          j({
+            variant: c,
+            size: e.size
+          }),
+          // Custom checkmark styling using ::after - centered positioning with size variants
+          'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
+          // Size-specific checkmark dimensions
+          e.size === "sm" && "after:w-[3px] after:h-[6px]",
+          e.size === "md" && "after:w-[4px] after:h-[8px]",
+          e.size === "lg" && "after:w-[6px] after:h-[10px]",
+          "checked:after:opacity-100",
+          // Outline variants use colored checkmark
+          c?.includes("outline") && "checked:after:border-current",
+          o
+        ),
+        ...l
+      }
+    ) }),
+    /* @__PURE__ */ r.jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ r.jsx(
+        "label",
+        {
+          htmlFor: d,
+          className: z({
+            size: e.size,
+            disabled: s
+          }),
+          children: t
+        }
+      ),
+      a && /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: u(
+            "text-gray-600 mt-1",
+            e.size === "sm" && "text-xs",
+            e.size === "md" && "text-xs",
+            e.size === "lg" && "text-sm",
+            s && "opacity-50"
+          ),
+          children: a
+        }
+      )
+    ] })
+  ] });
+});
+m.displayName = "CheckboxOption";
+const k = h.forwardRef(
+  ({
+    variant: t = "primary",
+    size: a = "md",
+    label: o,
+    helperText: i,
+    error: n,
+    direction: l = "vertical",
+    className: b,
+    disabled: e,
+    children: g,
+    ...d
+  }, s) => {
+    const c = !!n, p = {
+      variant: t,
+      size: a,
+      disabled: e,
+      error: c
+    };
+    return /* @__PURE__ */ r.jsx(x.Provider, { value: p, children: /* @__PURE__ */ r.jsxs("div", { ref: s, className: u("w-full", b), ...d, children: [
+      o && /* @__PURE__ */ r.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
+      /* @__PURE__ */ r.jsx("div", { className: v({ direction: l }), children: g }),
+      c && /* @__PURE__ */ r.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !c && i && /* @__PURE__ */ r.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
+    ] }) });
+  }
+);
+k.displayName = "CheckboxInput";
+const O = Object.assign(k, {
+  Option: m
+});
+export {
+  O as C
+};