@dimasbaguspm/versaur 0.0.7 → 0.0.9

package/dist/switch-input-DRNFMsqC.js

@@ -0,0 +1,1985 @@
+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-DwRERSxq.js";
+import { a as Modal, M as Menu } from "./menu--hEHXVZf.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-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
+        secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
+        tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
+        ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
+        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
+        "secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
+        "tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
+        "ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/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: s,
+    rightContent: a,
+    helperText: n,
+    error: c,
+    className: l,
+    disabled: o,
+    id: r,
+    ...u
+  }, x) => {
+    const i = React__default.useId(), d = r || i, g = !!c;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      t && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: d,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: t
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", l), children: [
+        s && /* @__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: s
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            ref: x,
+            id: d,
+            "aria-invalid": g,
+            "aria-disabled": o,
+            disabled: o,
+            className: cn(
+              textInputVariants({
+                variant: g ? "danger" : e
+              }),
+              s ? "pl-9" : "pl-3",
+              a ? "pr-9" : "pr-3",
+              "h-10"
+            ),
+            ...u
+          }
+        ),
+        a && /* @__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: a
+          }
+        )
+      ] }),
+      g && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
+      !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-coral/40 checked:bg-coral checked:border-coral focus:ring-coral/20",
+        secondary: "border-sage/40 checked:bg-sage checked:border-sage focus:ring-sage/20",
+        tertiary: "border-mist/40 checked:bg-mist checked:border-mist focus:ring-mist/20",
+        ghost: "border-slate/40 checked:bg-slate checked:border-slate focus:ring-slate/20",
+        neutral: "border-gray-300 checked:bg-gray-500 checked:border-gray-500 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-coral checked:bg-white checked:border-coral focus:ring-coral/20",
+        "secondary-outline": "border-sage checked:bg-white checked:border-sage focus:ring-sage/20",
+        "tertiary-outline": "border-mist checked:bg-white checked:border-mist focus:ring-mist/20",
+        "ghost-outline": "border-slate checked:bg-white checked:border-slate focus:ring-slate/20",
+        "neutral-outline": "border-gray-400 checked:bg-white checked:border-gray-400 focus:ring-gray-500/20",
+        // Semantic variants
+        success: "border-success/40 checked:bg-success checked:border-success focus:ring-success/20",
+        "success-outline": "border-success checked:bg-white checked:border-success focus:ring-success/20",
+        info: "border-info/40 checked:bg-info checked:border-info focus:ring-info/20",
+        "info-outline": "border-info checked:bg-white checked:border-info focus:ring-info/20",
+        warning: "border-warning/40 checked:bg-warning checked:border-warning focus:ring-warning/20",
+        "warning-outline": "border-warning checked:bg-white checked:border-warning focus:ring-warning/20",
+        danger: "border-danger/40 checked:bg-danger checked:border-danger focus:ring-danger/20",
+        "danger-outline": "border-danger checked:bg-white checked:border-danger focus:ring-danger/20"
+      },
+      size: {
+        sm: "h-3 w-3",
+        md: "h-4 w-4",
+        lg: "h-5 w-5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), 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: s, disabled: a, id: n, ...c }, l) => {
+  const o = useCheckboxContext(), r = React__default.useId(), u = n || r, x = a || o.disabled, i = 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: l,
+        type: "checkbox",
+        id: u,
+        disabled: x,
+        className: cn(
+          checkboxVariants({
+            variant: i,
+            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
+          i?.includes("outline") && "checked:after:border-current",
+          s
+        ),
+        ...c
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: u,
+          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: s,
+    helperText: a,
+    error: n,
+    direction: c = "vertical",
+    className: l,
+    disabled: o,
+    children: r,
+    ...u
+  }, x) => {
+    const i = !!n, d = {
+      variant: e,
+      size: t,
+      disabled: o,
+      error: i
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxContext.Provider, { value: d, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: x, className: cn("w-full", l), ...u, children: [
+      s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: checkboxGroupVariants({ direction: c }), children: r }),
+      i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !i && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+    ] }) });
+  }
+);
+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 px-2 py-1 text-xs bg-neutral rounded-full font-medium transition-colors duration-200 cursor-pointer border border-slate-100",
+  {
+    variants: {
+      variant: {
+        primary: [
+          "hover:bg-coral/10",
+          "hover:border-coral/30",
+          "focus:border-coral/30",
+          "data-[selected=true]:bg-coral/10",
+          "data-[selected=true]:border-coral"
+        ].join(" "),
+        secondary: [
+          "hover:bg-sage/10",
+          "hover:border-sage/30",
+          "focus:border-sage/30",
+          "data-[selected=true]:bg-sage/10",
+          "data-[selected=true]:border-sage"
+        ].join(" "),
+        tertiary: [
+          "hover:bg-mist/10",
+          "hover:border-mist/30",
+          "focus:border-mist/30",
+          "data-[selected=true]:bg-mist/10",
+          "data-[selected=true]:border-mist"
+        ].join(" "),
+        ghost: [
+          "hover:bg-slate/10",
+          "hover:border-slate/30",
+          "focus:border-slate/30",
+          "data-[selected=true]:bg-slate/10",
+          "data-[selected=true]:border-slate"
+        ].join(" "),
+        neutral: [
+          "hover:bg-gray/10",
+          "hover:border-gray/30",
+          "focus:border-gray/30",
+          "data-[selected=true]:bg-gray/10",
+          "data-[selected=true]:border-gray"
+        ].join(" "),
+        success: [
+          "hover:bg-success/10",
+          "hover:border-success/30",
+          "focus:border-success/30",
+          "data-[selected=true]:bg-success/10",
+          "data-[selected=true]:border-success"
+        ].join(" "),
+        info: [
+          "hover:bg-info/10",
+          "hover:border-info/30",
+          "focus:border-info/30",
+          "data-[selected=true]:bg-info/10",
+          "data-[selected=true]:border-info"
+        ].join(" "),
+        warning: [
+          "hover:bg-warning/10",
+          "hover:border-warning/30",
+          "focus:border-warning/30",
+          "data-[selected=true]:bg-warning/10",
+          "data-[selected=true]:border-warning"
+        ].join(" "),
+        danger: [
+          "hover:bg-danger/10",
+          "hover:border-danger/30",
+          "focus:border-danger/30",
+          "data-[selected=true]:bg-danger/10",
+          "data-[selected=true]:border-danger"
+        ].join(" ")
+      },
+      selected: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      selected: !1
+    }
+  }
+), ChipOption = React__default.forwardRef(({ children: e, className: t, disabled: s, id: a, value: n, ...c }, l) => {
+  const o = useChipInputContext(), r = React__default.useId(), u = a || r, x = s || o.disabled, i = o.error ? "danger" : o.variant || "primary", d = o.value?.includes(n) ?? !1, g = (f) => {
+    if (!x) {
+      const b = o.value || [];
+      let m;
+      d ? m = b.filter((p) => p !== n) : m = [...b, n], o.onChange?.(m);
+    }
+    c.onChange?.(f);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        ref: l,
+        type: "checkbox",
+        id: u,
+        name: `${o.name}[]`,
+        value: n,
+        checked: d,
+        disabled: x,
+        onChange: g,
+        className: "sr-only",
+        ...c
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "label",
+      {
+        htmlFor: u,
+        "data-selected": d,
+        className: cn(
+          chipOptionVariants({
+            variant: i,
+            selected: d
+          }),
+          x && "opacity-50 cursor-not-allowed pointer-events-none",
+          t
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              className: cn(
+                "flex items-center",
+                "transition-transform transition-opacity duration-200",
+                d ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
+              ),
+              "aria-hidden": "true",
+              children: d && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Check,
+                {
+                  size: 16,
+                  className: i === "primary" ? "text-coral" : i === "secondary" ? "text-sage" : i === "tertiary" ? "text-mist" : i === "ghost" ? "text-slate" : i === "success" ? "text-success" : i === "info" ? "text-info" : i === "warning" ? "text-warning" : i === "danger" ? "text-danger" : "text-coral"
+                }
+              )
+            }
+          ),
+          e
+        ] })
+      }
+    )
+  ] });
+});
+ChipOption.displayName = "ChipOption";
+const ChipInputRoot = React__default.forwardRef(
+  ({
+    variant: e = "primary",
+    label: t,
+    helperText: s,
+    error: a,
+    className: n,
+    disabled: c,
+    name: l,
+    value: o = [],
+    onChange: r,
+    children: u,
+    ...x
+  }, i) => {
+    const d = !!a, g = {
+      variant: e,
+      disabled: c,
+      error: d,
+      name: l,
+      value: o,
+      onChange: r
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ChipInputContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: i, className: cn("w-full", n), ...x, children: [
+      t && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: t }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2", children: u }),
+      d && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
+      !d && 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: s,
+    variant: a = "primary",
+    value: n,
+    placeholder: c = "Select date",
+    formatDate: l,
+    className: o,
+    ...r
+  }, u) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      ref: u,
+      type: "button",
+      "aria-invalid": s,
+      className: cn(
+        dateSinglePickerInputVariants({
+          variant: s ? "danger" : a
+        }),
+        e ? "pl-9" : "pl-3",
+        t ? "pr-9" : "pr-3",
+        "h-10 flex items-center justify-between cursor-pointer w-full relative",
+        "text-left",
+        o
+      ),
+      ...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: l ? l(n) : 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: s,
+  handleMenuClose: a
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu, { isOpen: e, onOutsideClick: a, 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 }) })
+] }), DateSinglePickerModal = ({
+  open: e,
+  setOpen: t,
+  value: s,
+  onChange: a,
+  label: n,
+  buttonRef: c
+}) => {
+  const [l, o] = useState(
+    s
+  );
+  useEffect(() => {
+    o(s);
+  }, [s, e]);
+  const r = () => {
+    t(!1), o(s), c.current?.focus();
+  }, u = () => {
+    l && (a(l), t(!1), c.current?.focus());
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Modal,
+    {
+      isOpen: e,
+      onOpenChange: t,
+      placement: "top",
+      size: "md",
+      "aria-label": n ? String(n) : "Select date",
+      disableOverlayClose: !1,
+      disableEscClose: !1,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Body, { className: "px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { value: l, onChange: o }) }),
+        /* @__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: u,
+              variant: "primary",
+              type: "button",
+              disabled: !l,
+              size: "sm",
+              children: "Confirm"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+function useDateSinglePicker({ id: e }) {
+  const [t, s] = useState(!1), a = useId(), n = e || a, c = useRef(null), l = useCallback(
+    (r) => {
+      (r.key === "ArrowDown" || r.key === "Enter" || r.key === " ") && s(!0);
+    },
+    []
+  ), o = useCallback(() => {
+    s(!1), c.current?.focus();
+  }, []);
+  return {
+    open: t,
+    setOpen: s,
+    inputId: n,
+    buttonRef: c,
+    handleKeyDown: l,
+    handleMenuClose: o
+  };
+}
+const DateSinglePickerInput = React__default.forwardRef(
+  ({
+    value: e,
+    onChange: t,
+    label: s,
+    leftContent: a,
+    rightContent: n,
+    helperText: c,
+    error: l,
+    variant: o = "primary",
+    disabled: r,
+    placeholder: u = "Select date",
+    id: x,
+    type: i = "docked",
+    ...d
+  }, g) => {
+    if (e === void 0 || typeof t != "function")
+      throw new Error(
+        "DateSinglePickerInput is a controlled component: value and onChange are required."
+      );
+    const {
+      open: f,
+      setOpen: b,
+      inputId: m,
+      buttonRef: p,
+      handleKeyDown: w,
+      handleMenuClose: j
+    } = useDateSinglePicker({ id: x }), y = !!l, E = (R) => R ? R.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    }) : typeof u == "string" ? u : "Select date", I = (R) => typeof d.formatDate == "function" ? d.formatDate(R) : E(R), k = () => b((R) => !R), h = w, C = (R) => {
+      t?.(R), p.current?.focus();
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+        s && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "label",
+          {
+            htmlFor: m,
+            className: "block text-sm font-medium text-foreground mb-2",
+            children: s
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DateSinglePickerTrigger,
+          {
+            ref: (R) => {
+              p.current = R, typeof g == "function" ? g(R) : g && (g.current = R);
+            },
+            id: m,
+            "aria-haspopup": "dialog",
+            "aria-expanded": f,
+            "aria-controls": f ? `${m}-calendar` : void 0,
+            "aria-invalid": y,
+            "aria-disabled": r,
+            disabled: r,
+            leftContent: a,
+            rightContent: n,
+            hasError: y,
+            variant: o,
+            value: e,
+            placeholder: typeof u == "string" ? u : "Select date",
+            formatDate: I,
+            onClick: k,
+            onKeyDown: h,
+            tabIndex: 0,
+            ...d
+          }
+        ),
+        y && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: l }),
+        c && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: c })
+      ] }),
+      i === "docked" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DateSinglePickerDocked,
+        {
+          open: f,
+          value: e,
+          onChange: C,
+          inputId: m,
+          handleMenuClose: j
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DateSinglePickerModal,
+        {
+          open: f,
+          setOpen: b,
+          value: e,
+          onChange: C,
+          label: typeof s == "string" ? s : void 0,
+          buttonRef: p
+        }
+      )
+    ] });
+  }
+), 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-coral/40 checked:bg-coral checked:border-coral focus:ring-coral/20",
+        secondary: "border-sage/40 checked:bg-sage checked:border-sage focus:ring-sage/20",
+        tertiary: "border-mist/40 checked:bg-mist checked:border-mist focus:ring-mist/20",
+        ghost: "border-slate/40 checked:bg-slate checked:border-slate focus:ring-slate/20",
+        neutral: "border-gray-300 checked:bg-gray-500 checked:border-gray-500 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-coral checked:bg-white checked:border-coral focus:ring-coral/20",
+        "secondary-outline": "border-sage checked:bg-white checked:border-sage focus:ring-sage/20",
+        "tertiary-outline": "border-mist checked:bg-white checked:border-mist focus:ring-mist/20",
+        "ghost-outline": "border-slate checked:bg-white checked:border-slate focus:ring-slate/20",
+        "neutral-outline": "border-gray-400 checked:bg-white checked:border-gray-400 focus:ring-gray-500/20",
+        // Semantic variants
+        success: "border-success/40 checked:bg-success checked:border-success focus:ring-success/20",
+        "success-outline": "border-success checked:bg-white checked:border-success focus:ring-success/20",
+        info: "border-info/40 checked:bg-info checked:border-info focus:ring-info/20",
+        "info-outline": "border-info checked:bg-white checked:border-info focus:ring-info/20",
+        warning: "border-warning/40 checked:bg-warning checked:border-warning focus:ring-warning/20",
+        "warning-outline": "border-warning checked:bg-white checked:border-warning focus:ring-warning/20",
+        danger: "border-danger/40 checked:bg-danger checked:border-danger focus:ring-danger/20",
+        "danger-outline": "border-danger checked:bg-white checked:border-danger focus:ring-danger/20"
+      },
+      size: {
+        sm: "h-3 w-3",
+        md: "h-4 w-4",
+        lg: "h-5 w-5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), 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: s, disabled: a, id: n, value: c, ...l }, o) => {
+    const r = useRadioInputContext(), u = React__default.useId(), x = n || u, i = a || r.disabled, d = 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: c,
+          disabled: i,
+          className: cn(
+            radioOptionVariants({
+              variant: d,
+              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
+            d?.includes("outline") && "checked:before:bg-current",
+            s
+          ),
+          ...l
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "label",
+          {
+            htmlFor: x,
+            className: radioLabelVariants({
+              size: r.size,
+              disabled: i
+            }),
+            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",
+              i && "opacity-50"
+            ),
+            children: t
+          }
+        )
+      ] })
+    ] });
+  }
+), RadioInputRoot = React__default.forwardRef(
+  ({
+    variant: e = "primary",
+    size: t = "md",
+    label: s,
+    helperText: a,
+    error: n,
+    direction: c = "vertical",
+    className: l,
+    disabled: o,
+    name: r,
+    children: u,
+    ...x
+  }, i) => {
+    const d = !!n, g = {
+      variant: e,
+      size: t,
+      disabled: o,
+      error: d,
+      name: r
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioInputContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: i, className: cn("w-full", l), ...x, children: [
+      s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: radioGroupVariants({ direction: c }), children: u }),
+      d && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !d && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+    ] }) });
+  }
+), 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-coral/20",
+        secondary: "border-sage/20",
+        tertiary: "border-mist/20",
+        ghost: "border-slate/20",
+        neutral: "border-gray-200",
+        // Outline variants
+        "primary-outline": "border-coral",
+        "secondary-outline": "border-sage",
+        "tertiary-outline": "border-mist",
+        "ghost-outline": "border-slate",
+        "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-slate hover:text-coral focus:ring-coral/30",
+        secondary: "text-slate hover:text-sage focus:ring-sage/30",
+        tertiary: "text-slate hover:text-mist focus:ring-mist/30",
+        ghost: "text-slate hover:text-slate focus:ring-slate/30",
+        neutral: "text-slate hover:text-gray-700 focus:ring-gray-400/30",
+        // Outline variants
+        "primary-outline": "text-coral hover:bg-coral/10 focus:ring-coral/30",
+        "secondary-outline": "text-sage hover:bg-sage/10 focus:ring-sage/30",
+        "tertiary-outline": "text-mist hover:bg-mist/10 focus:ring-mist/30",
+        "ghost-outline": "text-slate hover:bg-slate/10 focus:ring-slate/30",
+        "neutral-outline": "text-gray-600 hover:bg-gray-100 focus:ring-gray-500/30",
+        // Semantic variants
+        success: "text-slate hover:text-success focus:ring-success/30",
+        "success-outline": "text-success hover:bg-success/10 focus:ring-success/30",
+        info: "text-slate hover:text-info focus:ring-info/30",
+        "info-outline": "text-info hover:bg-info/10 focus:ring-info/30",
+        warning: "text-slate hover:text-warning focus:ring-warning/30",
+        "warning-outline": "text-warning hover:bg-warning/10 focus:ring-warning/30",
+        danger: "text-slate 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-coral text-white shadow-sm hover:text-white",
+    secondary: "bg-sage text-white shadow-sm hover:text-white",
+    tertiary: "bg-mist text-white shadow-sm hover:text-white",
+    ghost: "bg-slate 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-coral text-white shadow-sm hover:text-white",
+    "secondary-outline": "bg-sage text-white shadow-sm hover:text-white",
+    "tertiary-outline": "bg-mist text-white shadow-sm hover:text-white",
+    "ghost-outline": "bg-slate 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: s, id: a, value: n, position: c = "middle", ...l }, o) => {
+    const r = useSegmentSingleInputContext(), u = React__default.useId(), x = a || u, i = s || r.disabled, d = r.error ? "danger" : r.variant || "primary", g = r.value === n, f = (b) => {
+      if (!i) {
+        const m = r.value === n ? null : n;
+        r.onChange?.(m);
+      }
+      l.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: i,
+          onChange: f,
+          className: "sr-only",
+          ...l
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: x,
+          className: cn(
+            segmentOptionVariants$1({
+              variant: d,
+              size: r.size,
+              rounded: c
+            }),
+            // Apply selected state styling
+            g && getSegmentSelectedClasses$1(d),
+            g && "relative z-10",
+            // Apply disabled styling directly since labels don't support disabled attribute
+            i && "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: s,
+    helperText: a,
+    error: n,
+    className: c,
+    disabled: l,
+    name: o,
+    value: r,
+    onChange: u,
+    children: x,
+    fullWidth: i = !1,
+    ...d
+  }, g) => {
+    const f = !!n, b = {
+      variant: e,
+      size: t,
+      disabled: l,
+      error: f,
+      name: o,
+      value: r,
+      onChange: u,
+      fullWidth: i
+    }, m = React__default.Children.toArray(x), p = m.map((w, j) => {
+      if (React__default.isValidElement(w)) {
+        let y;
+        return m.length === 1 ? y = "single" : j === 0 ? y = "first" : j === m.length - 1 ? y = "last" : y = "middle", React__default.cloneElement(
+          w,
+          { position: y }
+        );
+      }
+      return w;
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentSingleInputContext.Provider, { value: b, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        ref: g,
+        className: cn(i ? "w-full" : "", c),
+        ...d,
+        children: [
+          s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: cn(
+                segmentGroupVariants$1({
+                  variant: f ? "danger" : e,
+                  size: t,
+                  error: f
+                }),
+                i ? "flex w-full" : ""
+              ),
+              children: p
+            }
+          ),
+          f && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          !f && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+        ]
+      }
+    ) });
+  }
+), 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-coral/20",
+        secondary: "border-sage/20",
+        tertiary: "border-mist/20",
+        ghost: "border-slate/20",
+        neutral: "border-gray-200",
+        // Outline variants
+        "primary-outline": "border-coral",
+        "secondary-outline": "border-sage",
+        "tertiary-outline": "border-mist",
+        "ghost-outline": "border-slate",
+        "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-slate hover:text-coral focus:ring-coral/30",
+        secondary: "text-slate hover:text-sage focus:ring-sage/30",
+        tertiary: "text-slate hover:text-mist focus:ring-mist/30",
+        ghost: "text-slate hover:text-slate focus:ring-slate/30",
+        neutral: "text-slate hover:text-gray-700 focus:ring-gray-400/30",
+        // Outline variants
+        "primary-outline": "text-coral hover:bg-coral/10 focus:ring-coral/30",
+        "secondary-outline": "text-sage hover:bg-sage/10 focus:ring-sage/30",
+        "tertiary-outline": "text-mist hover:bg-mist/10 focus:ring-mist/30",
+        "ghost-outline": "text-slate hover:bg-slate/10 focus:ring-slate/30",
+        "neutral-outline": "text-gray-600 hover:bg-gray-100 focus:ring-gray-500/30",
+        // Semantic variants
+        success: "text-slate hover:text-success focus:ring-success/30",
+        "success-outline": "text-success hover:bg-success/10 focus:ring-success/30",
+        info: "text-slate hover:text-info focus:ring-info/30",
+        "info-outline": "text-info hover:bg-info/10 focus:ring-info/30",
+        warning: "text-slate hover:text-warning focus:ring-warning/30",
+        "warning-outline": "text-warning hover:bg-warning/10 focus:ring-warning/30",
+        danger: "text-slate 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-coral text-white shadow-sm hover:text-white",
+    secondary: "bg-sage text-white shadow-sm hover:text-white",
+    tertiary: "bg-mist text-white shadow-sm hover:text-white",
+    ghost: "bg-slate 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-coral text-white shadow-sm hover:text-white",
+    "secondary-outline": "bg-sage text-white shadow-sm hover:text-white",
+    "tertiary-outline": "bg-mist text-white shadow-sm hover:text-white",
+    "ghost-outline": "bg-slate 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: s, id: a, value: n, position: c = "middle", ...l }, o) => {
+    const r = useSegmentMultipleInputContext(), u = React__default.useId(), x = a || u, i = s || r.disabled, d = r.error ? "danger" : r.variant || "primary", g = r.value?.includes(n) ?? !1, f = (b) => {
+      if (!i) {
+        const m = r.value || [];
+        let p;
+        g ? p = m.filter((w) => w !== n) : p = [...m, n], r.onChange?.(p);
+      }
+      l.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: i,
+          onChange: f,
+          className: "sr-only",
+          ...l
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: x,
+          className: cn(
+            segmentOptionVariants({
+              variant: d,
+              size: r.size,
+              rounded: c
+            }),
+            // Apply selected state styling
+            g && getSegmentSelectedClasses(d),
+            g && "relative z-10",
+            // Apply disabled styling directly since labels don't support disabled attribute
+            i && "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: s,
+    helperText: a,
+    error: n,
+    className: c,
+    disabled: l,
+    name: o,
+    value: r = [],
+    onChange: u,
+    children: x,
+    fullWidth: i = !1,
+    ...d
+  }, g) => {
+    const f = !!n, b = {
+      variant: e,
+      size: t,
+      disabled: l,
+      error: f,
+      name: o,
+      value: r,
+      onChange: u
+    }, m = React__default.Children.toArray(x), p = m.map((w, j) => {
+      if (React__default.isValidElement(w)) {
+        let y;
+        return m.length === 1 ? y = "single" : j === 0 ? y = "first" : j === m.length - 1 ? y = "last" : y = "middle", React__default.cloneElement(
+          w,
+          { position: y }
+        );
+      }
+      return w;
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentMultipleInputContext.Provider, { value: b, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        ref: g,
+        className: cn(
+          i ? "flex w-full flex-col" : "w-full",
+          c
+        ),
+        ...d,
+        children: [
+          s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: cn(
+                segmentGroupVariants({
+                  variant: f ? "danger" : e,
+                  size: t,
+                  error: f
+                }),
+                i && "flex w-full"
+              ),
+              children: p
+            }
+          ),
+          f && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          !f && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+        ]
+      }
+    ) });
+  }
+), 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-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
+        secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
+        tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
+        ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
+        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
+        "secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
+        "tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
+        "ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/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: s,
+    error: a,
+    className: n,
+    disabled: c,
+    id: l,
+    placeholder: o,
+    children: r,
+    ...u
+  }, x) => {
+    const i = React__default.useId(), d = l || i, g = !!a;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: d,
+          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: d,
+            "aria-invalid": g,
+            "aria-disabled": c,
+            disabled: c,
+            className: cn(
+              selectInputVariants({
+                variant: g ? "danger" : e
+              }),
+              "h-10 pl-3"
+            ),
+            ...u,
+            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: a }),
+      !g && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
+    ] });
+  }
+);
+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-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
+        secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
+        tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
+        ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
+        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
+        "secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
+        "tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
+        "ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/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: s,
+    error: a,
+    className: n,
+    disabled: c,
+    id: l,
+    minRows: o = 3,
+    maxRows: r,
+    fieldSizing: u = "fixed",
+    style: x,
+    rows: i,
+    ...d
+  }, g) => {
+    const f = React__default.useId(), b = l || f, m = !!a, p = i || o, w = u === "content" ? void 0 : r, j = {
+      ...u === "content" && { fieldSizing: "content" },
+      ...w && {
+        maxHeight: `${w * 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: p,
+          "aria-invalid": m,
+          "aria-disabled": c,
+          disabled: c,
+          style: j,
+          className: cn(
+            textAreaInputVariants({
+              variant: m ? "danger" : e,
+              fieldSizing: u
+            }),
+            "px-3 py-2"
+          ),
+          ...d
+        }
+      ) }),
+      m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
+      !m && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
+    ] });
+  }
+);
+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: s,
+  "aria-label": a,
+  disabled: n
+}) => /* @__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": a || s,
+    disabled: n,
+    autoComplete: "off"
+  }
+), AmPmSegment = ({
+  value: e,
+  onChange: t,
+  disabled: s
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 ml-4", children: ["AM", "PM"].map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "button",
+  {
+    type: "button",
+    className: cn(
+      timeSegmentButtonVariants({
+        active: e === a,
+        size: "sm"
+      })
+    ),
+    "aria-pressed": e === a,
+    onClick: () => t(a),
+    disabled: s,
+    children: a
+  },
+  a
+)) }), TimePickerInput = ({
+  value: e,
+  onChange: t,
+  label: s,
+  helperText: a,
+  disabled: n,
+  error: c,
+  placement: l,
+  "aria-label": o,
+  "aria-labelledby": r,
+  "aria-describedby": u
+}) => {
+  const [x, i] = useState(!1), d = (k) => {
+    const h = k.match(/^(\d{1,2}):(\d{2})\s?(AM|PM)$/i);
+    return h ? {
+      hour: h[1],
+      minute: h[2],
+      period: h[3].toUpperCase()
+    } : { hour: "", minute: "", period: "AM" };
+  }, [{ hour: g, minute: f, period: b }, m] = useState(() => d(e)), p = () => {
+    n || (m(d(e)), i(!0));
+  }, w = (k) => {
+    let h = k.replace(/[^\d]/g, "");
+    h.length > 2 && (h = h.slice(0, 2)), Number(h) > 12 && (h = "12"), m((C) => ({ ...C, hour: h }));
+  }, j = (k) => {
+    let h = k.replace(/[^\d]/g, "");
+    h.length > 2 && (h = h.slice(0, 2)), Number(h) > 59 && (h = "59"), m((C) => ({ ...C, minute: h }));
+  }, y = (k) => {
+    m((h) => ({ ...h, period: k }));
+  }, E = () => {
+    m(d(e)), i(!1);
+  }, I = () => {
+    const k = g.padStart(2, "0") || "12", h = f.padStart(2, "0") || "00";
+    t(`${k}:${h} ${b}`), i(!1);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TextInput,
+      {
+        label: s,
+        value: e,
+        onClick: p,
+        readOnly: !0,
+        disabled: n,
+        error: c,
+        helperText: a,
+        "aria-label": o,
+        "aria-labelledby": r,
+        "aria-describedby": u,
+        className: "cursor-pointer bg-white",
+        rightContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: Clock, size: "sm", color: "ghost" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Modal,
+      {
+        isOpen: x,
+        onOpenChange: i,
+        placement: l,
+        size: "sm",
+        "aria-label": o,
+        "aria-labelledby": r,
+        "aria-describedby": u,
+        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: w,
+                label: "Hour",
+                "aria-label": "Hour",
+                disabled: n
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "2xl", className: "select-none", children: ":" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              TimeField,
+              {
+                value: f,
+                onChange: j,
+                label: "Minute",
+                "aria-label": "Minute",
+                disabled: n
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              AmPmSegment,
+              {
+                value: b === "AM" ? "AM" : "PM",
+                onChange: y,
+                disabled: n
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal.Footer, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "md", onClick: E, 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",
+  {
+    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-[var(--color-primary)]" },
+      {
+        checked: !0,
+        color: "secondary",
+        class: "bg-[var(--color-secondary)]"
+      },
+      { checked: !0, color: "tertiary", class: "bg-[var(--color-tertiary)]" },
+      { checked: !0, color: "ghost", class: "bg-[var(--color-ghost)]" },
+      { checked: !0, color: "neutral", class: "bg-[var(--color-neutral)]" },
+      { checked: !0, color: "success", class: "bg-[var(--color-success)]" },
+      { checked: !0, color: "info", class: "bg-[var(--color-info)]" },
+      { checked: !0, color: "warning", class: "bg-[var(--color-warning)]" },
+      { checked: !0, color: "danger", class: "bg-[var(--color-danger)]" },
+      { checked: !1, class: "bg-white border border-slate-300" }
+    ]
+  }
+), 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-slate-300 left-0.5"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      checked: !1
+    }
+  }
+), SwitchTrack = ({
+  color: e = "primary",
+  size: t = "md",
+  disabled: s = !1,
+  className: a,
+  checked: n
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "span",
+  {
+    className: cn(
+      switchVariants({ color: e, size: t, disabled: s, checked: n }),
+      "rounded-full pointer-events-none",
+      a
+    ),
+    "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: s = "top", disabled: a = !1 }) => e ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "label",
+  {
+    htmlFor: t,
+    className: cn(
+      "text-sm select-none font-medium text-foreground",
+      s === "inline" ? "ml-2 mb-0" : "mb-1",
+      a && "opacity-50 cursor-not-allowed"
+    ),
+    children: e
+  }
+) : null, SwitchInput = React__default.forwardRef(
+  ({
+    checked: e,
+    defaultChecked: t,
+    onCheckedChange: s,
+    color: a = "primary",
+    size: n = "md",
+    label: c,
+    labelPlacement: l = "top",
+    disabled: o = !1,
+    className: r,
+    id: u,
+    ariaLabel: x,
+    ...i
+  }, d) => {
+    const [g, f] = useState(
+      t ?? !1
+    ), b = useId(), m = u || b, p = typeof e == "boolean", w = p ? e : g, j = (y) => {
+      p || f(y.target.checked), s?.(y.target.checked);
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col",
+          l === "inline" && "flex-row items-center",
+          r
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SwitchLabel,
+            {
+              label: c,
+              htmlFor: m,
+              placement: l,
+              disabled: o
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "span",
+            {
+              className: cn(
+                "relative flex items-center",
+                l === "inline" && "ml-2"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "input",
+                  {
+                    ref: d,
+                    type: "checkbox",
+                    id: m,
+                    "aria-label": x || c,
+                    checked: w,
+                    disabled: o,
+                    onChange: j,
+                    className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
+                    ...i
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  SwitchTrack,
+                  {
+                    color: a,
+                    size: n,
+                    disabled: o,
+                    checked: w
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchThumb, { size: n, checked: w })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+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
+};