@dimasbaguspm/versaur 0.0.8 → 0.0.9

package/dist/calendar-DwRERSxq.js

@@ -0,0 +1,645 @@
+import { c as cva, j as jsxRuntimeExports, a as cn } from "./index-DOdDlCoL.js";
+import React__default, { forwardRef, useState, useRef, useEffect, useCallback } from "react";
+import { X, ChevronLeft, ChevronRight } from "lucide-react";
+const calculatorRootVariants = cva(
+  "flex flex-col w-full max-w-xs rounded-lg bg-background",
+  {
+    variants: {
+      disabled: {
+        true: "opacity-60 pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      disabled: !1
+    }
+  }
+), calculatorButtonVariants = cva(
+  "flex-1 min-w-0 h-12 m-0.5 rounded text-lg font-medium transition-colors select-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-neutral text-foreground hover:bg-neutral-soft hover:text-neutral",
+        action: "bg-primary text-white hover:bg-primary-soft hover:text-primary",
+        operator: "bg-secondary text-white hover:bg-secondary-soft hover:text-secondary",
+        danger: "bg-danger text-white hover:bg-danger-soft hover:text-danger"
+      },
+      disabled: {
+        true: "opacity-50 pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      disabled: !1
+    }
+  }
+), CalculatorButton = forwardRef(({ variant: i = "default", className: e, ...t }, l) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "button",
+  {
+    ref: l,
+    type: "button",
+    className: cn(
+      calculatorButtonVariants({ variant: i, disabled: t.disabled }),
+      e
+    ),
+    ...t
+  }
+));
+function getIconColorFromVariant(i = "primary") {
+  const e = i.split("-");
+  if (e.length === 1)
+    switch (e[0]) {
+      case "ghost":
+      case "neutral":
+      case "outline":
+        return "ghost";
+      default:
+        return "neutral";
+    }
+  switch (e[0]) {
+    case "primary":
+      return "primary";
+    case "secondary":
+      return "secondary";
+    case "tertiary":
+      return "tertiary";
+    case "ghost":
+      return "ghost";
+    case "neutral":
+      return "ghost";
+    case "success":
+      return "success";
+    case "info":
+      return "info";
+    case "warning":
+      return "warning";
+    case "danger":
+      return "danger";
+    default:
+      return "neutral";
+  }
+}
+const buttonIconVariants = cva(
+  "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-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        secondary: "bg-sage text-white hover:bg-sage/90 focus-visible:ring-sage-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        tertiary: "bg-mist text-white hover:bg-mist/90 focus-visible:ring-mist-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        ghost: "bg-white text-foreground hover:bg-slate-soft focus-visible:ring-slate-soft focus-visible:ring-offset-white",
+        neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground-soft focus-visible:ring-offset-white shadow-sm",
+        // Outline variants
+        "primary-outline": "border border-coral text-coral bg-white hover:bg-coral hover:text-white focus-visible:ring-coral-soft focus-visible:ring-offset-white transition-all",
+        "secondary-outline": "border border-sage text-sage bg-white hover:bg-sage hover:text-white focus-visible:ring-sage-soft focus-visible:ring-offset-white transition-all",
+        "tertiary-outline": "border border-mist text-mist bg-white hover:bg-mist hover:text-white focus-visible:ring-mist-soft focus-visible:ring-offset-white transition-all",
+        "ghost-outline": "border border-slate text-slate bg-white hover:bg-slate hover:text-white focus-visible:ring-slate-soft focus-visible:ring-offset-white transition-all",
+        "neutral-outline": "border border-neutral text-foreground bg-white hover:bg-neutral hover:text-foreground focus-visible:ring-foreground-soft focus-visible:ring-offset-white transition-all",
+        // Ghost variants (subtle)
+        "primary-ghost": "text-coral bg-white hover:bg-coral-soft focus-visible:ring-coral-soft focus-visible:ring-offset-white",
+        "secondary-ghost": "text-sage bg-white hover:bg-sage-soft focus-visible:ring-sage-soft focus-visible:ring-offset-white",
+        "tertiary-ghost": "text-mist bg-white hover:bg-mist-soft focus-visible:ring-mist-soft focus-visible:ring-offset-white",
+        "neutral-ghost": "text-foreground bg-white hover:bg-neutral/70 focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
+        // Semantic variants
+        success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "success-outline": "border border-success text-success bg-white hover:bg-success hover:text-white focus-visible:ring-success-soft focus-visible:ring-offset-white transition-all",
+        "success-ghost": "text-success bg-white hover:bg-success-soft focus-visible:ring-success-soft focus-visible:ring-offset-white",
+        info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "info-outline": "border border-info text-info bg-white hover:bg-info hover:text-white focus-visible:ring-info-soft focus-visible:ring-offset-white transition-all",
+        "info-ghost": "text-info bg-white hover:bg-info-soft focus-visible:ring-info-soft focus-visible:ring-offset-white",
+        warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "warning-outline": "border border-warning text-warning bg-white hover:bg-warning hover:text-white focus-visible:ring-warning-soft focus-visible:ring-offset-white transition-all",
+        "warning-ghost": "text-warning bg-white hover:bg-warning-soft focus-visible:ring-warning-soft focus-visible:ring-offset-white",
+        danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "danger-outline": "border border-danger text-danger bg-white hover:bg-danger hover:text-white focus-visible:ring-danger-soft focus-visible:ring-offset-white transition-all",
+        "danger-ghost": "text-danger bg-white hover:bg-danger-soft focus-visible:ring-danger-soft focus-visible:ring-offset-white",
+        // Utility variants
+        outline: "border border-border text-foreground bg-white hover:bg-accent-soft focus-visible:ring-accent-soft focus-visible:ring-offset-white transition-all",
+        destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md"
+      },
+      size: {
+        xs: "h-6 w-6",
+        sm: "h-8 w-8",
+        md: "h-10 w-10",
+        lg: "h-12 w-12",
+        xl: "h-14 w-14"
+      },
+      shape: {
+        rounded: "rounded-md",
+        square: "rounded-sm",
+        circle: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      shape: "rounded"
+    }
+  }
+), iconVariants = cva("inline-flex items-center justify-center", {
+  variants: {
+    size: {
+      xs: "w-3 h-3",
+      sm: "w-4 h-4",
+      md: "w-5 h-5",
+      lg: "w-6 h-6",
+      xl: "w-8 h-8"
+    },
+    color: {
+      primary: "text-primary",
+      secondary: "text-secondary",
+      tertiary: "text-tertiary",
+      ghost: "text-ghost",
+      neutral: "text-neutral",
+      success: "text-success",
+      info: "text-info",
+      warning: "text-warning",
+      danger: "text-danger"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+}), Icon = React__default.forwardRef(function({ as: e, color: t = "primary", size: l = "md", className: f, ...s }, c) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    e,
+    {
+      ref: c,
+      className: iconVariants({ color: t, size: l, className: f }),
+      ...s
+    }
+  );
+}), ButtonIcon = React__default.forwardRef(
+  function({
+    className: e,
+    variant: t = "primary",
+    size: l = "md",
+    shape: f = "rounded",
+    disabled: s = !1,
+    as: c,
+    "aria-label": o,
+    ...u
+  }, h) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        ref: h,
+        type: "button",
+        className: cn(
+          buttonIconVariants({
+            variant: t,
+            size: l,
+            shape: f
+          }),
+          e
+        ),
+        disabled: s,
+        "aria-disabled": s,
+        "aria-label": o,
+        inert: s ? !0 : void 0,
+        ...u,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Icon,
+          {
+            as: c,
+            size: l,
+            color: getIconColorFromVariant(t)
+          }
+        )
+      }
+    );
+  }
+);
+function useCalculator({
+  initialValue = "",
+  disabled,
+  onChange
+}) {
+  const [input, setInput] = useState(String(initialValue)), inputRef = useRef(null);
+  useEffect(() => {
+    setInput(String(initialValue));
+  }, [initialValue]);
+  const evaluate = useCallback((expr) => {
+    try {
+      if (!/^[-+*/.\d\s]+$/.test(expr)) return "";
+      const result = eval(expr);
+      return result?.toString() ?? "";
+    } catch {
+      return "";
+    }
+  }, []), handleButton = useCallback(
+    (i) => {
+      if (!disabled)
+        if (i === "C")
+          setInput("");
+        else if (i === "⌫")
+          setInput((e) => e.slice(0, -1));
+        else if (i === "=") {
+          const e = evaluate(input);
+          setInput(e);
+        } else
+          setInput((e) => e + i);
+    },
+    [disabled, input, evaluate]
+  );
+  useEffect(() => {
+    if (onChange) {
+      const i = evaluate(input);
+      onChange(i);
+    }
+  }, [evaluate, input, onChange]), useEffect(() => {
+    if (disabled) return;
+    const i = (e) => {
+      if (document.activeElement !== inputRef.current && document.activeElement?.tagName !== "BODY")
+        return;
+      const t = e.key;
+      t === "Enter" || t === "=" ? (handleButton("="), e.preventDefault()) : t === "Backspace" ? (handleButton("⌫"), e.preventDefault()) : t === "Escape" || t === "C" || t === "c" ? (handleButton("C"), e.preventDefault()) : (/^[0-9]$/.test(t) || ["/", "*", "-", "+", "."].includes(t)) && (handleButton(t), e.preventDefault());
+    };
+    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
+  }, [handleButton, disabled]), useEffect(() => {
+    disabled || inputRef.current?.focus();
+  }, [disabled]);
+  const handleInput = (i) => {
+    const e = i.target.value.replace(/[^\d+\-*/.]/g, "");
+    setInput(e);
+  };
+  return {
+    input,
+    inputRef,
+    handleButton,
+    handleInput
+  };
+}
+const BUTTONS = [
+  ["7", "8", "9", "/"],
+  ["4", "5", "6", "*"],
+  ["1", "2", "3", "-"],
+  ["0", ".", "=", "+"]
+], Calculator = forwardRef(
+  ({
+    initialValue: i = "",
+    onChange: e,
+    disabled: t,
+    className: l,
+    "aria-label": f
+  }, s) => {
+    const { input: c, inputRef: o, handleButton: u, handleInput: h } = useCalculator({
+      initialValue: i,
+      disabled: t,
+      onChange: e
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        ref: s,
+        className: cn(calculatorRootVariants({ disabled: t }), l),
+        "aria-label": f || "Calculator",
+        role: "region",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              ref: o,
+              className: "w-full mb-3 px-3 py-2 rounded border border-[var(--color-neutral)] bg-[var(--color-neutral-soft)] text-right text-xl font-mono focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]",
+              value: c,
+              onChange: h,
+              disabled: t,
+              inputMode: "decimal",
+              "aria-label": "Calculator input"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((b, v) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: b.map((g) => g === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ButtonIcon,
+            {
+              as: X,
+              variant: "danger-ghost",
+              "aria-label": "Backspace",
+              size: "md",
+              onClick: () => u("⌫"),
+              disabled: t
+            },
+            "backspace"
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CalculatorButton,
+            {
+              variant: g === "=" ? "action" : g === "C" ? "danger" : ["/", "*", "-", "+", "/"].includes(g) ? "operator" : "default",
+              onClick: () => u(g),
+              disabled: t,
+              "aria-label": g,
+              children: g
+            },
+            g
+          )) }, v)) })
+        ]
+      }
+    );
+  }
+);
+Calculator.displayName = "Calculator";
+const buttonVariants = cva(
+  "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-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        secondary: "bg-sage text-white hover:bg-sage/90 focus-visible:ring-sage-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        tertiary: "bg-mist text-white hover:bg-mist/90 focus-visible:ring-mist-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        ghost: "bg-white text-foreground hover:bg-slate-soft focus-visible:ring-slate-soft focus-visible:ring-offset-white",
+        neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground-soft focus-visible:ring-offset-white shadow-sm",
+        // Outline variants
+        "primary-outline": "border border-coral text-coral bg-white hover:bg-coral hover:text-white focus-visible:ring-coral-soft focus-visible:ring-offset-white transition-all",
+        "secondary-outline": "border border-sage text-sage bg-white hover:bg-sage hover:text-white focus-visible:ring-sage-soft focus-visible:ring-offset-white transition-all",
+        "tertiary-outline": "border border-mist text-mist bg-white hover:bg-mist hover:text-white focus-visible:ring-mist-soft focus-visible:ring-offset-white transition-all",
+        "ghost-outline": "border border-slate text-slate bg-white hover:bg-slate hover:text-white focus-visible:ring-slate-soft focus-visible:ring-offset-white transition-all",
+        "neutral-outline": "border border-neutral text-foreground bg-white hover:bg-neutral hover:text-foreground focus-visible:ring-foreground-soft focus-visible:ring-offset-white transition-all",
+        // Ghost variants (subtle)
+        "primary-ghost": "text-coral bg-white hover:bg-coral-soft focus-visible:ring-coral-soft focus-visible:ring-offset-white",
+        "secondary-ghost": "text-sage bg-white hover:bg-sage-soft focus-visible:ring-sage-soft focus-visible:ring-offset-white",
+        "tertiary-ghost": "text-mist bg-white hover:bg-mist-soft focus-visible:ring-mist-soft focus-visible:ring-offset-white",
+        "neutral-ghost": "text-foreground bg-white hover:bg-neutral/70 focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
+        // Semantic variants
+        success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "success-outline": "border border-success text-success bg-white hover:bg-success hover:text-white focus-visible:ring-success-soft focus-visible:ring-offset-white transition-all",
+        "success-ghost": "text-success bg-white hover:bg-success-soft focus-visible:ring-success-soft focus-visible:ring-offset-white",
+        info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "info-outline": "border border-info text-info bg-white hover:bg-info hover:text-white focus-visible:ring-info-soft focus-visible:ring-offset-white transition-all",
+        "info-ghost": "text-info bg-white hover:bg-info-soft focus-visible:ring-info-soft focus-visible:ring-offset-white",
+        warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "warning-outline": "border border-warning text-warning bg-white hover:bg-warning hover:text-white focus-visible:ring-warning-soft focus-visible:ring-offset-white transition-all",
+        "warning-ghost": "text-warning bg-white hover:bg-warning-soft focus-visible:ring-warning-soft focus-visible:ring-offset-white",
+        danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
+        "danger-outline": "border border-danger text-danger bg-white hover:bg-danger hover:text-white focus-visible:ring-danger-soft focus-visible:ring-offset-white transition-all",
+        "danger-ghost": "text-danger bg-white hover:bg-danger-soft focus-visible:ring-danger-soft focus-visible:ring-offset-white",
+        // Utility variants
+        outline: "border border-border text-foreground bg-white hover:bg-accent-soft focus-visible:ring-accent-soft focus-visible:ring-offset-white transition-all",
+        destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft 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"
+    }
+  }
+), Button = React__default.forwardRef(
+  function i({
+    className: e,
+    variant: t = "primary",
+    size: l = "md",
+    disabled: f = !1,
+    type: s = "button",
+    children: c,
+    ...o
+  }, u) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        ref: u,
+        type: s,
+        className: cn(buttonVariants({ variant: t, size: l }), e),
+        disabled: f,
+        "aria-disabled": f,
+        inert: f ? !0 : void 0,
+        ...o,
+        children: c
+      }
+    );
+  }
+), textVariants = cva("", {
+  variants: {
+    color: {
+      primary: "text-primary",
+      secondary: "text-secondary",
+      tertiary: "text-tertiary",
+      ghost: "text-ghost",
+      neutral: "text-ghost",
+      success: "text-success",
+      info: "text-info",
+      warning: "text-warning",
+      danger: "text-danger"
+    },
+    hasUnderline: {
+      true: "underline",
+      false: ""
+    },
+    isCapitalize: {
+      true: "capitalize",
+      false: ""
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right",
+      justify: "text-justify"
+    },
+    italic: {
+      true: "italic",
+      false: ""
+    },
+    clamp: {
+      1: "line-clamp-1",
+      2: "line-clamp-2",
+      3: "line-clamp-3",
+      4: "line-clamp-4",
+      5: "line-clamp-5",
+      none: ""
+    },
+    ellipsis: {
+      true: "truncate",
+      false: ""
+    },
+    as: {
+      h1: "font-bold text-4xl leading-loose",
+      h2: "font-semibold text-3xl leading-relaxed",
+      h3: "font-medium text-2xl leading-relaxed",
+      h4: "font-bold text-xl leading-normal",
+      h5: "font-semibold text-lg leading-normal",
+      h6: "font-medium text-base leading-normal",
+      p: "font-normal text-base leading-normal",
+      span: "font-normal text-base leading-normal",
+      label: "font-normal text-xs leading-normal"
+    }
+  },
+  defaultVariants: {
+    color: "neutral",
+    hasUnderline: !1,
+    isCapitalize: !1,
+    align: "left",
+    italic: !1,
+    clamp: "none",
+    ellipsis: !1,
+    as: "span"
+  }
+}), Text = forwardRef(
+  ({
+    as: i = "span",
+    color: e = "ghost",
+    hasUnderline: t = !1,
+    isCapitalize: l = !1,
+    align: f = "left",
+    italic: s = !1,
+    clamp: c = "none",
+    ellipsis: o = !1,
+    fontSize: u,
+    fontWeight: h,
+    className: b,
+    children: v,
+    ...g
+  }, y) => {
+    const a = [
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "p",
+      "span",
+      "label"
+    ].includes(i) ? i : "span", w = u ? `text-${u}` : "", m = h ? `font-${h}` : "";
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      i,
+      {
+        ref: y,
+        className: cn(
+          textVariants({
+            color: e,
+            hasUnderline: t,
+            isCapitalize: l,
+            align: f,
+            italic: s,
+            clamp: c,
+            ellipsis: o,
+            // @ts-expect-error - `as` is not a valid variant
+            as: a
+          }),
+          w,
+          m,
+          b
+        ),
+        ...g,
+        children: v
+      }
+    );
+  }
+), CalendarRoot = ({
+  value: i,
+  onChange: e,
+  className: t,
+  ...l
+}) => {
+  const f = /* @__PURE__ */ new Date(), [s, c] = useState(f.getMonth()), [o, u] = useState(f.getFullYear()), h = (n, a) => new Date(n, a + 1, 0).getDate(), b = (n, a) => new Date(n, a, 1).getDay(), v = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-4 pt-4 pb-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "base", fontWeight: "semibold", children: i ? i.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "long"
+    }) : `${o} ${new Date(o, s).toLocaleString(void 0, { month: "long" })}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonIcon,
+        {
+          as: ChevronLeft,
+          variant: "ghost",
+          size: "sm",
+          "aria-label": "Previous month",
+          onClick: () => {
+            const n = s === 0 ? 11 : s - 1, a = s === 0 ? o - 1 : o;
+            c(n), u(a), e?.(new Date(a, n, 1));
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonIcon,
+        {
+          as: ChevronRight,
+          variant: "ghost",
+          size: "sm",
+          "aria-label": "Next month",
+          onClick: () => {
+            const n = s === 11 ? 0 : s + 1, a = s === 11 ? o + 1 : o;
+            c(n), u(a), e?.(new Date(a, n, 1));
+          }
+        }
+      )
+    ] })
+  ] }), g = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 px-4 text-slate-500 mb-1", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((n) => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "xs", color: "ghost", align: "center", children: n }, n)) }), y = () => {
+    const n = [], a = b(o, s), w = h(o, s), m = h(o, s - 1 < 0 ? 11 : s - 1);
+    for (let r = 0; r < a; r++) {
+      const d = m - a + r + 1;
+      n.push(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ButtonIcon,
+          {
+            as: () => d,
+            size: "sm",
+            "aria-label": "Previous month day",
+            variant: "ghost",
+            className: "text-slate-300",
+            onClick: () => {
+              const x = s === 0 ? 11 : s - 1, p = s === 0 ? o - 1 : o, R = m - a + r + 1;
+              e?.(new Date(p, x, R)), c(x), u(p);
+            }
+          },
+          "prev-" + r
+        )
+      );
+    }
+    for (let r = 1; r <= w; r++) {
+      const d = i && i.getFullYear() === o && i.getMonth() === s && i.getDate() === r;
+      n.push(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ButtonIcon,
+          {
+            as: () => r,
+            variant: d ? "primary" : "ghost",
+            size: "sm",
+            "aria-label": `Select ${o}-${s + 1}-${r}`,
+            "aria-current": d ? "date" : void 0,
+            onClick: () => e?.(new Date(o, s, r))
+          },
+          r
+        )
+      );
+    }
+    const j = a + w;
+    for (let r = 0; r < (j % 7 === 0 ? 0 : 7 - j % 7); r++)
+      n.push(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ButtonIcon,
+          {
+            as: () => r + 1,
+            size: "sm",
+            "aria-label": "Next month day",
+            variant: "ghost",
+            className: "text-slate-300",
+            onClick: () => {
+              const d = s === 11 ? 0 : s + 1, x = s === 11 ? o + 1 : o, p = r + 1;
+              e?.(new Date(x, d, p)), c(d), u(x);
+            }
+          },
+          "next-" + r
+        )
+      );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: n });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("select-none", t), ...l, children: [
+    v(),
+    g(),
+    y()
+  ] });
+}, Calendar = Object.assign(CalendarRoot, {});
+export {
+  Button as B,
+  Calculator as C,
+  Icon as I,
+  Text as T,
+  ButtonIcon as a,
+  Calendar as b
+};