@dimasbaguspm/versaur 0.0.15 → 0.0.17

package/dist/js/calendar-CUjVZ7Ap.js

@@ -1,811 +0,0 @@
-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 { 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: r = "default", className: e, ...t }, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "button",
-  {
-    ref: i,
-    type: "button",
-    className: cn(
-      calculatorButtonVariants({ variant: r, disabled: t.disabled }),
-      e
-    ),
-    ...t
-  }
-));
-function getIconColorFromVariant(r = "primary") {
-  const e = r.split("-");
-  if (e.length === 1)
-    switch (e[0]) {
-      case "ghost":
-      case "neutral":
-      case "outline":
-        return "ghost";
-      default:
-        return "neutral";
-    }
-  if (e?.[1] === "outline") return "inherit";
-  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-primary text-white hover:bg-primary/90 focus-visible:ring-primary-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
-        secondary: "bg-secondary text-white hover:bg-secondary/90 focus-visible:ring-secondary-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
-        tertiary: "bg-tertiary text-white hover:bg-tertiary/90 focus-visible:ring-tertiary-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
-        ghost: "bg-white text-foreground hover:bg-ghost-soft focus-visible:ring-ghost-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-primary text-primary bg-white hover:bg-primary hover:text-white focus-visible:ring-primary-soft focus-visible:ring-offset-white transition-all",
-        "secondary-outline": "border border-secondary text-secondary bg-white hover:bg-secondary hover:text-white focus-visible:ring-secondary-soft focus-visible:ring-offset-white transition-all",
-        "tertiary-outline": "border border-tertiary text-tertiary bg-white hover:bg-tertiary hover:text-white focus-visible:ring-tertiary-soft focus-visible:ring-offset-white transition-all",
-        "ghost-outline": "border border-ghost text-ghost bg-white hover:bg-ghost hover:text-white focus-visible:ring-ghost-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-primary bg-white hover:bg-primary-light focus-visible:ring-primary-light focus-visible:ring-offset-white",
-        "secondary-ghost": "text-secondary bg-white hover:bg-secondary-light focus-visible:ring-secondary-light focus-visible:ring-offset-white",
-        "tertiary-ghost": "text-tertiary bg-white hover:bg-tertiary-light focus-visible:ring-tertiary-light focus-visible:ring-offset-white",
-        "neutral-ghost": "text-foreground bg-white hover:bg-neutral-light focus-visible:ring-foreground-light 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-light focus-visible:ring-success-light 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-light focus-visible:ring-info-light 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-light focus-visible:ring-warning-light 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-light focus-visible:ring-danger-light 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",
-      inherit: ""
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    color: "primary"
-  }
-}), Icon = React__default.forwardRef(function({ as: e, color: t = "primary", size: i = "md", className: l, ...n }, a) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    e,
-    {
-      ref: a,
-      className: iconVariants({ color: t, size: i, className: l }),
-      ...n
-    }
-  );
-}), ButtonIcon = React__default.forwardRef(
-  function({
-    className: e,
-    variant: t = "primary",
-    size: i = "md",
-    shape: l = "rounded",
-    disabled: n = !1,
-    as: a,
-    "aria-label": c,
-    ...f
-  }, d) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        ref: d,
-        type: "button",
-        className: cn(
-          buttonIconVariants({
-            variant: t,
-            size: i,
-            shape: l
-          }),
-          e
-        ),
-        disabled: n,
-        "aria-disabled": n,
-        "aria-label": c,
-        inert: n ? !0 : void 0,
-        ...f,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Icon,
-          {
-            as: a,
-            size: i,
-            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(
-    (r) => {
-      if (!disabled)
-        if (r === "C")
-          setInput("");
-        else if (r === "⌫")
-          setInput((e) => e.slice(0, -1));
-        else if (r === "=") {
-          const e = evaluate(input);
-          setInput(e);
-        } else
-          setInput((e) => e + r);
-    },
-    [disabled, input, evaluate]
-  );
-  useEffect(() => {
-    if (onChange) {
-      const r = evaluate(input);
-      onChange(r);
-    }
-  }, [evaluate, input, onChange]), useEffect(() => {
-    if (disabled) return;
-    const r = (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", r), () => window.removeEventListener("keydown", r);
-  }, [handleButton, disabled]), useEffect(() => {
-    disabled || inputRef.current?.focus();
-  }, [disabled]);
-  const handleInput = (r) => {
-    const e = r.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: r = "",
-    onChange: e,
-    disabled: t,
-    className: i,
-    "aria-label": l
-  }, n) => {
-    const { input: a, inputRef: c, handleButton: f, handleInput: d } = useCalculator({
-      initialValue: r,
-      disabled: t,
-      onChange: e
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        ref: n,
-        className: cn(calculatorRootVariants({ disabled: t }), i),
-        "aria-label": l || "Calculator",
-        role: "region",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "input",
-            {
-              ref: c,
-              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: a,
-              onChange: d,
-              disabled: t,
-              inputMode: "decimal",
-              "aria-label": "Calculator input"
-            }
-          ),
-          /* @__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,
-              variant: "danger-ghost",
-              "aria-label": "Backspace",
-              size: "md",
-              onClick: () => f("⌫"),
-              disabled: t
-            },
-            "backspace"
-          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            CalculatorButton,
-            {
-              variant: h === "=" ? "action" : h === "C" ? "danger" : ["/", "*", "-", "+", "/"].includes(h) ? "operator" : "default",
-              onClick: () => f(h),
-              disabled: t,
-              "aria-label": h,
-              children: h
-            },
-            h
-          )) }, 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-primary text-white hover:bg-primary/90 focus-visible:ring-primary-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
-        secondary: "bg-secondary text-white hover:bg-secondary/90 focus-visible:ring-secondary-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
-        tertiary: "bg-tertiary text-white hover:bg-tertiary/90 focus-visible:ring-tertiary-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
-        ghost: "bg-white text-foreground hover:bg-ghost-soft focus-visible:ring-ghost-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-primary text-primary bg-white hover:bg-primary hover:text-white focus-visible:ring-primary-soft focus-visible:ring-offset-white transition-all",
-        "secondary-outline": "border border-secondary text-secondary bg-white hover:bg-secondary hover:text-white focus-visible:ring-secondary-soft focus-visible:ring-offset-white transition-all",
-        "tertiary-outline": "border border-tertiary text-tertiary bg-white hover:bg-tertiary hover:text-white focus-visible:ring-tertiary-soft focus-visible:ring-offset-white transition-all",
-        "ghost-outline": "border border-ghost text-ghost bg-white hover:bg-ghost hover:text-white focus-visible:ring-ghost-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-primary bg-white hover:bg-primary-light focus-visible:ring-primary-light focus-visible:ring-offset-white",
-        "secondary-ghost": "text-secondary bg-white hover:bg-secondary-light focus-visible:ring-secondary-light focus-visible:ring-offset-white",
-        "tertiary-ghost": "text-tertiary bg-white hover:bg-tertiary-light focus-visible:ring-tertiary-light 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-light focus-visible:ring-success-light 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-light focus-visible:ring-info-light 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-light focus-visible:ring-warning-light 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-light focus-visible:ring-danger-light 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 r({
-    className: e,
-    variant: t = "primary",
-    size: i = "md",
-    disabled: l = !1,
-    type: n = "button",
-    children: a,
-    ...c
-  }, f) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        ref: f,
-        type: n,
-        className: cn(buttonVariants({ variant: t, size: i }), e),
-        disabled: l,
-        "aria-disabled": l,
-        inert: l ? !0 : void 0,
-        ...c,
-        children: a
-      }
-    );
-  }
-), 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",
-      inherit: "",
-      gray: "text-gray-500",
-      black: "text-black",
-      white: "text-white"
-    },
-    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: r = "span",
-    color: e = "ghost",
-    hasUnderline: t = !1,
-    isCapitalize: i = !1,
-    align: l = "left",
-    italic: n = !1,
-    clamp: a = "none",
-    ellipsis: c = !1,
-    fontSize: f,
-    fontWeight: d,
-    className: w,
-    children: v,
-    ...h
-  }, p) => {
-    const u = [
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "p",
-      "span",
-      "label"
-    ].includes(r) ? r : "span", b = f ? `text-${f}` : "", m = d ? `font-${d}` : "";
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      r,
-      {
-        ref: p,
-        className: cn(
-          textVariants({
-            color: e,
-            hasUnderline: t,
-            isCapitalize: i,
-            align: l,
-            italic: n,
-            clamp: a,
-            ellipsis: c,
-            // @ts-expect-error - `as` is not a valid variant
-            as: u
-          }),
-          b,
-          m,
-          w
-        ),
-        ...h,
-        children: v
-      }
-    );
-  }
-), CalendarContext = createContext(null);
-function useCalendarContext() {
-  const r = useContext(CalendarContext);
-  if (!r)
-    throw new Error(
-      "useCalendarContext must be used within CalendarContext.Provider"
-    );
-  return r;
-}
-const CalendarHeader = () => {
-  const { value: r, year: e, month: t, setMonth: i } = useCalendarContext();
-  return /* @__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", className: "ml-2", children: r ? r instanceof Date ? r.toLocaleDateString(void 0, {
-      year: "numeric",
-      month: "long"
-    }) : Array.isArray(r) && r[0] ? r[0].toLocaleDateString(void 0, {
-      year: "numeric",
-      month: "long"
-    }) : `${e} ${new Date(e, t).toLocaleString(void 0, { month: "long" })}` : `${e} ${new Date(e, t).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: () => i(t === 0 ? 11 : t - 1)
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ButtonIcon,
-        {
-          as: ChevronRight,
-          variant: "ghost",
-          size: "sm",
-          "aria-label": "Next month",
-          onClick: () => i(t === 11 ? 0 : t + 1)
-        }
-      )
-    ] })
-  ] });
-}, 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), 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(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ButtonIcon,
-        {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: x }),
-          size: "sm",
-          "aria-label": "Previous month day",
-          variant: "ghost",
-          onClick: () => {
-            l?.(new Date(h, v, x)), n(v), a(h);
-          }
-        },
-        "prev-" + 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(
-        ButtonIcon,
-        {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Text,
-            {
-              as: "span",
-              fontSize: "sm",
-              color: x ? "inherit" : "ghost",
-              className: x ? "bg-primary text-white rounded-full" : "",
-              children: o
-            }
-          ),
-          variant: x ? "primary" : "ghost",
-          size: "sm",
-          "aria-label": `Select ${e}-${t + 1}-${o}`,
-          "aria-current": x ? "date" : void 0,
-          onClick: () => {
-            l?.(new Date(e, t, o));
-          }
-        },
-        o
-      )
-    );
-  }
-  const m = d + w;
-  for (let o = 0; o < (m % 7 === 0 ? 0 : 7 - m % 7); o++)
-    b.push(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ButtonIcon,
-        {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: o + 1 }),
-          size: "sm",
-          "aria-label": "Next month day",
-          variant: "ghost",
-          onClick: () => {
-            l?.(new Date(u, y, o + 1)), n(y), a(u);
-          }
-        },
-        "next-" + o
-      )
-    );
-  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), 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];
-  }, [m, o] = b(), x = (s) => {
-    if (!m || !o) return !1;
-    const g = new Date(r, e, s);
-    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(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ButtonIcon,
-        {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: g }),
-          size: "sm",
-          "aria-label": "Previous month day",
-          variant: "ghost",
-          onClick: () => {
-            i?.([null, null]), l(w), n(v);
-          }
-        },
-        "prev-" + s
-      )
-    );
-  }
-  for (let s = 1; s <= d; s++) {
-    const g = x(s), R = I(s), E = B(s);
-    u.push(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ButtonIcon,
-        {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Text,
-            {
-              as: "span",
-              fontSize: "sm",
-              color: g || R || E ? "inherit" : "ghost",
-              className: cn(
-                g && " bg-primary text-white",
-                R && "rounded-l-full bg-primary text-white",
-                E && "rounded-r-full bg-primary text-white"
-              ),
-              children: s
-            }
-          ),
-          variant: R || E || g ? "primary" : "ghost",
-          size: "sm",
-          "aria-label": `Select ${r}-${e + 1}-${s}`,
-          "aria-current": R || E ? "date" : void 0,
-          onClick: () => {
-            if (!Array.isArray(t) || !t[0] || t[0] && t[1])
-              i?.([new Date(r, e, s), null]);
-            else if (t[0] && !t[1]) {
-              const j = t[0], C = new Date(r, e, s);
-              j.getTime() === C.getTime() ? i?.([j, C]) : i?.(j < C ? [j, C] : [C, j]);
-            }
-          }
-        },
-        s
-      )
-    );
-  }
-  const D = f + d;
-  for (let s = 0; s < (D % 7 === 0 ? 0 : 7 - D % 7); s++)
-    u.push(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ButtonIcon,
-        {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: s + 1 }),
-          size: "sm",
-          "aria-label": "Next month day",
-          variant: "ghost",
-          onClick: () => {
-            i?.([null, null]), l(p), n(y);
-          }
-        },
-        "next-" + s
-      )
-    );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: u });
-}, CalendarDays = () => {
-  const { type: r } = useCalendarContext();
-  return r === "range" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarDaysRange, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarDaysSingle, {});
-};
-function useCalendar({
-  value: r,
-  type: e,
-  onChange: t,
-  initialYear: i,
-  initialMonth: l
-}) {
-  const [n, a] = useState(l), [c, f] = useState(i), [d, w] = useState([
-    null,
-    null
-  ]);
-  let v = r;
-  e === "range" && !r && (v = d);
-  const h = useCallback(() => {
-    const u = n === 0 ? 11 : n - 1, b = n === 0 ? c - 1 : c;
-    a(u), f(b), e === "single" && t?.(new Date(b, u, 1));
-  }, [n, c, e, t]), p = useCallback(() => {
-    const u = n === 11 ? 0 : n + 1, b = n === 11 ? c + 1 : c;
-    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" && (w(u), t?.(u));
-    },
-    [e, t]
-  );
-  return {
-    year: c,
-    month: n,
-    value: v,
-    setMonth: a,
-    setYear: f,
-    onChange: y,
-    handlePrevMonth: h,
-    handleNextMonth: p
-  };
-}
-const CalendarRoot = ({
-  value: r,
-  onChange: e,
-  className: t,
-  type: i = "single",
-  ...l
-}) => {
-  const n = /* @__PURE__ */ new Date(), a = useCalendar({
-    value: r,
-    onChange: e,
-    type: i,
-    initialYear: n.getFullYear(),
-    initialMonth: n.getMonth()
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    CalendarContext.Provider,
-    {
-      value: {
-        year: a.year,
-        month: a.month,
-        value: a.value,
-        type: i,
-        setMonth: a.setMonth,
-        setYear: a.setYear,
-        onChange: a.onChange
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("select-none", t), ...l, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarHeader, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarWeekdays, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarDays, {})
-      ] })
-    }
-  );
-}, Calendar = Object.assign(CalendarRoot, {});
-export {
-  Button as B,
-  Calculator as C,
-  Icon as I,
-  Text as T,
-  ButtonIcon as a,
-  Calendar as b
-};