@dimasbaguspm/versaur 0.0.17 → 0.0.18

package/dist/js/email-input-CVyrFzqL.js

@@ -1,1820 +0,0 @@
-import { a as cva, j as jsxRuntimeExports, c as cn } from "./index-C1uJQB34.js";
-import React__default, { useState, useRef, createContext, useContext, forwardRef, useId, useEffect } from "react";
-import { I as Icon, C as Calculator, d as Button, h as Text } from "./tile-B9bt2AY6.js";
-import { M as Modal } from "./modal-FqewbVts.js";
-import { CalculatorIcon, Check, Calendar, SearchIcon, Clock, Banknote, MailIcon } from "lucide-react";
-const textInputVariants = cva(
-  "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: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
-        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
-        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
-        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
-        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
-        // Outline variants
-        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
-        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
-        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
-        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
-        "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
-        // Semantic variants
-        success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
-        "success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
-        info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
-        "info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
-        warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
-        "warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
-        danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
-        "danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
-    }
-  }
-), TextInput = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    label: t,
-    leftContent: i,
-    rightContent: s,
-    helperText: n,
-    error: l,
-    className: u,
-    disabled: o,
-    id: r,
-    ...d
-  }, x) => {
-    const c = React__default.useId(), a = r || c, g = !!l;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      t && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: a,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: t
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", u), children: [
-        i && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "span",
-          {
-            className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
-            "data-testid": "left-content",
-            children: i
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "input",
-          {
-            ref: x,
-            id: a,
-            "aria-invalid": g,
-            "aria-disabled": o,
-            disabled: o,
-            className: cn(
-              textInputVariants({
-                variant: g ? "danger" : e
-              }),
-              i ? "pl-9" : "pl-3",
-              s ? "pr-9" : "pr-3",
-              "h-10"
-            ),
-            ...d
-          }
-        ),
-        s && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "span",
-          {
-            className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
-            "data-testid": "right-content",
-            children: s
-          }
-        )
-      ] }),
-      g && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: l }),
-      !g && n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
-    ] });
-  }
-);
-TextInput.displayName = "TextInput";
-const DEFAULT_HEADER = "Enter Amount", CalculatorInput = ({
-  value,
-  onChange,
-  placeholder,
-  disabled,
-  modalProps,
-  headerLabel,
-  label,
-  helperText,
-  error,
-  ...rest
-}) => {
-  const [open, setOpen] = useState(!1), inputRef = useRef(null), [calculatorValue, setCalculatorValue] = useState(
-    value === "" ? "" : String(value)
-  ), [lastValidValue, setLastValidValue] = useState(value ?? ""), handleCalculatorChange = (v) => {
-    setCalculatorValue(v);
-    let result = null;
-    try {
-      if (/^[\d+\-*/.\s]+$/.test(v)) {
-        const evalResult = eval(v);
-        typeof evalResult == "number" && !isNaN(evalResult) && (result = evalResult);
-      }
-    } catch {
-    }
-    result !== null && setLastValidValue(result);
-  }, handleOpen = () => {
-    setCalculatorValue(value === "" ? "" : String(value)), setOpen(!0);
-  }, handleOk = () => {
-    const trimmed = calculatorValue.trim();
-    let result = null;
-    try {
-      if (/^[\d+\-*/.\s]+$/.test(trimmed)) {
-        const evalResult = eval(trimmed);
-        typeof evalResult == "number" && !isNaN(evalResult) && (result = evalResult);
-      }
-    } catch {
-    }
-    result !== null ? (onChange(result), setLastValidValue(result)) : onChange(lastValidValue), setOpen(!1);
-  }, handleClear = () => {
-    setCalculatorValue(""), setLastValidValue(""), onChange("");
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TextInput,
-      {
-        ref: inputRef,
-        type: "text",
-        label,
-        value: value === "" ? "" : value,
-        onClick: disabled ? void 0 : handleOpen,
-        readOnly: !0,
-        disabled,
-        error,
-        helperText,
-        rightContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: CalculatorIcon, size: "sm", color: "ghost" }),
-        placeholder,
-        "aria-label": rest["aria-label"],
-        "aria-labelledby": rest["aria-labelledby"],
-        "aria-describedby": rest["aria-describedby"],
-        className: "cursor-pointer bg-white"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Modal,
-      {
-        isOpen: open,
-        onOpenChange: setOpen,
-        disableOverlayClose: !!disabled,
-        disableEscClose: !!disabled,
-        size: "sm",
-        "aria-label": rest["aria-label"],
-        "aria-labelledby": rest["aria-labelledby"],
-        "aria-describedby": rest["aria-describedby"],
-        ...modalProps,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Header, { children: headerLabel ?? DEFAULT_HEADER }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Body, { className: "flex flex-col items-center justify-center pb-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Calculator,
-            {
-              initialValue: typeof value == "number" ? value : "",
-              onChange: handleCalculatorChange,
-              disabled
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal.Footer, { className: "pb-4 pt-0", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Button,
-              {
-                variant: "neutral-ghost",
-                onClick: handleClear,
-                disabled,
-                children: "Clear"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Button,
-              {
-                variant: "primary-ghost",
-                onClick: handleOk,
-                disabled,
-                children: "OK"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}, checkboxGroupVariants = cva("space-y-2", {
-  variants: {
-    direction: {
-      vertical: "space-y-2 space-x-0",
-      horizontal: "flex flex-wrap gap-4 space-y-0"
-    }
-  },
-  defaultVariants: {
-    direction: "vertical"
-  }
-}), checkboxVariants = cva(
-  "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-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
-        secondary: "border-secondary/40 checked:bg-secondary checked:border-secondary focus:ring-secondary/20",
-        tertiary: "border-tertiary/40 checked:bg-tertiary checked:border-tertiary focus:ring-tertiary/20",
-        ghost: "border-ghost/40 checked:bg-ghost checked:border-ghost focus:ring-ghost/20",
-        neutral: "border-gray-300 checked:bg-gray-500 checked:border-gray-500 focus:ring-gray-400/20",
-        // Outline variants
-        "primary-outline": "border-primary checked:bg-white checked:border-primary focus:ring-primary/20",
-        "secondary-outline": "border-secondary checked:bg-white checked:border-secondary focus:ring-secondary/20",
-        "tertiary-outline": "border-tertiary checked:bg-white checked:border-tertiary focus:ring-tertiary/20",
-        "ghost-outline": "border-ghost checked:bg-white checked:border-ghost focus:ring-ghost/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"
-    }
-  }
-), checkboxLabelVariants = cva(
-  "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
-    }
-  }
-), CheckboxContext = createContext(null), useCheckboxContext = () => {
-  const e = useContext(CheckboxContext);
-  if (!e)
-    throw new Error("CheckboxOption must be used within CheckboxInput");
-  return e;
-}, CheckboxOption = React__default.forwardRef(({ children: e, description: t, className: i, disabled: s, id: n, ...l }, u) => {
-  const o = useCheckboxContext(), r = React__default.useId(), d = n || r, x = s || o.disabled, c = o.error ? "danger" : o.variant || "primary";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        ref: u,
-        type: "checkbox",
-        id: d,
-        disabled: x,
-        className: cn(
-          checkboxVariants({
-            variant: c,
-            size: o.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
-          o.size === "sm" && "after:w-[3px] after:h-[6px]",
-          o.size === "md" && "after:w-[4px] after:h-[8px]",
-          o.size === "lg" && "after:w-[6px] after:h-[10px]",
-          "checked:after:opacity-100",
-          // Outline variants use colored checkmark
-          c?.includes("outline") && "checked:after:border-current",
-          i
-        ),
-        ...l
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: d,
-          className: checkboxLabelVariants({
-            size: o.size,
-            disabled: x
-          }),
-          children: e
-        }
-      ),
-      t && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: cn(
-            "text-gray-600 mt-1",
-            o.size === "sm" && "text-xs",
-            o.size === "md" && "text-xs",
-            o.size === "lg" && "text-sm",
-            x && "opacity-50"
-          ),
-          children: t
-        }
-      )
-    ] })
-  ] });
-});
-CheckboxOption.displayName = "CheckboxOption";
-const CheckboxInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    size: t = "md",
-    label: i,
-    helperText: s,
-    error: n,
-    direction: l = "vertical",
-    className: u,
-    disabled: o,
-    children: r,
-    ...d
-  }, x) => {
-    const c = !!n, a = {
-      variant: e,
-      size: t,
-      disabled: o,
-      error: c
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxContext.Provider, { value: a, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: x, className: cn("w-full", u), ...d, children: [
-      i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: i }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: checkboxGroupVariants({ direction: l }), children: r }),
-      c && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !c && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-);
-CheckboxInputRoot.displayName = "CheckboxInput";
-const CheckboxInput = Object.assign(CheckboxInputRoot, {
-  Option: CheckboxOption
-}), ChipMultipleInputContext = createContext(null), useChipMultipleInputContext = () => {
-  const e = useContext(ChipMultipleInputContext);
-  if (!e)
-    throw new Error(
-      "useChipMultipleInputContext must be used within ChipMultipleInputContext"
-    );
-  return e;
-}, chipOptionVariants = cva(
-  "inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border",
-  {
-    variants: {
-      variant: {
-        primary: [
-          "hover:bg-primary-soft",
-          "hover:border-primary-light",
-          "focus:border-primary-light",
-          "data-[selected=true]:bg-primary-soft",
-          "data-[selected=true]:border-primary"
-        ].join(" "),
-        secondary: [
-          "hover:bg-secondary-soft",
-          "hover:border-secondary-light",
-          "focus:border-secondary-light",
-          "data-[selected=true]:bg-secondary-soft",
-          "data-[selected=true]:border-secondary"
-        ].join(" "),
-        tertiary: [
-          "hover:bg-tertiary-soft",
-          "hover:border-tertiary-light",
-          "focus:border-tertiary-light",
-          "data-[selected=true]:bg-tertiary-soft",
-          "data-[selected=true]:border-tertiary"
-        ].join(" "),
-        ghost: [
-          "hover:bg-ghost-soft",
-          "hover:border-ghost-light",
-          "focus:border-ghost-light",
-          "data-[selected=true]:bg-ghost-soft",
-          "data-[selected=true]:border-ghost"
-        ].join(" "),
-        neutral: [
-          "hover:bg-gray-soft",
-          "hover:border-gray-light",
-          "focus:border-gray-light",
-          "data-[selected=true]:bg-gray-soft",
-          "data-[selected=true]:border-gray"
-        ].join(" "),
-        success: [
-          "hover:bg-success-soft",
-          "hover:border-success-light",
-          "focus:border-success-light",
-          "data-[selected=true]:bg-success-soft",
-          "data-[selected=true]:border-success"
-        ].join(" "),
-        info: [
-          "hover:bg-info-soft",
-          "hover:border-info-light",
-          "focus:border-info-light",
-          "data-[selected=true]:bg-info-soft",
-          "data-[selected=true]:border-info"
-        ].join(" "),
-        warning: [
-          "hover:bg-warning-soft",
-          "hover:border-warning-light",
-          "focus:border-warning-light",
-          "data-[selected=true]:bg-warning-soft",
-          "data-[selected=true]:border-warning"
-        ].join(" "),
-        danger: [
-          "hover:bg-danger-soft",
-          "hover:border-danger-light",
-          "focus:border-danger-light",
-          "data-[selected=true]:bg-danger-soft",
-          "data-[selected=true]:border-danger"
-        ].join(" ")
-      },
-      selected: {
-        true: "",
-        false: ""
-      },
-      shape: {
-        circle: "rounded-full",
-        rounded: "rounded-lg"
-      },
-      size: {
-        sm: "px-3 py-1 text-xs min-h-[32px]",
-        md: "px-4 py-2 text-sm min-h-[40px]",
-        lg: "px-5 py-2.5 text-base min-h-[48px]"
-      }
-    }
-  }
-), ChipMultipleOption = React__default.forwardRef(
-  ({
-    children: e,
-    className: t,
-    disabled: i,
-    id: s,
-    value: n,
-    check: l,
-    defaultCheck: u = !1,
-    ...o
-  }, r) => {
-    const d = useChipMultipleInputContext(), x = React__default.useId(), c = s || x, a = i || d.disabled, g = d.error ? "danger" : d.variant || "primary", h = d.shape || "circle", b = d.size || "sm", f = d.value?.includes(n) ?? !1, y = (w) => {
-      if (!a) {
-        const R = d.value || [];
-        let C;
-        f ? C = R.filter((k) => k !== n) : C = [...R, n], d.onChange?.(C);
-      }
-      o.onChange?.(w);
-    }, m = b === "lg" ? 20 : b === "md" ? 18 : 16;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref: r,
-          type: "checkbox",
-          id: c,
-          name: `${d.name}[]`,
-          value: n,
-          checked: f,
-          disabled: a,
-          onChange: y,
-          className: "sr-only",
-          ...o
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: c,
-          "data-selected": f,
-          className: cn(
-            chipOptionVariants({
-              variant: g,
-              selected: f,
-              shape: h,
-              size: b
-            }),
-            a && "opacity-50 cursor-not-allowed pointer-events-none",
-            t
-          ),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center", children: [
-            (l || u) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "span",
-              {
-                className: cn(
-                  "flex items-center",
-                  "transition-transform transition-opacity duration-200",
-                  f ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
-                ),
-                "aria-hidden": "true",
-                children: f && (l || /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Check,
-                  {
-                    size: m,
-                    className: g === "primary" ? "text-primary" : g === "secondary" ? "text-secondary" : g === "tertiary" ? "text-tertiary" : g === "ghost" ? "text-ghost" : g === "success" ? "text-success" : g === "info" ? "text-info" : g === "warning" ? "text-warning" : g === "danger" ? "text-danger" : "text-primary"
-                  }
-                ))
-              }
-            ),
-            e
-          ] })
-        }
-      )
-    ] });
-  }
-);
-ChipMultipleOption.displayName = "ChipMultipleOption";
-const ChipMultipleInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    shape: t = "circle",
-    size: i = "sm",
-    label: s,
-    helperText: n,
-    error: l,
-    className: u,
-    disabled: o,
-    name: r,
-    value: d = [],
-    onChange: x,
-    children: c,
-    ...a
-  }, g) => {
-    const h = !!l, b = {
-      variant: e,
-      shape: t,
-      size: i,
-      disabled: o,
-      error: h,
-      name: r,
-      value: d,
-      onChange: x
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ChipMultipleInputContext.Provider, { value: b, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: g, className: cn("w-full", u), ...a, children: [
-      s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2", children: c }),
-      h && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: l }),
-      !h && n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
-    ] }) });
-  }
-), ChipMultipleInput = Object.assign(ChipMultipleInputRoot, {
-  Option: ChipMultipleOption
-});
-function defaultDateFormatter(e) {
-  if (!e) return "";
-  const t = new Date(e);
-  return isNaN(t.getTime()) ? e : t.toLocaleDateString(void 0, {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  });
-}
-const DateSinglePickerInput = React__default.forwardRef(function e({ value: t = "", onChange: i, label: s, formatter: n, ...l }, u) {
-  const o = useRef(null), r = (a) => {
-    o.current = a, typeof u == "function" ? u(a) : u && typeof u == "object" && (u.current = a);
-  }, d = () => {
-    o.current && (typeof o.current.showPicker == "function" ? o.current.showPicker() : o.current.focus());
-  }, x = (a) => {
-    i(a.target.value);
-  }, c = (n ?? defaultDateFormatter)(t);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TextInput,
-      {
-        type: "text",
-        value: c,
-        label: s,
-        readOnly: !0,
-        tabIndex: 0,
-        "aria-hidden": "true",
-        onClick: d,
-        leftContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: Calendar, color: "inherit", size: "sm" }),
-        "data-testid": "date-single-picker-visible-input",
-        ...l
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        ref: r,
-        type: "date",
-        value: t,
-        onChange: x,
-        style: {
-          position: "absolute",
-          opacity: 0,
-          pointerEvents: "none",
-          width: 0,
-          height: 0
-        },
-        tabIndex: -1,
-        "aria-label": typeof s == "string" ? s : void 0
-      }
-    )
-  ] });
-}), radioGroupVariants = cva("space-y-2", {
-  variants: {
-    direction: {
-      vertical: "space-y-2 space-x-0",
-      horizontal: "flex flex-wrap gap-4 space-y-0"
-    }
-  },
-  defaultVariants: {
-    direction: "vertical"
-  }
-}), radioOptionVariants = cva(
-  "relative h-4 w-4 rounded-full 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-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
-        secondary: "border-secondary/40 checked:bg-secondary checked:border-secondary focus:ring-secondary/20",
-        tertiary: "border-tertiary/40 checked:bg-tertiary checked:border-tertiary focus:ring-tertiary/20",
-        ghost: "border-ghost/40 checked:bg-ghost checked:border-ghost focus:ring-ghost/20",
-        neutral: "border-gray-300 checked:bg-gray-500 checked:border-gray-500 focus:ring-gray-400/20",
-        // Outline variants
-        "primary-outline": "border-primary checked:bg-white checked:border-primary focus:ring-primary/20",
-        "secondary-outline": "border-secondary checked:bg-white checked:border-secondary focus:ring-secondary/20",
-        "tertiary-outline": "border-tertiary checked:bg-white checked:border-tertiary focus:ring-tertiary/20",
-        "ghost-outline": "border-ghost checked:bg-white checked:border-ghost focus:ring-ghost/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"
-    }
-  }
-), radioLabelVariants = cva(
-  "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
-    }
-  }
-), RadioInputContext = createContext(
-  null
-), useRadioInputContext = () => {
-  const e = useContext(RadioInputContext);
-  if (!e)
-    throw new Error(
-      "useRadioInputContext must be used within RadioInputContext"
-    );
-  return e;
-}, RadioOption = React__default.forwardRef(
-  ({ children: e, description: t, className: i, disabled: s, id: n, value: l, ...u }, o) => {
-    const r = useRadioInputContext(), d = React__default.useId(), x = n || d, c = s || r.disabled, a = r.error ? "danger" : r.variant || "primary";
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref: o,
-          type: "radio",
-          id: x,
-          name: r.name,
-          value: l,
-          disabled: c,
-          className: cn(
-            radioOptionVariants({
-              variant: a,
-              size: r.size
-            }),
-            // Custom radio dot styling using ::before - centered positioning with size variants
-            'before:content-[""] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-white before:opacity-0 before:transition-opacity before:duration-200',
-            // Size-specific radio dot dimensions
-            r.size === "sm" && "before:w-[6px] before:h-[6px]",
-            r.size === "md" && "before:w-[8px] before:h-[8px]",
-            r.size === "lg" && "before:w-[10px] before:h-[10px]",
-            "checked:before:opacity-100",
-            // Outline variants use colored radio dot
-            a?.includes("outline") && "checked:before:bg-current",
-            i
-          ),
-          ...u
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "label",
-          {
-            htmlFor: x,
-            className: radioLabelVariants({
-              size: r.size,
-              disabled: c
-            }),
-            children: e
-          }
-        ),
-        t && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: cn(
-              "text-gray-600 mt-1",
-              r.size === "sm" && "text-xs",
-              r.size === "md" && "text-xs",
-              r.size === "lg" && "text-sm",
-              c && "opacity-50"
-            ),
-            children: t
-          }
-        )
-      ] })
-    ] });
-  }
-), RadioInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    size: t = "md",
-    label: i,
-    helperText: s,
-    error: n,
-    direction: l = "vertical",
-    className: u,
-    disabled: o,
-    name: r,
-    children: d,
-    ...x
-  }, c) => {
-    const a = !!n, g = {
-      variant: e,
-      size: t,
-      disabled: o,
-      error: a,
-      name: r
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioInputContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: c, className: cn("w-full", u), ...x, children: [
-      i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: i }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: radioGroupVariants({ direction: l }), children: d }),
-      a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !a && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-), RadioInput = Object.assign(RadioInputRoot, {
-  Option: RadioOption
-}), segmentGroupVariants$1 = cva(
-  "flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-primary-light",
-        secondary: "border-secondary-light",
-        tertiary: "border-tertiary-light",
-        ghost: "border-ghost-light",
-        neutral: "border-gray-200",
-        // Semantic variants
-        success: "border-success-light",
-        info: "border-info-light",
-        warning: "border-warning-light",
-        danger: "border-danger-light"
-      },
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      error: {
-        true: "border-danger",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      error: !1
-    }
-  }
-), segmentOptionVariants$1 = cva(
-  "inline relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1 flex-1",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "text-ghost hover:text-primary focus:ring-primary/30",
-        secondary: "text-ghost hover:text-secondary focus:ring-secondary/30",
-        tertiary: "text-ghost hover:text-tertiary focus:ring-tertiary/30",
-        ghost: "text-ghost hover:text-ghost focus:ring-ghost/30",
-        neutral: "text-ghost hover:text-gray-700 focus:ring-gray-400/30",
-        // Semantic variants
-        success: "text-ghost hover:text-success focus:ring-success/30",
-        info: "text-ghost hover:text-info focus:ring-info/30",
-        warning: "text-ghost hover:text-warning focus:ring-warning/30",
-        danger: "text-ghost hover:text-danger focus:ring-danger/30"
-      },
-      size: {
-        sm: "px-2 py-1.5 text-xs",
-        md: "px-3 py-2 text-sm",
-        lg: "px-4 py-2.5 text-base"
-      },
-      rounded: {
-        first: "rounded-l-full",
-        middle: "",
-        last: "rounded-r-full",
-        single: "rounded-full"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      rounded: "middle"
-    }
-  }
-), getSegmentSelectedClasses$1 = (e) => {
-  const t = {
-    // Core variants - override hover text color changes
-    primary: "bg-primary text-white hover:text-white",
-    secondary: "bg-secondary text-white hover:text-white",
-    tertiary: "bg-tertiary text-white hover:text-white",
-    ghost: "bg-ghost text-white hover:text-white",
-    neutral: "bg-gray-500 text-white hover:text-white",
-    // Semantic variants - override hover text color changes
-    success: "bg-success text-white hover:text-white",
-    info: "bg-info text-white hover:text-white",
-    warning: "bg-warning text-white hover:text-white",
-    danger: "bg-danger text-white hover:text-white"
-  };
-  return t[e || "primary"] || t.primary;
-}, SegmentSingleInputContext = createContext(null), useSegmentSingleInputContext = () => {
-  const e = useContext(SegmentSingleInputContext);
-  if (!e)
-    throw new Error(
-      "useSegmentSingleInputContext must be used within SegmentSingleInputContext"
-    );
-  return e;
-}, SegmentOption$1 = React__default.forwardRef(
-  ({ children: e, className: t, disabled: i, id: s, value: n, position: l = "middle", ...u }, o) => {
-    const r = useSegmentSingleInputContext(), d = React__default.useId(), x = s || d, c = i || r.disabled, a = r.error ? "danger" : r.variant || "primary", g = r.value === n, h = (b) => {
-      if (!c) {
-        const f = r.value === n ? null : n;
-        r.onChange?.(f);
-      }
-      u.onChange?.(b);
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref: o,
-          type: "radio",
-          id: x,
-          name: r.name,
-          value: n,
-          checked: g,
-          disabled: c,
-          onChange: h,
-          className: "sr-only",
-          ...u
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: x,
-          className: cn(
-            "flex flex-row items-center justify-center",
-            segmentOptionVariants$1({
-              variant: a,
-              size: r.size,
-              rounded: l
-            }),
-            g && getSegmentSelectedClasses$1(a),
-            c && "opacity-50 cursor-not-allowed pointer-events-none",
-            t
-          ),
-          children: e
-        }
-      )
-    ] });
-  }
-);
-SegmentOption$1.displayName = "SegmentOption";
-const SegmentSingleInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    size: t = "md",
-    label: i,
-    helperText: s,
-    error: n,
-    disabled: l,
-    name: u,
-    value: o,
-    onChange: r,
-    children: d,
-    ...x
-  }, c) => {
-    const a = !!n, g = {
-      variant: e,
-      size: t,
-      disabled: l,
-      error: a,
-      name: u,
-      value: o,
-      onChange: r
-    }, h = React__default.Children.toArray(d), b = h.map((f, y) => {
-      if (React__default.isValidElement(f)) {
-        let m;
-        return h.length === 1 ? m = "single" : y === 0 ? m = "first" : y === h.length - 1 ? m = "last" : m = "middle", React__default.cloneElement(
-          f,
-          { position: m }
-        );
-      }
-      return f;
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentSingleInputContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: c, ...x, children: [
-      i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: i }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: cn(
-            segmentGroupVariants$1({
-              variant: a ? "danger" : e,
-              size: t,
-              error: a
-            })
-          ),
-          children: b
-        }
-      ),
-      a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !a && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-), SegmentSingleInput = Object.assign(SegmentSingleInputRoot, {
-  Option: SegmentOption$1
-}), segmentGroupVariants = cva(
-  "flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-primary-light",
-        secondary: "border-secondary-light",
-        tertiary: "border-tertiary-light",
-        ghost: "border-ghost-light",
-        neutral: "border-gray-200",
-        // Semantic variants
-        success: "border-success-light",
-        info: "border-info-light",
-        warning: "border-warning-light",
-        danger: "border-danger-light"
-      },
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      error: {
-        true: "border-danger",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      error: !1
-    }
-  }
-), segmentOptionVariants = cva(
-  "inline relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1 flex-1",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "text-ghost hover:text-primary focus:ring-primary/30",
-        secondary: "text-ghost hover:text-secondary focus:ring-secondary/30",
-        tertiary: "text-ghost hover:text-tertiary focus:ring-tertiary/30",
-        ghost: "text-ghost hover:text-ghost focus:ring-ghost/30",
-        neutral: "text-ghost hover:text-gray-700 focus:ring-gray-400/30",
-        // Semantic variants
-        success: "text-ghost hover:text-success focus:ring-success/30",
-        info: "text-ghost hover:text-info focus:ring-info/30",
-        warning: "text-ghost hover:text-warning focus:ring-warning/30",
-        danger: "text-ghost hover:text-danger focus:ring-danger/30"
-      },
-      size: {
-        sm: "px-2 py-1.5 text-xs",
-        md: "px-3 py-2 text-sm",
-        lg: "px-4 py-2.5 text-base"
-      },
-      rounded: {
-        first: "rounded-l-full",
-        middle: "",
-        last: "rounded-r-full",
-        single: "rounded-full"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      rounded: "middle"
-    }
-  }
-), getSegmentSelectedClasses = (e) => {
-  const t = {
-    // Core variants - override hover text color changes
-    primary: "bg-primary text-white hover:text-white",
-    secondary: "bg-secondary text-white hover:text-white",
-    tertiary: "bg-tertiary text-white hover:text-white",
-    ghost: "bg-ghost text-white hover:text-white",
-    neutral: "bg-gray-500 text-white hover:text-white",
-    // Semantic variants - override hover text color changes
-    success: "bg-success text-white hover:text-white",
-    info: "bg-info text-white hover:text-white",
-    warning: "bg-warning text-white hover:text-white",
-    danger: "bg-danger text-white hover:text-white"
-  };
-  return t[e || "primary"] || t.primary;
-}, SegmentMultipleInputContext = createContext(null), useSegmentMultipleInputContext = () => {
-  const e = useContext(SegmentMultipleInputContext);
-  if (!e)
-    throw new Error(
-      "useSegmentMultipleInputContext must be used within SegmentMultipleInputContext"
-    );
-  return e;
-}, SegmentOption = React__default.forwardRef(
-  ({ children: e, className: t, disabled: i, id: s, value: n, position: l = "middle", ...u }, o) => {
-    const r = useSegmentMultipleInputContext(), d = React__default.useId(), x = s || d, c = i || r.disabled, a = r.error ? "danger" : r.variant || "primary", g = r.value?.includes(n) ?? !1, h = (b) => {
-      if (!c) {
-        const f = r.value || [];
-        let y;
-        g ? y = f.filter((m) => m !== n) : y = [...f, n], r.onChange?.(y);
-      }
-      u.onChange?.(b);
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref: o,
-          type: "checkbox",
-          id: x,
-          name: `${r.name}[]`,
-          value: n,
-          checked: g,
-          disabled: c,
-          onChange: h,
-          className: "sr-only",
-          ...u
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: x,
-          className: cn(
-            "flex flex-row items-center justify-center",
-            segmentOptionVariants({
-              variant: a,
-              size: r.size,
-              rounded: l
-            }),
-            g && getSegmentSelectedClasses(a),
-            c && "opacity-50 cursor-not-allowed pointer-events-none",
-            t
-          ),
-          children: e
-        }
-      )
-    ] });
-  }
-);
-SegmentOption.displayName = "SegmentOption";
-const SegmentMultipleInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    size: t = "md",
-    label: i,
-    helperText: s,
-    error: n,
-    disabled: l,
-    name: u,
-    value: o = [],
-    onChange: r,
-    children: d,
-    ...x
-  }, c) => {
-    const a = !!n, g = {
-      variant: e,
-      size: t,
-      disabled: l,
-      error: a,
-      name: u,
-      value: o,
-      onChange: r
-    }, h = React__default.Children.toArray(d), b = h.map((f, y) => {
-      if (React__default.isValidElement(f)) {
-        let m;
-        return h.length === 1 ? m = "single" : y === 0 ? m = "first" : y === h.length - 1 ? m = "last" : m = "middle", React__default.cloneElement(
-          f,
-          { position: m }
-        );
-      }
-      return f;
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentMultipleInputContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: c, ...x, children: [
-      i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: i }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: cn(
-            segmentGroupVariants({
-              variant: a ? "danger" : e,
-              size: t,
-              error: a
-            })
-          ),
-          children: b
-        }
-      ),
-      a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !a && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-), SegmentMultipleInput = Object.assign(SegmentMultipleInputRoot, {
-  Option: SegmentOption
-}), SearchInput = forwardRef(
-  ({
-    autoComplete: e = "off",
-    spellCheck: t = !1,
-    inputMode: i = "search",
-    placeholder: s = "Search...",
-    maxLength: n = 256,
-    enterKeyHint: l = "search",
-    "aria-label": u = "Search",
-    // internal default, not in props
-    ...o
-  }, r) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TextInput,
-    {
-      ref: r,
-      type: "search",
-      inputMode: i,
-      autoComplete: e,
-      spellCheck: t,
-      placeholder: s,
-      maxLength: n,
-      enterKeyHint: l,
-      "aria-label": u,
-      leftContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: SearchIcon, color: "inherit", size: "sm" }),
-      ...o
-    }
-  )
-), selectInputVariants = cva(
-  "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 appearance-none bg-no-repeat bg-right pr-10",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
-        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
-        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
-        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
-        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
-        // Outline variants
-        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
-        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
-        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
-        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
-        "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
-        // Semantic variants
-        success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
-        "success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
-        info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
-        "info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
-        warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
-        "warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
-        danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
-        "danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
-    }
-  }
-), SelectInput = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    label: t,
-    helperText: i,
-    error: s,
-    className: n,
-    disabled: l,
-    id: u,
-    placeholder: o,
-    children: r,
-    ...d
-  }, x) => {
-    const c = React__default.useId(), a = u || c, g = !!s;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: a,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: t
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", n), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "select",
-          {
-            ref: x,
-            id: a,
-            "aria-invalid": g,
-            "aria-disabled": l,
-            disabled: l,
-            className: cn(
-              selectInputVariants({
-                variant: g ? "danger" : e
-              }),
-              "h-10 pl-3"
-            ),
-            ...d,
-            children: [
-              o && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", disabled: !0, hidden: !0, children: o }),
-              r
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "svg",
-          {
-            className: "w-5 h-5 text-gray-400",
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 20 20",
-            fill: "currentColor",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "path",
-              {
-                fillRule: "evenodd",
-                d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
-                clipRule: "evenodd"
-              }
-            )
-          }
-        ) })
-      ] }),
-      g && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: s }),
-      !g && i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: i })
-    ] });
-  }
-);
-SelectInput.displayName = "SelectInput";
-const textAreaInputVariants = cva(
-  "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: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
-        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
-        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
-        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
-        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
-        // Outline variants
-        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
-        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
-        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
-        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
-        "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
-        // Semantic variants
-        success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
-        "success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
-        info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
-        "info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
-        warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
-        "warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
-        danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
-        "danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
-      },
-      fieldSizing: {
-        content: "field-sizing-content resize-none",
-        fixed: "resize-y"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      fieldSizing: "fixed"
-    }
-  }
-), TextAreaInput = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    label: t,
-    helperText: i,
-    error: s,
-    className: n,
-    disabled: l,
-    id: u,
-    minRows: o = 3,
-    maxRows: r,
-    fieldSizing: d = "fixed",
-    style: x,
-    rows: c,
-    ...a
-  }, g) => {
-    const h = React__default.useId(), b = u || h, f = !!s, y = c || o, m = d === "content" ? void 0 : r, w = {
-      ...d === "content" && { fieldSizing: "content" },
-      ...m && {
-        maxHeight: `${m * 1.5}rem`
-        // Approximate line height
-      },
-      ...x
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      t && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: b,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: t
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("relative w-full", n), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "textarea",
-        {
-          ref: g,
-          id: b,
-          rows: y,
-          "aria-invalid": f,
-          "aria-disabled": l,
-          disabled: l,
-          style: w,
-          className: cn(
-            textAreaInputVariants({
-              variant: f ? "danger" : e,
-              fieldSizing: d
-            }),
-            "px-3 py-2"
-          ),
-          ...a
-        }
-      ) }),
-      f && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: s }),
-      !f && i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: i })
-    ] });
-  }
-);
-TextAreaInput.displayName = "TextAreaInput";
-const timeSegmentButtonVariants = cva(
-  "inline-flex items-center justify-center rounded-md font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-  {
-    variants: {
-      active: {
-        true: "bg-primary text-white",
-        false: "bg-neutral text-foreground"
-      },
-      size: {
-        sm: "h-8 px-3 text-sm",
-        md: "h-10 px-4 text-base",
-        lg: "h-12 px-6 text-lg"
-      }
-    },
-    defaultVariants: {
-      active: !1,
-      size: "md"
-    }
-  }
-), TimeField = ({
-  value: e,
-  onChange: t,
-  label: i,
-  "aria-label": s,
-  disabled: n
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "input",
-  {
-    type: "text",
-    inputMode: "numeric",
-    pattern: "[0-9]*",
-    maxLength: 2,
-    value: e,
-    onChange: (l) => t(l.target.value),
-    className: "w-12 h-12 text-center text-2xl border-b-2 border-primary bg-transparent focus:outline-none focus:border-primary",
-    "aria-label": s || i,
-    disabled: n,
-    autoComplete: "off"
-  }
-), AmPmSegment = ({
-  value: e,
-  onChange: t,
-  disabled: i
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 ml-4", children: ["AM", "PM"].map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "button",
-  {
-    type: "button",
-    className: cn(
-      timeSegmentButtonVariants({
-        active: e === s,
-        size: "sm"
-      })
-    ),
-    "aria-pressed": e === s,
-    onClick: () => t(s),
-    disabled: i,
-    children: s
-  },
-  s
-)) }), TimePickerInput = ({
-  value: e,
-  onChange: t,
-  label: i,
-  helperText: s,
-  disabled: n,
-  error: l,
-  placement: u = "top",
-  "aria-label": o,
-  "aria-labelledby": r,
-  "aria-describedby": d
-}) => {
-  const [x, c] = useState(!1), a = (j) => {
-    const p = j.match(/^(\d{1,2}):(\d{2})\s?(AM|PM)$/i);
-    return p ? {
-      hour: p[1],
-      minute: p[2],
-      period: p[3].toUpperCase()
-    } : { hour: "", minute: "", period: "AM" };
-  }, [{ hour: g, minute: h, period: b }, f] = useState(() => a(e)), y = () => {
-    n || (f(a(e)), c(!0));
-  }, m = (j) => {
-    let p = j.replace(/[^\d]/g, "");
-    p.length > 2 && (p = p.slice(0, 2)), Number(p) > 12 && (p = "12"), f((E) => ({ ...E, hour: p }));
-  }, w = (j) => {
-    let p = j.replace(/[^\d]/g, "");
-    p.length > 2 && (p = p.slice(0, 2)), Number(p) > 59 && (p = "59"), f((E) => ({ ...E, minute: p }));
-  }, R = (j) => {
-    f((p) => ({ ...p, period: j }));
-  }, C = () => {
-    f(a(e)), c(!1);
-  }, k = () => {
-    const j = g.padStart(2, "0") || "12", p = h.padStart(2, "0") || "00";
-    t(`${j}:${p} ${b}`), c(!1);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TextInput,
-      {
-        label: i,
-        value: e,
-        onClick: y,
-        readOnly: !0,
-        disabled: n,
-        error: l,
-        helperText: s,
-        "aria-label": o,
-        "aria-labelledby": r,
-        "aria-describedby": d,
-        className: "cursor-pointer bg-white",
-        leftContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: Clock, size: "sm", color: "inherit" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Modal,
-      {
-        isOpen: x,
-        onOpenChange: c,
-        placement: u,
-        size: "fit-content",
-        "aria-label": o,
-        "aria-labelledby": r,
-        "aria-describedby": d,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Header, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "lg", fontWeight: "semibold", children: "Select time" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Body, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 justify-center py-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              TimeField,
-              {
-                value: g,
-                onChange: m,
-                label: "Hour",
-                "aria-label": "Hour",
-                disabled: n
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "2xl", className: "select-none", children: ":" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              TimeField,
-              {
-                value: h,
-                onChange: w,
-                label: "Minute",
-                "aria-label": "Minute",
-                disabled: n
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              AmPmSegment,
-              {
-                value: b === "AM" ? "AM" : "PM",
-                onChange: R,
-                disabled: n
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal.Footer, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "sm", onClick: C, children: "Cancel" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary-ghost", size: "sm", onClick: k, children: "Confirm" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}, switchVariants = cva(
-  "relative inline-flex items-center transition-colors duration-200 border border-transparent",
-  {
-    variants: {
-      color: {
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        ghost: "",
-        neutral: "",
-        success: "",
-        info: "",
-        warning: "",
-        danger: ""
-      },
-      size: {
-        sm: "h-4 w-8",
-        md: "h-5 w-10",
-        lg: "h-6 w-12"
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      },
-      checked: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      color: "primary",
-      size: "md",
-      disabled: !1,
-      checked: !1
-    },
-    compoundVariants: [
-      {
-        checked: !0,
-        color: "primary",
-        class: "bg-primary"
-      },
-      {
-        checked: !0,
-        color: "secondary",
-        class: "bg-secondary"
-      },
-      { checked: !0, color: "tertiary", class: "bg-tertiary" },
-      { checked: !0, color: "ghost", class: "bg-ghost" },
-      { checked: !0, color: "neutral", class: "bg-neutral" },
-      { checked: !0, color: "success", class: "bg-success" },
-      { checked: !0, color: "info", class: "bg-info" },
-      { checked: !0, color: "warning", class: "bg-warning" },
-      { checked: !0, color: "danger", class: "bg-danger" },
-      { checked: !1, class: "bg-white border-border" }
-    ]
-  }
-), thumbVariants = cva(
-  "absolute rounded-full transition-transform duration-200",
-  {
-    variants: {
-      size: {
-        sm: "h-3 w-3",
-        md: "h-4 w-4",
-        lg: "h-5 w-5"
-      },
-      checked: {
-        true: "translate-x-full bg-white left-1.5",
-        false: "bg-neutral left-0.5"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      checked: !1
-    }
-  }
-), SwitchTrack = ({
-  color: e = "primary",
-  size: t = "md",
-  disabled: i = !1,
-  className: s,
-  checked: n
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "span",
-  {
-    className: cn(
-      switchVariants({ color: e, size: t, disabled: i, checked: n }),
-      "rounded-full pointer-events-none",
-      s
-    ),
-    "aria-hidden": "true"
-  }
-), SwitchThumb = ({ size: e = "md", checked: t = !1 }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(thumbVariants({ size: e, checked: t })), "aria-hidden": "true" }), SwitchLabel = ({ label: e, htmlFor: t, placement: i = "top", disabled: s = !1 }) => e ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "label",
-  {
-    htmlFor: t,
-    className: cn(
-      "text-sm select-none font-medium text-foreground",
-      i === "inline" ? "ml-2 mb-0" : "mb-1",
-      s && "opacity-50 cursor-not-allowed"
-    ),
-    children: e
-  }
-) : null, SwitchInput = React__default.forwardRef(
-  ({
-    checked: e,
-    defaultChecked: t,
-    onCheckedChange: i,
-    color: s = "primary",
-    size: n = "md",
-    label: l,
-    labelPlacement: u = "top",
-    disabled: o = !1,
-    className: r,
-    id: d,
-    ariaLabel: x,
-    ...c
-  }, a) => {
-    const [g, h] = useState(
-      t ?? !1
-    ), b = useId(), f = d || b, y = typeof e == "boolean", m = y ? e : g, w = (R) => {
-      y || h(R.target.checked), i?.(R.target.checked);
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: cn(
-          "flex flex-col",
-          u === "inline" && "flex-row items-center",
-          r
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            SwitchLabel,
-            {
-              label: l,
-              htmlFor: f,
-              placement: u,
-              disabled: o
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "span",
-            {
-              className: cn(
-                "relative flex items-center",
-                u === "inline" && "ml-2"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "input",
-                  {
-                    ref: a,
-                    type: "checkbox",
-                    id: f,
-                    "aria-label": x || l,
-                    checked: m,
-                    disabled: o,
-                    onChange: w,
-                    className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
-                    ...c
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SwitchTrack,
-                  {
-                    color: s,
-                    size: n,
-                    disabled: o,
-                    checked: m
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchThumb, { size: n, checked: m })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-SwitchInput.displayName = "SwitchInput";
-function usePriceInputSync(e, t) {
-  useEffect(() => {
-    typeof e == "number" && !isNaN(e) ? t(`${e}`) : e === "" || e === null || e === void 0 ? t("") : typeof e == "string" && t(e);
-  }, [e, t]);
-}
-const PriceInput = ({
-  value: e,
-  onChange: t,
-  allowNegative: i = !1,
-  inputProps: s,
-  label: n,
-  helperText: l,
-  error: u,
-  variant: o,
-  ...r
-}) => {
-  const d = useRef(null), [x, c] = useState(
-    e === "" ? "" : String(e)
-  );
-  usePriceInputSync(e, c);
-  const a = (g) => {
-    let h = g.target.value.replace(/[^\d.,-]/g, "");
-    i || (h = h.replace(/-/g, "")), c(h), t(h);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TextInput,
-    {
-      ref: d,
-      type: "text",
-      label: n,
-      value: x,
-      onChange: a,
-      error: u,
-      helperText: l,
-      placeholder: r.placeholder,
-      leftContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: Banknote, color: "inherit", size: "sm" }),
-      variant: o,
-      inputMode: "numeric",
-      autoComplete: "off",
-      pattern: i ? "^-?[\\d,.]*$" : "^[\\d,.]*$",
-      ...s,
-      ...r
-    }
-  );
-}, EmailInput = forwardRef(
-  (e, t) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TextInput,
-    {
-      ...e,
-      ref: t,
-      type: "email",
-      autoComplete: "email",
-      inputMode: "email",
-      leftContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: MailIcon, color: "inherit", size: "sm" })
-    }
-  )
-);
-export {
-  CalculatorInput as C,
-  DateSinglePickerInput as D,
-  EmailInput as E,
-  PriceInput as P,
-  RadioInput as R,
-  SegmentSingleInput as S,
-  TextInput as T,
-  CheckboxInput as a,
-  ChipMultipleInput as b,
-  SegmentMultipleInput as c,
-  SearchInput as d,
-  SelectInput as e,
-  TextAreaInput as f,
-  TimePickerInput as g,
-  SwitchInput as h,
-  SwitchTrack as i,
-  SwitchThumb as j,
-  SwitchLabel as k
-};