@dimasbaguspm/versaur 0.0.16 → 0.0.18

package/dist/js/switch-input-Bx6_2zG9.js

@@ -1,2035 +0,0 @@
-import { c as cva, j as jsxRuntimeExports, a as cn } from "./index-DOdDlCoL.js";
-import React__default, { useState, useRef, createContext, useContext, useEffect, useId, useCallback } from "react";
-import { I as Icon, C as Calculator, B as Button, b as Calendar, T as Text } from "./calendar-CUjVZ7Ap.js";
-import { a as Modal, M as Menu } from "./menu-Bm-yPIMN.js";
-import { CalculatorIcon, Check, Clock } 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: n,
-    rightContent: o,
-    helperText: s,
-    error: c,
-    className: u,
-    disabled: a,
-    id: r,
-    ...i
-  }, x) => {
-    const l = React__default.useId(), g = r || l, d = !!c;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      t && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: g,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: t
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", u), children: [
-        n && /* @__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: n
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "input",
-          {
-            ref: x,
-            id: g,
-            "aria-invalid": d,
-            "aria-disabled": a,
-            disabled: a,
-            className: cn(
-              textInputVariants({
-                variant: d ? "danger" : e
-              }),
-              n ? "pl-9" : "pl-3",
-              o ? "pr-9" : "pr-3",
-              "h-10"
-            ),
-            ...i
-          }
-        ),
-        o && /* @__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: o
-          }
-        )
-      ] }),
-      d && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
-      !d && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
-    ] });
-  }
-);
-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: n, disabled: o, id: s, ...c }, u) => {
-  const a = useCheckboxContext(), r = React__default.useId(), i = s || r, x = o || a.disabled, l = a.error ? "danger" : a.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: i,
-        disabled: x,
-        className: cn(
-          checkboxVariants({
-            variant: l,
-            size: a.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
-          a.size === "sm" && "after:w-[3px] after:h-[6px]",
-          a.size === "md" && "after:w-[4px] after:h-[8px]",
-          a.size === "lg" && "after:w-[6px] after:h-[10px]",
-          "checked:after:opacity-100",
-          // Outline variants use colored checkmark
-          l?.includes("outline") && "checked:after:border-current",
-          n
-        ),
-        ...c
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: i,
-          className: checkboxLabelVariants({
-            size: a.size,
-            disabled: x
-          }),
-          children: e
-        }
-      ),
-      t && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: cn(
-            "text-gray-600 mt-1",
-            a.size === "sm" && "text-xs",
-            a.size === "md" && "text-xs",
-            a.size === "lg" && "text-sm",
-            x && "opacity-50"
-          ),
-          children: t
-        }
-      )
-    ] })
-  ] });
-});
-CheckboxOption.displayName = "CheckboxOption";
-const CheckboxInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    size: t = "md",
-    label: n,
-    helperText: o,
-    error: s,
-    direction: c = "vertical",
-    className: u,
-    disabled: a,
-    children: r,
-    ...i
-  }, x) => {
-    const l = !!s, g = {
-      variant: e,
-      size: t,
-      disabled: a,
-      error: l
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: x, className: cn("w-full", u), ...i, children: [
-      n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: checkboxGroupVariants({ direction: c }), children: r }),
-      l && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
-      !l && o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
-    ] }) });
-  }
-);
-CheckboxInputRoot.displayName = "CheckboxInput";
-const CheckboxInput = Object.assign(CheckboxInputRoot, {
-  Option: CheckboxOption
-}), ChipInputContext = createContext(
-  null
-), useChipInputContext = () => {
-  const e = useContext(ChipInputContext);
-  if (!e)
-    throw new Error("useChipInputContext must be used within ChipInputContext");
-  return e;
-}, chipOptionVariants = cva(
-  [
-    "inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border"
-  ].join(" "),
-  {
-    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-2 py-1 text-xs gap-1",
-        md: "px-3 py-1.5 text-sm gap-1.5",
-        lg: "px-4 py-2 text-base gap-2"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      selected: !1,
-      shape: "circle",
-      size: "sm"
-    }
-  }
-), ChipOption = React__default.forwardRef(
-  ({
-    children: e,
-    className: t,
-    disabled: n,
-    id: o,
-    value: s,
-    check: c,
-    defaultCheck: u = !1,
-    ...a
-  }, r) => {
-    const i = useChipInputContext(), x = React__default.useId(), l = o || x, g = n || i.disabled, d = i.error ? "danger" : i.variant || "primary", m = i.shape || "circle", f = i.size || "sm", h = i.value?.includes(s) ?? !1, w = (j) => {
-      if (!g) {
-        const b = i.value || [];
-        let C;
-        h ? C = b.filter((I) => I !== s) : C = [...b, s], i.onChange?.(C);
-      }
-      a.onChange?.(j);
-    }, y = f === "lg" ? 20 : f === "md" ? 18 : 16;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref: r,
-          type: "checkbox",
-          id: l,
-          name: `${i.name}[]`,
-          value: s,
-          checked: h,
-          disabled: g,
-          onChange: w,
-          className: "sr-only",
-          ...a
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: l,
-          "data-selected": h,
-          className: cn(
-            chipOptionVariants({
-              variant: d,
-              selected: h,
-              shape: m,
-              size: f
-            }),
-            g && "opacity-50 cursor-not-allowed pointer-events-none",
-            t
-          ),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center", children: [
-            (c || u) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "span",
-              {
-                className: cn(
-                  "flex items-center",
-                  "transition-transform transition-opacity duration-200",
-                  h ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
-                ),
-                "aria-hidden": "true",
-                children: h && (c || /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Check,
-                  {
-                    size: y,
-                    className: d === "primary" ? "text-primary" : d === "secondary" ? "text-secondary" : d === "tertiary" ? "text-tertiary" : d === "ghost" ? "text-ghost" : d === "success" ? "text-success" : d === "info" ? "text-info" : d === "warning" ? "text-warning" : d === "danger" ? "text-danger" : "text-primary"
-                  }
-                ))
-              }
-            ),
-            e
-          ] })
-        }
-      )
-    ] });
-  }
-);
-ChipOption.displayName = "ChipOption";
-const ChipInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    shape: t = "circle",
-    size: n = "sm",
-    label: o,
-    helperText: s,
-    error: c,
-    className: u,
-    disabled: a,
-    name: r,
-    value: i = [],
-    onChange: x,
-    children: l,
-    ...g
-  }, d) => {
-    const m = !!c, f = {
-      variant: e,
-      shape: t,
-      size: n,
-      disabled: a,
-      error: m,
-      name: r,
-      value: i,
-      onChange: x
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ChipInputContext.Provider, { value: f, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: d, className: cn("w-full", u), ...g, children: [
-      o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2", children: l }),
-      m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: c }),
-      !m && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-), ChipInput = Object.assign(ChipInputRoot, {
-  Option: ChipOption
-}), dateSinglePickerInputVariants = textInputVariants, DateSinglePickerTrigger = React__default.forwardRef(
-  ({
-    leftContent: e,
-    rightContent: t,
-    hasError: n,
-    variant: o = "primary",
-    value: s,
-    placeholder: c = "Select date",
-    formatDate: u,
-    className: a,
-    ...r
-  }, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "button",
-    {
-      ref: i,
-      type: "button",
-      "aria-invalid": n,
-      className: cn(
-        dateSinglePickerInputVariants({
-          variant: n ? "danger" : o
-        }),
-        e ? "pl-9" : "pl-3",
-        t ? "pr-9" : "pr-3",
-        "h-10 flex items-center justify-between cursor-pointer w-full relative",
-        "text-left",
-        a
-      ),
-      ...r,
-      children: [
-        e && /* @__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: e
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "span",
-          {
-            className: cn(
-              "flex-1",
-              e ? "ml-2" : "",
-              t ? "mr-2" : ""
-            ),
-            children: u ? u(s) : c
-          }
-        ),
-        t && /* @__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: t
-          }
-        )
-      ]
-    }
-  )
-);
-DateSinglePickerTrigger.displayName = "DateSinglePickerTrigger";
-const DateSinglePickerDocked = ({
-  open: e,
-  value: t,
-  onChange: n,
-  handleMenuClose: o
-}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu, { isOpen: e, onOutsideClick: o, children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Trigger, { className: "absolute top-[90%] left-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true" }) }),
-  /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Content, { className: "drop-shadow-lg rounded-lg bg-white border border-neutral", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Calendar,
-    {
-      value: t,
-      onChange: (s) => {
-        s instanceof Date && n(s);
-      }
-    }
-  ) })
-] }), DateSinglePickerModal = ({
-  open: e,
-  setOpen: t,
-  value: n,
-  onChange: o,
-  label: s,
-  buttonRef: c
-}) => {
-  const [u, a] = useState(
-    n
-  );
-  useEffect(() => {
-    a(n);
-  }, [n, e]);
-  const r = () => {
-    t(!1), a(n), c.current?.focus();
-  }, i = () => {
-    u && (o(u), t(!1), c.current?.focus());
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Modal,
-    {
-      isOpen: e,
-      onOpenChange: t,
-      placement: "top",
-      size: "md",
-      "aria-label": s ? String(s) : "Select date",
-      disableOverlayClose: !1,
-      disableEscClose: !1,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Body, { className: "px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Calendar,
-          {
-            value: u,
-            onChange: (x) => {
-              x instanceof Date && a(x);
-            }
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal.Footer, { className: "px-6", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              onClick: r,
-              variant: "ghost",
-              type: "button",
-              size: "sm",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              onClick: i,
-              variant: "primary",
-              type: "button",
-              disabled: !u,
-              size: "sm",
-              children: "Confirm"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-function useDateSinglePicker({ id: e }) {
-  const [t, n] = useState(!1), o = useId(), s = e || o, c = useRef(null), u = useCallback(
-    (r) => {
-      (r.key === "ArrowDown" || r.key === "Enter" || r.key === " ") && n(!0);
-    },
-    []
-  ), a = useCallback(() => {
-    n(!1), c.current?.focus();
-  }, []);
-  return {
-    open: t,
-    setOpen: n,
-    inputId: s,
-    buttonRef: c,
-    handleKeyDown: u,
-    handleMenuClose: a
-  };
-}
-const DateSinglePickerInput = React__default.forwardRef(
-  ({
-    value: e,
-    onChange: t,
-    label: n,
-    leftContent: o,
-    rightContent: s,
-    helperText: c,
-    error: u,
-    variant: a = "primary",
-    disabled: r,
-    placeholder: i = "Select date",
-    id: x,
-    type: l = "docked",
-    ...g
-  }, d) => {
-    if (e === void 0 || typeof t != "function")
-      throw new Error(
-        "DateSinglePickerInput is a controlled component: value and onChange are required."
-      );
-    const {
-      open: m,
-      setOpen: f,
-      inputId: h,
-      buttonRef: w,
-      handleKeyDown: y,
-      handleMenuClose: j
-    } = useDateSinglePicker({ id: x }), b = !!u, C = (R) => R ? R.toLocaleDateString(void 0, {
-      year: "numeric",
-      month: "short",
-      day: "numeric"
-    }) : typeof i == "string" ? i : "Select date", I = (R) => typeof g.formatDate == "function" ? g.formatDate(R) : C(R), k = () => f((R) => !R), p = y, E = (R) => {
-      t?.(R), w.current?.focus();
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-full", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-        n && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "label",
-          {
-            htmlFor: h,
-            className: "block text-sm font-medium text-foreground mb-2",
-            children: n
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          DateSinglePickerTrigger,
-          {
-            ref: (R) => {
-              w.current = R, typeof d == "function" ? d(R) : d && (d.current = R);
-            },
-            id: h,
-            "aria-haspopup": "dialog",
-            "aria-expanded": m,
-            "aria-controls": m ? `${h}-calendar` : void 0,
-            "aria-invalid": b,
-            "aria-disabled": r,
-            disabled: r,
-            leftContent: o,
-            rightContent: s,
-            hasError: b,
-            variant: a,
-            value: e,
-            placeholder: typeof i == "string" ? i : "Select date",
-            formatDate: I,
-            onClick: k,
-            onKeyDown: p,
-            tabIndex: 0,
-            ...g
-          }
-        ),
-        b && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: u }),
-        c && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: c })
-      ] }),
-      l === "docked" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DateSinglePickerDocked,
-        {
-          open: m,
-          value: e,
-          onChange: E,
-          inputId: h,
-          handleMenuClose: j
-        }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DateSinglePickerModal,
-        {
-          open: m,
-          setOpen: f,
-          value: e,
-          onChange: E,
-          label: typeof n == "string" ? n : void 0,
-          buttonRef: w
-        }
-      )
-    ] });
-  }
-), 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: n, disabled: o, id: s, value: c, ...u }, a) => {
-    const r = useRadioInputContext(), i = React__default.useId(), x = s || i, l = o || r.disabled, g = 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: a,
-          type: "radio",
-          id: x,
-          name: r.name,
-          value: c,
-          disabled: l,
-          className: cn(
-            radioOptionVariants({
-              variant: g,
-              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
-            g?.includes("outline") && "checked:before:bg-current",
-            n
-          ),
-          ...u
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "label",
-          {
-            htmlFor: x,
-            className: radioLabelVariants({
-              size: r.size,
-              disabled: l
-            }),
-            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",
-              l && "opacity-50"
-            ),
-            children: t
-          }
-        )
-      ] })
-    ] });
-  }
-), RadioInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    size: t = "md",
-    label: n,
-    helperText: o,
-    error: s,
-    direction: c = "vertical",
-    className: u,
-    disabled: a,
-    name: r,
-    children: i,
-    ...x
-  }, l) => {
-    const g = !!s, d = {
-      variant: e,
-      size: t,
-      disabled: a,
-      error: g,
-      name: r
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioInputContext.Provider, { value: d, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: l, className: cn("w-full", u), ...x, children: [
-      n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: radioGroupVariants({ direction: c }), children: i }),
-      g && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
-      !g && o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
-    ] }) });
-  }
-), RadioInput = Object.assign(RadioInputRoot, {
-  Option: RadioOption
-}), segmentGroupVariants$1 = cva(
-  "inline-flex rounded-lg border overflow-hidden bg-neutral/50 p-1",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-primary/20",
-        secondary: "border-secondary/20",
-        tertiary: "border-tertiary/20",
-        ghost: "border-ghost/20",
-        neutral: "border-gray-200",
-        // Outline variants
-        "primary-outline": "border-primary",
-        "secondary-outline": "border-secondary",
-        "tertiary-outline": "border-tertiary",
-        "ghost-outline": "border-ghost",
-        "neutral-outline": "border-gray-400",
-        // Semantic variants
-        success: "border-success/20",
-        "success-outline": "border-success",
-        info: "border-info/20",
-        "info-outline": "border-info",
-        warning: "border-warning/20",
-        "warning-outline": "border-warning",
-        danger: "border-danger/20",
-        "danger-outline": "border-danger"
-      },
-      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(
-  "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",
-  {
-    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",
-        // Outline variants
-        "primary-outline": "text-primary hover:bg-primary/10 focus:ring-primary/30",
-        "secondary-outline": "text-secondary hover:bg-secondary/10 focus:ring-secondary/30",
-        "tertiary-outline": "text-tertiary hover:bg-tertiary/10 focus:ring-tertiary/30",
-        "ghost-outline": "text-ghost hover:bg-ghost/10 focus:ring-ghost/30",
-        "neutral-outline": "text-gray-600 hover:bg-gray-100 focus:ring-gray-500/30",
-        // Semantic variants
-        success: "text-ghost hover:text-success focus:ring-success/30",
-        "success-outline": "text-success hover:bg-success/10 focus:ring-success/30",
-        info: "text-ghost hover:text-info focus:ring-info/30",
-        "info-outline": "text-info hover:bg-info/10 focus:ring-info/30",
-        warning: "text-ghost hover:text-warning focus:ring-warning/30",
-        "warning-outline": "text-warning hover:bg-warning/10 focus:ring-warning/30",
-        danger: "text-ghost hover:text-danger focus:ring-danger/30",
-        "danger-outline": "text-danger hover:bg-danger/10 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-md",
-        middle: "",
-        last: "rounded-r-md",
-        single: "rounded-md"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      rounded: "middle"
-    }
-  }
-), getSegmentSelectedClasses$1 = (e) => {
-  const t = {
-    // Core variants - override hover text color changes
-    primary: "bg-primary text-white shadow-sm hover:text-white",
-    secondary: "bg-secondary text-white shadow-sm hover:text-white",
-    tertiary: "bg-tertiary text-white shadow-sm hover:text-white",
-    ghost: "bg-ghost text-white shadow-sm hover:text-white",
-    neutral: "bg-gray-500 text-white shadow-sm hover:text-white",
-    // Outline variants - override hover text color changes
-    "primary-outline": "bg-primary text-white shadow-sm hover:text-white",
-    "secondary-outline": "bg-secondary text-white shadow-sm hover:text-white",
-    "tertiary-outline": "bg-tertiary text-white shadow-sm hover:text-white",
-    "ghost-outline": "bg-ghost text-white shadow-sm hover:text-white",
-    "neutral-outline": "bg-gray-500 text-white shadow-sm hover:text-white",
-    // Semantic variants - override hover text color changes
-    success: "bg-success text-white shadow-sm hover:text-white",
-    "success-outline": "bg-success text-white shadow-sm hover:text-white",
-    info: "bg-info text-white shadow-sm hover:text-white",
-    "info-outline": "bg-info text-white shadow-sm hover:text-white",
-    warning: "bg-warning text-white shadow-sm hover:text-white",
-    "warning-outline": "bg-warning text-white shadow-sm hover:text-white",
-    danger: "bg-danger text-white shadow-sm hover:text-white",
-    "danger-outline": "bg-danger text-white shadow-sm 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: n, id: o, value: s, position: c = "middle", ...u }, a) => {
-    const r = useSegmentSingleInputContext(), i = React__default.useId(), x = o || i, l = n || r.disabled, g = r.error ? "danger" : r.variant || "primary", d = r.value === s, m = (f) => {
-      if (!l) {
-        const h = r.value === s ? null : s;
-        r.onChange?.(h);
-      }
-      u.onChange?.(f);
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref: a,
-          type: "radio",
-          id: x,
-          name: r.name,
-          value: s,
-          checked: d,
-          disabled: l,
-          onChange: m,
-          className: "sr-only",
-          ...u
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: x,
-          className: cn(
-            segmentOptionVariants$1({
-              variant: g,
-              size: r.size,
-              rounded: c
-            }),
-            // Apply selected state styling
-            d && getSegmentSelectedClasses$1(g),
-            d && "relative z-10",
-            // Apply disabled styling directly since labels don't support disabled attribute
-            l && "opacity-50 cursor-not-allowed pointer-events-none",
-            r.fullWidth && "flex-1 min-w-0",
-            t
-          ),
-          children: e
-        }
-      )
-    ] });
-  }
-);
-SegmentOption$1.displayName = "SegmentOption";
-const SegmentSingleInputRoot = React__default.forwardRef(
-  ({
-    variant: e = "primary",
-    size: t = "md",
-    label: n,
-    helperText: o,
-    error: s,
-    className: c,
-    disabled: u,
-    name: a,
-    value: r,
-    onChange: i,
-    children: x,
-    fullWidth: l = !1,
-    ...g
-  }, d) => {
-    const m = !!s, f = {
-      variant: e,
-      size: t,
-      disabled: u,
-      error: m,
-      name: a,
-      value: r,
-      onChange: i,
-      fullWidth: l
-    }, h = React__default.Children.toArray(x), w = h.map((y, j) => {
-      if (React__default.isValidElement(y)) {
-        let b;
-        return h.length === 1 ? b = "single" : j === 0 ? b = "first" : j === h.length - 1 ? b = "last" : b = "middle", React__default.cloneElement(
-          y,
-          { position: b }
-        );
-      }
-      return y;
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentSingleInputContext.Provider, { value: f, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        ref: d,
-        className: cn(l ? "w-full" : "", c),
-        ...g,
-        children: [
-          n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: cn(
-                segmentGroupVariants$1({
-                  variant: m ? "danger" : e,
-                  size: t,
-                  error: m
-                }),
-                l ? "flex w-full" : ""
-              ),
-              children: w
-            }
-          ),
-          m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
-          !m && o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
-        ]
-      }
-    ) });
-  }
-), SegmentSingleInput = Object.assign(SegmentSingleInputRoot, {
-  Option: SegmentOption$1
-}), segmentGroupVariants = cva(
-  "inline-flex rounded-lg border overflow-hidden bg-neutral/50 p-1",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-primary/20",
-        secondary: "border-secondary/20",
-        tertiary: "border-tertiary/20",
-        ghost: "border-ghost/20",
-        neutral: "border-gray-200",
-        // Outline variants
-        "primary-outline": "border-primary",
-        "secondary-outline": "border-secondary",
-        "tertiary-outline": "border-tertiary",
-        "ghost-outline": "border-ghost",
-        "neutral-outline": "border-gray-400",
-        // Semantic variants
-        success: "border-success/20",
-        "success-outline": "border-success",
-        info: "border-info/20",
-        "info-outline": "border-info",
-        warning: "border-warning/20",
-        "warning-outline": "border-warning",
-        danger: "border-danger/20",
-        "danger-outline": "border-danger"
-      },
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      error: {
-        true: "border-danger",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      error: !1
-    }
-  }
-), segmentOptionVariants = cva(
-  "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",
-        // Outline variants
-        "primary-outline": "text-primary hover:bg-primary/10 focus:ring-primary/30",
-        "secondary-outline": "text-secondary hover:bg-secondary/10 focus:ring-secondary/30",
-        "tertiary-outline": "text-tertiary hover:bg-tertiary/10 focus:ring-tertiary/30",
-        "ghost-outline": "text-ghost hover:bg-ghost/10 focus:ring-ghost/30",
-        "neutral-outline": "text-gray-600 hover:bg-gray-100 focus:ring-gray-500/30",
-        // Semantic variants
-        success: "text-ghost hover:text-success focus:ring-success/30",
-        "success-outline": "text-success hover:bg-success/10 focus:ring-success/30",
-        info: "text-ghost hover:text-info focus:ring-info/30",
-        "info-outline": "text-info hover:bg-info/10 focus:ring-info/30",
-        warning: "text-ghost hover:text-warning focus:ring-warning/30",
-        "warning-outline": "text-warning hover:bg-warning/10 focus:ring-warning/30",
-        danger: "text-ghost hover:text-danger focus:ring-danger/30",
-        "danger-outline": "text-danger hover:bg-danger/10 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-md",
-        middle: "",
-        last: "rounded-r-md",
-        single: "rounded-md"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      rounded: "middle"
-    }
-  }
-), getSegmentSelectedClasses = (e) => {
-  const t = {
-    // Core variants - override hover text color changes
-    primary: "bg-primary text-white shadow-sm hover:text-white",
-    secondary: "bg-secondary text-white shadow-sm hover:text-white",
-    tertiary: "bg-tertiary text-white shadow-sm hover:text-white",
-    ghost: "bg-ghost text-white shadow-sm hover:text-white",
-    neutral: "bg-gray-500 text-white shadow-sm hover:text-white",
-    // Outline variants - override hover text color changes
-    "primary-outline": "bg-primary text-white shadow-sm hover:text-white",
-    "secondary-outline": "bg-secondary text-white shadow-sm hover:text-white",
-    "tertiary-outline": "bg-tertiary text-white shadow-sm hover:text-white",
-    "ghost-outline": "bg-ghost text-white shadow-sm hover:text-white",
-    "neutral-outline": "bg-gray-500 text-white shadow-sm hover:text-white",
-    // Semantic variants - override hover text color changes
-    success: "bg-success text-white shadow-sm hover:text-white",
-    "success-outline": "bg-success text-white shadow-sm hover:text-white",
-    info: "bg-info text-white shadow-sm hover:text-white",
-    "info-outline": "bg-info text-white shadow-sm hover:text-white",
-    warning: "bg-warning text-white shadow-sm hover:text-white",
-    "warning-outline": "bg-warning text-white shadow-sm hover:text-white",
-    danger: "bg-danger text-white shadow-sm hover:text-white",
-    "danger-outline": "bg-danger text-white shadow-sm 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: n, id: o, value: s, position: c = "middle", ...u }, a) => {
-    const r = useSegmentMultipleInputContext(), i = React__default.useId(), x = o || i, l = n || r.disabled, g = r.error ? "danger" : r.variant || "primary", d = r.value?.includes(s) ?? !1, m = (f) => {
-      if (!l) {
-        const h = r.value || [];
-        let w;
-        d ? w = h.filter((y) => y !== s) : w = [...h, s], r.onChange?.(w);
-      }
-      u.onChange?.(f);
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref: a,
-          type: "checkbox",
-          id: x,
-          name: `${r.name}[]`,
-          value: s,
-          checked: d,
-          disabled: l,
-          onChange: m,
-          className: "sr-only",
-          ...u
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: x,
-          className: cn(
-            segmentOptionVariants({
-              variant: g,
-              size: r.size,
-              rounded: c
-            }),
-            // Apply selected state styling
-            d && getSegmentSelectedClasses(g),
-            d && "relative z-10",
-            // Apply disabled styling directly since labels don't support disabled attribute
-            l && "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: n,
-    helperText: o,
-    error: s,
-    className: c,
-    disabled: u,
-    name: a,
-    value: r = [],
-    onChange: i,
-    children: x,
-    fullWidth: l = !1,
-    ...g
-  }, d) => {
-    const m = !!s, f = {
-      variant: e,
-      size: t,
-      disabled: u,
-      error: m,
-      name: a,
-      value: r,
-      onChange: i
-    }, h = React__default.Children.toArray(x), w = h.map((y, j) => {
-      if (React__default.isValidElement(y)) {
-        let b;
-        return h.length === 1 ? b = "single" : j === 0 ? b = "first" : j === h.length - 1 ? b = "last" : b = "middle", React__default.cloneElement(
-          y,
-          { position: b }
-        );
-      }
-      return y;
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentMultipleInputContext.Provider, { value: f, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        ref: d,
-        className: cn(
-          l ? "flex w-full flex-col" : "w-full",
-          c
-        ),
-        ...g,
-        children: [
-          n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: cn(
-                segmentGroupVariants({
-                  variant: m ? "danger" : e,
-                  size: t,
-                  error: m
-                }),
-                l && "flex w-full"
-              ),
-              children: w
-            }
-          ),
-          m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
-          !m && o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
-        ]
-      }
-    ) });
-  }
-), SegmentMultipleInput = Object.assign(SegmentMultipleInputRoot, {
-  Option: SegmentOption
-}), 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: n,
-    error: o,
-    className: s,
-    disabled: c,
-    id: u,
-    placeholder: a,
-    children: r,
-    ...i
-  }, x) => {
-    const l = React__default.useId(), g = u || l, d = !!o;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: g,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: t
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", s), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "select",
-          {
-            ref: x,
-            id: g,
-            "aria-invalid": d,
-            "aria-disabled": c,
-            disabled: c,
-            className: cn(
-              selectInputVariants({
-                variant: d ? "danger" : e
-              }),
-              "h-10 pl-3"
-            ),
-            ...i,
-            children: [
-              a && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", disabled: !0, hidden: !0, children: a }),
-              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"
-              }
-            )
-          }
-        ) })
-      ] }),
-      d && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: o }),
-      !d && n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
-    ] });
-  }
-);
-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: n,
-    error: o,
-    className: s,
-    disabled: c,
-    id: u,
-    minRows: a = 3,
-    maxRows: r,
-    fieldSizing: i = "fixed",
-    style: x,
-    rows: l,
-    ...g
-  }, d) => {
-    const m = React__default.useId(), f = u || m, h = !!o, w = l || a, y = i === "content" ? void 0 : r, j = {
-      ...i === "content" && { fieldSizing: "content" },
-      ...y && {
-        maxHeight: `${y * 1.5}rem`
-        // Approximate line height
-      },
-      ...x
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      t && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          htmlFor: f,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: t
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("relative w-full", s), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "textarea",
-        {
-          ref: d,
-          id: f,
-          rows: w,
-          "aria-invalid": h,
-          "aria-disabled": c,
-          disabled: c,
-          style: j,
-          className: cn(
-            textAreaInputVariants({
-              variant: h ? "danger" : e,
-              fieldSizing: i
-            }),
-            "px-3 py-2"
-          ),
-          ...g
-        }
-      ) }),
-      h && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: o }),
-      !h && n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
-    ] });
-  }
-);
-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: n,
-  "aria-label": o,
-  disabled: s
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "input",
-  {
-    type: "text",
-    inputMode: "numeric",
-    pattern: "[0-9]*",
-    maxLength: 2,
-    value: e,
-    onChange: (c) => t(c.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": o || n,
-    disabled: s,
-    autoComplete: "off"
-  }
-), AmPmSegment = ({
-  value: e,
-  onChange: t,
-  disabled: n
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 ml-4", children: ["AM", "PM"].map((o) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "button",
-  {
-    type: "button",
-    className: cn(
-      timeSegmentButtonVariants({
-        active: e === o,
-        size: "sm"
-      })
-    ),
-    "aria-pressed": e === o,
-    onClick: () => t(o),
-    disabled: n,
-    children: o
-  },
-  o
-)) }), TimePickerInput = ({
-  value: e,
-  onChange: t,
-  label: n,
-  helperText: o,
-  disabled: s,
-  error: c,
-  placement: u,
-  "aria-label": a,
-  "aria-labelledby": r,
-  "aria-describedby": i
-}) => {
-  const [x, l] = useState(!1), g = (k) => {
-    const p = k.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: d, minute: m, period: f }, h] = useState(() => g(e)), w = () => {
-    s || (h(g(e)), l(!0));
-  }, y = (k) => {
-    let p = k.replace(/[^\d]/g, "");
-    p.length > 2 && (p = p.slice(0, 2)), Number(p) > 12 && (p = "12"), h((E) => ({ ...E, hour: p }));
-  }, j = (k) => {
-    let p = k.replace(/[^\d]/g, "");
-    p.length > 2 && (p = p.slice(0, 2)), Number(p) > 59 && (p = "59"), h((E) => ({ ...E, minute: p }));
-  }, b = (k) => {
-    h((p) => ({ ...p, period: k }));
-  }, C = () => {
-    h(g(e)), l(!1);
-  }, I = () => {
-    const k = d.padStart(2, "0") || "12", p = m.padStart(2, "0") || "00";
-    t(`${k}:${p} ${f}`), l(!1);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TextInput,
-      {
-        label: n,
-        value: e,
-        onClick: w,
-        readOnly: !0,
-        disabled: s,
-        error: c,
-        helperText: o,
-        "aria-label": a,
-        "aria-labelledby": r,
-        "aria-describedby": i,
-        className: "cursor-pointer bg-white",
-        rightContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: Clock, size: "sm", color: "ghost" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Modal,
-      {
-        isOpen: x,
-        onOpenChange: l,
-        placement: u,
-        size: "sm",
-        "aria-label": a,
-        "aria-labelledby": r,
-        "aria-describedby": i,
-        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: d,
-                onChange: y,
-                label: "Hour",
-                "aria-label": "Hour",
-                disabled: s
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "2xl", className: "select-none", children: ":" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              TimeField,
-              {
-                value: m,
-                onChange: j,
-                label: "Minute",
-                "aria-label": "Minute",
-                disabled: s
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              AmPmSegment,
-              {
-                value: f === "AM" ? "AM" : "PM",
-                onChange: b,
-                disabled: s
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal.Footer, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "md", onClick: C, children: "Cancel" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", size: "md", onClick: I, 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: n = !1,
-  className: o,
-  checked: s
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "span",
-  {
-    className: cn(
-      switchVariants({ color: e, size: t, disabled: n, checked: s }),
-      "rounded-full pointer-events-none",
-      o
-    ),
-    "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: n = "top", disabled: o = !1 }) => e ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "label",
-  {
-    htmlFor: t,
-    className: cn(
-      "text-sm select-none font-medium text-foreground",
-      n === "inline" ? "ml-2 mb-0" : "mb-1",
-      o && "opacity-50 cursor-not-allowed"
-    ),
-    children: e
-  }
-) : null, SwitchInput = React__default.forwardRef(
-  ({
-    checked: e,
-    defaultChecked: t,
-    onCheckedChange: n,
-    color: o = "primary",
-    size: s = "md",
-    label: c,
-    labelPlacement: u = "top",
-    disabled: a = !1,
-    className: r,
-    id: i,
-    ariaLabel: x,
-    ...l
-  }, g) => {
-    const [d, m] = useState(
-      t ?? !1
-    ), f = useId(), h = i || f, w = typeof e == "boolean", y = w ? e : d, j = (b) => {
-      w || m(b.target.checked), n?.(b.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: c,
-              htmlFor: h,
-              placement: u,
-              disabled: a
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "span",
-            {
-              className: cn(
-                "relative flex items-center",
-                u === "inline" && "ml-2"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "input",
-                  {
-                    ref: g,
-                    type: "checkbox",
-                    id: h,
-                    "aria-label": x || c,
-                    checked: y,
-                    disabled: a,
-                    onChange: j,
-                    className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
-                    ...l
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SwitchTrack,
-                  {
-                    color: o,
-                    size: s,
-                    disabled: a,
-                    checked: y
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchThumb, { size: s, checked: y })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-SwitchInput.displayName = "SwitchInput";
-export {
-  CalculatorInput as C,
-  DateSinglePickerInput as D,
-  RadioInput as R,
-  SegmentSingleInput as S,
-  TextInput as T,
-  CheckboxInput as a,
-  ChipInput as b,
-  SegmentMultipleInput as c,
-  SelectInput as d,
-  TextAreaInput as e,
-  TimePickerInput as f,
-  SwitchInput as g,
-  SwitchTrack as h,
-  SwitchThumb as i,
-  SwitchLabel as j
-};